.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
 }
:root{
--html-width:80%;
--gjb-color: #ff9600;
--border-color:#f5f6f8;
--title-font-size:30px;
--font-color:#333;
--hover-color:#ff6700;
--font-opacity-color: #999;
--price-color:#f96868;
}
img{
max-width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
vertical-align: middle;
}
.width_center{
width: var(--html-width);
margin: 0 auto;
}
.display_flex{
display: flex;
justify-content: space-between;
align-items: center;
}
body{
background-color: rgb(245,247,248);
}

  /* header_top start */
  .hamburgers{
    display: none;
  }
  .header_top{
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    font-size: 12px;
    padding: 8px 0px;
    background-color: white;
  }
  .header_top_left .huanying .fa-solid{
    font-size: 18px;
    margin-right: 1vh;
  }
  .header_top_right .anniu li>a{
    color: var(--font-color);
    margin-right: 2vh;
  }
  .header_top_right .anniu li>a:hover{
    color: var(--hover-color);
  }
  .header_top_right .shuxian{
    height: 20px;
    border-left: 1px solid #333;
  }
  .header_top_right .top_icon{
    gap: 10px;
    margin-left: 10px;
  }
  .header_top_right .top_icon .link_icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 14px;
    transition: all .3s;
  }
  .header_top_right .top_icon .iconfont{
    font-size: 18px;
  }
  .header_top_right .top_icon .bg-facebook .iconfont{
    margin-top: -3px;
  }
  .header_top_right .top_icon .bg-facebook{
    color: #4267B2;
  }
  .header_top_right .top_icon .bg-twitter{
    color: #1DA1F2;
  }
  .header_top_right .top_icon .bg-instagram{
    color: #E1306C;
  }
  .header_top_right .top_icon .bg-facebook:hover{
    background-color: #4267B2;
    color: #fff;
  }
  .header_top_right .top_icon .bg-twitter:hover{
    background-color: #1DA1F2;
    color: #fff;
  }
  .header_top_right .top_icon .bg-instagram:hover{
    background-color: #E1306C;
    color: #fff;
  }

  .header_bottom .logo_box{
    display: none;
  }


  /* header_top end */


  /* header_center start */
  .header_center{
    padding: 1vh 0;
  }
  .header_center .logo_box{
    width: 14%;
  }
  .header_box .logo_box{
    width:10%;
  }
  .header_center .logo_box .logo{
    display: block;
    width: 100%;
  }

  .header_center .nav_box .nav_list{
    gap: 2vh;
  }
  .header_center .nav_box .nav_list .children{
    position: relative;
  }
  .header_center .nav_box .nav_list .nav_link{
    display: block;
    font-size: 14px;
    color: var(--font-color);
    font-weight: bold;
    padding: 1.5vh 0;
  }
  .header_center .nav_box .nav_list .nav_link:hover{
    color: var(--hover-color);
  }
  .header_center .nav_box .nav_list .children_link::after{
    font-family: bootstrap-icons !important;
    content: '\F282';
    vertical-align: middle;
    margin-left: 0.35em;
    border: 0;
    font-size: .67rem;
  }
  .header_center .nav_box .nav_list .nav_list_2{
    position: absolute;
    left: 0;
    border: 0;
    border-radius: 0;
    min-width: 160px;
    padding: 0;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.185);
    top: calc(100% + 50px);
    opacity: 0;
    transition: all .3s;
    visibility: hidden;
    display: block;
    border-radius: 6px;
    overflow: hidden;
  }
  .header_center .nav_box .nav_list .nav_item:hover .nav_list_2{
    visibility: visible;
    opacity: 1;
    top: 100%;
  }
  .header_center .nav_box .nav_list .nav_item .nav_item_2{
    display: block;
    width: 100%;
    padding: 10px 16px;
    font-size: 14px;
    color: var(--font-color);
    font-weight: 400;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
  }
  .header_center .nav_box .nav_list .nav_item .nav_item_2:hover{
    background-color: #e9ecef;
  }
  /* header_center end */

  /* header_bottom start */
  .header_bottom{
    width: 100%;
    padding: 1.5vh 0;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    background-color: white;
    margin-bottom: 30px;
  }
  .header_bottom .left_nav{
    width: 20%;
    position: relative;
    z-index: 99;
  }
  .header_bottom .btn_anniu{
    position: relative;
    width: 100%;
    border: none;
    background-color: var(--gjb-color);
    color: white;
    line-height: 56px;
    padding: 0;
    letter-spacing: 3px;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .header_bottom .btn_anniu .btn_icon{
    position: absolute;
    left: 10%;
    font-size: 18px;
  }
  .header_bottom .btn_nav_list{
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid var(--border-color);
    background-color: white;
  }
  .header_bottom .btn_nav_list .one_class_link{
    display: block;
    color: #333;
    padding: 2vh 0;
    border-bottom: 1px solid var(--border-color);
    position: relative;
  }
  .header_bottom .one_class_item{
    position: relative;
  }
  .header_bottom .one_class_item .one_icon{
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 20px;
    transform: translateY(-50%);
  }
  .header_bottom .one_class_item .two_class{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  /* 固定定位时的样式 */
  .header_bottom.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    animation: slideDown 0.1s ease-out; /* 添加平滑动画 */
  }

  /* 下滑动画 */
  @keyframes slideDown {
    from {
      transform: translateY(-50%);
    }
    to {
      transform: translateY(0);
    }
  }

  .center_search{
    width: 60%;
  }
  .center_search .form-control{
    line-height: 30px;
    padding: 5px 10px;
    width: 95%;
    box-sizing: border-box;
  }
  .input_box{
    border: 1px solid #e5e5e5;
  }
  .input_box input{
    border: none;
  }
  .center_search button{
    box-sizing: border-box;
    border: none;
    background-color: transparent;
    cursor: pointer;
    line-height: 30px;
    padding: 5px 20px;
  }
  .center_search button .iconfont{
    font-size: 22px;
    color: #333;
  }

  .account_box .account_wrap{
    align-items: center;
    gap: 20px;
  }
  .account_box .account_wrap .display_flex{
    flex-direction: column;
    position: relative;
  }
  .account_box .account_wrap .display_flex .iconfont{
      font-size: 24px;
  }
  a .text{
    font-size: 12px;
    line-height: 20px;
  }
  .account_box .login_account{
    position: relative;
  }
  .account_box .login_account .account_selection{
    display: block;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    right: 50%;
    top: 120%;
    margin: 0;
    width: 150%;
    background: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    transform: translateX(50%);
    box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: all 0.3s ease;
  }
  .account_box .login_account .account_selection a{
    display: block;
    line-height: 40px;
    white-space: nowrap;
    border-top: 1px solid var(--border-color);
  }
  .account_box .login_account .account_selection .one a{
    border: none;
  }
  .account_box .login_account:hover .account_selection{
    visibility: visible;
    opacity: 1;
    top: 100%;
  }
  .account_box .login_account .account_selection a:hover{
      color: var(--gjb-color);
  }
  .account_box .account_wrap .display_flex .badge-circle{
    position: absolute;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #E1306C;
    border-radius: 50%;
    font-size: 0.68rem;
    font-weight: 500;
    top: -14%;
    left: 60%;
    color: white;
  }
  /* header_bottom end */


  /* banner start */
  .banner .swiper-button-next::after,
  .banner .swiper-button-prev::after{
    font-size: 26px;
    color: #ff9600;
    opacity: 0;
    transition: opacity 0.3s ease; /* 平滑过渡效果 */
  }
  .banner #swiper_banner:hover .swiper-button-next::after,
  .banner #swiper_banner:hover .swiper-button-prev::after
  {
    opacity: 1;
  }
  .banner_ad .banner{
    width: 70%;
  }
  .banner .swiper-slide img{
    display: block;
    width: 100%;
  }
  .banner_ad .ad{
    width: 28%;
    flex-direction: column;
    justify-content: space-between;
  }
  .banner_ad .ad .ad_img{
    overflow: hidden;
    width: 100%;
  }
  .banner_ad .ad .ad_img img{
    width: 100%;
    height: 100%;

  }
  /* banner end */



  /* advantage start */
  .advantage{
      align-items: center;
      margin: 40px 0 10px 0;
  }
  .advantage .item{
  width: 25%;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(0, 0, 0, .2);
  }
  .advantage .item:nth-child(1){
  border-left: 1px solid rgba(0, 0, 0, .2);
  }
  .advantage .item .item_icon{
  width: 40px;
  overflow: hidden;
  margin-right: 15px;
  }
  .advantage .item .item_icon img{
  width: 100%;
  }
  .advantage .item .item_txt h4{
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 500;
  }
  .advantage .item .item_txt p{
  font-size: 13px;
  }
  /* advantage end */



  /* tuijian start */
  .tuijian .tuijian_title{
    display: block;
    font-size: 22px;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 30px;
  }
  .tuijian .tuijian_title span{
    font-size: 36px;
    color: red;
    vertical-align: sub;
    margin-right: 10px;
  }
  .tuijian .swiper-slide,
  .new_product .swiper-slide{
    background-color: white;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 12px;
    flex-direction: column;
    align-items: start;
  }
  .tuijian .swiper-slide .img_box,
  .new_product .swiper-slide .img_box{
    display: block;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
  }
  .tuijian .swiper-slide .text_box,
  .new_product .swiper-slide .text_box{
    padding: 0 10px;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
    transform: translateY(52px);
    transition: all 0.3s ease-in-out;
  }
  .tuijian .swiper-slide:hover .text_box,
  .new_product .swiper-slide:hover .text_box{
    transform: translateY(0);
  }
  .tuijian .swiper-slide h4 a,
  .new_product .swiper-slide h4 a{
    display: block;
    font-size: 18px;
    color: var(--font-color);
    margin: 0;
    font-weight: 500;
  }
  .tuijian .swiper-slide p a,
  .new_product .swiper-slide p a{
    display: block;
    font-size: 14px;
    color: var(--font-opacity-color);
    white-space: nowrap;      /* 强制文本不换行 */
    overflow: hidden;         /* 隐藏溢出内容 */
    text-overflow: ellipsis;  /* 溢出时显示省略号 */
    margin-top: 12px;
  }
  .tuijian .swiper-slide .price_box,
  .new_product .swiper-slide .price_box{
    justify-content: start;
    align-items: center;
  }
  .tuijian .swiper-slide .price_box .crossed_price,
  .new_product .swiper-slide .price_box .crossed_price{
    font-size: 18px;
    opacity: .3;
    margin: 0 10px 0 0;
    text-decoration: line-through;
    font-weight: 500;
  }
  .tuijian .swiper-slide .price,
  .new_product .swiper-slide .price{
    color: var(--gjb-color);
    font-size: 22px;
    margin: 16px 0;
    font-weight: 500;
  }
  .tuijian .swiper-slide .button,
  .new_product .swiper-slide .button{
    width: 100%;
    height: 40px;
    border-radius: 30px;
    overflow: hidden;
  }
  .tuijian .swiper-slide .button a,
  .new_product .swiper-slide .button a{
    display: block;
  }
  .tuijian .swiper-slide .button a:nth-child(1),
  .new_product .swiper-slide .button a:nth-child(1){
    display: block;
    background-color: var(--gjb-color);
    width: 85%;
    border-radius: 30px;
    color: white;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
  }
  .tuijian .swiper-slide .button a:nth-child(1):hover,
  .new_product .swiper-slide .button a:nth-child(1):hover{
    background-color: var(--hover-color);
  }
  .tuijian .swiper-slide .button a:nth-child(2),
  .new_product .swiper-slide .button a:nth-child(2){
    width: 12%;
    line-height: 40px;
    text-align: center;
  }
  .tuijian .swiper-slide .button a:nth-child(2) span,
  .new_product .swiper-slide .button a:nth-child(2) span{
    font-size: 22px;
    color: #939393;
  }
  .tuijian .swiper-slide .button a:nth-child(2):hover span,
  .new_product .swiper-slide .button a:nth-child(2):hover span{
      color: var(--hover-color);
  }
  .tuijian .swiper-slide .collect_box,
  .new_product .swiper-slide .collect_box{
    position: absolute;
    top: -15px;
    right: -101%;
    background-color: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 12px;
    transition: all 0.3s ease-in-out;
  }
  .tuijian .swiper-slide .collect_box i,
  .new_product .swiper-slide .collect_box i{
    font-size: 22px;
    color: var(--hover-color);
    text-align: center;
  }
  .tuijian .swiper-slide:hover .collect_box,
  .new_product .swiper-slide:hover .collect_box{
    top: 15px;
    right: 15px;
    transition: all 0.3s ease-in-out;
  }

  /* tuijian_ad start */
  .tuijian_ad{
    gap: 20px;
    margin-top: 4%;
  }
  .tuijian_ad .tuijian_ad_list{
    flex: 1;
    overflow: hidden;
    border-radius: 10px;
  }
  .tuijian_ad .tuijian_ad_list img{
    width: 100%;
  }
  /* tuijian_ad end */

  /* news_product start */
  .new_product .mew_product_box .title{
    display: block;
    width: 100%;
    font-size: 22px;
    padding: 30px 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 30px;
  }
  .new_product .mew_product_box .title span{
    color: red;
  }
  .new_product .new_ad{
    margin-top: 40px;
  }
  .new_product .new_ad .swiper-slide{
    padding: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
  }
  /* news_product end */

  /* 家具日用  start */
  .furniture .title{
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 30px 0;
    margin: 0;
    margin-bottom: 30px;
  }
  .furniture .title h3{
    display: block;
    font-size: 22px;
  }
  .furniture .title h3 span{
    font-size: 36px;
    color: red;
    vertical-align: sub;
    margin-right: 10px;
  }
  .furniture .title a{
    display: block;
    padding: 0.8% 1.5%;
    background-color: #ff9600;
    color: white;
    font-size: 14px;
    border-radius: 5px;
  }
  .furniture .title a span{
    font-size: 14px;
    margin-left: 8px;
  }
  .furniture .furniture_list{
    flex-wrap: wrap;
    justify-content: start;
  }
  .furniture .furniture_list li{
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 19%;
    overflow: hidden;
    margin-right: 1.25%;
    padding: 0.6%;
    background-color: white;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all  0.3s ease-in-out;
  }
  .furniture .furniture_list li .img_box{
    display: block;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
  }
  .furniture .furniture_list li .img_box img{
    width: 100%;
  }
  .furniture .furniture_list li:nth-child(5n){
    margin-right: 0;
  }
  .furniture .furniture_list li .txt{
    text-align: left;
    color: #333;
  }
  .furniture .furniture_list li .txt .list_title{
    display: block;
    font-size: 18px;
    padding-top: 18px;  
  }
  .furniture .furniture_list li .txt .list_sutitle{
    display: block;
    box-sizing: border-box;
    /* padding: 0 20px; */
    font-size: 14px;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;  
    text-overflow: ellipsis;
    color: #999;
  }
  .furniture .furniture_list li .txt .display_flex{
    padding-top: 30px;
    margin-bottom: 10px;
    opacity: 1;
    transition: all  0.3s ease-in-out;
  }
  .furniture .furniture_list li .txt .price{
    font-size: 20px;
    color: var(--gjb-color);
    font-weight: 500;
  }
  .furniture .furniture_list li .txt .sold{
    font-size: 14px;
    color: #999;
    margin-right: 10px;
  }
  .furniture .furniture_list li .txt .price span{
    font-size: 18px;
    opacity: .3;
    margin: 0 10px 0 0;
    text-decoration: line-through;
    font-weight: 500;
    color: #333;
  }
  .furniture .furniture_list li .buy_now{
    width: 95%;
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translateX(-50%);
    line-height: 40px;
    text-align: center;
    transition: all .3s ease-in-out;
  }
  .furniture .furniture_list li .buy_now .buy{
    width: 80%;
    display: block;
    color: white;
    font-size: 14px;
    background-color: #ff9600;
    border-radius: 8px;
    transition: all .3s ease-in-out;
  }
  .furniture .furniture_list li .buy_now .collect{
    width: 14%;
    margin-right: 5px;
    display: block;
    box-sizing: border-box;
    border-radius: 8px;
    color: var(--gjb-color);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  .furniture .furniture_list li .buy_now .collect i{
    font-size: 20px;
  }
  .furniture .furniture_list li:hover .buy_now{
    bottom: 10px;
  }
  .furniture .furniture_list li:hover .txt .display_flex{
    opacity: 0;
  }
  .furniture .furniture_list li .buy_now .buy:hover{
    background-color: var(--hover-color);
  }
  .furniture .furniture_list li:hover{
    transform: translate(-5px,-15px);
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
  }
  .furniture .furniture_ad{
    overflow: hidden;
    border-radius: 10px;
    margin-top: 20px;
  }
  .furniture .furniture_ad .swiper-button-next:after,
  .furniture .furniture_ad .swiper-button-prev:after{
    font-size: 30px;
    color: #ff9600;
  }
  /*  家具日用  end  */

  /* 全部产品按钮 start */
  .all_product a{
    display: block;
    background-color: #ff9600;
    color: white;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-radius: 5px;
    opacity: 0.5;
    transition: all .3s ease-in-out;
  }
  .all_product a span::before{
    margin-left: 8px;
    vertical-align: middle;
  }
  .all_product a:hover{
    opacity: 1;
  }
  /* 全部产品按钮 end */

  /* 公司新闻  start */
  .xinwen_box .width_center{
    box-sizing: border-box;
    padding: 0.8%;
    background-color: white;
    margin-top: 2%;
  }
  .xinwen_box .width_center .xinwen_title{
    font-size: 18px;
    color: #333;
    margin-bottom: 1.5%;
  }
  .xinwen_box .width_center .xinwen_title h3 span{
    font-size: 36px;
    color: red;
    vertical-align: sub;
    margin-right: 10px;
  }
  .xinwen_box .width_center .xinwen_title .prev_next .xinwen-swiper-button-prev,
  .xinwen_box .width_center .xinwen_title .prev_next .xinwen-swiper-button-next{ 
    width: 30px;
    height: 30px;
    border: 1px solid #ff9600;
    text-align: center;  
    line-height: 30px;
    color: #ff9600;
    cursor: pointer;
  }
  .xinwen_box .width_center .xinwen_title .prev_next .xinwen-swiper-button-next{
    margin-left: 10px;
    transform: rotate(180deg);
  }
  .xinwen_list .xinwen_item{
    width: 24%;
  }
  .xinwen_list .xinwen_item .img{
    display: block; 
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .xinwen_list .xinwen_item .img img{
    width: 100%;
  }
  .xinwen_list .xinwen_item .jianjie{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: -100%;
    left: 0;
    box-sizing: border-box;
    padding: 5%;
    color: white;
    font-size: 16px;
    line-height: 25px;
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .xinwen_list .xinwen_item .jianjie h3{
    padding: 3% 0;
    font-size: 18px;
  }
  .xinwen_list .xinwen_item .jianjie h3 span{
    font-size: 20px;
    margin-left: 10px;
    vertical-align: text-top;
  }
  .xinwen_list .xinwen_item .jianjie h3:hover{
    color: var(--gjb-color);
  }
  .xinwen_list .xinwen_item:hover .jianjie{
    bottom: 0;
  }
  .xinwen_list .xinwen_item .xinwen_text{
    display: block;
    margin-top: 5%;
  }
  /* 公司新闻  end */

  /* 品牌介绍  start */
  .brand_box{ 
    margin-top: 1.5%;
    justify-content: start;
    flex-wrap: wrap;
  }
  .brand_box .brand_item{
    background-color: white;
    width: 13.2%;
    overflow: hidden;
    margin-right: 1.26%;
    margin-bottom: 20px;
  }
  .brand_box .brand_item:nth-child(7n){
    margin-right: 0%;
  }
  .brand_box .brand_item img{
    width: 100%;
  }




  /* 底部footer  start */
  .footer{ 
    background-color: #242424;
    color: white;  
    padding: 40px 0;
    padding-bottom: 10px;
    margin-top: 5%;
  }
  .footer .footer_box{
    box-sizing: border-box;
    background-color: #000;
    padding: 1.5%;
    border-radius: 10px;
  }
  .footer .footer_box .footer_left{
    width: 75%;
    justify-content: start;
    align-items: start;
    border-right: 1px solid rgba(255,255,255,0.5);
  }
  .footer .footer_box .list_1{
    width: 27%;
    margin-right: 10%;
  }
  .footer .footer_box .list_1 h3{
    font-size: 40px;
  }
  .footer .footer_box .list_1 p{
    line-height: 28px;
    font-size: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 35px 0;
  }
  .footer .footer_box .list_1 .pay_method{
    width: 100%;
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 4%;
  }
  .footer .footer_box .list_1 .pay_method li{
    width: 22%;
    background-color: white;
    margin-right: 4%;
    margin-top: 4%;
    border-radius: 3px;
    overflow: hidden;
  }
  .footer .footer_box .list_1 .pay_method li:nth-child(4n){
    margin-right: 0;
  }
  .footer .footer_box .list_2{
    width: 18%;
    color: white;
  }
  .footer .footer_box .list_2 h3{
    color: white;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 12%;
    margin-top: 6%;
  }
  .footer .footer_box .list_2 a{
    display: block;
    color: white;
    padding: 6% 0;
  }
  .footer .footer_box .list_2 a:hover{
    color: var(--hover-color);
  }
  .footer .footer_box  .footer_right{
    width: 25%;
    box-sizing: border-box;
    padding-left: 3%;
  }
  .footer .footer_box  .footer_right .kf_dh{
    font-size: 20px;
    font-weight: 500;
    line-height: 45px;
  }
  .footer .footer_box  .footer_right .ewm{
    margin-top: 6%;
  }
  .footer .footer_box  .footer_right .ewm li{
    width: 45%;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
  }
  .footer .ban_quan{
    padding: 1% 0;
    opacity: .5;
    font-size: 16px;
  }
  .footer .ban_quan a{
    font-size: 16px;
    color: white;
  }



  /* 内页-产品列表  start */
  .mianmaoxie_nav{
    margin-bottom: 1%;
  }
  .mianmaoxie_nav .mianbaoxie_icon .icon-fangjian{
    font-size: 18px;
  }
  .cebian_nav_box{
    width: 20%;
    background-color: white;
  }
  .cebian_nav_box .cebian_nav_title{
    padding: 5%;
    box-sizing: border-box;
    border-bottom: 1px solid #ff9600;
    color: #ff9600
    ;
  }
  .cebian_nav_box .cebian_nav_list{
    padding: 0 5%;
  }
  .cebian_nav_box .cebian_nav_list a{
    font-size: 16px;
    line-height: 60px;
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item{
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item:last-child{
    border: none;
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item>a{
    font-size: 16px;
    display: block;
    position: relative;
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item>a span{
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item.nav-current .first_name{
    color: #ff9600;
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item .nav_item_2{
    display: none;
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item.nav-current  .nav_item_2{ 
    display: block;
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item .nav_item_2 li{
    padding-left: 6%;
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item .nav_item_2 li>a{
    display: block;
    border-top: 1px solid rgba(0,0,0,.05);
    line-height: 40px;
  }
  .cebian_nav_box .cebian_nav_list .nav_item_1_item .nav_item_2 li>a.nav-current{
    color: #ff9600;
  }


  .product_list_page{
    align-items: start;
  }
  .product_list_page .product_list_box{
    width: 78%;
  }
  .product_list_page .product_list_box .product_list_title{
    width: 100%;
    background-color: white;
    padding: 1.2% 1%; 
    box-sizing: border-box;
  }
  .product_list_box .product_list_title .iconfont{
    font-size: 24px;
    vertical-align: text-bottom;
    margin-right: 8px;
    color: #ff9600;
  }
  .product_list_box .product_list_title .ey_active{
    color: #ff9600;
  }
  .product_list_box .product_list_title li{
    margin-right: 20px;
  }
  .product_list_page .product_list{
    margin-top: 2%;
  }
  .product_list_page .item li{
    width: 23.5%;
    margin-right: 2% !important;
  }
  .product_list_page .item li:nth-child(4n){
    margin-right: 0 !important;
  }


  .paging{
    display: block;
  }
  .paging_box{
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    align-items: center;
    justify-content: center;
  }
  .paging_box li{
    margin: 0 5px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
  }
  .paging_box li a {
    display: block;
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: 12px 16px;
    border: 1px solid #DCDCDC;
  }
  .paging_box .active {
    pointer-events: none;
  }
  .paging_box .active,
  .paging_box a:hover {
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;
  }
  .paging_box li.active a,
  .paging_box li a:hover {
    background: #ff9600;
    color: #fff;
    border: 1px solid #ff9600;
  }



  .product_xq{
    align-items: start;
  }
  .xq_left{
    width: 58%;
  }
  #pro_xq_thumbs{
    width: 16%;
    height: 600px;
    margin: 0;
  }
  #pro_xq_thumbs .swiper-slide{
    overflow: hidden;
  }
  #pro_xq_swiper{
    width: 82%;
    margin: 0;
  }
  .xq_right{
    width: 40%;
    /* height: 70vh; */
    box-sizing: border-box;
    padding: 2%;
    border-radius: 10px;
    background-color: white;
    flex-direction: column;
    align-items: start;
    position: sticky;
    top: 10vh;
    transition: all .2s linear;
  }
  .xq_right .xq_txt .pro_name{
    font-size: 30px;
    letter-spacing: 2px;
    color: #333;
  }
  .xq_right .xq_txt .pro_subtitle{
    font-size: 18px;
    color: #666;
    line-height: 28px;
    margin-top: 5%;
  }
  .xq_right .xq_txt .priceAndcrossed h4{
    color: var(--price-color);
    font-size: 36px;
    margin: 5% 0;
  }
  .xq_right .xq_txt .priceAndcrossed h4 span{
    font-size: 14px;
    font-weight: 500;
    color: #666;
    text-decoration: line-through;
  }
  .xq_right .xq_txt .guiGe .guige_title{
    font-size: 14px;
    color: #666;
    margin-bottom: 3%;
  }
  .xq_right .xq_txt .guiGe .guige_title .btn-selected{
    margin-right: 2%;
  }
  .xq_right .xq_txt .canShu p{
    font-size: 14px;
    color: #666;
    margin: 3% 0;
  }
  .xq_right .xq_txt .canShu ul{
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .1);
  }
  .xq_right .xq_txt .canShu ul li{
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }
  .xq_right .xq_txt .canShu ul li:last-child{
    border-bottom: none;
  }
  .xq_right .xq_txt .canShu ul li span{
    display: inline-block;
    width: 25%;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .1);
    margin-right: 20px;
    padding: 2.5% 0;
    /* letter-spacing: 6px; */
  }
  .xq_right .buy_now{
    width: 100%;
    padding-top: 6%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 3%;
  }
  .xq_right .buy_now .number{
    width: 26%;
  }
  .xq_right .buy_now .btn-input button{
    border: .5px solid rgba(255, 255, 255, 1);
    width: 32%;
    line-height: 36px;
    text-align: center;
    overflow: hidden;
    background: #f7f8fc;
    color: #1a1a1a;
    font-size: 24px;
    cursor: pointer;
  }
  .xq_right .buy_now .btn-input input{
    border: .5px solid rgba(0, 0, 0, .05);
    width: 32%;
    line-height: 36px;
    text-align: center;
    overflow: hidden;
    color: #1a1a1a;
    font-size: 18px;
    margin: 0 10px;
  }
  .xq_right .buy_now .buyaction{
    width: 70%;
    display: flex;
    justify-content: space-between;
  }
  .xq_right .buy_now .buyaction a{
    width: 48%;
    display: inline-block;
    background-color: var(--gjb-color);
    color: white;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;
  }
  .xq_right .buy_now .buyaction a:nth-child(2){
    background-color: #ff475d;
  }
  

  .xq_left .pro_xq_box{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-color: white;
    margin-top: 2%;
    box-sizing: border-box;
    padding: 2%;
  }
  .xq_left .pro_xq_box .xq_nav{
    margin-bottom: 2%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .xq_left .pro_xq_box .xq_nav a{
    font-size: 22px;
    display: inline-block;
    font-weight: 500;
    color: var(--hover-color);
    padding-bottom: 15px;
    position: relative;
  }
  .xq_left .pro_xq_box .xq_nav a::after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--hover-color);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .xq_left .pro_xq_box .xq_content img{
    width: 100%;
  }

  /* 推荐产品 */

  .xq_pro_tuijian_list{
    flex-wrap: wrap;
  }
  .xq_pro_tuijian>h3{
    font-size: 2vh;
    display: inline-block;
    font-weight: 500;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--hover-color);
    margin-bottom: 2vh;
    margin-top: 1vh;
  }
  .xq_pro_tuijian_item{
    display: block;
    width: 32%;
    margin-right: 2%;
  }
  .xq_pro_tuijian_item:nth-child(3n){
    margin-right: 0;
  }
  .xq_pro_tuijian_item img{
    width: 100%;
  }
  .xq_pro_tuijian_item .tuijian_txt h3{
    font-size: 1.6vh;
    font-weight: 500;
    margin: 5% 0;
  }
  .xq_pro_tuijian_item .tuijian_txt .price h4{
    color: var(--price-color);
    font-size: 1.8vh;
  }
  .xq_pro_tuijian_item .tuijian_txt .price h4 span{
    font-size: 1.2vh;
    color: #999;
    font-weight: 500;
    margin-left: 5%;
    text-decoration: line-through;
  }

  .xq_pro_tuijian_item .tuijian_txt .price p{
    font-size: 1.3vh;
    color: #666;
  }
  .xq_pro_tuijian_item .tuijian_txt .price p i{
    margin-right: 5%;
  }

  /* 搜索页面 */
  #search .search_title{
    background-color: white;
    font-size: 16px;
    padding: 1% 2%;
    box-sizing: border-box;
  }
  #search .search_title span{
    color: var(--hover-color);
    margin: 0 10px;
    font-weight: 600;
  }

  .search_list{
    justify-content: start;
    align-items: start;
    margin-top: 1%;
    min-height: 12vh;
  }
  .search_item{
    width: 23.5%;
    margin-right: 2%;
  }
  .search_item:nth-child(4n){
    margin-right: 0;
  }
  .search_item a{
    display: block;
  }
  .search_item a .img{
    padding: 5%;
    background-color: white;
    box-sizing: border-box;
  }
  .search_item a img{ 
    width: 100%;
  }
  .search_item a .text{
    font-size: 1.5vh;
    padding: 2% 5%;
    background: white;
  }
  .search_item a .text p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3% 0;
    border-top: 1px solid rgba(0,0,0,0.1);
  }
  .search_item a .text h3{
    font-size: 1.4vh;
    padding-bottom: 2%;
    position: relative;
  }
  .search_item a .text h3 span{
    position: absolute;
    top: 0;
    right: 0; 
  }
  .search_fenye{
    margin-top: 3%;
    justify-content: center;
  }



  /* 新闻页面 start */

  #news{
    flex-wrap: wrap;
  }
  #news .new_item{
    width: 49%;
    margin-right: 2%;
    background-color: white;
    margin-bottom: 2%;
    align-items: start;
    position: relative;
  }
  #news .new_item:nth-child(2n){ 
    margin-right: 0;
  }
  .new_item .new_img{
    width: 50%;
    overflow: hidden;
  }
  .new_item .new_txt{
    width: 50%;
    padding: 3%;
    box-sizing: border-box;
  }
  .new_item .new_txt h3{ 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 2vh;
    color: #333;
    margin-bottom: 5%;
  }
  .new_item .new_txt p{
    font-size: 1.5vh;
    line-height: 2vh;
  }
  .new_item .time{
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 50%;
    box-sizing: border-box;
    padding: 0 3%;
    font-size: 1.6vh;
    color: #666;
  }
  .new_item .time p{ 
    font-size: 1.3vh;
    color: #939393;
  }
  #news .new_item:hover .new_txt,
  #news .new_item:hover .new_txt h3,
  #news .new_item:hover .time,
  #news .new_item:hover .time p{
    color: var(--hover-color);
  }
  .new_fenye{
    justify-content: center;
  }


  /* 新闻详情 */
  .new_xq .new_xq_box{
    background-color: white;
    box-sizing: border-box;
    padding: 1.2%;
  }
  .new_xq .new_xq_box>h3{ 
    font-size: 2vh;
    margin-bottom: 2%;
  }
  .new_xq .new_xq_box>ul{
    justify-content: start;
    padding-bottom: 1.5%;
    border-bottom:solid 1px #ddd ;
  }
  .new_xq .new_xq_box>ul li{
    margin-right: 2%;
    color: #666;
  }
  .new_xq .new_xq_box .neirong{
    margin-top: 1.5%;
  }
  .new_xq .new_xq_box .prev_next_return{
    padding-top: 2%;
    padding-bottom: 1%;
    border-top: solid 1px #ddd;
  }
  .return_anniu{
    display: block;
    width: 180%;
    text-align: center;
    box-sizing: border-box;
    padding: 20% 1%;
    background-color: var(--gjb-color);
    color: white;
    border-radius: 50px;
  }
  .prev_next .blank{
    margin: 3% 0;
  }
  /* 新闻页面 end */




  /* 内页-联系我们 */
