.header-top{margin-bottom: 0;}
h3{margin-bottom: 0;}
body{background: #fff;}
.nav-gation-index{padding-top: 20px;}
.top-bg{background: url(../image/header-bj.jpg) no-repeat center;background-size: cover;}
.arti-warp{text-align: left;margin-top:40px;}
.arti-warp .title{display: flex;align-items: baseline;}
.arti-warp .title h3{font-size: 24px;font-weight: bold;}
.arti-warp .title p{font-size: 14px;color: #666;padding-left: 15px;}
.arti-warp.pro-hot{padding-bottom: 60px;margin-top: 120px;}
.ban-ner{display: flex;height: 405px;}
.ban-ner .ban-ler{width:250px;background: #fff;margin-right: 20px;border-radius: 10px;padding: 20px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);}
.ban-ner .ban-con{width: 55%;height: 405px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);}
.ban-ner .ban-con .carousel{height: 100%;}
.ban-ner .ban-con .carousel-inner{border-radius: 10px;height: 100%;}
.ban-ner .ban-rel{width: 350px;background:#fff;margin-left: 20px;border-radius: 10px;padding: 20px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);}
.ban-ner .ban-classifyli{margin-bottom:18px;}
.ban-ner .ban-classifyli:last-of-type{margin-bottom: 10px;}
.ban-ner .ban-classifyli .ban-title{color: #333;}
.ban-ner .ban-classifyli .ban-son{width:100%;height: 27px;overflow: hidden; }

.ban-ner .ban-classifyli .ban-son a{color: #999;font-size: 12px;white-space: nowrap;}
.ban-ner .ban-classifyli .ban-son a:first-child span{display: none;}
.ban-ner .ban-classifyli .ban-son a:hover{color: var(--font-theme);}
.ban-ner .ban-classifyli .ban-son .fl-spcolor{color: #ccc;padding: 0px 8px;display: inline-block;}
.ban-ner .ban-ler .k-btn{color: #666;display: block;text-align: center;font-size: 14px;}
.ban-ner .ban-ler .k-btn:hover{color: var(--font-theme);}
.ban-ner .ban-classifyli .classify-boxicon{display: flex;align-items: center;justify-content: space-between;}
.ban-rel .form-select{background: none;color: #fff;}
.ban-rel .rel-down{position: relative;margin-bottom: 30px;}
.ban-rel .rel-down .dropdown-toggle{background: none;width: 100%;border: 1px solid #999;color: #333;text-align: left;opacity: 1;height: 40px;padding-top: 0;padding-bottom: 0;;overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; }
.ban-rel .rel-down .dropdown-menu{width: 100%;}
.ban-rel .rel-down .dropdown-menu .dropdown-item.selected{background: #fef2d7;color: #f60;}
.ban-rel .rel-down .fa-angle-down{position: absolute;right: 10px;color: #333;top:50%;transform: translate(0,-50%);}
.ban-rel .radio-check ul{display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows:auto;grid-column-gap: 20px;grid-row-gap: 20px;}
.ban-rel .radio-check .select{color: #333;padding: 5px 0px;border: 1px solid #999;position: relative;font-size: 12px;border-radius: 5px;text-align: center;cursor: pointer;transition: all 0.3s linear;}
.ban-rel .radio-check .select:hover{border: 1px solid  var(--btn-theme);color: var(--font-theme);}
.ban-rel .radio-check .select .fa-check{position: absolute;font-size: 12px;right:0;bottom:0;display: none;color: #333;}
.ban-rel .radio-check .sel-active{border: 1px solid var(--btn-theme);color: var(--font-theme);}
.ban-rel .radio-check .sel-active .fa-check{display: block;background: var(--btn-theme);height: 12px;line-height: 15px;padding: 0 2px;border-bottom-right-radius: 5px;border-top-left-radius: 15px;}
.ban-rel .custom{margin: 30px auto;display: flex;align-items: center;}
.ban-rel .custom button.items-count{transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;font-size:12px;line-height:0px;padding:0px;height:30px;width:64px;text-align:center;font-weight:normal;background:none;border: 1px #999 solid;color: #333;}
.ban-rel .custom button.items-count:hover{background: var(--btn-theme);color: #333;border: 1px var(--btn-theme) solid;}
.ban-rel .custom .qty {height: 30px;text-align: center;width:60%;vertical-align: top;border: 1px solid #999;outline: none;background: none;color: #333;}
.ban-rel .custom button.reduced{border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-right: none;}
.ban-rel .custom button.increase{border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-left: none;}
.ban-rel .custom .i-s{padding-left: 15px;}
.ban-rel .price-box{color: #ccc;font-size: 12px;margin-bottom: 10px;text-align: center;}
.ban-rel .price-box .special-price{font-size: 24px;color: var(--font-theme);font-weight: bolder;}
.ban-rel .price-box .special-price i{font-size: 14px;font-weight: 500;}
.ban-rel .price-box .old-price{text-decoration: line-through;}
.nav-gation.nav-gation-index .nav-ul{display: block;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{z-index: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{z-index: auto;}
.arti-infinite{margin-top: 40px;background: #fff;padding: 40px 0;}
.inf-infinite {position: relative;height: 200px;overflow: hidden;margin-bottom: 15px;}
.inf-infinite.inf-tow{margin-bottom: 0;}
.inf-infinite .inf-ul {position: absolute;left: 0;display: flex;}
.inf-infinite .inf-ul .inf-li a{display: flex;width: 200px; margin-right: 15px;height: 200px;overflow: hidden;justify-content: center;border-radius: 10px;margin-bottom: 20px;position: relative;}
.inf-infinite .inf-ul .inf-li a img{width: 100%;}
.inf-infinite .inf-ul .inf-li .box-name{position:absolute;bottom:-200px;background:#000000ba;width:100%; text-align: center; color: #fff;padding:4px 0px;height: 100%;transition: all 0.5s linear;}
.inf-infinite .inf-ul .inf-li:hover .box-name{bottom: 0;}
.inf-infinite .inf-ul .inf-li .box-name .hover-con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 20px;width: 100%;}
.inf-infinite .inf-ul .inf-li .box-name .name{font-size:18px;font-weight: bolder;}
.inf-infinite .inf-ul .inf-li .box-name .buy{font-size: 12px;border: 1px solid #ccc;padding: 5px 0; margin: auto;margin-top: 15px;width: 120px;border-radius: 5px;color: #ccc;transition: all 0.3s linear;}
.inf-infinite .inf-ul .inf-li .box-name .buy:hover{color: #000;border: 1px solid var(--btn-theme);background: var(--btn-theme);}
footer{margin-top: 0;}
.susp-prod{width: 100%;margin-top: 40px;}
.susp-prod .title a{display: flex;align-items: flex-start;color: #000;}
.susp-prod .title i{background: url(../image/new.png) no-repeat;width: 30px;height: 20px;display: block;margin-left: 10px;}
.susp-prod .title h3{margin: 0;font-size: 24px;font-weight: bold;}
.susp-prod .fa-angle-right{ color: #fff;font-size: 24px;}
.susp-prod .boxlist{margin: 20px 0px;}
.susp-prod .boxlist .boxlist-warp{display: grid;grid-template-columns: repeat(8, 1fr);grid-auto-rows: auto;grid-column-gap:20px;grid-row-gap: 10px;padding-bottom: 15px;}
.susp-prod .boxlist .box-li{background:#fff;position: relative;font-size: 14px;padding: 20px;border-radius: 10px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);}
.susp-prod .boxlist .box-li .box-item{width: 70%;border-radius: 14px;overflow: hidden;margin: auto;}
.susp-prod .boxlist .box-li .box-item img{width: 100%;}
.susp-prod .boxlist .box-li a{color: #333;}
.susp-prod .boxlist .box-li .box-info{line-height: 20px;margin-top: 10px;text-align: center;}
.susp-prod .boxlist .box-li .box-info .item-title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.susp-prod .boxlist .box-li .box-info .price{color: var(--font-theme);font-weight: bold;font-size: 16px;}
.susp-prod .boxlist .box-li .box-info .platform{color: #bbb;}
.susp-prod .boxlist .box-li .box-info .present-price {background: var(--btn-theme);color: #000;width: 100%;text-align: center;border-radius: 50px;height: 30px;line-height: 30px;font-size: 14px;margin-top: 10px;opacity: .8;}
.susp-prod .boxlist .box-li .box-info .present-price:hover{opacity: 1;}
/* scrbest-sellersoll */
.best-sellers{margin-top: 50px;position: relative;}
.best-sellers .item-link{position: relative;width: 100%;height: 100%;display: block;overflow: hidden;}
.best-sellers .price-bj{background: #00000080;position: absolute;top:270px;width: 100%;height: 100%;left: 50%;transform: translate(-50%,0%);border-radius: 20px;transition: all 0.3s linear;}
.best-sellers .price{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 14px;font-weight: bold;text-align: center;width: 100%;padding: 20px;line-height: 35px;}
.best-sellers .item-link img{border-radius: 20px;width: 100%;max-width: 265px;}
.best-sellers .swiper-slide:hover .price-bj{top: 0;}
.best-sellers .price .now-buy{margin-top: 15px;background: var(--btn-theme);color: #000;border-radius: 50px;font-size: 14px;opacity: .8;transition: all 0.3s linear;}
.best-sellers .price .now-buy:hover{opacity: 1;}
.pro-hot .web-button{width: 180px;margin: 0 auto;margin-top:60px;}

.like-pro{margin-bottom:100px;margin-top:40px;}
.like-pro .pro-wap{display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: auto;grid-column-gap: 40px;;margin-top: 20px;}
.like-pro .pro-wap .pro-icon{height:277px;border-radius: 20px;position: relative;}
.like-pro .pro-wap .pro-fore a{display: flex;align-items: center;width: 100%;padding: 30px;background: #F7F7F7;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.like-pro .pro-wap .pro-fore .pro-img{width: 70px;height: 70px;overflow: hidden;border-radius: 20px;margin-right: 20px;}
.like-pro .pro-wap .pro-fore .pro-top{text-align: left;}
.like-pro .pro-wap .pro-fore .pro-top .pro-te{font-size: 18px;}
.like-pro .pro-wap .pro-fore .pro-top .pro-charge{color: #999;font-size: 14px;}
.like-pro .pro-wap .pro-img img{width: 100%;}
.like-pro .pro-wap .pro-bott{display: flex;align-items: center;width: 100%;}
.like-pro .pro-wap .pro-bott .pro{width: 50%;padding: 20px;background: #F7F7F7;margin-top: 6px;}

.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: 20px;border-left:6px solid #fff;}
.like-pro .pro-wap .pro-bott .pro-ler:first-child{border-left: 0px;border-bottom-left-radius: 20px;}

.like-pro .pro-wap .pro-bott .pro-rel{border-bottom-right-radius: 20px;}

.like-pro .pro-wap .pro-bott .pro img{display: block;width: 70px;height: 70px;border-radius: 20px;margin: auto;}
.like-pro .pro-wap .pro-bott .pro p{margin-top: 10px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;}
.like-pro .pro-wap .bott-pro{text-align: left;margin-top: 15px;}
.like-pro .pro-wap .bott-pro .ius-trate{font-size: 12px;color: #999;}

.news-list{display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: auto;grid-column-gap: 40px;margin-bottom: 40px;}
.news-con{margin-top: 30px;background: #fff;border-radius: 20px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);}
.news-con .te-ler{text-align: left;font-size: 14px;padding: 20px;}
.news-con .te-ler .new-tltle{font-size: 18px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: all 0.3s linear;}
.news-con .te-ler .new-tltle:hover{color:var(--font-theme);}
.news-con .te-ler .new-sou{display: flex;align-items: center;}
.news-con .te-ler .new-sou .source{color: #999;margin-top: 10px;margin-bottom: 10px;}
.news-con .te-ler .new-sou .tag{background: #E53250;padding: 2px 10px;font-size: 16px;color: #fff;border-radius: 5px;font-weight: bold;}
.news-con .te-ler .new-intel{line-height: 25px;}
.news-con .te-ler .new-intel p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-con .te-rel{height: 160px;overflow: hidden;position: relative;display: flex;align-items: center;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.news-con .te-rel img{width: 100%;}
.news-con .te-rel .link-news{position: absolute;top: 0;left: 0;background: #00000080;width: 100%;height: 100%;}
.news-con .te-rel .link-news .link-abso{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;width: 100%;padding:0 40px;font-size: 18px;}
.news-con .te-rel .link-news .link-abso a{color: #fff;font-size: 12px;transition: 0.3s;margin-top: 10px;display: block;}
.news-con .te-rel .link-news .link-abso a:hover{color: var(--font-theme);}
.adver-ment{display: flex;align-items: center;height: 410px;overflow: hidden;margin: 0 auto;margin-top: 40px;}
.adver-ment .adver-ler{width: 50%;padding: 60px;text-align: center;background: #F1E4B8;height: 100%;}
.adver-ment .adver-ler .adver-title{margin-bottom: 20px;}
.adver-ment .adver-ler .adver-bold{font-weight: bold;font-size: 24px;}
.adver-ment .adver-ler .adver-con{width: 50%;margin: 0 auto;font-size: 12px;line-height: 25px;text-align: left;}
.adver-ment .adver-ler .web-button{margin-top: 20px;}
.adver-ment .adver-ler .web-button .web-overturn{margin: auto;width: 180px;}
.adver-ment .adver-ler .web-button .web-overturn .web-but-yes {color: #fff;background: #000;}
.adver-ment .adver-rel{width: 50%;height: 100%;display: flex;align-items: center;}
.adver-ment .adver-rel img{width: 100%;}
.web-button {height: 40px;margin: 0 auto;}
.arti-warp .web-button{width: 180px;}
.ban-rel .web-button .web-recharge .button{box-shadow: none;}
.web-button .web-overturn{width:100%; height: 100%;transform-style: preserve-3d;transition: 0.25s;}
.web-button:hover .web-overturn {transform: rotateX(-90deg);}
.web-button .web-overturn .btn{width:100%;height: 100%;position: absolute;box-sizing: border-box;border: 2px solid #000  ;line-height:10px;font-size: 14px;text-align: center;text-transform: uppercase;opacity: 1;left: 0;border-radius: 50px;}
.web-button .web-overturn .web-but-bor {color: #000;transform: translate3d(0, 0, 30px);background: none;}
.web-button .web-overturn .web-but-yes {color: #000;background: var(--btn-theme);border: none;transform: rotateX(90deg) translate3d(0, 0, 30px);font-weight: bold;}
.news-con .te-ler .web-overturn{width: 180px;}
.swiper-button-next i, .swiper-button-prev i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #ccc;}
.swiper-button-next:hover i, .swiper-button-prev:hover i{color: #000;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {background-image: none;left: -60px;right: auto;line-height: 40px;transition: 0.5s;font-size: 40px;height: 100%;margin-top: 0;top: 0;background: #F7F7F7;width: 40px;border-radius: 50px;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:none;right: -60px;left: auto;line-height: 40px;font-size: 40px;height: 100%;margin-top: 0;transition: 0.5s;top: 0;background: #F7F7F7;width: 40px;border-radius: 50px;}
.swiper-button-next:hover, .swiper-button-prev:hover{background: var(--btn-theme);}
#fs-select .dropdown-item { font-size: 14px; overflow: hidden; text-overflow: ellipsis; }
.swiper-wrapper .swiper-slide{margin-right: 30px;}
.swiper-wrapper .swiper-slide:last-child{margin-right:0px;}
.swiper-wrapper .swiper-slide .item-link{padding: 25px;background: #F7F7F9;border-radius: 20px;}
#inf-div-2{display: none;}
.wechat-account{display: none;}
.social-bott{display: none;}

.like-ranking{background: #FFF6DB;padding: 30px 0;}
.like-ranking .container{display: flex;align-items: center;}
.like-ranking .like-list{width: 60%;margin-right: 20px;background: #fff;border-radius: 10px;padding: 20px;height: 400px;}
.like-ranking .ranking{width: 40%;background: #fff;border-radius: 10px;padding: 20px;height: 400px;overflow: hidden;}
.like-ranking .ranking .title{align-items: flex-start;}
.like-ranking .ranking .title i{background: url(../image/hot.png) no-repeat;width: 30px;height: 20px;display: block;margin-left: 10px;}
.arti-warp.like-ranking h3{font-size: 18px;text-align: left;}
.like-ranking .list-box{display: grid;grid-template-columns: repeat(5, 1fr);grid-auto-rows: auto;grid-column-gap: 20px;grid-row-gap: 20px;margin-top: 20px;}
.like-ranking .list-box .box-li{padding: 25px;background: linear-gradient(to bottom, #F7F7F9, #fff);border-radius: 20px;border: 1px solid #f2f2f2;}
.like-ranking .list-box .box-li img{width: 100%;border-radius: 20px;}
.like-ranking .ranking-li .item-link{display: flex;align-items: center;justify-content: space-between;}
.list-ranking{margin-top: 20px;}
.ranking-li{margin-bottom: 26px;}
.ranking-li .ran-ler{width: 78%;display: flex;align-items: center;}
.ranking-li .ran-ler .pro-img{width: 60px;height: 60px;margin-right: 20px;}
.ranking-li .ran-ler .pro-img img{width: 100%;border-radius: 10px;}
.ranking-li .ran-rel{width: 20%;}
.ranking-li .ran-rel .present-price{background: var(--btn-theme);color: #000;width: 100%;text-align: center; border-radius: 50px;height: 30px;line-height: 30px;font-size: 14px;opacity: .8;}
.ranking-li .ran-rel .present-price:hover{opacity: 1;}
.ranking-li .ran-icon{width: 36px;height: 40px;margin-right: 20px;}
.ranking-li:nth-child(1) .ran-icon{background: url(../image/ranking-icon.png) 0px 0px no-repeat;}
.ranking-li:nth-child(2) .ran-icon{background: url(../image/ranking-icon.png) 0px -73px no-repeat;}
.ranking-li:nth-child(3) .ran-icon{background: url(../image/ranking-icon.png) 0px -145px no-repeat;}

.new-s{margin-bottom: 40px;}


@media screen and (min-width: 1921px){
    .susp-prod .boxlist .box-li .box-info .present-price{margin-top: 10px;}

}
@media screen and (max-width:1920px){
    .ban-ner{height: 325px;}
    .ban-ner .ban-rel{width: 290px;padding-top: 30px;}
    .ban-rel .custom{margin: 20px auto;margin-bottom: 15px;}
    .ban-rel .price-box .special-price{font-size: 18px;}
    .ban-rel .rel-down{margin-bottom: 20px;}
    .ban-rel .form-select{font-size: 14px;padding-top: 0;padding-bottom: 0;height: 30px;}
    .ban-ner .ban-con{height: 325px;}
    .ban-rel .rel-down .dropdown-toggle{font-size: 12px;height: 30px;}
    .like-ranking .ranking{height: 340px;}
    .like-ranking .like-list{height: 340px;}
    .ranking-li .ran-ler .pro-img{height: 50px;width: 50px;}
    .ranking-li{margin-bottom: 20px;}
    .ban-ner .ban-classifyli:last-of-type{display: none;}
    .ranking-li .ran-ler .pro-img img{border-radius: 15px;}
  }
@media screen and (max-width: 1630px){
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next{background: #f7f7f766;left: 0;border-top-left-radius: 20px;border-top-right-radius: 0;border-bottom-left-radius: 20px;border-bottom-right-radius: 0;}
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev{background: #f7f7f766;right: 0;border-top-left-radius: 0;border-top-right-radius: 20px;border-bottom-left-radius:0;border-bottom-right-radius:20px;}
  .swiper-button-next i,
  .swiper-button-prev i{color: #000;}

}
@media screen and (max-width: 1499px){
    .susp-prod .boxlist .box-li .box-info .price{font-size: 14px;}
}

@media screen and (max-width: 1400px){
    .ban-rel .radio-check .select{font-size: 12px;}
    .ban-rel .custom{margin-bottom: 10px;}
    .susp-prod .boxlist .box-li .box-info{line-height: 20px;}
    .susp-prod .boxlist .box-li{font-size: 12px;background-size: 100%;}
    .susp-prod .boxlist .box-li .box-info .price{font-size: 12px;}
    .susp-prod .boxlist .box-li .box-info .present-price {font-size: 12px;height: 25px; line-height: 27px; margin-bottom: 15px;}
    .adver-ment .adver-ler .adver-con{width: 100%;}
    .ban-ner .ban-classifyli .classify-boxicon{font-size: 14px;}
}
@media screen and (max-width: 1199px){
    .ban-ner .ban-ler{display: none;}
    .ban-ner .ban-rel{display: none;}
    .ban-ner .ban-con{width: 100%;}
    .susp-prod .boxlist{grid-template-columns: repeat(5, 1fr);}
    .susp-prod{top: -150px;}
    .adver-ment{height: 260px;}
    .like-pro .pro-wap{grid-column-gap: 20px;}
    .adver-ment .adver-ler{padding: 20px;}
    .adver-ment .adver-ler .adver-bold{font-size: 16px;}
    .adver-ment .adver-ler .web-button{margin-top: 10px;}
    .like-ranking .list-box .box-li{padding: 15px;}
    .swiper-wrapper .swiper-slide .item-link{padding: 15px;}
    .susp-prod .boxlist .box-li{padding: 10px;}
}


@media screen and (max-width:990px){
    /* .headerwarp .finder-for{left: 55%;} */
    .susp-prod .boxlist{grid-template-columns: repeat(4, 1fr);}
    .nav-gation .nav-ul .nav-item .nav-link{font-size: 12px;padding: 8px 15px;}
    .nav-gation .nav-ul .dropdown-menu.show .dropdown-item{font-size: 12px;}

    .like-pro .pro-wap{grid-template-columns: repeat(2, 1fr);grid-row-gap: 80px;}
    .adver-ment .adver-ler{padding: 10px;}
    .adver-ment .adver-ler .adver-bold{font-size: 14px;}
    .news-con .te-ler .new-tltle{font-size: 18px;}
    .news-con{padding: 20px;}
    .news-con .te-ler .new-sou .source{margin-right: 20px;font-size: 12px;}
    .susp-prod .boxlist .boxlist-warp{grid-template-columns: repeat(6, 1fr);height: 150px;overflow: hidden;}
    .susp-prod .boxlist .box-li{margin-bottom: 30px;}
    .like-ranking .container{display: block;}
    .like-ranking .like-list{width: 100%;margin-bottom: 20px;}
    .like-ranking .ranking{width: 100%;}
    .news-list{grid-template-columns: repeat(2, 1fr);grid-column-gap: 20px;margin-bottom: 20px;}
}
@media screen and (max-width:768px){
    .nav-gation-index {padding-top: 20px;}
    .rec-suggest{display: none;}
    #inf-div-2{display: block;}
    body{background:#fff;}
    .like-pro .pro-wap {grid-template-columns: repeat(1, 1fr);padding: 0 20px;display: none;}
    .susp-prod{position: initial;}
    .susp-prod .title{padding: 10px 0px;}
    .susp-prod .title a{color: #000;justify-content: left;padding-left: 10px;}
    .susp-prod .fa-angle-right{color: #535353;font-size: 18px; padding: 12px;}
    .ban-ner{height: auto;}
    .ban-ner .ban-con{height: 100%;}
    header{margin-bottom: 0px;height: 160px;}
    .bot-buticon{display: block;}
    .best-sellers .price-bj{display: none;}
    .adver-ment{display: block;height: auto;}
    .adver-ment .adver-ler{width: 100%;}
    .adver-ment .adver-rel{width: 100%;}
    .best-sellers .item-link img{width: 85px;}
    .header-top{margin-bottom: 50px;height:37px;}
    .header-fixed{position: absolute; width: 100%; z-index: 11; background: transparent; top: auto;}
    .news-con{display: block;}
    .news-con .te-ler{width: 100%;margin-bottom: 20px;}
    .news-con .te-rel{width: 100%;}
    .news-con .te-ler .new-intel{width: 100%;}
    .news-con .te-ler .web-overturn{margin: 0 auto;}
    .arti-infinite{padding: 0px;margin-top: 0;padding-bottom: 0px;}
    .inf-infinite{height: 130px;}
    .inf-infinite .inf-ul .inf-li a{height: 100px;width: 100px;background: #f3f3f3;padding:12px}
    .nav-gation.nav-gation-index .nav-ul{display: none;}
    .nav-gation-index .btn-web-prim{top: -60px;}

    .wechat-account{padding-bottom: 63px; margin-bottom: 0;display: block;}
    .wechat-account .title-head {display: flex;width: 100%;padding:6px 15px;justify-content: space-between;align-items: center;border-top: 1px solid #ddd;}
    .wechat-account .title-head .title{font-weight: bold;font-size: 14px;}
    .wechat-account .title-head .angle-down .fa-angle-up{display: none;}
    .wechat-account .wecode{text-align: center;display: none;}
    .wechat-account .wecode img{width: 60%;}
    .like-ranking .list-box {grid-template-columns: repeat(3, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
    .like-ranking .like-list {height: auto;padding: 5px;}
    .like-ranking .list-box .box-li:last-child{display: none;}


    header{background: #161E2B;}
   .susp-prod .title h3{text-align: left;font-size: 14px; margin: 0;}
   .arti-warp .title h3 {font-size: 14px;text-align: left; }
   .arti-warp .title,
   .susp-prod .title{border-bottom: 1px solid #ddd;}
   .arti-warp .title{border-top: 1px solid #ddd;padding-left: 10px;padding-top: 10px;}
   .arti-warp .title p{display: none;}
   .susp-prod .boxlist{overflow-x: auto;margin: 0px;height: auto;}
   .susp-prod .boxlist .boxlist-warp{grid-template-columns: repeat(2, 1fr);height: auto;margin-top: 15px;}
   .susp-prod .boxlist .box-li {font-size: 12px;height: 130px;margin-bottom: 10px;}
   .susp-prod .boxlist .box-li .box-item{left: 29px;top: 5px;width: 60px;height: 60px;}
   .susp-prod .boxlist .box-li .box-info .present-price { font-size: 12px;}
   .arti-warp.pro-hot{padding-top: 0;padding-bottom: 0px;background: transparent;}
   .best-sellers {margin: 12px;}
   .swiper-button-next,
   .swiper-button-prev{display: none;}
   .pro-hot .web-button{display: none;}
   .new-s{display: none;}
   .like-pro {margin-bottom: 18px;margin-top: 0px;}
   .inf-infinite .inf-ul .inf-li a img{border-radius:6px}
   .inf-infinite .inf-ul .inf-li .box-name{top:95px;font-size: 12px;background: transparent;padding:0;color:#333;height: 34px;}
   .inf-infinite .inf-ul .inf-li .box-name .buy{display: none;}
   .inf-infinite .inf-ul .inf-li .box-name .name{font-size: 12px;font-weight:normal;width:80%;overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; }
   .inf-infinite .inf-ul .inf-li a{overflow:initial;}
   .inf-infinite .inf-ul .inf-li a img{width: 80px;height:80px;position: relative;top:-2px}
   .inf-infinite .inf-ul .inf-li .box-name .hover-con{padding:0px}
   .social-bott{display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
   .about-fb.social-bott .fa-facebook{padding-right:6px;}
   .about-fb.social-bott a{display: flex;align-items: center;width: 30%;height: 30px;justify-content: center;border-radius: 25px;border: 1px solid var(--btn-theme);font-size: 14px;color: var(--btn-theme);line-height: 16px;}
   .about-fb.social-bott a:hover{border:1px solid var(--btn-theme);color:#000;background: var(--btn-theme);}
   .about-fb.social-bott a:hover .svgimg img{filter: drop-shadow(#000 100px 0);}
   .about-fb.social-bott .svgimg{width: 30px;height: 30px;overflow: hidden;margin-right: 5px;}
   .about-fb.social-bott .svgimg img{width: 100%;height: 100%; filter: drop-shadow(var(--btn-theme) 100px 0); transform: translateX(-100px); }
   .about-fb.social-bott .svg-twitter{width:15px;height:15px;width: 14px; height: 21px;}
   .social-media .card-body{border-bottom: 1px solid #eee;}
   .social-media .card-body .we-code-warp{text-align: center;}


}