/*
    倒计时活动css
*/

.pr{position:relative;}
.pr .pa{position:absolute;}
.pr img{width:100%;}
.pr .pa img{width:100%;}

/*顶部倒计时*/
.ticking_t{}
.ticking{top:0;right:5.72vw;width:18vw;text-align: center;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.ticking_title{width:12.29vw;height:1.4vw;line-height:1.4vw;background-color:#7d1bbc;color:#fff;font-size:0.94vw;border-radius:0 0 4px 4px;margin:0 auto;text-transform:uppercase;}
.timer{display:flex;justify-content: space-between;align-items: flex-end;margin-top:1vw;}
.timer span{color:#fff;font-size:0.94vw;}
.timer .c div{background-color:#fff;width:3.12vw;height:3.12vw;line-height:3.12vw;color:#000;font-size:2.3vw;font-weight: bold;border:1px solid #000;border-radius: 5px;box-shadow:2px 2px 5px 0px #3e3e3e inset;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.timer .dot{color:#000;font-size:2.6vw;font-weight: bold;}

/*商品页面倒计时*/
#prime_day{border:2px solid #000;background:none}
#prime_day .c{display:flex;justify-content:space-between;align-items: center;}
#prime_day .timer .c{display: initial;}
#prime_day .c .l{width:256px;}
#prime_day .c .triangle{width: 0;height: 0;border-top: 48px solid #000;border-left: 22px solid #fff;border-bottom: 48px solid #000;}
#prime_day .c .r{width:300px;background-color:#000;height:96px;}

#prime_day .ticking_title{width:236px;height:27px;line-height:27px;background-color:#fff;color:#000;font-size:18px;border-radius: 0 0 4px 4px;margin:0 auto;text-transform: uppercase;}
#prime_day .timer{display:flex;justify-content: space-between;align-items: flex-end;margin:3px auto;width:270px;}
#prime_day .timer span{color:#fff;font-size:14px;background-color: transparent;float: none;line-height: 16px;font-family: "Roboto",sans-serif;font-weight: normal;padding: 0;margin: 0;}
#prime_day .timer .c div{background-color:transparent;width:50px;height:50px;line-height:50px;color:#fff;font-size:44px;font-weight: bold;border:0 none;border-radius: 5px;box-shadow:none;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
#prime_day .timer .dot{color:#fff;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:50px;}

#prime_day .c .l .t{display:flex;justify-content:space-between;align-items: baseline;width:238px;margin: 0 auto;}
#prime_day .c .l .t b{font-size:30px;color:#272727;}
#prime_day .c .l .t s{font-size:16px;color:#808080;}
#prime_day .c .l .t span{font-size:16px;color:#808080;float: none;margin: 0;padding:0;background-color: transparent;font-weight: normal;}
#prime_day .c .l .b{width:238px;height:29px;background-color:#000;color:#fff;font-size:26px;text-align: center;margin: 0 auto;}

/**
 * 水泳倒计时
 */
.ticking_swim{top:0;left:0;width:100%;height:100%;position:absolute;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;display:flex;justify-content: center;align-items: center;color:#fff;}
.ticking_swim .text01{font-size:2.3vw;font-weight: bold;}
.ticking_swim .text02{font-size:1.2vw;font-weight: 400;margin-left:15px;background-color: #830C0B;padding:0 6px;}
.ticking_swim .text03{font-size:1.2vw;font-weight: 300;margin-left:15px;margin-right:15px;font-weight:400;}
.ticking_swim .timer .c div{font-size:2vw;background:none ;border:none; color:#fff;box-shadow:none;}
.ticking_swim .timer .dot{color:#fff;}