.contact_content .contact{
  padding: 60px 0;
  background-repeat: no-repeat;
  background-position: 0 330px;
}
.contact_content .lianxi{
  width: 100%;
  align-items: normal;
}
.contact_content .lianxi .iphone,
.contact_content .lianxi .wechat{
  width: 39.5%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  border-radius: 12px;
  overflow: hidden;
  color: white;
  padding: 2%;
  background-color: var(--gjb-color);
}
.contact_content .lianxi .wechat .text p{
  font-size: 1.6vh;
  line-height: 2vh;
}
.contact_content .lianxi .iphone h3,
.contact_content .lianxi .wechat h3{
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 34px;
}
.contact_content .lianxi .iphone p{
  margin-bottom: 65px;
}
.contact_content .lianxi .iphone h4 a{
  font-size: 36px;
  letter-spacing: 2px;
  color: white;
}
.contact_content .lianxi .wechat{
  width: 58.5%;
  color: #333;
  /* box-shadow: 0px 0px 20px rgba(37, 97, 255, .1); */
  background-size: 100% 100%;
  align-items: normal;
}
.contact_content .lianxi .wechat .ewm{
  justify-content: end;
}
.contact_content .lianxi .wechat .ewm li{
  width: 30%;
  margin-left: 40px;
}
.contact_content .lianxi .wechat .ewm li p{
  text-align: center;
  margin-top: 10px;
}
.contact_content .contact_liuyan .fenlei{
  width: 29.5%;
  padding: 0 20px;
  border: 1px #c9c9c9 solid;
  background-color: white;
}
.contact_content .contact_liuyan input[type=text]{
  border: 1px #c9c9c9 solid;
  font-size: 1.6vh;
  padding: 0 20px;
  line-height: 50px;
  color: #666;
  width: 29.5%;
}
.contact_content .contact_liuyan .fenlei select{
  width: 100%;
  height: 50px;
  border: none;
  font-size: 1.6vh;
}
.contact_content .contact_liuyan textarea{
  box-sizing: border-box;
  border: 1px #c9c9c9 solid;
  font-size: 1.6vh;
  padding: 1.8vh;
  line-height: 30px;
  color: #666;
  width: 100%;
  resize: none;
  margin-top: 30px;
  min-height: 300px;
}
.contact_content .contact_liuyan input[type=submit]{
  width: 100%;
  margin-top: 30px;
  background-color: var(--gjb-color);
  border: none;
  color: white;
  font-size: 20px;
  line-height: 60px;
  cursor: pointer;
}
.contact_content .mx_title h3,
.news_details_content .mx_title h3{
  font-size: 3vh;
  color: #333;
  text-align: center;
}
.contact_content .mx_title>div,
.news_details_content .mx_title>div{
  width: 60px;
  height: 3px;
  background-color: var(--gjb-color);
  margin: 28px auto;
  margin-bottom: 50px;
}

