
.show-pop{cursor: pointer;}

.row-product1 .box-tab2{
    border-top: 1px solid rgba(27, 27, 27, 0.1);
    border-bottom: 1px solid rgba(27, 27, 27, 0.1);
    margin-bottom: 4vw;
}
.row-product1 .box-tab2 ul li{
    width: auto;
    display: none;
}
.row-product1 .box-tab2 ul li:first-child{
    display: inline-block;
}
.row-product1 .box-tab2 .con {margin: 0 20px;height:60px;line-height:60px;font-size:20px;background:#fff}
.row-product1 .box-tab2 .con img {position:relative;top:4px;margin-right:12px;height:24px;max-width:28px;object-fit:contain;}
.row-product1 .box-tab2 li.on .con {color:#C7000A}
.row-product1 .tab-cont{margin: 0 -15px;}
.row-product1 .tab-cont .item {width: 33.3%;float: left;}
.row-product1 .tab-cont .item .box-top{
    padding-bottom: 8px;
}
button {
  /* 移除默认焦点轮廓（通用） */
  outline: none;
  /* 移除部分浏览器的聚焦边框 */
  border: none;
}
button:active {
  outline: none;
  border: none;
}
/* 兼容 Webkit 内核（Chrome/Safari/微信浏览器） */
button:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent; /* 移除点击时的高亮背景（移动端） */
}

/* 兼容 Firefox */
button::-moz-focus-inner {
  border: 0; /* 移除Firefox的聚焦内边框 */
}
.row-product1 .tab-cont .pic-list:not(:first-child) {display:none;}
.row-product1 .tab-cont .item .con {display:block;margin: 0 15px 30px;box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.13);padding: 30px 20px 30px;position: relative;}
.row-product1 .f-bag{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}
.row-product1 .f-bag span{
    width: 38px;
    height: 38px;
    background: #fff;
    border-radius: 50%;
    display: block;
    color: #8C8C8C;
    font-size: 22px;
    margin: 11px auto;
    text-align: center;
    line-height: 38px;
}

.row-product1 .tab-cont .pic-pos {position:absolute;bottom:60px;width:100%;text-align:center;}
.row-product1 .tab-cont .pic-pos .pic-list {height:19.114vw;}
.row-product1 .tab-cont .pic-pos .pic-list img {height:100%;object-fit: scale-down;}
.row-product1 .box-top .pic{
    text-align: center;
    height: 12vw;
    margin-bottom: 20px;
}
.row-product1 .box-top .pic img{
    max-height: 100%;
}
.row-product1 .box-top .tit {font-size:2.5vw;font-weight:bold;line-height:1.4;}
.row-product1 .box-top .tit1 {font-size:1.25vw;line-height:1.2;margin: 10px 0 8px;}
.row-product1 .box-top .tit img{
    max-width: 2.3vw;
}
.row-product1 .box-top .tit .new-icon{
    display: inline-block;
}
.row-product1 .tab-cont .item .con .img2{
    display: none;
}
.row-product1 .box-top .eq-pic{
    margin-top: 20px;
}
.row-product1 .box-top .eq-pic img{
    max-height: 2.8125vw;
    margin-right: 10px;
}

.row-product1 .box-top .eq-pic.eq-pic-kkc img{
    max-height: 1.6125vw;
}

.row-product1 .box-top ul{margin-top: 30px;}
.row-product1 .box-top li {display:inline-block;margin-right:2.083vw;}
.row-product1 .box-top li:last-child {margin-right:0;}
.row-product1 .box-top li img {max-height:54px;}
.row-product1 .tab-cont .box-bottom li{
    float: left;
}
.row-product1 .tab-cont .box-bottom li.kkc-li{
    float: none;
    width: 100%;
    text-align: left;
    padding: 0 20px;
}
.row-product1 .tab-cont .box-bottom li.kkc-li .tit{position: relative;padding-left: 16px}
.row-product1 .tab-cont .box-bottom li.kkc-li .tit::after{
    content: '●';
    position: absolute;
    left: 0;
    top: 0;
}
.row-product1 .tab-cont .box-bottom .pic {height:56px;border-radius:8px;}
.row-product1 .tab-cont .box-bottom .pic img {max-height:100%;}
.row-product1 .tab-cont .box-bottom .tit {font-size:12px;margin-top:10px;line-height: 16px;}

