body{margin-bottom: 60px;}
.header-top .finder-for{display: block;width: 100%;}
.header-top .headerwarp .com-for{display: none;}
.com-nav{display: none;}
header{position: sticky;top:0px;z-index: 20;}
.header-top{padding-bottom: 7px;}
.headerwarp .logo-lan{display: flex;}
.ban-prc{position: relative;display: flex;align-items: center;padding: 0 20px;justify-content: space-between;top: -50px;}
.ban-prc .tow-prc{background: #fff;box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.2);width: 48%;border-radius: 20px;padding:8px;}
.ban-prc .tow-prc .prc-img-t{display: flex;align-items: center;margin-bottom: 10px;}
.ban-prc .tow-prc .prc-img-t img{width: 50px;height: 50px;border-radius: 10px;margin-right: 10px;border: 2px solid var(--font-theme);}
.ban-prc .tow-prc .prc-img-t .prc-title .name{font-weight: 900;font-size: 14px;}
.ban-prc .tow-prc .prc-img-t .prc-title .price{color: #f60;font-size: 12px;}
.prc-body{background: #fff url(../images/bodybg.jpg) repeat-x 0px 0px;position: relative; border-radius: 20px;}
.prc-body .prc .title .t-warp{display: flex;align-items: center;height: 36px;padding: 0 10px;justify-content: space-between;}
.prc-body .prc .title .t-warp h3{margin: 0;font-size: 16px;font-weight: bolder;margin-right: 5px;}
.prc-body .prc .title .t-warp h3 span{font-size: 12px;color: #666;font-weight: 500;padding-left: 10px;}
.prc-body .prc .title .t-warp .fa{font-size: 24px;    color: #878787;}
.prc-body .prc .boxlist{padding:10px;display: flex;overflow-y: auto;}

.prc-body .prc .boxlist .box-li {padding:7px; width: auto!!important}
.prc-body .prc .boxlist .box-li a{display:block;background: #fff;}
.prc-body .pcr-new .boxlist{padding-left: 0px;}
.prc-body .pcr-new .title{display: flex;}
.prc-body .pcr-new .title  h3{margin: 0;font-size: 16px;padding-left: 10px;font-weight: bolder;margin-right: 5px;}
.prc-body .pcr-new .title .new-icon {background: url(../images/icon/new-icon.png) no-repeat 0px 0px;width: 25px;background-size: contain;position: relative;top:1px; left: 3px;}
.prc-body .prc .boxlist .box-li a{ width: 100px;text-align: center;padding: 10px 6px; border-radius: 6px;border: 1px solid #f0f0f0;   background: linear-gradient(90deg, #f6f6f8 0%, #fffffd 100%);}
.prc-body .prc .boxlist .box-li .box-item {width:50px;height: 50px;margin: auto;border-radius: 10px;overflow: hidden;}
.prc-body .prc .boxlist .box-li .box-item img{width: 100%; height: 100%;}
.prc-body .prc .boxlist .box-li .box-info{line-height: 20px;}
.prc-body .prc .boxlist .box-li .box-info .item-title {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 12px;}
.prc-body .prc .boxlist .box-li .box-info .price{font-size: 12px;color: #f60;font-weight: bold;}
.prc-body .prc .boxlist .box-li .box-info .web-button{margin-top: 4px;font-size: 14px;}
.prc-body .prc .boxlist .box-li .box-info .web-button .button{height: 30px;}
.prc-body .pcr-hot{padding:18px 0px}
.prc-body .pcr-hot .boxlist .box-li{background: none;padding: 0; height: auto;}
.prc-body .pcr-hot .boxlist .box-li .box-item{width: 42px;height: 42px;border-radius: 10px;overflow: hidden;margin: 0 auto;}
.prc-body .pcr-hot .boxlist {display: grid; grid-template-columns: repeat(5, 1fr);grid-auto-rows: auto;grid-column-gap: 8px; grid-row-gap: 8px;overflow: hidden; padding: 8px;}
.prc-body .pcr-hot  .boxlist .box-li a { width: auto; text-align: center;padding: 10px 0px;border-radius: 6px;border: 1px solid #f0f0f0;    box-shadow: 0px 0px 0px 0px rgb(103 111 24 / 12%);  background: linear-gradient(90deg, #f6f6f8 0%, #fffffd 100%);}
.prc-body .pcr-hot .boxlist .box-li .box-item img { width: 100%;height: 100%;}
.bg-color{background:#fff6db;}

.ban-ner{padding:15px}
.carousel-inner {border-radius: 12px;}
.arti-infinite{padding-bottom: 1px;}
.arti-infinite .title a{border-top: 1px solid #eee;}
.inf-infinite {position: relative;height: 130px;overflow: hidden;margin-bottom: 20px;margin-top: 20px;}
.inf-infinite.inf-tow{margin-bottom: 0;}
.inf-infinite .inf-ul {position: absolute;left: 0;display: flex;padding: 0 20px;}
.inf-infinite .inf-ul .inf-li a{display: block;width: 80px;overflow: hidden;position: relative;}
.inf-infinite .inf-ul .inf-li a img{width:80px;height: 80px;border-radius: 10px;}
.inf-infinite .inf-ul .box-name .name{font-size: 12px;margin-top: 5px;text-align: center;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.inf-infinite .inf-ul .inf-li{padding: 10px;background: #EBECEE;border-radius: 10px;}
.inf-infinite .inf-ul .inf-li:not(:first-child){margin-left: 20px;}

.new-s .news-con{padding: 10px;}
.new-s .news-con .new-tltle{font-weight: bold;font-size: 14px;}
.new-s .news-con .author{font-size: 12px;color:#666;}
.new-s .news-con .author span{padding-left:10px}
.new-s .news-con .new-sou{display: flex;align-items: center;}
.new-s .news-con .new-sou .source{font-size: 12px;margin-right: 20px;margin-top: 5px;margin-bottom:5px;color: #999;}
.new-s .news-con .new-sou .tag { background: #dd5828;padding: 2px 10px;font-size: 12px; color: #fff;border-radius: 45px;font-weight: bold;}
.new-s .news-con .te-news .new-intel p{font-size: 12px;line-height: 25px;max-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; color: #767676;}

.new-s .te-news{position: relative; padding-left: 39px;}
.new-s .te-news .number {position: absolute;top: 8px;left: 2px;font-weight: bold; font-size: 19px;color: #9a9fbd; background: url(../images/number.png) no-repeat 0px 0px;background-size: 48px;    width: 24px; height: 30px; overflow: hidden; text-indent: 31px;}
.new-s .news-con:nth-child(2) .number {background-position: -11px -9px;}
.new-s .news-con:nth-child(3) .number {background-position: -11px -100px;}
.new-s .news-con:nth-child(4) .number {background-position: -11px -195px;}
.new-s .news-con:nth-child(5) .number {background-position: -11px -291px;}
.like-pro{margin-top:15px;}
.like-pro .title h3{margin: 0;font-size: 16px; font-weight: bolder;     padding-left: 10px;}
.like-pro .pro-wap{display: grid;grid-template-columns: repeat(4, minmax(170px, 1fr));grid-auto-rows: auto;grid-column-gap:8px;margin-top: 20px;overflow-x: scroll;overflow-y: hidden;width: 100%;padding: 0 8px 20px;}
.like-pro .pro-wap .pro-icon{min-width: 170px;border-radius: 20px;position: relative;}
.like-pro .pro-wap .pro-fore a{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;padding: 11px;background: #F7F7F7;border-top-left-radius: 10px;border-top-right-radius: 10px;justify-content: center;}
.like-pro .pro-wap .pro-fore .pro-img{width: 50px;height: 50px;overflow: hidden;border-radius: 10px;margin-right: 14px;}
.like-pro .pro-wap .pro-fore .pro-top{text-align: left;}
.like-pro .pro-wap .pro-fore .pro-top .pro-te{font-size: 12px;white-space: nowrap;vertical-align: middle;}
.like-pro .pro-wap .pro-fore .pro-top .pro-charge{color: #999;font-size: 14px;}
.like-pro .pro-wap .pro-img img{width: 100%;height: 100%;aspect-ratio: 1;}
.like-pro .pro-wap .pro-bott{display: flex;gap: 3px;align-items: center;width: 100%;margin-top:3px;}
.like-pro .pro-wap .pro-bott .pro{width: 50%;background: #F7F7F7;}
.like-pro .pro-wap .pro-bott .pro a{padding: 14px;display: block;}
.like-pro .pro-wap .pro-bott .pro-ler{flex: 1;border-bottom-left-radius: 20px;}
.like-pro .pro-wap .pro-bott .pro-ler:last-child{border-bottom-left-radius: 0px;border-bottom-right-radius: 10px;}
.like-pro .pro-wap .pro-bott .pro-ler:first-child{border-left: 0px;border-bottom-left-radius: 10px;}
.like-pro .pro-wap .pro-bott .pro-rel{border-bottom-right-radius: 20px;}
.like-pro .pro-wap .pro-bott .pro .pro-bott-container{width: 50px;height: 50px;border-radius: 10px;margin: 0 auto;overflow: hidden;}
.like-pro .pro-wap .pro-bott .pro img{width: 100%;height: 100%;aspect-ratio: 1;}
.like-pro .pro-wap .pro-bott .pro span{margin-top: 6px;font-size: 12px;max-height: 20px; text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.like-pro .pro-wap .bott-pro{text-align: left;margin-top: 15px;display: none;}
.like-pro .pro-wap .bott-pro .ius-trate{font-size: 12px;color: #999;display: none;}
.header-top .finder-for .shortcut{display: block;}
.header-top .finder-for{display: block;}

.carousel-control-next, .carousel-control-prev{z-index: auto;}
.header-fixed .finder-for{position: fixed;top: 0px;background: #fff;width: 100%;left: 0px;}
.header-fixed .finder-for form {padding: 5px;}
.header-fixed .finder-for .shortcut{display: none;}
.prc-body .new-s{padding-top: 10px;}
.prc-body .new-s .title {display: flex;justify-content: space-between;padding: 0px 10px;}
.prc-body .new-s .title h3{font-weight: bold;}
.prc-body .new-s .title a{border-bottom: 1px solid #eee;padding-bottom: 5px;    width: 31px;text-align: right;}
.new-s .news-con{border-bottom: 1px solid #eee;}
.new-s .news-con:last-of-type{border-bottom: none;}

.shortcut {margin-bottom: 10px;font-size: 12px; opacity: .8; padding-left: 6px;overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; position: relative;}
.shortcut i{width: 1px;height: 10px;display: inline-block;margin: 0 2px;}
.shortcut .share {position: absolute;right: 6px;top: -2px;background: #fff;}
.shortcut .share a{color: #d73628;display: flex;align-items: center;line-height: 21px;font-weight: bold;}
.shortcut .share a:before {content: '';width: 21px;display: block;height: 20px;background: url(../images/share.webp) no-repeat center;background-size: 15px;}
.shortcut .share a:before{-webkit-animation:goldmine_gold 2000ms 0s infinite normal;-moz-animation:goldmine_gold 2000ms 0s infinite normal;-ms-animation:goldmine_gold 2000ms 0s infinite normal;-o-animation:goldmine_gold 2000ms 0s infinite normal;animation:goldmine_gold 2000ms 0s infinite normal;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;}
@keyframes goldmine_gold{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
2%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
4%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
6%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
8%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
10%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
12%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
14%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
16%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
18%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
22%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
24%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
26%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
28%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
30%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
32%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}
/* image lazy loading */
body *[data-lazy-load="true"] {background: linear-gradient(90deg, #fbb92a28 25%, #fdb8237a 37%, #fbb92a28 63%);background-size: 400% 100%;background-position: 100% 50%;overflow: hidden;}
body *[data-lazy-load="true"][data-loading="true"] {animation: loading-gradient 1.5s ease .5s infinite;}
body *[data-lazy-load="true"] * {display: none;opacity: 0;}
body *[data-lazy-load="false"][data-error="true"] {background-image: url(../images/product/no-img.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;}
body *[data-lazy-load="false"][data-error="true"] * {display: none;}
@keyframes loading-gradient {
	from {
		background-position: 100% 50%;
	}
	to {
		background-position: 0 50%;
	}
}


.trust-warp {
    background: #fff1f2;
    display: flex;
    align-items: center;
    padding: 7px 5px;
    border-radius: 41px;
    justify-content: center;
    margin-bottom: 14px;
}

.trust-warp::before {
    content: "";
    width: 53px;
    height: 43px;
    background: url(../images/t-xhs.webp) no-repeat center;
    display: block;
    background-size: 49px;
    margin-left: 7px;
}

.trust-box {
    border-radius: 7px;
    font-weight: bold;
    padding: 0px 15px;
    font-size: 16px;
    padding-left: 5px;
    display: flex;
    height: 26px;
}

.trust-box span {
    font-weight: bold;
    font-size: 16px;
}

.trust-box .real {
    display: inline-block;
    background: #ff482c;
    color: #fff;
    border-radius: 21px;
    padding: 4px 18px;
    font-size: 12px;
    margin-left: 4px;
}

.ban-con .swiper  { overflow:hidden; border-radius:15px; position: relative;}
.ban-con .swiper-button-next { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") }


.ban-con .swiper-button-prev { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") }


.ban-con .swiper-pagination-bullet {margin: 0 4px;  width: 30px;  height: 3px;  border-radius: 1px;  background: #fff;}

.pro-wap.swiper { width: 100%; overflow: hidden; }
.pro-wap .swiper-wrapper { display: flex; }
.pro-wap .swiper-slide {width: auto;flex-shrink: 0;  padding: 0 6px;}

.commentslist .swiper-wrapper {
  transition-timing-function: linear !important;
}