.back_button{
  display: none;
}



/* 用户中心的样式 start */

/* 购物车样式 开始*/
.user_header{
  background: white;
  border-bottom: 1px solid red;
}
.user_header_box{
  padding: 1% 0;
}
.user_header_title h2{
  font-size: 28px;
  margin-right: 14px;
}
.user_header_title p{
  font-size: 12px;
}
.user_header_center .user-news a{
  font-size: 22px;
}
.user_header_center .user-photo{
  position: relative;
  margin-left: 20px;
}
.user_header_center .user-photo>a{
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}
.user-photo .user-drop{
  display: none;
  position: absolute;
  top: 100%;
  left: -100%;
  width: 120px;
  padding-top: 22px;
}
.user-photo .user-drop ul{
  background-color: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
  padding-bottom: 10px;
}
.user-photo .user-drop a{
  text-align: center;
  width: 100%;
  display: inline-block;
  line-height: 35px;
  font-size: 14px;
}



.cart_tuijian .tuijian_title{
  text-align: center;
  font-size: 25px;
  margin: 3% 0;
  position: relative;
}
.cart_tuijian .tuijian_title::before,
.cart_tuijian .tuijian_title::after{
  content: '';
  width: 38%;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  position: absolute;
  top: 50%;
  left: 0;
}
.cart_tuijian .tuijian_title::after{
  left: auto;
  right: 0;
}
.cart_tuijian .tuijian_list{
  flex-wrap: wrap;
  justify-content: start;
}
.cart_tuijian .tuijian_list .tuijian_item{
  width: 19%;
  margin-right: 1.25%;
  box-sizing: border-box;
  padding: 1%;
  background: white;
  text-align: center;
  margin-bottom: 2%;
  overflow: hidden;
  position: relative;
}
.cart_tuijian .tuijian_list .tuijian_item:nth-child(5n){
  margin-right: 0;
}
.cart_tuijian .tuijian_list .tuijian_item img{
  width: 100%;
}
.cart_tuijian .tuijian_list .tuijian_item p{
    font-size: 16px;
    margin-top: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}
