/* /skshop/static/src/css/main_skshop.css defined in bundle 'skshop.index_src' */
.sk_container{min-width: 1190px; background-color: #f6f6f6;} .sk_time{display: flex; width: 80%; justify-content: center; margin-left: 10%; box-shadow: 0 5px 20px -8px #4e4e4e;} .sk_list{display: flex; justify-content: center;} .sk_time_info{flex-shrink: 1; flex-grow: 1; color: #000; height: 60px; display: block; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; outline: none; padding: 5px 20px; background: #fff;} .sk_time_info a{color: #000;} .sk_auto{background-color: #e01222;} .sk_auto a{color: #fff;} .sk_start_time{font-size: 20px; line-height: 3; font-weight: 700;} .sk_start{display: block; margin-top: 15px; line-height: 1;} .sk_end_time{margin-top: 10px; margin-left: 10px;} .sk_end_time span{font-size: 14px; font-weight: 700;} .sk_end_nottime_info{border: 1px solid #666; padding: 0 14px; vertical-align: middle; height: 26px; line-height: 25px; color: #666; -moz-border-radius: 22px; border-radius: 22px; font-size: 12px; display: inline-block;} .sk_auto .sk_end_nottime_info{border: 1px solid #fff; color: #fff;} .sk_end_nottime{margin-top: 15px; margin-left: 10px;} .sk_pdts{width: 80%; display: flex; margin-left: 10%; flex-wrap: wrap; margin-top: 10px;} .sk_pdt{background-color: #fff; margin-bottom: 10px; position: relative; width: 23%; padding-top: 10px; margin: 1%;} .sk_pdt_imgs{position: relative; overflow: hidden; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; height: 200px;} .sk_pdt_img{width: 100%; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -moz-transition: transform .3s, -moz-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -moz-transform .3s; padding: 10px 10px;} .sk_pdt_img:hover{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px)} .sk_pdt_name{color: #333; font-size: 14px; margin: 10px; font-weight: 400; text-align: left; line-height: 20px; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;} .sk_pdt_info{overflow: hidden; text-align: left; display: block; border-top: 1px solid #f6f6f6;} .sk_pdt_discount_price{font-size: 24px; color: #e01222; font-family: arial; margin-right: 2px; line-height: 1; display: inline-block; min-width: 50px; padding-left: 10px;} .sk_pdt_discount_price em{font-size: 14px; font-style: normal;} .sk_pdt_original_price{font-size: 12px; color: #999;} .sk_on_progress{display: flex;} .sk_on_progress i{margin-top: 5px; color: #666; font-size: 12px; font-style: normal;} .sk_progress_bar{width: 88px; height: 8px; background: #e6e6e6; display: inline-block; position: relative; overflow: hidden; margin-left: 5px; -moz-border-radius: 8px; border-radius: 8px;} .sk_progress_bar b{background: #df0021; width: 100%; position: absolute; left: 0; top: 0; height: 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;} .sk_get{color: #fff; font-size: 16px; margin-top: 5px; display: block; padding: 5px; text-align: center; background: #e03340;} .antis{position: fixed; display: block; top: 15%; background: rgba(255,245,238,0.8); left: 50%; width: 60%; margin-left: -30%; animation: infoloop 4s infinite forwards; animation-direction: alternate; -webkit-animation: infoloop 4s infinite forwards; -webkit-animation-direction: alternate; animation-iteration-count: 1; -webkit-animation-iteration-count: 1;} @keyframes infoloop{0%{opacity: 0;}15%{opacity: 100%; top: 25%;}85%{opacity: 100%;}95%{top: 15%;}100%{opacity: 0%;}} @-webkit-keyframes infoloop{0%{opacity: 0;}15%{opacity: 100%; top: 30%;}85%{opacity: 100%;}95%{top: 20%;}100%{opacity: 0%;}} 

/* /skshop/static/src/css/index.css defined in bundle 'skshop.index_src' */
.skshop-swiper-container{position: relative; height: 100%; width: 100%;} .skshop-swiper-container .swiper-slide{height: 360px; background-size: 100% 100%; background-repeat: no-repeat;} .skshop_recommend_product{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px;} .skshop_recommend_product .skshop_alert{position: relative; z-index: 99;} .skshop_recommend_product .text{margin-bottom: 10px;} .skshop_recommend_product .text .brand{font-size: 18px; padding: 1px 0;} .skshop_recommend_product .text .list_price{text-decoration: line-through; font-size: 22px;} .skshop_recommend_product .text .deal_price{font-size: 22px; font-weight: bold; color: brown;} .skshop_recommend_product .item{width: 32%; margin-right: 1%; margin-bottom: 1%;} .skshop_recommend_product .bg{background-image: url("/skshop/static/src/img/首页2-封面-产品1.png"); background-size: cover; background-repeat: no-repeat; position: relative; height: 350px; cursor: pointer; display: block; color: #333;} .skshop_recommend_product .dscr{background-color: #ae9aab; color: #f2ebe7; height: 230px; padding: 15px; box-sizing: content-box; position: relative;} .skshop_recommend_product .dscr .content{padding-bottom: 10px;} .skshop_recommend_product .dscr .content > div{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .skshop_recommend_product .dscr .icon_box{width: 40px; height: 40px; border-radius: 50%; border: 1px solid white; background-color: #ccc; color: black; display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; bottom: 20px;} .sksshop_title{width: 100%; background-color: #f2ebe7; margin: 20px 0;} .sksshop_title h2{text-align: center; margin: 0 auto; padding: 15px; color: #ae9aab;} .sks_progress_box{display: flex; align-items: center; margin-bottom: 20px;} .sks_progress{background-color: gainsboro; border-radius: 5px; height: 15px; width: 150px; margin: 0 2px; position: relative;} .sks_progress .progress_text{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: black; white-space: nowrap; overflow: hidden;} .sks_progress .sks_progress_done{background: linear-gradient(to left, #f2709c, #ff9472); box-shadow: 0 3px 3px -5px #f2709c, 0 2px 5px #f2709c; border-radius: 5px; height: 100%; width: 0; transition: width 1s ease 0.3s; display: block;} .sks_progress .sks_progress_done .sks_percent{color: #333;} 

/* /skshop/static/src/css/detail.css defined in bundle 'skshop.index_src' */
.sks_product_specifications{display: flex; justify-content: space-between; width: 100%; margin: 20px 0;} .sks_product_specifications .left{width: 50%;} .sks_product_specifications .icon-bofang{position: absolute; left: 50%; top: 42.5%; transform: translate(-50%, -50%); font-size: 36px; color: #afafaf; cursor: pointer; z-index: 2;} .sks_product_specifications .icon-quxiao{position: absolute; right: 10px; top: 10px; cursor: pointer; color: #fff; font-size: 18px; z-index: 2;} .sks_product_specifications .icon-fangda{position: absolute; right: 0; bottom: 0; font-size: 18px; z-index: 2;} .sks_product_specifications .sks_video{position: absolute; top: 0; left: 0; width: 100%; height: 85%; z-index: 1;} .sks_product_specifications ul, .sks_product_specifications li{list-style: none; margin: 0; padding: 0;} .sks_product_specifications .bg{width: 920px; height: 540px; margin: 0 auto; padding: 20px; overflow: hidden; box-sizing: border-box; background: #fff;} .sks_product_specifications .bg_left{width: 430px; height: auto; float: left; position: relative;} .sks_product_specifications .bg_right{float: left; position: relative; z-index: 1;} .sks_product_specifications .show{width: 430px; height: 430px; margin-bottom: 10px; position: relative; cursor: move;} .sks_product_specifications .show img{width: 430px; height: 430px; border: 1px solid #e8e8e8;} .sks_product_specifications .mask{width: 215px; height: 215px; background: #000; filter: alpha(opacity=50); opacity: 0.5; position: absolute; top: 0; left: 0; display: none;} .sks_product_specifications .bigshow{width: 430px; height: 430px; overflow: hidden; margin-left: 10px; display: none; border: 1px solid #e8e8e8;} .sks_product_specifications .bigshow img{width: 860px; height: 860px; margin-right: 10px;} .sks_product_specifications .smallshow{width: 100%; height: 70px; position: relative;} .sks_product_specifications .smallshow img{width: 100%; height: 100%; border: 1px solid #e8e8e8; box-sizing: border-box; transition: all 0.5s;} .sks_product_specifications .smallshow > .middle_box{margin-left: 30px; margin-right: 30px; width: 370px; overflow: hidden; height: 70px;} .sks_product_specifications .smallshow .middle{overflow: hidden; transition: all 0.5s; height: 70px; box-sizing: content-box;} .sks_product_specifications .smallshow .middle > li{width: 64px; height: 64px; float: left; cursor: pointer; padding: 0 5px; box-sizing: content-box;} .sks_product_specifications .smallshow > p{position: absolute; top: 50%; width: 22px; height: 32px; margin-top: -16px;} .sks_product_specifications .smallshow > .prev{left: 0; background: url(/skshop/static/src/img/hover-prev.png) no-repeat; transition: all 0.5s; cursor: pointer;} .sks_product_specifications .smallshow > .next{right: 0; background: url(/skshop/static/src/img/hover-next.png) no-repeat; transition: all 0.5s; cursor: pointer;} .sks_product_specifications .smallshow > .prev.prevnone{left: 0; background: url(/skshop/static/src/img/prev.png) no-repeat; cursor: not-allowed;} .sks_product_specifications .smallshow > .next.nextnone{right: 0; background: url(/skshop/static/src/img/next.png) no-repeat; cursor: not-allowed;} .sks_product_specifications .right{margin-left: 20px; color: #43474a; font-family: VilleroyAndBoch, Times, serif;} .sks_product_specifications .right .skshop_cart{display: flex; flex-direction: column;} .sks_product_specifications .right .content .price_box{font-size: 18px;} .sks_product_specifications .right .content .name{font-size: 16px; font-weight: bold; margin-right: 10px;} .sks_product_specifications .right .content .origin_price, .sks_product_specifications .right .content .discount_price, .sks_product_specifications .right .content .sample_price, .sks_product_specifications .right .content .expire, .sks_product_specifications .right .content .size{display: flex; align-items: center;} .sks_product_specifications .right .content .discount_price{display: flex; margin: 10px 0;} .sks_product_specifications .right .content .start_pro_text{font-size: 18px;} .sks_product_specifications .right .content .expire{display: flex;} .sks_product_specifications .right .content .expire .sk_expire_time{font-size: 18px;} .sks_product_specifications .right .content .size{display: flex; margin: 10px 0;} .sks_product_specifications .right .content .size .size_list > span{padding: 5px 12px 5px 12px; border: 1px solid #012169; cursor: pointer; border-radius: 4px; margin-right: 10px;} .sks_product_specifications .right .content .price_list{display: flex; align-items: center;} .sks_product_specifications .right .content .price_list .discount{color: brown; font-weight: bold; font-size: 26px;} .sks_product_specifications .right .content .price_list > div{cursor: pointer; border-radius: 4px; margin-right: 10px; color: brown; font-weight: bold; font-size: 26px;} .sks_product_specifications .right .title{font-size: 22px; white-space: normal; line-height: 1.5; font-weight: bold;} .sks_product_specifications .right .price{background-color: #e9e9e9; background-repeat: no-repeat; font: 12px/1.5 "Microsoft Yahei", tahoma, arial; color: #999; background-image: url(data:image/png;base64,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);} .sks_product_specifications .right .num{vertical-align: middle; font-size: 18px; color: #ff0036; font-weight: bolder; font-family: Arial; -webkit-font-smoothing: antialiased;} .sks_product_specifications .right .tm-price-panel{display: flex; align-items: center; margin-top: 5px; margin-bottom: 5px;} .sks_product_specifications .right .tm-price-panel .tb-metatit{margin-right: 20px; margin-left: 10px;} .sks_product_specifications .right .tm-price-panel .tm-price{text-decoration: line-through; vertical-align: middle; font-size: 18px; color: #ff0036; font-weight: bolder; font-family: Arial; -webkit-font-smoothing: antialiased;} .sks_product_specifications .right .tm-promo-panel, .sks_product_specifications .right .tm-qty-panel, .sks_product_specifications .right .tm-sales-panel, .sks_product_specifications .right .tm-time-panel{display: flex; align-items: center; margin-bottom: 5px;} .sks_product_specifications .right .tm-promo-panel .tb-metatit, .sks_product_specifications .right .tm-qty-panel .tb-metatit, .sks_product_specifications .right .tm-sales-panel .tb-metatit, .sks_product_specifications .right .tm-time-panel .tb-metatit{margin-right: 20px; margin-left: 10px;} .sks_product_specifications .right .tm-promo-panel .tm-promo-price, .sks_product_specifications .right .tm-qty-panel .tm-promo-price, .sks_product_specifications .right .tm-sales-panel .tm-promo-price, .sks_product_specifications .right .tm-time-panel .tm-promo-price{vertical-align: middle; font-size: 30px; color: #ff0036; font-weight: bolder; font-family: Arial; -webkit-font-smoothing: antialiased;} .sks_product_specifications .right .sale_dscr{height: 100%;} .sks_product_specifications .right .choose-btns{display: flex; align-items: center;} .sks_product_specifications .right .choose-btns input{display: block; width: 44px; height: 44px; line-height: 42px; border: 1px solid #ccc; text-align: center;} .sks_product_specifications .right .choose-btns .btn-reduce{display: block; width: 15px; text-align: center; height: 22px; line-height: 22px; overflow: hidden; background: #f1f1f1; color: #666; border: 1px solid #ccc;} .sks_product_specifications .right .choose-btns .btn-reduce[disabled="disabled"]{cursor: not-allowed;} .sks_product_specifications .right .choose-btns .btn-add{display: block; width: 15px; text-align: center; height: 22px; line-height: 22px; overflow: hidden; background: #f1f1f1; color: #666; border: 1px solid #ccc;} .sks_product_specifications .right .choose-btns .add_skshop{background-color: #0058a3; color: #fff; height: 44px; line-height: 44px; padding: 0 17px; font-size: 18px; margin-left: 10px; border-radius: 22px; position: relative; cursor: pointer;} .sks_product_specifications .right .choose-btns .wrap-input{display: flex;} .sks_product_specifications .right .remarks{margin: 30px 0;} .sks_product_specifications .right .sks_sale{margin: 30px 0;} .product_detail{margin-top: 140px;} .product_detail img{width: 100%;} .certificate-swiper-container{overflow: hidden; position: relative; height: 500px; width: 100%;} .certificate-swiper-container .swiper-slide{justify-content: center;} .certificate-swiper-container img{width: 60%; height: 100%;} .recommend-swiper-container{overflow: hidden; position: relative; width: 100%; height: 100%;} .recommend-swiper-container .swiper-slide{display: flex;} .recommend-swiper-container .swiper-slide > a{width: 20%; margin-right: 10px;} .recommend-swiper-container img{width: 100%; height: 100%;} .sks_star{position: relative;} .sks_star .actual_satr{position: absolute; left: 0; top: 0;} .sks_star .actual_satr > i{color: #FFBB00;} 

/* /skshop/static/src/css/skshop_mt.css defined in bundle 'skshop.index_src' */
@media screen and (max-width: 1200px){.skshop_recommend_product .item{width: 48%;}} @media screen and (max-width: 768px){.skshop_recommend_product .item{width: 48%;}.sks_product_specifications .bg{width: 100%;}.sks_product_specifications .show{width: 100%; height: 360px;}.sks_product_specifications .bg_left{width: 100%;}.sks_product_specifications .show img{width: 100%; height: 100%;}.sks_product_specifications .smallshow .middle > li{width: 45px; height: 45px;}.sks_product_specifications .smallshow > p{margin-top: -28px;}} @media screen and (max-width: 420px){.skshop-swiper-container .swiper-slide{height: 200px;}.skshop_recommend_product .item{width: 100%; margin-left: 0; margin-right: 0;}.antis{width: 90%; left: 2%;}.skshop_recommend_product .bg{background-size: 100%;}.skshop_recommend_product .text .brand{font-size: 14px;}.sks_product_specifications{flex-direction: column;}.sks_product_specifications .left{width: 100%;}.sks_product_specifications .right .content .name{font-size: 12px;}.sks_product_specifications .right .choose-btns .add_skshop{margin-left: 20px;}}