.row-product1 .tab-cont .item .con:hover{background:#C7000A;color: #fff;}
.row-product1 .tab-cont .item .con:hover .img2{display: inline-block;}
.row-product1 .tab-cont .item .con:hover .img1{display: none;}

@media screen and (max-width:1450px){
    .row-product1 .tab-cont .item .con {
        padding: 20px 18px 20px;
    }
    .row-product1 .box-top li img {max-height:40px;}
    .row-product1 .box-top .txt{line-height: 20px;font-size: 13px;}
    .row-product1 .box-top .eq-pic {
        margin-top: 12px;
    }
    .row-product1 .tab-cont .box-bottom {
        padding: 5px 0 0;
    }
    .row-product1 .tab-cont .box-bottom .pic {
        height: 40px;
    }
    .row-product1 .tab-cont .box-bottom .tit {
        margin-top: 7px;
    }
    .row-product1 .f-bag {
        width: 50px;
        height: 50px;
        top: 18px;
        left: 18px;
    }
    .row-product1 .box-top .pic {
        margin-bottom: 18px;
    }
    .row-product1 .f-bag span {
        width: 34px;
        height: 34px;
        font-size: 18px;
        margin: 8px auto;
        line-height: 34px;
    }
    .row-product1 .box-tab2 {
        margin-bottom: 3vw;
    }
    .row-product1 .box-tab2 .con {
        margin: 0 12px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
}
@media screen and (max-width:1199px){
    .row-product1 .box-top .eq-pic img{
        max-width: 36px;
        margin-right: 8px;
        max-height: initial;
    }
    .row-product1 .tab-cont .box-bottom li.kkc-li {
        padding: 0 10px;
    }
    .row-product1 .tab-cont .box-bottom li.kkc-li .tit::after {
        font-size: 12px;
    }
    .row-product1 .box-top .eq-pic.eq-pic-kkc img{
        max-height: 22px;
        max-width: initial;
    }
    .row-product1 .tab-cont .item{
        width: 50%;
    }
    .row-product1 .box-top .pic {
        height: 180px;
    }
    .row-product1 .f-bag {
        top: 16px;
        left: 16px;
        width: 42px;
        height: 42px;
    }
    .row-product1 .f-bag span {
        width: 26px;
        height: 26px;
        font-size: 18px;
        margin: 8px auto;
        line-height: 26px;
    }
    .row-product1 .box-tab2 {
        margin-bottom: 40px;
    }
    .row-product1 .box-tab2 ul {white-space:nowrap;overflow-x:auto}
    .row-product1 .box-tab2 ul {margin:0;}
    .row-product1 .box-tab2 li {width:24.99%;}
    .row-product1 .box-top .tit {font-size:24px;}
    .row-product1 .box-top .tit1 {font-size:18px;margin:12px 0 10px;}
    .row-product1 .box-top .tit img{max-width: 23px;margin-left: 10px;position: relative;top: 2px;}
}
@media screen and (max-width:768px){
    .row-product1{padding-top: 30px;}
    .row-product1 .tab-cont .item{width: 100%;float: none;}
    .row-product1 .tab-cont .item .con {
        margin: 0 15px 20px;
        padding: 20px;
    }
    .row-product1 .tab-cont .box-bottom li {
        width: 33.3%;
    }
    .row-product1 .box-tab2 li {width:auto;padding:0;padding-left:10px;}
    .row-product1 .box-tab2 .con {height:42px;line-height:40px;font-size:14px;    margin: 0;margin-right: 15px;}
    .row-product1 .box-tab2 .con img {top:3px;margin-right:10px;height:16px;max-width:22px;}
    .row-product1 .tab-cont .item {margin-top:0px;}
    .row-product1 .tab-cont .box-bottom .tit {margin-top:6px;}
    .row-product1 .tab-cont .pic-pos {position:static;}
    .row-product1 .tab-cont .pic-pos .pic-list {height:120px;}
    .row-product1 .tab-cont .box-top {padding:20px 0;}
    .row-product1 .tab-cont .box-bottom {padding-top:0;}
    .row-product1 .tab-cont .box-bottom .pic {height:40px;}
    .row-product1 .box-top li img {max-height:30px;}
    .row-product1 .box-top ul {margin-top:20px;}
    .row-product1 .box-tab1 li {
        font-size: 16px;
    }
    .row-product1 .box-tab1 li.on {
        font-size: 20px;
    }
    .row-product1 .box-tab1 li:not(:last-child) {
        margin-right: 20px;
    }
}


/* 详情页 */
.row-del1 .tab-cont .item .con:hover .box-top {background-image:none;}
.row-del1 .tab-cont .box-top {border:none;border-bottom:1px solid rgba(0,0,0,0.2);background:#F7F7F7;}
.row-del1 .tab-cont .box-eq1 {background:#F7F7F7;padding:2.604vw 9.895vw;}
.row-del1 .tab-cont .box-eq1 .txt {white-space:pre-line;}
.row-del1 .tab-cont .box-eq2 {background:#F2F2F2;padding:2.604vw 9.895vw;}
.row-del1 .tab-cont .box-eq2 li:not(:first-child) {margin-top:2.604vw;padding-top:2.604vw;border-top:1px solid rgba(0,0,0,0.2);}
.row-del1 .tab-cont .box-eq2 .pic {width:180px;height:100px;margin-right:40px;}
.row-del1 .tab-cont .box-eq2 .pic img {width:100%;height:100%;}
.row-del1 .tab-cont .box-eq2 .tit {font-size:1.979vw;font-weight:bold;line-height:1;}
.row-del1 .tab-cont .box-eq2 .txt {font-size:18px;line-height:26px;margin-top:10px;color:#666;}
.row-del2 table {border-bottom:1px solid #E0E0E0;}
.row-del2 table th,.row-del2 table td,.row-del2 table tr {text-align:center;border:none;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;}
.row-del2 table thead {background:#000;height:80px;color:#fff;border-bottom:8px solid #C7000A;font-size:22px;font-weight:bold;}
.row-del2 table tbody tr:nth-child(2n) {background:#FBFBFB;}
.row-del2 table tbody tr {height:70px;font-size:20px;}

.row-del3 .box-guess{margin-top: 100px;}
.row-del3 .item{position: relative;width: 49%;background-image: url('../img/product/bg2.png');}
.row-del3 .item:first-child{margin-right: 2%;}
.row-del3 .box-top{position:relative;height:320px;padding: 50px 50px 0;}
.row-del3 .box-top .eq{font-size: 18px;color: #999;margin-top: 0.937vw;}
.row-del3 .pic-pos {position:absolute;left: 0;bottom:45px;width:100%;text-align:center;}
.row-del3 .pic-pos .pic-list {height:19.114vw;}
.row-del3 .pic-pos .pic-list img {height:100%;object-fit: scale-down;}
.row-del3 .pic-pos .pic-list:not(:first-child) {display:none;}
.row-del3 .pic-tab {position:absolute;bottom:30px;right:40px;}
.row-del3 .pic-tab li {width:40px;height:40px;background:#fff;border:1px solid #6E6E6E;border-radius:50%;opacity:0.6;display:inline-block;margin:0 6px;cursor: pointer;}
.row-del3 .pic-tab li.on {background:#C7000A;border:1px solid #C7000A;opacity:1;}
.row-del3 .pic-tab li .pic {display:block;}
.row-del3 .pic-tab li .pic img {height:24px;display:block;margin:8px auto;}
.row-del3 .box-bottom{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 50px;
}
.row-del3 .box-bottom .txt{
    font-size: 14px;
    font-weight: bold;
    width: 70%;
    color: #000;
    text-transform: uppercase;
}

@media screen and (max-width:1450px){
    .row-del3 .box-top {
        height: 249px;
        padding: 30px 30px 0;
    }
    .row-del3 .box-bottom {
        padding: 20px 30px;
    }
    .row-del3 .pic-tab {
        bottom: 40px;
        right: 20px;
    }
}
@media screen and (max-width:1199px){
    .row-product1.row-del1 .tab-cont .item {
        margin-top: 50px;
    }
    .row-del1 .tab-cont .box-eq1 {
        padding: 20px;
    }
    .row-del1 .tab-cont .box-eq2 {
        padding: 30px 20px;
    }
    .row-del3 .box-guess {
        margin-top: 30px;
    }
}
@media screen and (max-width:768px){
    .row-product1.row-del1 .tab-cont .item {margin-top:10px;}
    .row-del1 .tab-cont .box-eq1 .txt {font-size:14px;}
    .row-del1 .tab-cont .box-eq2 .pic {width:100%;height:auto;margin-right:0;float:none;text-align:center;margin-bottom:10px;}
    .row-del1 .tab-cont .box-eq2 .pic img {width:auto;height:auto;}
    .row-del1 .tab-cont .box-eq2 .tit {font-size:18px;}
    .row-del1 .tab-cont .box-eq2 .txt {font-size:14px;line-height:22px;}
    .row-del1 .tab-cont .box-eq2 li:not(:first-child) {margin-top:20px;padding-top:20px;}
    .row-del2 .box-table {overflow-x:auto;}
    .row-del2 table {width:660px;}
    .row-del2 table thead {height:50px;border-bottom:4px solid #C7000A;font-size:16px;}
    .row-del2 table tbody tr {height:46px;font-size:14px;}
    .row-del3 .item {width:100%;margin-bottom:20px;}
    .row-del3 .item:first-child {margin-right:0;}
    .row-del3 .pic-pos .pic-list {height:120px;}
    .row-del3 .box-top {height:168px;padding:16px 20px 0;}
    .row-del3 .pic-pos {bottom:20px;}
    .row-del3 .box-top .eq {font-size:16px;}
    .row-del3 .box-bottom {padding:15px 20px;}
    .row-del3 .box-bottom .txt {width:100%;}
    .row-del3 .pic-tab {position:static;margin-top:10px;}
}

/* 弹框 */
.del-pop .cont {max-width:950px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) skewX(-6deg);-moz-transform:translate(-50%,-50%) skewX(-6deg);-ms-transform:translate(-50%,-50%) skewX(-6deg);-o-transform:translate(-50%,-50%) skewX(-6deg);transform:translate(-50%,-50%) skewX(-6deg);padding:0;border-radius:20px;background:#F4F6F3;}
.del-pop .cont .skew-no {-webkit-transform:skewX(6deg);-moz-transform:skewX(6deg);-ms-transform:skewX(6deg);-o-transform:skewX(6deg);transform:skewX(6deg);}
.del-pop .cont .close {color:#fff;right:47%;font-size:30px;bottom:-80px;top:auto;z-index:9;width:50px;height:50px;border:2px solid #fff;line-height:45px;-webkit-transform:skewX(6deg);-moz-transform:skewX(6deg);-ms-transform:skewX(6deg);-o-transform:skewX(6deg);transform:skewX(6deg);transition:all 0s;}
.del-pop .cont .close:hover {-webkit-transform:rotate(0) skewX(6deg);-moz-transform:rotate(0) skewX(6deg);-ms-transform:rotate(0) skewX(6deg);-o-transform:rotate(0) skewX(6deg);transform:rotate(0) skewX(6deg);}
.box-top {padding:40px 15px 20px;}
.del-pop .tit {margin-top:-6vw;}
.del-pop .tit h3 {font-size:2.5vw;font-weight:bold;display:inline-block;margin-right:15px;color:#000;}
.del-pop .tit span {font-size:18px;color:#999;display:inline-block;}
.del-pop .txt {position:relative;background:#fff;padding:34px 50px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.del-pop .txt p {width:70%;font-size:24px;color:#111;line-height:24px;}
.del-pop .txt span {width:70%;display:block;color:#000;line-height:26px;margin-top:15px;}
.del-pop .pic-tab {position:absolute;bottom:14px;right:0;}
.del-pop .pic-cont {position:relative}
.del-pop .pic-cont .pic-list {text-align:center;position:relative;height:24vw;}
.del-pop .pic-cont .pic-list img {height:90%;}
.del-pop .pic-cont .pic-list:not(:first-child) {display:none;}
.del-pop .pic-cont .swiper-button-next,.del-pop .pic-cont .swiper-button-prev {width:4vw;height:4vw;line-height:3.8vw;border:2px solid #BFBFBF;border-radius:50%;margin-top:-2vw;background-image:none !important;font-size:36px;text-align:center;color:#BFBFBF;}
.del-pop .pic-cont .swiper-button-prev {transform:rotate(180deg);left:30px;}
.del-pop .pic-cont .swiper-button-next {right:30px;}
.del-pop .pic-cont .swiper-button-next:hover,.del-pop .pic-cont .swiper-button-prev:hover {border-color:#fff;background:#fff;color:#C7000A;}
.del-pop .pic-tab li {width:50px;height:50px;background:#fff;border:1px solid #6E6E6E;border-radius:50%;opacity:0.6;display:inline-block;margin:0 6px;cursor:pointer;position:relative;}
.del-pop .pic-tab li.on {background:#C7000A;border:1px solid #C7000A;opacity:1;}
.del-pop .pic-tab li.on::after {content:'';display:block;position:absolute;top:-4px;left:50%;width:8px;height:8px;background:#C7000A;transform:rotate(45deg);margin-left:-4px;}
.del-pop .pic-tab li .pic {display:block;}
.del-pop .pic-tab li .pic img {height:32px;display:block;margin:9px auto;}

@media screen and (max-width:1450px){
    .del-pop .txt {padding:22px 40px;}
    .box-top {padding:30px 0 15px;}
    .del-pop .cont .close {font-size:24px;bottom:-54px;width:40px;height:40px;line-height:36px;}
}
@media screen and (max-width:768px){
    .box-top {padding:25px 15px 15px;}
    .del-pop .pic-cont .pic-list {height:180px;}
    .del-pop .cont {-webkit-transform:translate(-50%,-50%) skewX(0);-moz-transform:translate(-50%,-50%) skewX(0);-ms-transform:translate(-50%,-50%) skewX(0);-o-transform:translate(-50%,-50%) skewX(0);transform:translate(-50%,-50%) skewX(0);}
    .del-pop .cont .skew-no {-webkit-transform:skewX(0);-moz-transform:skewX(0);-ms-transform:skewX(0);-o-transform:skewX(0);transform:skewX(0);}
    .del-pop .pic-cont .swiper-button-next,.del-pop .pic-cont .swiper-button-prev {width:40px;height:40px;line-height:38px;margin-top:-20px;font-size:24px;}
    .del-pop .pic-cont .swiper-button-prev {left:0;}
    .del-pop .pic-cont .swiper-button-next {right:0;}
    .del-pop .tit h3 {font-size:24px;}
    .del-pop .txt {padding:20px 15px;}
    .del-pop .txt p {width:100%;font-size:18px;}
    .del-pop .txt span {width:100%;line-height:20px;margin-top:10px;}
    .del-pop .pic-tab {bottom:125px;}
    .del-pop .pic-tab li {width:36px;height:36px;}
    .del-pop .pic-tab li .pic img {height:24px;margin:6px auto;}
    .del-pop .tit {margin-top:0;}
    .del-pop .cont .close {-webkit-transform:skewX(0);-moz-transform:skewX(0);-ms-transform:skewX(0);-o-transform:skewX(0);transform:skewX(0);}
}
