@charset "utf-8";
/* CSS Document */
table{border-collapse: collapse;  border-spacing: 0;}
.table_xq_w100{width:100%;height: auto;border-top: 1px solid #0000001b;border-bottom: 1px solid #0000001b;margin-bottom: 50px;}
/*hd*/
.table_xq .hd{width:100%;height: auto;}
.table_xq .hd ul{width:100%;height: auto;display: flex;align-items: center;justify-content: center;}
.table_xq .hd ul li{position: relative;display: inline-block;padding-block: 1px;line-height: 1.2;color:#333333b3;font-size: 16px;font-weight: 600;margin:0 15px; cursor: pointer;padding: 30px 0;}
.table_xq .hd ul li:after {background-color: #ff9933; content: ''; position: absolute; top:0;left: 0;width: 0;height: 2px; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);}
.table_xq .hd ul li.on::after{width:100%;}
.table_xq .hd ul li.on{color: #333333;}
.table_xq .hd ul li:hover::after{width:100%;}
.table_xq .bd img {max-width: 100%;}
.table_xq .bd ul{padding-bottom:50px;}

/*1*/
.tb_xin_{width: 100%;height: auto;display: flex;justify-content: space-between;}
.tb_xin_l{width:580px;}
.table_{width:100%;border: solid 1px #DDDDDD;margin-bottom: 50px;}
.table_ table{width:100%; overflow: hidden;}
.table_ td,.table_ th{text-align: left;border-bottom: 1px solid #0000001b;padding: 15px 12px; width: 50%; overflow: hidden;font-size: 13px;}
.table_ tr{width: 100%;}
.table_ .tit{background: #F8F8F8;border-bottom: solid 1px #DDDDDD;}
.table_ .tit h4{width: 100%;display: inline-block;padding: 15px 12px;font-size:18px;font-weight: 600;}
.table_ th{color:#242424;font-weight:600;}
.table_ td{color:#777777;}
.table_ tr:last-child td{border:none;}
.table_ tr:last-child th{border:none;}


/*2*/
.tb_xin_2{width:650px;margin: 0 auto;}
.tb_xin_2 .table_2,.tb_xin_2 .table_2 table{width:100%;}
.tb_xin_2 .table_2 th,.tb_xin_2 .table_2 td{width:50%;border-bottom: 1px solid #0000001b;padding: 15px 0; text-align: left; font-size: 13px;}
.tb_xin_2 .table_2 td{text-align:right;color:#777777;}
.tb_xin_2 .table_2 tr:last-child td{border:none;}
.tb_xin_2 .table_2 tr:last-child th{border:none;}


/*3*/
.tb_xin_3{width: 100%; height: auto;}
.table_3{width: 100%;display: flex;justify-content: space-between;}
.table_3_l{width:600px;}
.table_3_r{width:560px;}
.table_3_l h2{font-size: 13px;font-weight: 600;margin-bottom: 20px;}
.table_3_l p{font-size: 13px;color:#777777;}
.table_3_r .tit h3{font-size: 13px;font-weight: 600;margin-bottom: 20px;}
.table_3_r .tit p{font-size: 13px;color:#777777;line-height: 20px; margin-bottom: 20px;}
.table_3_r .box_3{width: 100%;margin-top: 10px;}
.table_3_r .box_3 input{width: 100%;height: 42px;border:2px solid #0000001a;border-radius: 5px;outline: none;margin-top: 15px;}
.table_3_r .box_3 textarea { overflow: auto;padding: 10px 15px; min-height: 190px;resize: vertical; width:calc(100% - 30px);border:2px solid #0000001a;border-radius: 5px;margin-top: 15px;}
.table_3_r .box_3 p{color:#333;}
.table_3_r .box_3 p sup{color:#E01020;}
.cheeked{width:100%; display: flex;align-items: flex-start;margin-top: 20px;}
.cheeked input{width:13px;height: 13px;border:2px solid #0000001a;border-radius: 5px;outline: none;margin-top: 4px; margin-right: 10px; cursor: pointer;}
.cheeked p{color:#777777;font-size: 13px;line-height: 20px;}
.btn_table3{background-color: #ff9933;display: inline-block;border-radius:5px; color: #fff;font-size: 14px;text-align: center;padding: 10px 20px; margin-top: 20px;cursor: pointer;}

/*评星*/
.ping_xx{width:100%;display: flex;align-items: center;}
.xzw_starBox ul{padding-bottom:0px !important;margin-left: 15px;}
/*极速秒评*/
.star-list {list-style-type: none;padding: 0; display: flex;}
/* 星星样式 */
.star {width: 15px;height: 15px;margin-right: 5px;background-image: url("../images/icon_xx1.png"); background-size: cover;cursor: pointer;}
/* 选中星星的样式 */
.star.selected { background-image: url("../images/icon_xx.png");}

/*4*/
.tb_xin_3{width:100%;}
.table_3{width:100%;display: flex;justify-content: space-between;}
.table_3 .table_3_img{width:15%;}
.table_3 .table_3_img img{width:100%;}
.table_3 .table_3_img a{width:auto;display: inline-block;border-bottom: 2px solid #E9E9E9;font-size:10px;margin-top: 10px;float: right;margin-right: 30px;}
.table_3_text{width:40%;color: #777777;line-height: 25px;}


/*产品列表*/
.slide_gwc{width: 1310px; margin-left: auto;margin-right: auto;position: relative;overflow: hidden;}
.slideTxtBox{margin-top: 30px; width:1222px; margin-left: auto;margin-right: auto;overflow: hidden;padding-bottom: 60px;}

.slideTxtBox .swiper-slide{width: 275px; height: auto;}
.gwc_li{width:100%; height: auto;position: relative;}
/*2圈*/
.product-labels { position: absolute; top: 7px;inset-inline-start: 7px;z-index: 1;display: flex;align-items: flex-start;
 flex-direction: column;gap: 10px; max-width: 50%;transition: all .3s ease;transform: translateZ(0);}
.product-label { min-width: 50px;color: #fff;text-align: center;text-transform: uppercase;word-break: break-all; font-weight: 600; font-size: 12px;
line-height: 1.2;}
.product-labels.labels-rounded .product-label {display: flex;align-items: center;justify-content: center; min-height: 50px; border-radius: 35px;
font-size: 14px;}
.product-label.onsale {background-color:#ff9933; direction: ltr;}
.product-label.featured {background-color: #E22D2D;}
/*table_img*/
.img_change{width:100%; height:186px; position: relative; overflow: hidden;}
.img_c_img {width:100%; height: auto;position:absolute; top: 0px;}
.img_c_img img{width:100%; height: auto;}
.img_c_btn{width:100%; height: auto; display: flex;justify-content: center; align-items: center;}
.img_c_btn span i{width:15px; height:15px; display:inline-block; border-radius: 50px;position:relative;}
.img_c_btn span.onn i:after{width:15px; height:2px; display:inline-block; content: ''; background:#242424;position: absolute; bottom: -4px; }
.img_c_btn span{width: auto; position: relative; margin: 5px 5px; cursor: pointer;}
.img_c_btn span sup{width: max-content; position:absolute;color: #fff;display: inline-block;padding: 5px;background:#000000de; top:-35px; left: 50%;transform: translateX(-50%); opacity: 0;transition: all .25s ease;}
.img_c_btn span sup:after{display: block;width: 0;height: 0;position: absolute;bottom: -5px;content: '';left: 50%;transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000de;}
.img_c_btn span:hover sup{opacity: 1;}
.black{background:#000000;}
.red{background:#dd3333;}

.swiper-slide .table_{width:100%; height:auto; position: relative;overflow: hidden;border:0px;margin-bottom: 0px; }
.gw_car{
	position: absolute;
    inset-inline: 0;
    bottom: 0;
    transition: transform .3s ease, opacity .3s ease;
    transform: translateY(103%) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 3;
    height: 38px; width: 100%; overflow: hidden;}


.gw_car span{
	display: block;
    font-size: 13px;
    color: #fff;
    background-color:#ff9933e6;text-align: center; width: 100%; height: 100%; line-height: 38px;position: absolute;
}

.gw_car p{
	display: block;
    background-color:#ff9933;text-align: center; width: 100%; height: 100%; line-height: 38px;display: flex;align-items: center;
    justify-content: center; cursor: pointer;
}

.gw_car p img{
	display: block;
   width: 20px;height: auto;
}

.on_car{bottom: 38px;transition: all .25s ease;}
.on_car:hover span{top:-50%; transform: translateY(-50%) translateZ(0);transition: all .25s ease;}

.gw_car_navlist{width:50px; height: 85%;position: absolute; z-index:20;right:0px; top: 0px; background: #fff;border-right: 1px solid #f3f3f3;transform: translateX(70px);}
.gw_car_navlist ul {width:50px !important; height: 100%;display: flex;flex-direction: column;}
.gw_car_navlist ul li {width:50px !important; height:50px !important;;display: flex; align-items: center;justify-content: center; position: relative;margin-bottom: 0px !important; margin-left: 0px !important;}
.gw_car_navlist ul li img{width:25px; height:25px; margin: 10px 0;}
.on_navlist{transform: translateX(-10px);transition: all .25s ease;}
.gw_car_navlist ul li.sc{position: relative;}
.gw_car_navlist ul li.sc img{position: absolute; top:5px;transform: translateX(-50%); left: 50%;}
.gw_car_navlist ul li.sc a:nth-child(2) img{display: none;}
.gw_car_navlist ul li p{position: absolute; left: -73px;background:#242424; color: #fff; font-size: 12px; padding: 5px; opacity: 0;transition: all .25s ease;}
.gw_car_navlist ul li p:after{display: block;width: 0;height: 0;position: absolute;top:50%;content: '';right:-5px;transform: translateY(-50%);
	 border-top: 5px solid transparent;
    border-left: 5px solid #000000de;
    border-bottom: 5px solid transparent;
   }
.gw_car_navlist ul li:hover p{opacity: 1;}
.on_sc{opacity: 1;transition: all .25s ease;}



/*.gw_car_*/
.gw_car_{width:calc(100% - 20px); height:80%; position: absolute; top: 0; left: 0; padding: 10px;background:#ffffffd1;z-index: 8888;overflow-y: scroll; display: none; padding-bottom: 30px;}
.gw_car_ .close{width:100%; height:auto; text-align: right;cursor: pointer;}
.Color_slect{width:100%; height:auto; text-align:center; margin-top: 20px;}
.Color_slect h2{font-weight:bold; color: #242424;font-size: 12px;margin-bottom: 10px;}
.Color_s_{width:100%; height: auto; display: flex;justify-content: center; align-items: center;}
.Color_s_ span i{width:25px; height:25px; display:inline-block; border-radius: 50px;position:relative;}
.Color_s_ span i:after{width:0px; height:2px; display:inline-block; content: ''; background:#242424;position: absolute; bottom: -4px;left: 0px; }
.Color_s_ span:hover i:after{width:25px; }
.on_b i:after{width:25px !important;}
.Color_s_ span{width: auto; position: relative; margin: 5px 5px; cursor: pointer;}
.Color_s_ span sup{width: auto; position:absolute;color: #fff;display: inline-block;padding: 5px;background:#000000de; top:-35px; left: 50%;transform: translateX(-50%); opacity: 0;transition: all .25s ease;}
.Color_s_ span sup:after{display: block;width: 0;height: 0;position: absolute;bottom: -5px;content: '';left: 50%;transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000de;}
.Color_s_ span:hover sup{opacity: 1;}
.gwc_btn{width:100%;background:#ff9933; color:#fff;font-size: 14px;text-align: center;padding: 10px 0;margin-top: 10px;cursor:pointer;}
.Color_s p{display:none; width: 100%;color: #767676;font-size: 12px;text-align: center;transition: all .25s ease; cursor:pointer;}


.gwc_jg{width: 100%; height: auto;text-align: center;}
.gwc_jg h3{width: 100%; height: auto; font-size: 13px; font-weight: bold; }
.gwc_jg h4{width: 100%; height: auto;color: #a5a5a5; font-size:85%; padding: 5px 0;}
.gwc_jg p{width: 100%; height: auto;display: flex; align-items: center; font-size: 12px;justify-content: center}
.gwc_jg p span{ text-decoration: line-through;color: #a5a5a5; font-size: 10px;}
.org{color:#ff9933;}

.gw_car_{height: 136px;}
.car_scllor{width:93%;}
.gw_car_ .zUIpanelScrollBox,.gw_car_ .zUIpanelScrollBar{width:5px !important;top:0px;right:0px; display: block !important;opacity: 1!important;}
.gw_car_ .zUIpanelScrollBox{background:#f2f2f2;height:140px!important;}
.gw_car_ .zUIpanelScrollBar{background:#d5d5d5;}

/*nav_go*/
.nav_go{width:100%; height: auto; display: flex;justify-content: space-between;align-items: center;}
.nav_go2{width:auto; height: auto; display: flex;justify-content: space-between;align-items: center;}
.nav_go2_1{width:auto; height: auto; display: flex;justify-content: space-between;align-items: center;}
.nav_go2_1 a{color: #767676;margin-right:5px;}
.nav_go2_1 a:nth-child(2){color:#333;font-size: 15px;margin-left:5px; margin-right:5px; }
.nav_go2_1 a:nth-child(3){color:#767676;font-size: 15px;margin-left:5px; margin-right:5px; }
.nav_go2_1 a:nth-child(4){color:#767676;font-size: 15px;margin-left:5px; margin-right:5px; }

.nav_go1 a{color: #767676;margin-right: 10px;cursor:pointer;}
.nav_go1 a:nth-child(2){color: #333;font-size: 15px;margin-left: 10px; }
.nav_go1 p{display: none;}

.nav_go2_2{width: auto;display: flex;align-items: center;margin: 0 20px;}
.nav_go2_2 span{font-size:20px;margin: 0 5px;}
.nav_go2_2 span:nth-child(1){font-size:22px;color:#767676;}
.nav_go2_2 span:nth-child(2){font-size:24px;}
.nav_go2_2 span:nth-child(3){font-size:22px; color:#767676; }
.nav_go2_2 span:hover{color: #333;}
.nav_sj{display:none;}


/*selct*/
.nav_go2_3{max-width: 200px;padding-top: 5px;padding-bottom: 5px;transition: border-color .5s ease;height: auto;}
.nav_go2_3 select{
	border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom:2px solid #d7d7d7;
    border-radius: 0;
    background-color: unset;
    background-position: right 0 top 50%;
	outline: none;
    color: #242424;
    font-weight: 600;
    font-size: inherit;
    line-height: 1.2;
    padding-bottom:5px;
	color:#767676;
}


.slide_gwc .slide_gwc-button-next{background: url("../images/icon_r_hs.png")no-repeat center !important;right: -90px; }
.slide_gwc .slide_gwc-button-prev{background: url("../images/icon_l_hs.png")no-repeat center !important;left: -90px;}
.slide_gwc .slide_gwc-button-next,.slide_gwc .slide_gwc-button-prev{background-size: 100% auto !important;width:30px!important; height: 30px !important;z-index: 888;position: absolute;top: 50%;transform: translateY(-50%); cursor: pointer;}
.right{right:0px !important;opacity: 1 !important;transition: all .5s ease;}
.left{left:0px !important;opacity: 1;transition: all .5s ease;}
.slide_gwc .swiper-pagination-bullet{width: 8px; height: 8px;border: 2px solid #777777;background: #ffff;}
.slide_gwc .swiper-pagination-bullet-active{background: #000;border: 2px solid #000;}
.slide_gwc .swiper-pagination{bottom:40px!important;}



/*cp_js_*/
.cp_js_{margin-top:90px; display: flex;border-top: 1px solid #e8e8e8;padding: 50px 0;justify-content: space-between;}
.cp_js_l{width:580px;overflow: hidden;}
.cp_js_r{width:580px;margin-left: 20px;}
.cp_js_r .tit_{position:relative;}
.cp_js_r .tit_ h2{width:100%;font-size: 28px;font-weight: 600; color: #333;margin-bottom: 20px;}
.cp_js_r .tit_ a{ color:#767676;}
.cp_js_r .tit_ span{ color:#767676;padding: 0 10px;}
.cp_js_r .tit_ p{display: flex;margin-bottom: 20px;align-items: center;}
.cp_js_r .tit_ sub{color:#767676;text-decoration: line-through; font-size: 15px;}
.cp_js_r .tit_ sup{color:#ff9933;font-size: 20px;font-weight: 600;margin-left: 5px;}
.cp_js_r .hd {display: flex;align-items: center;}
.cp_js_r .hd ul{display: flex;align-items: center;}
.cp_js_r .hd ul li{display:inline-block;width: 25px; height: 25px;border-radius: 50px;margin-left: 10px;cursor: pointer;position: relative;}
.cp_js_r .hd ul li.on_b:after{width:25px; height:2px; background:#242424;position: absolute; bottom: -4px; display:inline-block;content: '';}
.cp_js_r .hd ul li span {
    width: max-content;
    position: absolute;
    color: #fff;
    display: inline-block;
    padding: 5px;
    background: #000000de;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .25s ease;
}
.cp_js_r .hd ul li span:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -5px;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000de;
}
.cp_js_r .hd ul li:hover span{opacity: 1;}

.clear_selct{width:auto;margin-left: 10px; font-size: 12px;color: #767676; cursor: pointer;display: none;}
.clear_selct span{font-size: 12px;margin-right:5px;}
.clear_selct:hover{color:#333;}




.grey{background:#808080;}
.black{background:#000;}
.js_btn{width:auto;height:auto;display: flex; margin-top: 20px;align-items: center;}
.js_btn .btn-primary{
	padding: 0 5px;
    min-width: 25px;
    min-height: unset;
    height: 42px;
    border: 2px solid #0000001a;transition: all .25s ease; cursor: pointer;
    background: #00000000;
    box-shadow: none;}

.js_btn .lable{width:30px;border: 2px solid #0000001a;border-right:none;border-left:none;outline: none;height: 38px;text-align: center; color: #333;}
.js_btn_{width: 80px;display: flex;align-items:center;border-radius: 5px; overflow: hidden;}
.subtal{color: #ff9933;}

.js_btn .btn-primary:hover{
	color: #fff;
    background-color: #ff9933;
    border-color: #ff9933;
}

.js_btn_tj {
    flex: 0 0 auto;
    border-radius: 5px;
    color: #fff;
    background-color: #ff9933;
    cursor: pointer;
    transition: all .25s ease;
    padding: 13px 20px;
    display: flex;
    align-items: center; margin-left: 20px;text-transform: uppercase;
}
.js_btn_tj:hover {
    background-color: #e98c2f;
}

/*收藏*/
.cp_js_r_sc{width:auto;display: flex;align-items: center;padding: 10px 0;border-bottom: 1px solid #e8e8e8;}
.cp_js_r_sc .sc{width:auto;display: flex;align-items: center;position: relative;}
.cp_js_r_sc .sc img {width: 20px;height: 20px;margin: 10px 0;margin-right: 10px; cursor: pointer;}
.cp_js_r_sc .sc img.img_show{display:none;}
.cp_js_r_sc .sc p{color: #333;}

/*bt*/
.cp_js_r_bt{width:100%; margin-top: 20px;}
.cp_js_r_bt p{width:100%; margin-bottom: 15px;color: #333;}
.cp_js_r_bt p span{color:#767676;}
.cp_js_r_bt p a{color:#00000099; font-size: 13px; margin: 0 5px;}

/*tit_1*/
.tit_1{width:100%;display: flex;justify-content: space-between;align-items: center;}
.tit_qh_show{width: auto; position: relative;}
.tit_qh_show_{display: flex;align-items: center;}
.tit_qh_show_ a{font-size: 13px;color: #333;font-weight: bold; display: inline-block;}
.tit_qh_show_ a.list_{margin:0 10px;font-size: 14px;}

.hover_show {width:auto;background: #fff;position: absolute; right: 0px;top:25px;}
.hover_show img{width:90px;}
.hover_show{width:auto;box-shadow: 0 0 3px #00000026;padding: 10px 15px;display: none;z-index: 10;}
.hover_show > div{width:auto;height: auto;display: flex;align-items: center;}
.hover_show p{display: flex;align-items: flex-start!important;flex-direction: column;align-items: flex-start;padding-left:10px;margin: 0px !important;justify-content: center;min-width: 120px;}
.hover_show b,.hover_show span{display:inline-block; width: auto;padding: 0px !important;}
.hover_show b{margin-bottom:10px;}
.hover_show span{color:#ff9933 !important;font-weight: 600;}

.has_logo{width:110px;height: auto; background: #fff;box-shadow: 0 0 3px #00000026;position: absolute; right: 0px;margin-top: 20px; cursor: pointer;}
.has_logo a{width:auto;height: auto;padding:10px 20px; display:inline-block;}
.has_logo img{width:100%;height: auto;}
.has_logo:hover{box-shadow: 0 0 5px #00000026;}



 /* 主幻灯片容器样式 */
.mySwiper_1 {width: 580px;height: 400px;margin-bottom: 20px;position: relative;}
.mySwiper_1 .swiper-slide img{width: 100%; height: auto;}
/* 主幻灯片内容样式 */
.mySwiper_1  .swiper-slide {display: flex;justify-content: center;align-items: center;}

/* 缩略图幻灯片容器样式 */
.swiper-thumbnails {width: 580px;height: 100px; overflow: hidden;}

/* 缩略图幻灯片内容样式 */
.swiper-thumbnails .swiper-slide {cursor: pointer; width: 150px; height: 90px; opacity: 0.4;display: flex;align-items: center;justify-content: center;}
.swiper-thumbnails .swiper-slide img{width: 100%;height: auto;}

/* 缩略图当前选中状态样式 */
.swiper-thumbnails .swiper-slide-thumb-active {opacity: 1;}
/* 左右切换按钮样式，默认隐藏 */
.swiper0-button-next,.swiper0-button-prev,.swiper1-button-next,.swiper1-button-prev {width:15px; height: 25px; font-size: 30px; position:absolute; top: 50%; transform: translateY(-50%);z-index: 9; cursor: pointer; opacity: 0;}
.swiper0-button-prev,.swiper1-button-prev{left: 0px;}
.swiper0-button-next,.swiper1-button-next{right:8px;}
/* 鼠标悬停在 swiper-wrapper 时显示按钮 */
.swiper-wrapper:hover + .swiper0-button-next,.swiper-wrapper:hover + .swiper1-button-next,
.swiper-wrapper:hover ~ .swiper0-button-prev,.swiper-wrapper:hover ~ .swiper1-button-prev {
opacity: 1;
}

.cp_js_l_{position: relative;}
.bfb{width:55px; height:55px;display: flex;align-items:center;background: #ff9933;border-radius:50px;color: #fff;justify-content: center;font-size: 15px;position: absolute; right: 0px;top: 0px;z-index: 9;}
.table_xq .bd ul h3{display:none;}

.gw_car_ .zUIpanelScrollBox, .gw_car_ .zUIpanelScrollBar{display:none !important; opacity: 0 !important;}

/*弹窗*/
.cp_js_l_ {
  position: relative;
}
.bfb {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  background: #ff9933;
  border-radius: 50px;
  color: #fff;
  justify-content: center;
  font-size: 15px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9;
}

/*img*/
#pageContent {
  width: 980px;
  height: 500px;
  overflow: hidden;
  position: relative;
  margin: 50px auto;
}

#imgContainer {
  width: 980px;
  height: 500px;
}

#positionButtonDiv {
  background: rgb(58, 56, 63);
  background: rgba(58, 56, 63, 0.8);
  border: solid 1px #100000;
  color: #fff;
  padding: 8px;
  text-align: left;
  position: absolute;
  right: 35px;
  top: 35px;
  z-index: 999;
}

#positionButtonDiv .positionButtonSpan img {
  float: right;
  border: 0;
}

.positionMapClass area {
  cursor: pointer;
}

.zoomButton {
  border: 0;
  cursor: pointer;
}

.zoomableContainer {
  background-image: url('images/transparent.png');
}
.mySwiper_1_relative {
  position: relative;
}
.zoom-btn {
  position: absolute;
  z-index: 999999;
  left: 10px;
  bottom: 40px;
  width:auto;
  height: auto;
  background:#fff;
  border-radius:50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
 box-shadow: 0 0 5px #00000014; display:flex; align-items: center; padding: 15px 15px;
}

.zoom-btn {color:#afafaf;}
.zoom-btn span{display: none;}

.zoom-btn:hover {
 width:auto;
}
.zoom-btn:hover span{display: block; font-size: 13px;margin-left: 10px;}

.zoom-btn img {
  width: 20px !important;
  height: 20px !important;
}

/* 图片预览弹窗 */
.preview-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999999999;
}

.preview-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.preview-swiper {
  width: 100%;
  height: 100%;
}

.preview-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.preview-swiper img {
  max-width: 90%;
  max-height: 90vh;
}

.preview-modal .swiper-slide img {
  transition: transform 0.3s;
  cursor: pointer;
  user-select: none;
}

.preview-modal .swiper-slide img:active {
  cursor: grabbing;
}
.preview-hd {
  padding: 20px 20px 40px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10000;
}
.preview-pagination {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #fff;
  z-index: 10000;
  font-size: 16px;
}

.zoom-control {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10000;
  cursor: pointer;
}

.zoom-control img {
  width: 24px;
  height: 24px;
}
.zoom-control img {
  width: 15px;
  height: 15px;
  margin-left: 20px;
  cursor: pointer;
  transition: all 0.3s;
}

.zoom-control img:hover {
  opacity: 0.8;
}

.preview-modal:-webkit-full-screen {
  background: #000;
  width: 100vw;
  height: 100vh;
}
.zf-toggle {
  position: relative;
  display: inline-block;
}
.zf-toggle .pswp__share-tooltip {
  position: absolute;
  display: none;
  left: 50%;
  top: 120%;
  transform: translateX(-50%);
  width: 160px;
  background: #fff;
  box-shadow: 0 0 3px #00000026;
  border-radius: 10px;
}
.zf-toggle .pswp__share-tooltip a {
  display: block;
  line-height: 40px;
  text-decoration: none;
  padding: 0 10px;
  font-size: 14px;
  color: #000;
}

















/*mobile 适配*/
@media screen and (max-width:900px){
	.cp_js_l_,.cp_js_l_{width:100%;}
	.slt_qh,.cp_js_l{width:100%;position: inherit;}
	.cp_js_{margin-top:60px;flex-direction: column;padding: 30px 0; }
	.mySwiper_1{width:100%;height: auto;}
	.mySwiper_1 .swiper-slide img{width:95% !important;}
	.swiper-backface-hidden .swiper-slide{width:33%;}
	.swiper-backface-hidden .swiper-slide img{width:80%;}
	.swiper-thumbnails{width:100%;}
	.swiper0-button-next, .swiper0-button-prev, .swiper1-button-next, .swiper1-button-prev{opacity:1;}
	.cp_js_r{width: 100%;margin-left: 0px;}
	.tit_1 p b{display:none;}
	.tit_qh_show{margin-bottom:20px;}
	.has_logo{position: inherit;margin-top:0px;width:20%;display: inline-block;}
	.has_logo img{width:70%;}
	.has_logo a{padding:5px;display: flex;justify-content: center;}
	.cp_js_r .tit_ h2{font-size:20px; margin-top: 20px;}
	.table_xq .hd{display: none;}
	.tb_xin_,.table_3{flex-direction: column;}
	.tb_xin_l,.table_3_l,.table_3_r{width:100%;}
	.star{float: left;}
	.table_xq .bd ul{display:block !important; padding-bottom: 0px;}
	.table_3 .table_3_img{width:50%;}
	.table_3_text{width:100%;margin-top: 5%;}

	.slide_gwc{width:90%;overflow: inherit;}
	.slideTxtBox{width:100%;}
	.gw_car{display: block !important;transform: translateY(0) translateZ(0);bottom:0px;}
	.gw_car span{display:none !important;}
	.gw_car p{width:40px; height: 40px;background-color:#ff9933b5; }
	.table_,.img_change{height:120px;}
	.gw_car_navlist{display: block !important;transform: translateX(0px);height: auto;border-radius: 50px;border-bottom: 3px solid #f3f3f3;}
	.gw_car_navlist ul li:nth-child(1){display:none; }
	.gw_car_navlist ul li{width:35px !important;height: 35px!important; border-radius: 50px;}
	.gw_car_navlist ul li img{width:15px;height: auto;margin: 0;top:10px !important; }
	.gw_car_navlist ul,.gw_car_navlist{width:35px !important;}
	.gwc_jg h3{font-size: 11px;}
	.gwc_jg p{font-size:10px;}
	.gwc_li .img_c_img img{width:100% !important;}
	.product-labels.labels-rounded .product-label{min-width:40px; min-height:40px;font-size:10px;gap: 5px }
	.slide_gwc .slide_gwc-button-prev{left:-18px;}
	.slide_gwc .slide_gwc-button-next{right:-18px;}
	.table_,.img_change{height: auto;}
	.table_xq .bd ul h3{display:block; padding: 20px 0;font-weight: bold; margin-left: 1px;border-bottom: 1px solid #e8e8e8;}
	.table_xq .bd ul i{font-size: 20px; float: right;color: #bbb;}
	.tb_xin_2,.tb_xin_3{display: none; width: 100%;}
	.table_xq .bd ul h3.on{color: #ff9933; }
	.swiper-slide .table_,.img_change{height:120px;}
	.active{color: #ff9933;border-bottom:none!important;}
	.active i{transform: rotate(180deg);transition: all .25s ease;}

}





.mobile-search-results {
    max-height: 400px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.search-result-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.search-result-item img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    object-fit: cover;
}

.search-result-item h4 {
    margin: 0;
    font-size: 14px;
    color: #333;
}

.search-result-item p {
    margin: 5px 0 0;
    color: #e4393c;
    font-weight: bold;
}


.product-row {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.product-item {
    text-align: center;
    border: 1px solid #eee;
    padding: 10px;
}

.product-item img {
    max-width: 100%;
    height: auto;
}

.price {
    color: #ff4444;
    font-weight: bold;
}

/* 响应式处理 */
@media (max-width: 1200px) {
    .product-row {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .product-row {
        grid-template-columns: repeat(2, 1fr);
    }
}