.cart_tuijian .tuijian_list .tuijian_item h3{
  font-size: 22px;
  margin: 5% 0;
}
.cart_tuijian .tuijian_list .tuijian_item .tuijian_tips{
  font-size: 14px;
  color: #999;
}
.cart_tuijian .tuijian_list .tuijian_item .tuijian_action{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 100%);
    transition: all 0.2s linear;
}
.cart_tuijian .tuijian_list .tuijian_item:hover .tuijian_action{
    transform: translate(-50%, -100%);
}
.ey-body-bg{
  padding-bottom: 0;
  background: none;
}
.page-main{
  padding: 0;
  padding-top: 3%;
  background: none;
}

.kong_cart_wrap{
  text-align: center;
}
.kong_cart_wrap .iconfont{
  color: #cecece;
  font-size: 30vh;
  margin-left: -1.5%;
}
.kong_cart_wrap h2{
  font-size: 16px;
  color: #333;
  margin: 1% 0;
}
.kong_cart_wrap a{
  display: block;
  margin: 0 auto;
  width: 6%;
  /* height: auto; */
  color: white;
  font-size: 16px;
  padding: 0.6% 1%;
  background-color: var(--gjb-color);
  border-radius: 50px;
}
/* 购物车样式 结束*/

.cart .cart_list_box{
  margin-top: 2%;
}
.cart .cart_list_box .cart_list_top{
  background-color: white;
  box-sizing: border-box;
  padding: 1.5% 1%;
}
.cart .cart_list_box .cart_list_bottom{
  background-color: white;
  box-sizing: border-box;
  padding: 1% 1%;
  border-top: 1px solid rgba(0, 0, 0, .2);
}
.cart .cart_list_box .list_left{
  width: 20%;
}
.cart .cart_list_box .list_right{
  width: 80%;
}

