@charset "utf-8";
/*
	[B2B EN System] Copyright (c) 2008-2022
*/
/*kzui*/
i,em{font-style:normal}
.blank{overflow:hidden;width:100%;height:.16rem; background:#f5f5f5;}
.blank-top{overflow:hidden;width:100%;height:0rem}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}
/**/
.gird-3,.gird-4,.gird-5,.gird-6 {text-align:center;padding:24px 0;overflow:hidden;}
.gird-3 img,.gird-4 img,.gird-5 img,.gird-6 img {margin:0 0 6px 0;}
.gird-3 span,.gird-4 span,.gird-5 span,.gird-6 span {display:block;font-size:12px;line-height:12px;}
.gird-3 li {width:33.3%;height:90px;float:left;}
.gird-4 li {width:25%;height:90px;float:left;}
.gird-5 li {width:20%;height:80px;float:left;}
.gird-6 li {width:16.5%;height:80px;float:left;}
/**/
.btn-sell{
    border-radius: 0;
    line-height: 49px;
    height: 49px;
}
/**/
.head-bar {background: #D41313 !important;border-bottom: #D41313 1px solid !important;}
.head-bar img {filter: grayscale(100%) brightness(500%);}
.head-bar-title{color:#ffffff}
/*幻灯*/
.m-slide{width:100%;overflow:hidden;z-index:1;position: relative; }
.m-slide-box{overflow:hidden;margin:0 auto;position:relative;}
.m-slide-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:.2rem;z-index: 10;}
.m-slide-box .b-menu .swiper-pagination-bullet {margin: 0px 3px;border-radius: 10px;background: #ffffff;opacity: 0.8;}
.m-slide-box .b-menu .swiper-pagination-bullet-active {background: #D41313;width: 25px;}
/*滚动*/
.scrollUp{margin: .2rem auto 0;overflow: hidden;height:.6rem; padding:0 .2rem 0 2rem;background: #ffffff url(images/hyzx.png) no-repeat .2rem center;background-size: 1.76rem .3rem; }
.scrollUp li{height: .6rem;overflow: hidden;line-height: 30px}
.scrollUp li a{font-size: .26rem;}
/*导航*/
.mobmenu_xh ul{ width:100%;  float:left; padding-top:.3rem;}
.mobmenu_xh ul img {padding:.2rem;filter: grayscale(100%) brightness(300%);width:.44rem;height:.44rem;}
.mobmenu_xh ul span {display:block;font-size:.22rem;line-height:.22rem;color:#000; margin-top:.1rem;}
.mobmenu_xh ul li {height: 1.8rem;float:left;text-align:center;}
.mobmenu_xh ul li a i { display:inline-block; width:.88rem; height:.88rem; border-radius:50%;}
.mobmenu_xh ul li:nth-child(1) a i { background: linear-gradient(to bottom,#ffc325,#ffa71c,#ffa21a);box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);}
.mobmenu_xh ul li:nth-child(2) a i { background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);}
.mobmenu_xh ul li:nth-child(3) a i { background: linear-gradient(to bottom,#ffc325,#ffa71c,#ffa21a);box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);}
.mobmenu_xh ul li:nth-child(4) a i { background: linear-gradient(to bottom,#fe7995,#fb6474,#fa5f6b);box-shadow: 0 0 0.1rem rgba(254, 121, 149, .6);}
.mobmenu_xh ul li:nth-child(5) a i { background: linear-gradient(to bottom,#c1a4ff,#ae88ff,#a57bff);box-shadow: 0 0 0.1rem rgba(193, 164, 255, .6);}
.mobmenu_xh ul li:nth-child(6) a i { background: linear-gradient(to bottom,#00d0ff,#00b7ff,#0086fe);box-shadow: 0 0 0.1rem rgba(0, 208, 255, .6);}
.mobmenu_xh ul li:nth-child(7) a i { background: linear-gradient(to bottom,#fd602d,#ff5a24,#ff3e0d);box-shadow: 0 0 0.1rem rgba(253, 96, 45, .6);}
.mobmenu_xh ul li:nth-child(8) a i { background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);}
.mobmenu_xh ul li:nth-child(9) a i { background: linear-gradient(to bottom,#ff9ec6,#ff7caf,#ff629d);box-shadow: 0 0 0.1rem rgba(249, 171, 203, .6);}
.mobmenu_xh ul li:nth-child(10) a i { background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);}
.mobmenu_xh ul li:nth-child(11) a i { background: linear-gradient(to bottom,#fe7995,#fb6474,#fa5f6b);box-shadow: 0 0 0.1rem rgba(254, 121, 149, .6);}
.mobmenu_xh ul li:nth-child(12) a i { background: linear-gradient(to bottom,#c1a4ff,#ae88ff,#a57bff);box-shadow: 0 0 0.1rem rgba(193, 164, 255, .6);}
.mobmenu_xh ul li:nth-child(13) a i { background: linear-gradient(to bottom,#00d0ff,#00b7ff,#0086fe);box-shadow: 0 0 0.1rem rgba(0, 208, 255, .6);}
.mobmenu_xh ul li:nth-child(14) a i { background: linear-gradient(to bottom,#fd602d,#ff5a24,#ff3e0d);box-shadow: 0 0 0.1rem rgba(253, 96, 45, .6);}
.mobmenu_xh ul li:nth-child(15) a i { background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);}
.mobmenu_xh ul li:nth-child(16) a i { background: linear-gradient(to bottom,#ff9ec6,#ff7caf,#ff629d);box-shadow: 0 0 0.1rem rgba(249, 171, 203, .6);}
.mobmenu_xh ul li:nth-child(17) a i { background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);}
.mobmenu_xh ul li:nth-child(18) a i { background: linear-gradient(to bottom,#ffc325,#ffa71c,#ffa21a);box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);}
.mobmenu_xh ul li:nth-child(19) a i { background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);}
.mobmenu_xh ul li:nth-child(20) a i { background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);}

/**/
.ui-list-img img {width: 100%; height: 3.4785rem;}
/**/
.ui-album img{vertical-align:middle}

/**/
.member-info {
    background-color: #D41313;
    background-image: linear-gradient(-45deg, #D41313, #ff2e26);
}
.member-stats{
    box-shadow: 0 0 0.2rem rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 0.2rem rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 0.2rem rgb(0 0 0 / 20%);
    box-shadow: 0 0 0.2rem rgb(0 0 0 / 20%);
}

/*new——tab*/
.multi-tab__wrap {background-color:#fff;position:relative;overflow:hidden;}
.multi-tab__content {padding:.5rem;}
.multi-tab__title-wrap {display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;margin-bottom:-7px;}
.hidden-scroll-bar {overflow:hidden;}
.multi-tab__title-item {flex-shrink:0;padding:.5rem .75rem .75rem;position:relative;font-size:inherit;font-weight:normal;color:#888;}
.multi-tab__title-item.is-focus {color:#222;font-weight:500;}
.multi-tab__title-item.is-focus::after {content:"";position:absolute;height:.15rem;background:linear-gradient(90deg,#f26d61,#e64545);border-radius:.075rem;width:96%;left:2%;bottom:.375rem;}

/**/
.foot-bar{border-top: #F0F0F0 1px solid !important;}
.foot-bar span{padding-top: 30px;}


@supports (bottom: env(safe-area-inset-bottom)){
  body,.foot-bar,.foot-bar-fix{padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
}

:root {--sab: constant(safe-area-inset-bottom);--sab: env(safe-area-inset-bottom);}