.double11-view .db-head{position:relative}.double11-view .db-head .img-head{width:100%}.double11-view .db-head .head-tab{position:absolute;left:.88rem;right:.88rem;bottom:0;height:3.84rem;display:flex;justify-content:space-around;align-items:center}.double11-view .db-head .head-tab .tab-item{width:45%;align-items:center;transition:all .6s ease}.double11-view .db-head .head-tab .tab-item .img-tab{max-width:100%;vertical-align:middle;animation:chandou .3s linear infinite alternate}.double11-view .db-head .head-tab .tab-item.active{width:55%}.double11-view .db-head .head-tab .tab-item.active .img-tab{animation:none}@keyframes chandou{0%{transform:scale(.9)}to{transform:scale(1)}}.double11-view .db-body{position:relative;z-index:99;background:#fff6ea url(https://h5.zhaoonline.com/appactivity/common/img/online/double11/double11_02.jpg) top no-repeat;background-size:100% auto}.double11-view .db-body .coupon-item{width:100%;padding:.53333rem 0;font-size:0;margin-top:.26667rem;background-color:#fff;border-radius:.18667rem}.double11-view .db-body .coupon-item:first-child{margin-top:0}.double11-view .db-body .coupon-item .coupon-block{display:inline-block;zoom:1;width:61%;position:relative}.double11-view .db-body .coupon-item .coupon-block:after{position:absolute;top:-.05333rem;right:-.02667rem;content:" ";display:block;width:0;height:1.94667rem;border-left:.02667rem dashed #ffe8d5}.double11-view .db-body .coupon-item .coupon-block .circle-bottom,.double11-view .db-body .coupon-item .coupon-block .circle-top{position:absolute;right:-.18667rem;content:" ";display:block;width:.37333rem;height:.37333rem;border-radius:.18667rem;background-color:#fcefde}.double11-view .db-body .coupon-item .coupon-block .circle-top{top:-.72rem}.double11-view .db-body .coupon-item .coupon-block .circle-bottom{bottom:-.82667rem}.double11-view .db-body .coupon-item .coupon-block .coupon-title{padding-left:.42667rem;font-size:.4rem;font-weight:600;color:#ff4425;line-height:1}.double11-view .db-body .coupon-item .coupon-block .coupon-text{padding-left:.42667rem;margin-top:.10667rem;font-size:.32rem;color:#666;line-height:1}.double11-view .db-body .coupon-item .coupon-block .coupon-progress{padding-left:.42667rem;margin-top:.24rem;height:.37333rem;line-height:1;white-space:nowrap}.double11-view .db-body .coupon-item .coupon-block .coupon-progress .van-progress{width:3.2rem;display:inline-block;vertical-align:middle;zoom:1}.double11-view .db-body .coupon-item .coupon-block .coupon-progress .van-progress .van-progress__portion .van-progress__pivot{text-indent:-266.64rem;padding:0;width:.37333rem;height:.37333rem;min-width:inherit;background-color:transparent!important;background-image:url(https://h5.zhaoonline.com/appactivity/common/img/online/double11/progress-end.png)!important;background-size:100% 100%!important}.double11-view .db-body .coupon-item .coupon-block .coupon-progress .progress-text{margin-left:.13333rem;display:inline-block;zoom:1;vertical-align:middle;font-size:.32rem;color:#666;line-height:1;transform:scale(.8)}.double11-view .db-body .coupon-item .coupon-action{display:inline-block;zoom:1;vertical-align:top;padding-top:.21333rem;width:39%;text-align:center}.double11-view .db-body .coupon-item .coupon-action .van-button{width:2.26667rem;height:1.01333rem;line-height:1.01333rem;font-size:.4rem;color:#fff;background-color:#ff4425;background:linear-gradient(90deg,#ff874a,#ff4425);border-radius:.48rem}.double11-view .db-body .coupon-item .coupon-action .van-button.btn-nostart{color:#ff4425;background:#fff0e4}.double11-view .db-body .coupon-item .coupon-action .van-button.btn-use{background-color:#4885fa;background:linear-gradient(90deg,#65b7fc,#4885fa)}.double11-view .db-body .coupon-item .coupon-action .van-button.btn-end{cursor:not-allowed;color:#666;background:#dedede}.double11-view .db-body .body-coupon .coupon-head{position:relative;height:1.54667rem;line-height:1.54667rem}.double11-view .db-body .body-coupon .coupon-head .img-head{width:100%;position:relative;height:1.54667rem}.double11-view .db-body .body-coupon .coupon-head .head-block{position:absolute;bottom:.21333rem;left:0;right:0;font-size:.37333rem;font-weight:500;line-height:1.28rem;color:#fff;text-align:center;white-space:nowrap}.double11-view .db-body .body-coupon .coupon-head .head-block .van-count-down{display:inline-block;zoom:1;vertical-align:baseline;line-height:.48rem;color:#fff}.double11-view .db-body .body-coupon .coupon-head .head-block .van-count-down span{display:inline-block;zoom:1;vertical-align:baseline;line-height:.48rem}.double11-view .db-body .body-coupon .coupon-head .head-block .van-count-down .time-num{margin:0 .13333rem;font-size:.45333rem;color:#ffde5f}.double11-view .db-body .body-coupon .coupon-body{position:relative;top:-.26667rem;z-index:50;width:92.5%;margin:0 auto;padding:.37333rem .26667rem;min-height:2.66667rem;background-color:#fcefde;box-sizing:border-box;border-radius:.26667rem}.double11-view .db-body .body-newer{width:92.5%;margin:0 auto;margin-top:.26667rem;border-radius:.26667rem}.double11-view .db-body .body-newer .newer-head{position:relative;margin-top:-.26667rem}.double11-view .db-body .body-newer .newer-head .img-head{border-radius:.26667rem .26667rem 0 0}.double11-view .db-body .body-newer .newer-body{position:relative;top:-.26667rem;z-index:50;padding:.37333rem .26667rem;background-color:#fcefde;box-sizing:border-box;border-radius:.26667rem}.double11-view .db-body .body-rule{margin-top:.26667rem;padding-bottom:1.6rem;padding-right:.42667rem;text-align:right;background-color:#fff6ea}.double11-view .db-body .body-rule .van-button{font-size:0;height:.48rem;line-height:.48rem;background-color:#fff6ea}.double11-view .db-body .body-rule .van-button .img-btn{width:1.78667rem;height:.48rem}.double11-view .db-fixed{position:fixed;top:50%;right:.21333rem;margin-top:-2.66667rem;font-size:0;z-index:100}.double11-view .db-fixed .img-fixed{width:.85333rem;height:3.04rem}.double11-view .popup-rule{width:100%;max-width:780PX;box-sizing:border-box;right:0;margin:0 auto;background-color:transparent}.double11-view .popup-rule .rule-head{position:relative;height:1.81333rem;line-height:1.81333rem}.double11-view .popup-rule .rule-head .img-close{position:absolute;top:0;right:0;width:.96rem;height:.96rem;padding:.42667rem;z-index:99}.double11-view .popup-rule .rule-body{position:relative}.double11-view .popup-rule .rule-body .img-rule{width:100%}.double11-view .popup-rule .rule-body .body-content{position:absolute;top:15.2%;left:7%;right:7%;bottom:7.6%;padding:.96rem .42667rem;background-color:#fffbf6;box-shadow:.02667rem .02667rem .50667rem .10667rem rgba(255,145,111,.46);border-radius:.37333rem}.double11-view .popup-rule .rule-body .body-content .content-body{height:75%;overflow-y:auto}.double11-view .popup-rule .rule-body .body-content .content-body .rule-text{position:relative;padding-left:.53333rem;margin-bottom:.48rem;font-size:.34667rem;line-height:.53333rem;color:#333;letter-spacing:-.016rem}.double11-view .popup-rule .rule-body .body-content .content-body .rule-text .rule-title{position:absolute;top:.08rem;left:0;width:.37333rem;height:.37333rem;font-size:.32rem;line-height:.37333rem;text-align:center;font-weight:500;color:#ff4425;background-color:#ffe4d3;border-radius:.10667rem}.double11-view .popup-rule .rule-body .body-content .content-foot{position:absolute;left:0;right:0;bottom:0;width:100%;text-align:center;padding:.53333rem 0 1.33333rem}.double11-view .popup-rule .rule-body .body-content .content-foot .van-button{width:5.33333rem;font-size:.56rem;color:#fff;height:1.17333rem;line-height:1.17333rem;background:linear-gradient(90deg,#ff8749,#ff4425);border-radius:.58667rem}