body{background:#f1f1f1 url(../images/cdk-product-details/bg.jpg) center top no-repeat}body *{box-sizing:border-box}[hidden],[v-cloak]{display:none!important}.container{width:1200px;margin:0 auto;padding:30px 0 0}.container .bread-crumbs{display:flex;align-items:center}.container .bread-crumbs,.container .bread-crumbs a{color:#fff;font-size:12px}.container .bread-crumbs a{margin:0 5px}.container .bread-crumbs a:hover{text-decoration:underline}.container .bread-crumbs a:nth-of-type(1){margin-left:0}.container .bread-crumbs a:nth-last-of-type(1){text-decoration:none}.container>header{display:flex;justify-content:space-between;height:494px;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container>header .swipers{display:flex;flex:1 0 730px;position:relative}.container>header .swipers .cover-swiper{width:730px}.container>header .swipers .cover-swiper .swiper-container{background-color:#000}.container>header .swipers .cover-swiper .swiper-slide{display:inline-flex;align-items:center;justify-content:center;height:410px}.container>header .swipers .thumbnail-swiper{display:flex;justify-content:space-between;position:absolute;left:0;right:0;bottom:0}.container>header .swipers .thumbnail-swiper .next,.container>header .swipers .thumbnail-swiper .prev{display:flex;align-items:center;justify-content:center;width:20px;height:72px;background-color:#d29208;cursor:pointer;margin-top:38px}.container>header .swipers .thumbnail-swiper .next.swiper-button-disabled,.container>header .swipers .thumbnail-swiper .prev.swiper-button-disabled{background-color:#b9b9b9}.container>header .swipers .thumbnail-swiper .limit-wrap{width:680px;margin-bottom:-5px;overflow:hidden}.container>header .swipers .thumbnail-swiper .swiper-container{height:115px;padding-top:38px}.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide{display:flex;justify-content:center}.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide .thumbnail{width:128px;height:72px;position:relative}.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide .thumbnail .video-overlay{display:none}.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide .thumbnail.video .video-overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0}.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide .thumbnail.video .video-overlay img{width:36px;height:36px}.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide.swiper-slide-thumb-active .thumbnail:after,.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide.swiper-slide-thumb-active .thumbnail:before{content:""}.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide.swiper-slide-thumb-active .thumbnail:before{border:5px solid #d29208;position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px}.container>header .swipers .thumbnail-swiper .swiper-container .swiper-slide.swiper-slide-thumb-active .thumbnail:after{bottom:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#d29208;border-width:15px;margin-left:-15px}.container>header .info-panel{flex:none;display:flex;flex-flow:column nowrap;justify-content:space-between;width:470px;background:transparent url(../images/cdk-product-details/header-bg.png) right top no-repeat;padding:20px;color:#595854}.container>header .info-panel .title{color:#182534;font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-moz-box;-moz-line-clamp:2;word-wrap:break-word;word-break:break-all;white-space:normal}.container>header .info-panel .title .type{color:#fff;border-radius:0 5px 5px 5px;height:20px;line-height:20px;text-align:center;padding:3px 8px 2px 8px;font-size:12px;margin-right:5px}.container>header .info-panel .title .type.blue{background-color:#03a8fd}.container>header .info-panel .title .type.red{background-color:#ff623e}.container>header .info-panel .title .type.purple{background-color:#9191e2}.container>header .info-panel .title .text{flex:1 0 0;display:flex;align-items:center;overflow:hidden}.container>header .info-panel .tags{display:flex;align-items:center;justify-content:space-between}.container>header .info-panel .tags .wrap{flex:1 0 0;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.container>header .info-panel .tags .wrap .tag{display:flex;align-items:center;justify-content:center;max-width:120px;height:26px;border-radius:13px;color:#a6a6a6;border:1px solid #d29208;font-size:12px;margin-right:10px;padding:0 10px;background-color:#fff}.container>header .info-panel .tags .wrap .tag span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.container>header .info-panel .tags .wrap .tag:nth-last-of-type(1){margin-right:0}.container>header .info-panel .tags .wrap .tag.fill,.container>header .info-panel .tags .wrap .tag:hover{background-color:#d29208;color:#fff}.container>header .info-panel .tags>span{display:flex;align-items:center;color:#d29208}.container>header .info-panel .tags>span img{margin-right:5px}.container>header .info-panel .field{display:flex;align-items:center;height:21px}.container>header .info-panel .field:nth-last-of-type(2){margin-top:0}.container>header .info-panel .field .field-name{flex:none;width:56px;text-align:justify;font-size:0}.container>header .info-panel .field .field-name span{font-size:14px}.container>header .info-panel .field .field-name:after{content:"";display:inline-block;width:100%;height:0;line-height:0;font-size:0}.container>header .info-panel .field .field-content:not(.tips) a{max-width:356px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#595854}.container>header .info-panel .field .field-content:not(.tips) a:hover{color:#d29208}.container>header .info-panel .field .explain-btn{font-size:14px;color:#595854;text-decoration:underline}.container>header .info-panel .field .field-content{flex:1 0 0;display:flex;flex-wrap:wrap;align-items:center;margin-left:10px}.container>header .info-panel .field .field-content.tips a{display:flex;align-items:center}.container>header .info-panel .field .field-content.tips img{transform:translateX(-10px)}.container>header .info-panel .field .field-content strong{color:#d29208;font-size:22px;margin-right:5px}.container>header .info-panel .field .field-content strong sup{font-size:12px}.container>header .info-panel .field .field-content img{margin-right:5px}.container>header .info-panel .field .field-content .platform{display:flex;align-items:center;margin-right:5px}.container>header .info-panel .field .field-content .platform img{height:20px}.container>header .info-panel .field .field-content .platform:hover{color:#d29208}.container>header .info-panel .field .field-content .steam-price{display:flex;align-items:center;margin-left:20px}.container>header .info-panel .field .field-content .steam-price em{font-style:normal;text-decoration:line-through;margin-left:5px}.container>header .info-panel .choose-area{height:80px;overflow:hidden;transition:all .5s;padding:0 8px 10px}.container>header .info-panel .choose-area.sb{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between;min-height:auto}.container>header .info-panel .choose-area.expand{flex:1 0 0;overflow:visible;height:auto;padding:0 8px 10px;background-color:#fff;position:relative;z-index:1}@keyframes scaleDraw{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}}.container>header .info-panel .choose-area label{display:inline-flex;position:relative;margin-top:10px;cursor:pointer}.container>header .info-panel .choose-area label input{position:absolute;width:0;height:0;visibility:hidden}.container>header .info-panel .choose-area label input:checked~span{color:#fff;background-color:#d29208}.container>header .info-panel .choose-area label span{display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:30px;background-color:#fff;border:1px solid #d29208;color:#d29208;padding:0 10px}.container>header .info-panel .choose-area label span.fill-row{min-width:410px}.container>header .info-panel .choose-area .fix{width:100px;height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.container>header .info-panel a.more{display:flex;align-items:center;justify-content:center;margin-top:10px;width:100%;font-size:14px;color:#d29208}.container>header .info-panel a.more.hidden{visibility:hidden;pointer-events:none}.container>header .info-panel a.more.expand{background:#fff;position:relative;z-index:1;margin-top:0;padding-bottom:10px}.container>header .info-panel a.more.expand img{transform:scaleY(-1)}.container>header .info-panel a.more img{margin-left:5px}.container>header .info-panel>.wrap{height:104px}.container .content-wrap{display:flex;justify-content:space-between;margin-top:30px}.container .content-wrap .others{width:274px;color:#151f2c}.container .content-wrap .others header{display:flex;align-items:center;height:55px;font-size:16px}.container .content-wrap .others .product{border-bottom:1px solid #b9b9b9;margin-top:20px}.container .content-wrap .others .product:nth-of-type(1){margin-top:0}.container .content-wrap .others .product:hover .cover img{transform:scale(1.2)}.container .content-wrap .others .product .cover{display:flex;align-items:center;justify-content:center;text-align:center;width:274px;height:128px;overflow:hidden}.container .content-wrap .others .product .cover>a{display:inline-block;width:100%}.container .content-wrap .others .product .cover img{width:100%;transition:transform .1s linear}.container .content-wrap .others .product .description{display:flex;align-items:center;justify-content:space-between;height:52px}.container .content-wrap .others .product .description .title{flex:1 0 0;display:flex;overflow:hidden}.container .content-wrap .others .product .description .title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.container .content-wrap .others .product .description .price{white-space:nowrap;margin-left:10px;transform:translateY(-2px)}.container .content-wrap .others .product .description .price strong{color:#d29208;font-size:22px}.container .content-wrap .others .product .description .price strong sup{font-size:12px}.container .content-wrap .content{flex:1 0 0;max-width:896px;margin-left:30px;color:#1a2836}.container .content-wrap .content>header{display:flex;justify-content:space-between;height:55px;border-bottom:1px solid #b9b9b9}.container .content-wrap .content>header .tabs{display:flex}.container .content-wrap .content>header .tabs a{display:flex;align-items:center;justify-content:center;font-size:16px;color:#595854;margin:0 70px -1px 0;border-bottom:2px solid transparent}.container .content-wrap .content>header .tabs a.active{color:#d29208;border-bottom:2px solid #d29208}.container .content-wrap .content>header .tips{display:flex;align-items:center;justify-content:center}.container .content-wrap .content>header .tips a{display:flex;align-items:center;color:#d29208}.container .content-wrap .content>header .tips a img{margin-left:3px}.container .content-wrap .content .tab-content:nth-of-type(1) header{height:40px;margin-top:10px;position:relative}.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(2),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(6),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(7){cursor:pointer}.container .content-wrap .content .tab-content:nth-of-type(1) header>div.asc .sort:before{border-color:transparent transparent #d29208}.container .content-wrap .content .tab-content:nth-of-type(1) header>div.desc .sort:after{border-color:#d29208 transparent transparent}.container .content-wrap .content .tab-content:nth-of-type(1) header .sort{height:20px;color:#1a2836;z-index:0}.container .content-wrap .content .tab-content:nth-of-type(1) header .sort:before{top:-1px}.container .content-wrap .content .tab-content:nth-of-type(1) header .sort:after{top:11px}.container .content-wrap .content .tab-content:nth-of-type(1) .item{height:70px;position:relative}.container .content-wrap .content .tab-content:nth-of-type(1) .item:nth-child(even){background-color:#dcdcdc}.container .content-wrap .content .tab-content:nth-of-type(1) .item:hover{background-color:#e9d9bb}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1){justify-content:flex-start}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1):hover>.saler-info{opacity:1;visibility:visible}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1) .avatar{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1) .saler-info{visibility:hidden;opacity:0;position:absolute;min-width:175px;height:75px;padding:16px 10px 0 10px;box-sizing:border-box;flex-direction:column;text-align:left;justify-content:normal;align-items:normal;top:57px;left:0;z-index:1;background:url(../images/cdk-product-details/bg_person_record.png) no-repeat;background-size:100% 100%;transition:all .5s}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1) .saler-info::after{content:"";position:absolute;background:#fff;z-index:-1;bottom:1px;left:1px;width:calc(100% - 2px);height:69px;box-sizing:border-box}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1) .saler-info div{color:#a6a6a6;font-size:14px}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1) .saler-info div img{margin-right:5px}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1) .saler-info div:last-child{margin-top:5px}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(2) img{margin:0 1px}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(7) span{color:#d29208}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(8) button{width:80px;height:30px;background-color:#d29208;color:#fff;cursor:pointer}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(9) img{cursor:pointer}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(9) img:nth-last-of-type(1){display:none}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(9):hover img{display:none}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(9):hover img:nth-last-of-type(1){display:flex}.container .content-wrap .content .tab-content:nth-of-type(1) .item,.container .content-wrap .content .tab-content:nth-of-type(1) header{display:flex}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div,.container .content-wrap .content .tab-content:nth-of-type(1) header>div{display:flex;align-items:center;justify-content:center;padding:0 10px}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(1),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(1){width:19%;padding:0 10px 0 20px}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(2),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(2){width:10%}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(3),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(3){width:18%;padding:0 10px}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(4),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(4){width:9%}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(5),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(5){width:10%}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(6),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(6){width:9%}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(7),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(7){width:12%}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(8),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(8){width:9%;padding:0}.container .content-wrap .content .tab-content:nth-of-type(1) .item>div:nth-of-type(9),.container .content-wrap .content .tab-content:nth-of-type(1) header>div:nth-of-type(9){width:4%;padding:0}.container .content-wrap .content .tab-content:nth-of-type(1) .nothing{display:flex;align-items:center;justify-content:center;padding:40px 0}.container .content-wrap .content .tab-content:nth-of-type(2) .desc img{max-width:100%}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim{margin-top:40px}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim .title{font-size:22px;font-weight:700}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim .sysreq_tabs{display:flex;height:55px;border-bottom:1px solid #b9b9b9}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim .sysreq_tabs div{display:flex;align-items:center;justify-content:center;font-size:14px;color:#595854;margin:0 40px -1px 0;border-bottom:2px solid transparent;cursor:pointer}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim .sysreq_tabs div.active{color:#d29208;border-bottom:2px solid #d29208}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim .sysreq_content{display:flex}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim .sysreq_content>div{flex:1 0 50%;padding:20px 20px 0;line-height:2}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim .sysreq_content>div:nth-of-type(1){padding-left:0}.container .content-wrap .content .tab-content:nth-of-type(2) .sys-claim .sysreq_content>div:nth-last-of-type(1){padding-right:0}.container .hot{margin-top:30px}.container .hot header{color:#151f2c}.container .hot header strong{font-size:16px}.container .hot .products{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between;margin-top:20px;position:relative}.container .hot .products .product{width:390px;padding:8px 0 0 6px;position:relative}.container .hot .products .product:hover .wrap .cover img{transform:scale(1.2)}.container .hot .products .product:hover .wrap .cover .name{opacity:1}.container .hot .products .product:hover .wrap .other:after{width:100%}.container .hot .products .product .tag{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;height:30px;padding:0 10px;background-color:#00b5ff;color:#fff;z-index:1}.container .hot .products .product .tag:after{content:"";width:9px;height:8px;position:absolute;top:0;left:calc(100% - 1px);background:transparent url(../images/cdk-product-details/icon-tag-tr.png) 0 0 no-repeat}.container .hot .products .product .wrap .cover{display:flex;align-items:center;justify-content:center;width:383px;height:179px;position:relative;overflow:hidden}.container .hot .products .product .wrap .cover img{width:100%;height:100%;transition:transform .1s linear}.container .hot .products .product .wrap .cover .name{display:flex;align-items:center;height:30px;position:absolute;left:0;right:0;bottom:0;padding:0 10px;color:#fff;background-color:rgba(26,40,54,.8);opacity:0;transition:opacity .15s linear}.container .hot .products .product .wrap .cover .name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.container .hot .products .product .wrap .other{display:flex;height:40px;background-color:#dadada;position:relative}.container .hot .products .product .wrap .other:after{content:"";width:0;position:absolute;right:0;bottom:0;height:2px;background-color:#d29208;transition:width .3s ease-in-out}.container .hot .products .product .wrap .other .price{flex:1 0 0;display:flex;align-items:center;color:#d29208;padding-left:10px}.container .hot .products .product .wrap .other .price strong{font-size:22px;margin-right:10px}.container .hot .products .product .wrap .other .price strong sup{font-size:12px}.container .hot .products .product .wrap .other .price span{display:flex;text-decoration:line-through;transform:translateY(2px)}.container .hot .products .product .wrap .other .sale{display:flex;align-items:center;justify-content:center;width:50px;background-color:#d29208;color:#fff}.container .hot .products .product.fix{height:0;padding:0;margin-top:0;margin-bottom:0}.container .hot .products .hot-swiper-next,.container .hot .products .hot-swiper-prev{width:38px;height:38px;background:url(../images/cdk-product-details/icon-direction.png) no-repeat;position:absolute;cursor:pointer}.container .hot .products .hot-swiper-prev{top:50%;margin-top:-19px;left:-55px}.container .hot .products .hot-swiper-next{top:50%;margin-top:-19px;right:-60px;background-position-x:-42px}.box-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:110;background-color:rgba(0,0,0,.5)}.box-overlay .order-confirm-box{display:flex;flex-flow:column nowrap;width:830px;background-color:#eee;color:#182534;height:90vh;font-size:14px}.box-overlay .order-confirm-box>header{flex:none;display:flex;align-items:center;justify-content:center;height:61px;font-size:18px;position:relative;border-bottom:1px solid #dadadb}.box-overlay .order-confirm-box>header a{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:24px;color:#182534}.box-overlay .order-confirm-box .box-content{flex:1 0 0;padding:0 20px;overflow-y:auto}.box-overlay .order-confirm-box .box-content .steam-select{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:14px;line-height:1}.box-overlay .order-confirm-box .box-content .steam-select .label{color:#d29208}.box-overlay .order-confirm-box .box-content .steam-select .content{display:flex;align-items:center;cursor:pointer}.box-overlay .order-confirm-box .box-content .steam-select .content::after{position:relative;content:"";margin-left:5px;top:-2px;border-width:5px;border-style:solid;border-color:transparent transparent #182534}.box-overlay .order-confirm-box .box-content .steam-select-box{margin-top:10px;border:1px solid #d29208}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item{display:flex;align-items:center;height:50px;padding:0 10px;background:#fff;cursor:pointer}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item:hover{background:#d29208}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item:hover .id{color:#fff}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item.active{background:#d29208}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item.active .id{color:#fff}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item .avatar{width:34px;height:34px;margin-right:10px;border-radius:50%}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item .id{color:#182534}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item .steam-tag{display:flex;justify-content:center;align-items:center;height:20px;margin-left:6px;padding:0 5px;color:#9c9c9c;background:#e3e3e3}.box-overlay .order-confirm-box .box-content .steam-select-box .steam-select-list .steam-select-item .error-tips{margin-left:10px;color:#d00000}.box-overlay .order-confirm-box .box-content .steam-select-box .empty-box{padding:44px 0;text-align:center;color:#828282}.box-overlay .order-confirm-box .box-content h3{color:#d29208;padding:18px 0}.box-overlay .order-confirm-box .box-content .product{display:flex;min-height:166px;background-color:rgba(201,201,201,.3);border:1px solid rgba(133,140,147,.3);padding:23px 20px}.box-overlay .order-confirm-box .box-content .product .cover{flex:none;display:flex;align-items:center;justify-content:center;width:252px;height:118px;margin-right:15px}.box-overlay .order-confirm-box .box-content .product .cover img{width:252px;height:118px;-o-object-fit:cover;object-fit:cover}.box-overlay .order-confirm-box .box-content .product .detail{flex:1 0 0;overflow:hidden}.box-overlay .order-confirm-box .box-content .product .detail .title{display:flex;align-items:center;justify-content:space-between}.box-overlay .order-confirm-box .box-content .product .detail .title .text{display:flex;align-items:center;overflow:hidden}.box-overlay .order-confirm-box .box-content .product .detail .title .text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.box-overlay .order-confirm-box .box-content .product .detail .title .text .type{color:#fff;border-radius:0 5px 5px 5px;height:20px;padding:2px 5px;font-size:12px;margin-right:5px}.box-overlay .order-confirm-box .box-content .product .detail .title .text .type span{display:flex;position:relative;transform:translateY(-1px)}.box-overlay .order-confirm-box .box-content .product .detail .title .text .type.blue{background-color:#03a8fd}.box-overlay .order-confirm-box .box-content .product .detail .title .text .type.red{background-color:#ff623e}.box-overlay .order-confirm-box .box-content .product .detail .title .text .type.purple{background-color:#9191e2}.box-overlay .order-confirm-box .box-content .product .detail .title .user{display:flex;align-items:center;width:150px}.box-overlay .order-confirm-box .box-content .product .detail .title .user .avatar{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;margin:0 10px 0 20px}.box-overlay .order-confirm-box .box-content .product .detail .title .user .avatar img{max-width:100%;max-height:100%}.box-overlay .order-confirm-box .box-content .product .detail .title .user span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.box-overlay .order-confirm-box .box-content .product .detail .platform{display:flex;flex-wrap:wrap;align-items:center;margin-top:10px}.box-overlay .order-confirm-box .box-content .product .detail .platform span{display:flex;align-items:center;margin-right:20px}.box-overlay .order-confirm-box .box-content .product .detail .platform span:nth-of-type(1){margin-left:0}.box-overlay .order-confirm-box .box-content .product .detail .platform span img{margin-right:5px}.box-overlay .order-confirm-box .box-content .product .detail .price{display:flex;align-items:flex-end;justify-content:space-between;margin-top:22px}.box-overlay .order-confirm-box .box-content .product .detail .price strong{display:flex;align-items:flex-end;font-size:18px;color:#d29208;transform:translateY(6px)}.box-overlay .order-confirm-box .box-content .product .detail .price strong span{font-size:14px;transform:translateY(-2px)}.box-overlay .order-confirm-box .box-content .product .detail .price .store{display:flex;align-items:center}.box-overlay .order-confirm-box .box-content .product .detail .price .store .stepper{display:flex;align-items:center;width:110px;margin-left:20px}.box-overlay .order-confirm-box .box-content .product .detail .price .store .stepper button{width:30px;height:30px;background-color:#d29208;color:#fff;cursor:pointer}.box-overlay .order-confirm-box .box-content .product .detail .price .store .stepper input{width:50px;height:30px;border-top:1px solid #d29208;border-bottom:1px solid #d29208;color:#d29208;text-align:center}.box-overlay .order-confirm-box .box-content .field{display:flex;flex-wrap:wrap;align-items:center;padding:15px 0;border-bottom:1px solid #dadadb}.box-overlay .order-confirm-box .box-content .field .pay-methods-title{display:flex;justify-content:space-between;align-items:center;width:100%}.box-overlay .order-confirm-box .box-content .field.pt0{padding-top:0}.box-overlay .order-confirm-box .box-content .field.amount{color:#d29208}.box-overlay .order-confirm-box .box-content .field.amount strong{font-size:22px}.box-overlay .order-confirm-box .box-content .field .sb{width:100%;display:flex;align-items:center;justify-content:space-between}.box-overlay .order-confirm-box .box-content .field .sb a{color:#182534;padding-right:13px;position:relative}.box-overlay .order-confirm-box .box-content .field .sb a:hover{text-decoration:underline}.box-overlay .order-confirm-box .box-content .field .sb a:after{content:"";height:0;border-width:5px;border-style:solid;position:absolute;right:0}.box-overlay .order-confirm-box .box-content .field .sb a:not(.no-voucher):after{border-color:transparent transparent #182534;top:3px}.box-overlay .order-confirm-box .box-content .field .sb a.no-voucher:after{border-color:#182534 transparent transparent;bottom:3px}.box-overlay .order-confirm-box .box-content .field .m{display:flex;align-items:center;flex:1;min-width:110px}.box-overlay .order-confirm-box .box-content .field .m img{margin-right:5px}.box-overlay .order-confirm-box .box-content .field .m .boots{animation:scaleDraw linear 1s}.box-overlay .order-confirm-box .box-content .field .m>label{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.box-overlay .order-confirm-box .box-content .field .m>label input{width:0;height:0;position:absolute;visibility:hidden}.box-overlay .order-confirm-box .box-content .field .m>label input:checked~span:before{content:"";display:block;width:100px;height:20px;background-color:#d29208;position:absolute;left:100%;bottom:0;transform:translateX(-50%) rotate(-40deg)}.box-overlay .order-confirm-box .box-content .field .m>label input:checked~span:after{content:"✓";color:#fff;position:absolute;right:3px;bottom:-2px;transform:rotate(15deg)}.box-overlay .order-confirm-box .box-content .field .m>label span{display:flex;align-items:center;justify-content:center;min-width:110px;height:40px;background-color:#fff;border:1px solid #d29208;position:relative;overflow:hidden;padding:0 10px}.box-overlay .order-confirm-box .box-content .field .m>label span:hover{color:#d29208}.box-overlay .order-confirm-box .box-content .field>a{color:#0b84d3;text-decoration:underline}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap{flex:none;width:100%;height:138px;padding-bottom:30px;margin-top:20px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide{display:flex;align-items:center}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label{display:flex;align-items:center;position:relative;cursor:pointer;margin-left:12px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label input{width:0;height:0;position:absolute;visibility:hidden}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label input:checked~i:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:8px;height:8px;background-color:#d29208;border-radius:50%}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label i{display:flex;width:12px;height:12px;border-radius:50%;border:1px solid #d29208;margin-right:10px;position:relative}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label .voucher{display:flex;height:108px;color:#fff;font-size:12px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label .voucher .l{display:flex;flex-flow:column nowrap;justify-content:space-between;max-width:240px;min-width:195px;border-radius:12px;background-color:#d29208;padding:10px 15px 15px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label .voucher .l strong{font-size:18px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label .voucher .l strong span{font-size:14px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label .voucher .l span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label .voucher .r{display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between;width:142px;border-radius:12px;margin-left:-2px;background:#d29208 linear-gradient(0deg,#fff 50%,transparent 0) 0 calc(100% + 6px)/2px 14px repeat-y;padding:5px 0 15px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label .voucher .r strong{font-size:30px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-slide label .voucher .r strong sup{font-size:18px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-pagination{position:relative;margin-top:10px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{margin:0 5px}.box-overlay .order-confirm-box .box-content .field .swiper-container-wrap .swiper-pagination .swiper-pagination-bullet-active{background-color:#d29208}.box-overlay .order-confirm-box .box-content .field .pay-methods{display:flex;align-items:center;width:100%;margin-top:15px}.box-overlay .order-confirm-box .box-content .field .pay-methods label{position:relative;cursor:pointer;margin-right:10px}.box-overlay .order-confirm-box .box-content .field .pay-methods label:nth-last-of-type(1){margin-right:0}.box-overlay .order-confirm-box .box-content .field .pay-methods label input{width:0;height:0;position:absolute;visibility:hidden}.box-overlay .order-confirm-box .box-content .field .pay-methods label input:checked~span:before{content:"";display:block;width:100px;height:20px;background-color:#d29208;position:absolute;left:100%;bottom:0;transform:translateX(-50%) rotate(-40deg)}.box-overlay .order-confirm-box .box-content .field .pay-methods label input:checked~span:after{content:"✓";color:#fff;position:absolute;right:3px;bottom:-2px;transform:rotate(15deg)}.box-overlay .order-confirm-box .box-content .field .pay-methods label>span{display:flex;position:relative;width:160px;height:80px;overflow:hidden;border:1px solid #d29208;align-items:center;justify-content:center}.box-overlay .order-confirm-box .box-content .field .pay-methods label>span .icon-question{display:inline-block;width:14px;height:14px;position:absolute;right:8px;top:8px;background:url(../images/icon-question-yellow.png) center/cover no-repeat;cursor:pointer;z-index:10}.box-overlay .order-confirm-box .box-content .field .pay-methods label>span .icon-question::before{display:none}.box-overlay .order-confirm-box .box-content .field .pay-methods label>span .name{display:flex;flex-direction:column;text-indent:1em;padding-top:8px;color:#182534}.box-overlay .order-confirm-box .box-content .field .pay-methods label>span .name .balance{font-size:12px;color:#828282}.box-overlay .order-confirm-box .box-content .field .pay-methods label>span .tag{position:absolute;right:0;top:0;padding:2px 5px 3px;background-color:#d29208;color:#fff;font-size:12px;border-radius:0 0 0 10px}.box-overlay .order-confirm-box .box-content .field .pay-methods label>span img{padding-top:8px}.box-overlay .order-confirm-box .box-content .field .pay-methods .more{text-align:center;width:20px;height:74px;background-color:#d29208;border-radius:10px;color:#fff;line-height:1;padding-top:6px;margin-right:10px;font-size:12px;cursor:pointer}.box-overlay .order-confirm-box .box-content .agree{text-align:center;margin-top:10px}.box-overlay .order-confirm-box .box-content .agree a{color:#d29208}.box-overlay .order-confirm-box .box-content .navigateTo{padding-top:20px;text-align:center;cursor:pointer}.box-overlay .order-confirm-box .box-content .buttons{display:flex;align-items:center;justify-content:center;height:80px}.box-overlay .order-confirm-box .box-content .buttons button{width:300px;height:40px;color:#fff;background-color:#d29208;cursor:pointer}.box-overlay .big-img{width:1490px;height:895px;background-color:#eee;position:relative;display:flex;justify-content:center;align-items:center}.box-overlay .big-img p{position:absolute;top:17px;color:#182534;font-size:14px}.box-overlay .big-img a{color:#182534;position:absolute;top:1%;right:1%;font-size:18px}.box-overlay .big-img .swiper-container{width:1451px;height:816px;margin-top:30px}.box-overlay .big-img .swiper-container .swiper-button-prev{width:34px;height:34px;color:#fff;border:2px solid #fff;border-radius:50%;left:30px;right:auto}.box-overlay .big-img .swiper-container .swiper-button-prev::after{font-size:16px;font-weight:700}.box-overlay .big-img .swiper-container .swiper-button-next{width:34px;height:34px;color:#fff;border:2px solid #fff;border-radius:50%;right:30px;left:auto}.box-overlay .big-img .swiper-container .swiper-button-next::after{font-size:16px;font-weight:700}.box-overlay .big-img .swiper-container img{width:100%;height:100%}.box-overlay .big-img .img-show{width:1451px;height:816px;background-color:pink;margin-top:30px}.box-overlay .big-img .img-show img{width:100%;height:100%}.cdk-explain .layui-layer-title{color:#182534!important;background:#eee!important;border-bottom:1px solid #dadadb!important}.cdk-explain .layui-layer-content{color:#182534!important;background:#eee!important}.cdk-explain .layui-layer-ico{background:0 0;top:-2px!important;transform:scale3d(2.5,1.5,1.5)}.cdk-explain .layui-layer-ico::after{content:"☓";color:#182534}