@charset "utf-8";
#detail{width: 58%;margin: 0 auto;font-size: 0.8vw}
.pr{position: relative;}
.pa{position: absolute}
.line{background-color: currentColor;flex: 1; height: 2px; opacity: 0.1;width: 8%;}

#detail .box1{display: flex;justify-content: space-between;padding-top: 3%}
#detail .box1 .one{width: 50%;overflow: hidden;}
#detail .box1 .one .swiper-button-next,#detail .box1 .one .swiper-button-prev{top:30%}
#detail .box1 .one #thumbs .swiper-slide{opacity: 0.3}
#detail .box1 .one #thumbs .swiper-slide-thumb-active{opacity: 1}
#detail .box1 .one #thumbs .swiper-slide img{width: 100%}
#detail .box1 .one .detail_collect{padding: 10px;text-align: left;cursor: pointer;display: flex;gap: 5px;align-items: center;font-size: 14px;color: #e51a1a}
#detail .box1 .two{width: 48%;text-align: left;margin-left: 2%}
#detail .box1 .two a{text-decoration: none;color: #666666;font-weight: 400}
#detail .box1 .two .middle{font-size: 1.2vw;font-weight: 600;color: #555;margin-top: 2%}
#detail .box1 .two .line{margin-top: 3%}
#detail .box1 .two .middle .red{color: #e51a1a}
#detail .box1 .two .small{color: #8d8686;margin-top: 2%}
#detail .box1 .two .title{color:#555;margin-top: 3%;font-weight: bold}
#detail .box1 .two .title .small_spec{color: #8d8686;font-size: 0.8vw;font-weight: normal}
#detail .box1 .two .spec{display: flex;justify-content:start;align-items: center;margin-top: 1%;flex-wrap: wrap}
#detail .box1 .two .spec .mt{width: 31%;border: 1px solid #8d8686;text-align: center;cursor: pointer;margin-top: 1%;margin-left: 1%}
#detail .box1 .two .spec .mt.active{border: 2px solid #000000}
#detail .box1 .two .spec_img{display: none;}
#detail .box1 .two .spec_img .spec_img_1{width: 18%;margin-top: 5px;}
#detail .box1 .two .spec_img .spec_img_1 img{width: 100%}
#detail .box1 .two .price{border-top: 1px dashed #666666;margin-top: 2%;padding-top: 1%;color: #e51a1a;font-weight: bold}
#detail .box1 .two .price .xs{margin-left: 10px;font-size: 0.8vw;color: #f5c01e;display: none;}
#detail .box1 .two .button_add{ margin-top: 2%;}
#detail .box1 .two .button_add .button{
    background-color: #f9f9f9; border: 1px solid #ddd; color: #666; font-weight: 400;
    text-transform: none;  width: 4%; height: 2.507em; text-align: center;
}
#detail .box1 .two .button_add .qty{width: 3%;background-color: #fff;border: 1px solid #ddd;color: #333;height: 2.507em;padding: 0 .75em;}
#detail .box1 .two .button_add .button:hover{background-color: #f1f1f1;color: #000;}
#detail .box1 .two .button_add .add_cart_button{background-color: #e68a50;text-align: center;border: 1px solid #e68a50;padding:1.5% 2%;color: #faf2f3;margin-left: 5%;border-radius: 5px}
.buy_cart_button{background-color: #0a90eb;text-align: center;border: 1px solid #0a90eb;padding: 1.5% 2%;color: #faf2f3;margin-left: 5%;border-radius: 5px}
#detail .box2{margin-top: 6%}
#detail .box2 .line{width: 100%}
#detail .box2 .text{text-align: left;cursor: pointer;width: 4%;padding-top:1.5%}
#detail .box2 .text:hover{border-top:2px solid #53bfee}
#detail .box2 .content{margin-top: 15px}
#detail .box3{margin-top: 3%}
#detail .box3 .line{width: 100%}
#detail .box3 .text{text-align: left;cursor: pointer;padding-top:1.5%;color: #000000}
#detail .box3 .goods_list{overflow: hidden;margin-top: 3%;margin-bottom: 5%}
#detail .box3 .goods_list a{text-decoration: none}
#detail .box3 .goods_list a .middle{color: #000000;text-align: left;padding-top: 2%}
#detail .box3 .goods_list a .price{color: #000000;font-weight: bold;text-align: left;padding-top: 2%}
#detail .box3 .goods_list a .price .red{color: #e51a1a}
#detail .box3 .goods_list .swiper-slide img{width: 100%}
#detail .box3 .goods_list .swiper-two-prev-first,#detail .box3 .goods_list .swiper-two-next-first{opacity: 0}

.cart_box{background-color:#000000;position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 666;opacity: 0.9;display: none}
.all_cart_list{display: none}
.all_cart_list .cart_list{background-color: #ffffff;position: absolute;right: 0;top:0;width: 320px;text-align: center;height: 100%;z-index: 999}
.all_cart_list .cart_list .title{color: #53bfee;padding-top: 5%;cursor: pointer;position: absolute;top:0;width: 100%}
.all_cart_list .cart_list .title .cart_text{font-weight: bold;font-size: 1.2vw;}
.all_cart_list .cart_list .title .close{position: absolute;right: 1%}
.all_cart_list .cart_list .content_list{top:10%;right: 0;position: absolute;border-top: 1px solid #8d8686;}
.all_cart_list .cart_list .car_goods_list{display: flex;justify-content: space-between;margin-top: 3%;padding: 3%;border-bottom: 1px solid #8d8686;align-items: center}
.all_cart_list .cart_list .car_goods_list .goods_img{width: 28%}
.all_cart_list .cart_list .car_goods_list .goods_img img{width: 100%}
.all_cart_list .cart_list .car_goods_list .goods_des{width: 58%;margin-left: 3%;}
.all_cart_list .cart_list .car_goods_list .goods_des .goods_title{text-align: left;font-size: 0.8vw;line-height: 1.4}
.all_cart_list .cart_list .car_goods_list .goods_des .spec{text-align: left;font-size: 0.8vw;margin-top: 5%}
.all_cart_list .cart_list .car_goods_list .red{color: #e51a1a;font-weight: bold}
.all_cart_list .cart_list .car_goods_list .margin_left{margin-left: 10%}
.all_cart_list .cart_list .car_goods_list .goods_des .number{text-align: left;font-size: 0.8vw;margin-top: 5%}
.all_cart_list .cart_list .car_goods_list .del{width: 10%;font-size: 0.8vw;color: #e51a1a;cursor: pointer}
.car_goods_footer{bottom: 0;left: 0;position: absolute;width: 100%;box-shadow: 0 -1px 10px #0000001a;padding: 5% 0 5% 0;}
.car_goods_footer .red{color: #e51a1a;font-weight: bold}
.checkout{padding-top: 5%}
.checkout a{text-decoration: none;background-color: #53bfee;padding: 3% 12% 3% 12%;color: #faf2f3}
.img_box{background-color:#ffffff;position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 666;opacity: 0.9;display: none;text-align: center}
.img_box .pa_img{position: absolute;top: 25%;}
.currency{font-size: 0.8vw;}