.cart .cart_list_box .cart_check,
.cart .cart_list_box .cart_img{
  width: 50%;
  font-size: 16px;
}
.cart .cart_list_box .cart_price,
.cart .cart_list_box .cart_total,
.cart .cart_list_box .cart_action,
.cart .cart_list_box .cart_num,
.cart .cart_list_box .cart_action{
  width: 15%;
  font-size: 16px;
  text-align: center;
}
.cart .cart_list_box .cart_name{
  width: 30%;
}
.cart .cart_list_box .cart_num{
  width: 25%;
}
.cart .cart_list_box .cart_num a{
  border: 1px solid rgba(0, 0, 0, .5);
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 24px;
}
.cart .cart_list_box .cart_num a:hover{
  border-color: var(--gjb-color);
}
.cart .cart_list_box .cart_num .goods-num{
  width: 30%;
  text-align: center;
  line-height: 24px;
  border: none;
}
.cart .cart_list_box input[type=checkbox]{
  width: 20px;
  height: 20px;
  accent-color: var(--gjb-color); /* 选中状态填充色 */
  position: relative;
}
.cart .cart_list_box .cart_check span{
  display: inline-block;
  transform: translateY(-3px);
}
.cart .cart_list_box .cart_action .icon-guanbi1{
  font-size: 20px;
}
.cart .cart_bar_box{
  margin-top: 2%;
  background: white;
  box-sizing: border-box;
  padding: 1%;
}
.cart .but_anniu{
  width: 5vw;
  background-color: var(--gjb-color);
  text-align: center;
  color: white;
  line-height: 40px;
}
.cart .but_anniu.gouwu{
  background-color: red;
} 
.cart .total-price{
    margin-right: 30px;
    color: var(--gjb-color);
    font-size: 16px;
}
.cart .total-price em{
  font-size: 30px;
}
/* 用户中心的样式 end */







  @media (max-width: 1700px){
    .center_search{
      width: 58%;
    }
  }
  @media (max-width: 1600px){
    .center_search{
      width: 56%;
    }
  }
  @media (max-width: 1500px){
    .center_search{
      width: 54%;
    }
  }
  @media (max-width: 1300px){
    .center_search{
      width: 45%;
    }
  }