:root{
    --icolor: #f43030;

    --rmcl: #ff2a2a;        /*热门*/
    --tncl: #02b88b;        /*推荐*/
    --jxcl: #ef6220;        /*精选*/
}

/*热门*/
.wnsh1{
    background-color: var(--rmcl);
}
/*推荐*/
.wnsh2{
    background-color: var(--tncl);
}
/*精选*/
.wnsh3{
    background-color: var(--jxcl);
}


.inner{
    /*width: 94%;*/
    /*margin: 0 3%;*/
    margin: 0 0.3rem;
}
.wrap{
    width: 100%;
    height: 100%;
}
.header{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid #f8f8f8;
    height: 0.9rem;
    background: #fff;
    font-weight: bold;
}

.header .hd-wl{
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    font-size: 0.28rem;
    width: 0.8rem;
    height: 100%;
}
.header .hd-wl .ic-hwl{
    display: block;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.header .hd-wr{
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    font-size: 0.28rem;
    width: 0.8rem;
    height: 100%;
}
.header .hd-wr .ic-hwr{
    display: block;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.header .hd-form{
    width: 100%;
}
.header .hd-wc{
    position: relative;
    /*width: 5.9rem;*/
    margin: 0 0.9rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
}
.header .hd-wz{
    font-weight: 700;
    font-style: normal;
    font-size: 0.34rem;
    color: #333333;
    text-align: center;
}
.header .hd-wc .hd-srk{
    background: #f8f8f8;
    color: #999;
    border-radius: 5px;
    height: 0.62rem;
    line-height: 0.62rem;
    width: 100%;
    border: 0;
    padding: 0 0.2rem;
}
.header .hd-wc .hd-tip{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.28rem;
    color: #575757;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    letter-spacing: 1px;
}
.header .ic-ss{
    display: block;
    height: 0.5rem;
    width: 0.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/ic-ss.svg);
    background-size: 0.3rem;
}
.header .hd-ann{
    width: 0.8rem;
    height: 0.9rem;
    line-height: 0.9rem;
    position: absolute;
    right: -0.9rem;
    top: 0;
    background: transparent;
    font-weight: 400;
    font-size: 0.28rem;
    color: #333;
    text-align: center;
}



.header .ic-user{
    background-image: url(../images/ic-user.svg);
    background-size: 0.32rem;
}
.header .ic-menu{
    background-image: url(../images/ic-menu.png);
    background-size: 0.6rem;
}
.header .ic-back{
    background-image: url(../images/ic-back.svg);
    background-size: 0.2rem;
}
.header .ic-close{
    background-image: url(../images/ic-close.svg);
    background-size: 0.32rem;
}



.header + .main-con{
    padding-top: 0.9rem;
}
.main-con{
    padding-bottom: 0.2rem;
}


.wi-menu{
    background-color: #ffffff;
}

.wi-menu .imuls{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: scroll;
    width: 100%;
}
.wi-menu .imubi{
    display: inline-block;
    font-size: 0.3rem;
    position: relative;
    font-weight: bold;
    width: auto;
    min-width: 25%;
    text-align: center;
}
.wi-menu .imubi .imua{
    line-height: 1rem;
    display: block;
    color: #333333;
}
.wi-menu .imubi .imua.cur{
    color: var(--icolor);
}

/*foot-s*/

.bottom{
    height: 1rem;
}
.bottom .bul{
    display: flex;
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    text-align: center;
    height: 1rem;
    width: 100%;
}
.bottom .bli{
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: nowrap;
}
.bottom .bli .bla{
    width: 0.36rem;
    height: 0.34rem;
    margin: 0.1rem 0 0 0;
    background-size: 100% 100%!important;
}
.bottom .bli .ble{
    font-size: 0.2rem;
    color: #333333;
    margin: 0 0 0.1rem 0;
}
.bottom .bli.cur .ble{
    color: var(--icolor);
}

.bottom .bli:nth-of-type(1) .bla{
    background: url(../images/bottom1.svg) no-repeat center;
}
.bottom .bli:nth-of-type(2) .bla{
    background: url(../images/bottom2.svg) no-repeat center;
}
.bottom .bli:nth-of-type(3) .bla{
    background: url(../images/bottom3.svg) no-repeat center;
}
.bottom .bli:nth-of-type(4) .bla{
    background: url(../images/bottom4.svg) no-repeat center;
}

.bottom .bli.cur:nth-of-type(1) .bla{
    background: url(../images/bottom1s.svg) no-repeat center;
}
.bottom .bli.cur:nth-of-type(2) .bla{
    background: url(../images/bottom2s.svg) no-repeat center;
}
.bottom .bli.cur:nth-of-type(3) .bla{
    background: url(../images/bottom3s.svg) no-repeat center;
}
.bottom .bli.cur:nth-of-type(4) .bla{
    background: url(../images/bottom4s.svg) no-repeat center;
}


.blcon{
    width: 3.8rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.blcon .blin{
    /*margin-right: 0.4rem;*/
    position: relative;
    text-align: center;
    line-height: 1.4;
}

.blcon .blin .bic{
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    position: relative;
}
.blcon .blin .bic em{
    color: var(--icolor);
    font-size: 0.2rem;
    height: 0.26rem;
    line-height: 0.26rem;
    border: 1px solid var(--icolor);
    padding: 0 0.1rem;
    box-sizing: content-box;
    position: absolute;
    left: 105%;
    top: 0;
    border-radius: 0.1rem 0.1rem 0.1rem 0;
}
.blcon .blin .bit{
    font-size: 0.24rem;
    color: #656565;
}

.blcon .blin .bic1{

}
.blcon .blin .bic2{

}
.blcon .blin .bic3{

}
.blcon .blin .bic4{

}

.brcon{
    width: 3.7rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.brcon .wnbook{
    background: var(--icolor);
    border-radius: 0.1rem;
    color: #fff;
    /* width: 2.06rem; */
    padding: 0 0.2rem;
    height: 0.66rem;
    line-height: 0.66rem;
    font-size: 0.28rem;
    display: block;
    text-align: center;
}






/*foot-e*/


/*banner-s*/
.banner{
    height: 3.6rem;
}
.banner .swiper-pagination-bullet{
    background: #fff;
}
.bnbox{
    width: 100%;
    height: 100%;
}
/*banner-g*/

/*暂无信息*/
.no-info-tips{
    width: 50%;
    margin: 20% auto 0;
}
.no-info-tips .ni-img{
    width: 100%;
}
.no-info-tips .ni-ts{
    font-size: 0.3rem;
    color: #333333;
    text-align: center;
    line-height: 2;
}
/*暂无信息*/

/*弹出层提示框-s*/
.wn-popup-tips-none{
    display: none;
}
.wn-popup-tips{
    padding: 0.3rem 0.4rem 1rem;
    max-height: 100%;
    overflow: auto;
}
.wn-popup-tips .wp-tie{
    text-align: center;
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
    font-weight: bold;
    color: #333333;
}
.wn-popup-tips .wp-con{
    line-height: 1.8;
    font-size: 0.28rem;
    color: #333333;
}
.wn-popup-tips .wp-con *{
    line-height: 1.8;
    font-size: 0.28rem;
    color: #333333;
}
.layui-m-anim-up:not(.layui-m-layer-msg){
    border-radius: 0.1rem 0.1rem 0 0 !important;
}

.wn-tips{
    font-size: 0.26rem;
    color: #666;
}
.wn-tips .wn-tips-wa{
    color: #4094c6;
}



.wp-price{

}
.wp-price .wpwa{
    font-size: 0.36rem;
    margin-bottom: 0.3rem;
    color: #333333;
}
.wp-price .wpcon{
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #cccccc;
    margin: 0 0 0.2rem 0;
}
.wp-price .wpwb{
    font-size: 0.26rem;
    color: #999;
}
.wp-price .wpwc{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wp-price .wpwd{
    font-size: 0.28rem;
    color: #333333;
}
.wp-price .wpwe{
    font-size: 0.28rem;
    color: #333333;
}
.wp-price .wpwf{
    font-size: 0.32rem;
    color: var(--icolor);
    font-weight: bold;
}
.wp-price .wpwg{
    font-size: 0.38rem;
    color: var(--icolor);
}




/*弹出层提示框-e*/



/*展会列表-s*/

.expo-lst{
    position: relative;
    margin: 0.3rem;
}
.expo-box{
    padding: 0.3rem;
    border-radius: 0.18rem;
    background: #ffffff;
    margin: 0 0 0.2rem 0;
}
.expo-box .Acls{

}
.expo-box .zhca{
    position: relative;
    border-bottom: 1px dashed #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 0.2rem 0;
    margin: 0 0 0.2rem 0;
}
.expo-box .zhca .zhlg{
    width: 1.5rem;
}
.expo-box .zhlg .lg-img{
    width: 100%;
    height: 1.5rem;
    border-radius: 4px;
    overflow: hidden;
}
.expo-box .zhlg .dz-con{
    width: 100%;
    font-weight: 400;
    font-size: 0.28rem;
    color: #757575;
    margin: 0.1rem 0;
    text-align: center;
}

.expo-box .zhca .zhin{
    width: 4.6rem;
}
.expo-box .zhca .zh-sat{
    display: flex;
    margin: 0.1rem 0 0.1rem;
}
.zh-state{
    color: #ffffff;
    border-radius: 4px;
    line-height: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    font-size: 0.2rem;
    min-width: 0.6rem;
    text-align: center;
    margin: 0 5px 0 0;
}
.expo-box .zhca .zh-tie{
    font-weight: 700;
    font-size: 0.3rem;
    color: #000000;
}

.expo-box .zhca .zh-tas{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.expo-box .zhca .zh-tas .zh-tim{
    font-weight: 400;
    font-size: 0.26rem;
    color: var(--icolor);
}
.expo-box .zhca .zh-tas .zh-tin{
    font-weight: 400;
    font-size: 0.26rem;
    color: #FF6725;
}

.expo-box .zhca .zh-tag{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.expo-box .zhca .zh-tag .tag-con{
    font-weight: 400;
    font-size: 0.24rem;
    color: #757575;
    border-radius: 4px;
    border: 1px solid #bfbfbf;
    padding: 0.1rem;
    margin: 0.1rem 0.1rem 0 0;
}

.expo-box .zhcb{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.expo-box .zhcb .zhrd{
    font-size: 0.26rem;
    color: #757575;
    background: url(../images/ic-fire.svg) no-repeat left;
    background-size: 0.4rem 0.4rem;
    padding: 0 0 0 0.5rem;
    line-height: 0.4rem;
}
.expo-box .zhcb .zhrd .wzbc{
    font-size: 0.28rem;
    color: #333333;
    font-weight: 700;
    line-height: 0.4rem;
    margin: 0 2px 0 0;
}
.expo-box .zhcb .zhdy{
    font-size: 0.24rem;
    border-radius: 4px;
    color: #ffffff;
    background-color: var(--icolor);
    padding: 0 0.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    display: none;
}
/*展会列表-e*/

/*新闻列表-s*/
.news-lst{
    position: relative;
    padding: 0.3rem;
}
.news-box{
    padding: 0.3rem;
    border-radius: 0.18rem;
    background: #ffffff;
    margin: 0 0 0.2rem 0;
    display: flex;
    justify-content: space-between;
}

.rm-news-box{
    border-radius: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #f5f5f5;
    margin: 0 0 0 0;
}
.rm-news-box:last-child{
    border-bottom: 0;
}

.news-box .xwca{

}
.news-box .xwca .xw-img{
    width: 1.7rem;
    height: 1.7rem;
    overflow: hidden;
}
.news-box .xwcb{
    width: 4.4rem;
}
.news-box .xwcb .xw-tie{
    font-weight: 700;
    font-style: normal;
    font-size: 0.3rem;
    color: #000000;
    margin: 0.1rem 0 0.2rem 0;
}
.news-box .xwcb .xw-tal{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news-box .xwcb .xw-tal .xw-time{
    font-weight: 400;
    font-size: 0.28rem;
    color: #757575;
}
.news-box .xwcb .xw-tal .xw-see{
    font-weight: 400;
    font-size: 0.26rem;
    color: #757575;
    background: url(../images/ic-see.svg) no-repeat left;
    background-size: 0.32rem 0.32rem;
    padding: 0 0 0 0.4rem;
}

.page-lst{
    padding: 0 0.3rem;
}

/*新闻列表-e*/

/*新闻详情-s*/
.bs-cb{
    background-color: #ffffff;
}
.con-detail{
    padding: 0.3rem;
}
.con-detail .con-title{
    font-weight: 700;
    font-size: 0.36rem;
    color: #000000;
    text-align: center;
    margin: 0 0 0.2rem 0;
}
.con-detail .con-info{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0.3rem;
    margin: 0 0 0.3rem;
    border-bottom: 1px solid #f5f5f5;
}
.con-detail .con-info .ciin{
    font-weight: 400;
    font-size: 0.26rem;
    color: #757575;
    margin: 0 0.1rem;
}
.con-detail .con-content{
    font-size: 0.28rem;
    color: #333333;
    line-height: 2;
}
.con-detail .con-content *{
    max-width: 100%;
    line-height: 2;
}
.con-detail .con-content img{
    width: auto;
    height: auto;
}

.hs-title{
    font-weight: 700;
    font-style: normal;
    font-size: 0.36rem;
    color: var(--icolor);
    margin: 0 0 0.3rem;
    position: relative;
    padding: 0 0 0 0.15rem;
}
.hs-title:after{
    content: '';
    position: absolute;
    width: 0.05rem;
    height: 70%;
    top: 15%;
    left: 0;
    background-color: var(--icolor);

}

/*新闻详情-e*/



/*筛选页-s*/
.screen-lst{

}
.screen-lst .screen-box{
    margin-top: 0.5rem;
}
.screen-lst .screen-box .screen-tie{
    font-weight: 700;
    font-size: 0.36rem;
    color: #000000;
    margin: 0 0 0.1rem 0;
}
.screen-lst .screen-box .sx-lst{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.screen-lst .screen-box .sx-lst .sx-box{
    width: 48%;
    text-align: center;
    margin: 0.2rem 0 0;
    background: #fff;
    border-radius: 5px;
}

.screen-lst .screen-box .sx-lst .sx-box .sxAa{
    font-weight: 400;
    font-size: 0.3rem;
    color: #313131;
    display: block;
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0 3%;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}

.screen-lst .screen-box .sx-lst .sx-box.cur{
    background-color: var(--icolor);
}
.screen-lst .screen-box .sx-lst .sx-box.cur .sxAa{
    color: #ffffff;
}

/*筛选页-e*/

/*搜索页-s*/

.search-con{

}
.search-con .search-title{
    text-align: center;
    margin: 0.5rem 0 0.3rem;
    color: #999999;
    font-size: 0.28rem;
}
.search-con .search-lst{
    display: flex;
    flex-wrap: wrap;
}
.search-con .search-lst .search-box{
    font-size: 0.24rem;
    margin: 0 0.2rem 0.2rem 0;
    padding: 0.1rem 0.2rem;
    background: #f8f8f6;
    text-align: center;
    border-radius: 2px;
    color: #333333;
}


/*搜索页-e*/


/*登录注册-s*/
.sign-wrap{

}
.sign-wrap .sign_box{

}
.sign-wrap .sign-title{
    font-weight: 700;
    font-size: 0.5rem;
    color: #353535;
    margin: 0.5rem 0;
}
.sign-wrap .sign-lst{
    position: relative;
}
.sign-wrap .sign-lst .sslsrk{
    width: 100%;
    /*background-color: #f7f7f7;*/
    background-color: #f7f7f7;
    margin: 0 0 0.4rem 0;
    border-radius: 0.1rem;
}
.sign-wrap .sign-lst .srkfx{
    display: flex;
    justify-content: space-between;
}
.sign-wrap .sign-lst .sslsrk .srk{
    width: 100%;
    background: transparent;
    height: 1rem;
    padding: 0 0.3rem;
    font-size: 0.3rem;
}
.sign-wrap .sign-lst .wn-ann-sm{
    padding: 0 0.3rem;
    white-space: nowrap;
    background: transparent;
    border: 0;
    color: var(--icolor);
    font-size: 0.3rem;
}
.sign-wrap .sign-lst .wn-ann{
    font-weight: 400;
    font-size: 0.32rem;
    width: 100%;
    color: #ffffff;
    background-color: var(--icolor);
    border-radius: 30px;
    line-height: 1rem;
}
.sign-wrap .sign-tip{
    display: flex;
    margin: 0 0 0.4rem;
    font-weight: 400;
    font-style: normal;
    font-size: 0.24rem;
    color: #b2b2b2;
}


/*登录注册-e*/


/*展会提示*/
.expo-userbox{
    background-color: rgba(0, 0, 0, 0.7) ;
    padding: 0.3rem 0.1rem;
    position: relative;
}
.expo-userbox .eu-con{
    color: #fff;
    font-size: 0.24rem;
    line-height: 0.4rem;
}
.userbox-close{
    color: #fff;
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    right: 0;
    top: 0;
    font-size: 0.24rem;
}

/*展会提示*/


/*展会列表筛选*/
.expo-choice{
    background-color: #ffffff;
    padding: 0.3rem 0;
}

.expo-choice .ec-industry{
    text-align: center;
    margin: 0 0 0.4rem 0;
}
.expo-choice .ec-industry .ec-hy{
    font-weight: 700;
    font-size: 0.36rem;
    color: #000000;
    position: relative;
    display: inline-block;
}
.expo-choice .ec-industry .ec-hy:after{
    content: '';
    position: absolute;
    background: url(../images/ic-arrow.svg) no-repeat left;
    background-size: 0.14rem 0.24rem;
    width: 0.3rem;
    height: 100%;
    transform:rotate(180deg);
}

.expo-choice .ec-gnw{
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.1rem 0;
}
.expo-choice .ec-gnw .ecgnw-nav{
    width: 50%;
    font-weight: 400;
    font-size: 0.28rem;
    color: #515151;
    border-bottom: 1px solid var(--icolor);
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
}
.expo-choice .ec-gnw .ecgnw-nav.active{
    background-color: var(--icolor);
    color: #ffffff;
}


.expo-choice .ec-gnwtab{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.3rem 0;
}
.expo-choice .ec-gnwtab.nomb{
    margin: 0 0 0 0;
}
.expo-choice .ec-gnwtab.hide{
    display: none;
}
.expo-choice .ec-gnwtab .ecgnw-tab{
    width: calc((100% - 0.6rem)/6);
    height: 0.6rem;
    line-height: 0.58rem;
    border: 1px solid #aaaaaa;
    overflow: hidden;
    border-radius: 2px;
    font-size: 0.24rem;
    color: #757575;
    text-align: center;
    margin: 0.12rem 0.12rem 0 0;
}
.expo-choice .ec-gnwtab .ecgnw-tab:nth-child(6n){
    margin: 0.12rem 0 0 0;
}
.expo-choice .ec-gnwtab .ecgnw-tab.active{
    border: 1px solid var(--icolor);
    color: var(--icolor);
}

.expo-choice .ec-hort{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.expo-choice .ec-hort .echtl{
    font-weight: 700;
    font-size: 0.3rem;
    color: #000000;
}
.expo-choice .ec-hort .echtr{
    display: flex;
    align-items: center;
}
.expo-choice .ec-hort .echt-nav{
    font-weight: 400;
    font-size: 0.28rem;
    color: #757575;
    margin: 0 0 0 0.3rem;
}
.expo-choice .ec-hort .echt-nav.active{
    color: var(--icolor);
}


.expo-choice .ec-advert{
    width: 100%;
    height: 1.5rem;
    margin: 0 0 0.3rem 0;
}




/*展会列表筛选*/



/*展会详情-s*/

.swiper-expo{
    height: 60vw;
}
.swiper-expo .swiper-pagination{
    position: absolute;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    color: #fff;
    background: rgba(0,0,0,.35);
    padding: 5px;
    z-index: 5;
    left: unset;
    width: auto;
    right: 0.3rem;
    border-radius: 2px;
}


.expo-detail{
    position: relative;
}
.expo-detail .edm2{
    margin: 0 0 0.2rem;
}
.expo-detail .edbsp3{
    background: #fff;
    padding: 0.3rem;
}

.ed-cona{
    position: relative;
}
.ed-cona .ed-tag {
    display: flex;
    flex-wrap: wrap;
}
.ed-cona .ed-tag .tagbox{
    height: 0.45rem;
    line-height: 0.45rem;
    color: #E81E4F;
    background-color: #fef0ef;
    font-size: 0.2rem;
    padding: 0 0.1rem;
    margin: 0 0.2rem 0.2rem 0;
    border-right: 3px;
}



.ed-cona .ed-title{
    display: flex;
    margin: 0 0 0.2rem;
}
.ed-cona .ed-title .ed-state{
    color: #ffffff;
    border-radius: 4px;
    line-height: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    font-size: 0.2rem;
    min-width: 0.7rem;
    text-align: center;
    margin: 0 5px 0 0;
}
.ed-cona .ed-title .ed-tie{
    font-weight: 700;
    font-size: 0.36rem;
    color: #000000;
}
.ed-cona .ed-name{
    font-weight: 700;
    font-size: 0.3rem;
    color: #333333;
    margin: 0 0 0.15rem;
}
.ed-cona .ed-time{
    font-weight: 400;
    font-size: 0.24rem;
    color: var(--icolor);
}
.ed-cona .ed-time .wzhs{
    color: #333333;
}



.ed-conb {
    position: relative;
}
.ed-conb .ed-info{
    font-weight: 400;
    font-style: normal;
    font-size: 0.28rem;
    color: #333333;
    margin: 0 0 0.1rem;
}
.ed-conb .ed-info:last-child{
    margin: 0;
}


.ed-conc{
    position: relative;
}
.ed-conc .ed-datasls{
    display: flex;
    flex-wrap: wrap;
}
.ed-conc .ed-datasls .ed-datas{
    min-width: 50%;
    margin: 0.1rem 0;
    color: #575757;
    font-size: 0.3rem;
    position: relative;
    padding: 0 0 0 0.35rem;
}
.ed-conc .ed-datasls .ed-datas:after{
    content: '';
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    left: 0;
    top: 0.1rem;
    background-color: var(--icolor);
    transform: rotate(45deg);
}
.ed-conc .ed-datasls .ed-datas .wzhs{
    color: #000000;
}

.ed-cond{
    position: relative;
}
.ed-cond .ed-wx{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.ed-cond .ed-wx .edwxl{
    width: 4.8rem;
}
.ed-cond .ed-wx .edwxr{
    width: 2rem;
    height: 2rem;
    overflow: hidden;
}
.ed-cond .ed-wx .edwxl .wca{
    font-weight: 700;
    font-size: 0.34rem;
    color: #000000;
    margin: 0 0 0.2rem;
}
.ed-cond .ed-wx .edwxl .wcb{
    font-size: 0.24rem;
    color: var(--icolor);
}



.ed-tiels{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.2rem 0;
}
.ed-tiels .cnl{
    font-weight: 700;
    font-size: 0.34rem;
    color: #000000;
}
.ed-tiels .cnr{
    position: relative;
}
.ed-tiels .cnrrd{
    font-weight: bold;
    font-size: 0.26rem;
    color: #b1b1b1;
    padding: 0.1rem 0 0;
}
.ed-tiels .cnrarrow{
    padding: 0 0.3rem 0 0;
    min-height: 0.4rem;
    font-size: 0.28rem;
    color: #8E8E8E;
}
.ed-tiels .cnrarrow:after{
    content: '';
    position: absolute;
    background: url(../images/ic-arrow.svg) no-repeat left;
    background-size: 0.14rem 0.24rem;
    width: 0.3rem;
    height:100%;
    transform: rotate(180deg);
    right: 0;
}

.ed-tiels .checks{
    font-size: 0.22rem;
    color: #666;
}
.ed-tiels .checks .cks{
    background: url(../images/ic_radio.png) no-repeat 0 0;
    background-size: 0.26rem;
    display: inline-block;
    padding-left: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0 0 0 0.3rem;
}





/*展会图片*/
.ed-img-lst{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 1;
}
.ed-img-lst .ed-img:first-child{
    width: 100%;
}
.ed-img-lst .ed-img:not(:first-child){
    width: calc(50% - 0.1rem);
    margin: 0.1rem 0.1rem 0 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.ed-img-lst .ed-img:nth-child(2n + 1){
    margin: 0.1rem 0 0 0;
}


/*历史展会评级*/

.ed-score{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ed-score .esl{
    width: 30%;
}
.ed-score .esr{
    width: 4.6rem;
}
.ed-score .esl .esa{
    font-size: 0.8rem;
    text-align: center;
    line-height: 1.3;
}
.ed-bigstar{
    background: url(../images/bigstar.png) no-repeat left;
    width: 75px;
    height: 15px;
    margin: 0 auto;
}

.bigstar50{background-position:0 0 !important;}
.bigstar45{background-position:0 -15px !important;}
.bigstar40{background-position:0 -30px !important;}
.bigstar35{background-position:0 -45px !important;}
.bigstar30{background-position:0 -60px !important;}
.bigstar25{background-position:0 -75px !important;}
.bigstar20{background-position:0 -90px !important;}
.bigstar15{background-position:0 -105px !important;}
.bigstar10{background-position:0 -120px !important;}
.bigstar5{background-position:0 -135px !important;}
.bigstar0{background-position:0 -150px !important;}

.ed-score .es-item{
    display: flex;
    margin: 0 0 0.1rem 0;
    align-items: center;
    justify-content: space-between;
}
.ed-score .es-item .esia{
    width: 1.5rem;
    margin-right: 0.16rem;
    height: 0.4rem;
}
.ed-score .es-item .esib{
    height: 0.22rem;
    background: #ececec;
    width: 3rem;
}
.ed-score .es-item .esib .esibon{
    background: #ffca28;
    height: 0.22rem;
    border-radius: 2px;
    display: block;
}


/*相关评论*/

.ed-comment{
    position: relative;
}
.ed-comment .edc-item{
    display: flex;
    justify-content: space-between;
    /*margin:  0 0 0.2rem 0;*/
    padding: 0.2rem 0 0;
}
.ed-comment .edc-item .edc-img{
    width: 0.74rem;
    height: 0.74rem;
    border-radius: 50%;
}
.ed-comment .edc-item .edc-con{
    width: 5.9rem;
}
.ed-comment .edc-item .edc-con .edca{
    font-size: 0.28rem;
    color: #888888;
    margin: 0 0 0.1rem 0;
}
.ed-comment .edc-item .edc-con .edcd{
    color: #333333;
    margin: 0 0 0 5px;
}
.ed-comment .edc-item .edc-con .edcb{
    margin: 0;
}
.ed-comment .edc-item .edc-con .edcc{
    color: #666;
    margin: 0.1rem 0;
    font-size: 0.28rem;
}

/*问大家*/
.ed-answer{
    position: relative;
}
.ed-answer .eda-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem 0;
}
.ed-answer .eda-item .edal{
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.28rem;
    color: #333333;
}
.ed-answer .eda-item .edar{
    font-size: 0.28rem;
    color: #333333;
}

.count_no {
    background: #4dc86f;
    border-radius: 4px;
    padding: 0 3px;
    height: 0.46rem;
    line-height: 0.46rem;
    color: #ffffff!important;
}


/*展会介绍*/
.ed-introduce{
    font-size: 0.28rem;
    color: #333333;
    line-height: 2;
}

/*推荐供应商*/
.ed-gys{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ed-gys .gys-img{
    max-width: 1.5rem;
    max-height: 1.5rem;
    border-radius: 4px;
    border: 1px solid #f8f8f8;
    margin-right: 0.3rem;
    overflow: hidden;
}
.ed-gys .gys-con{
    width: 5rem;
}
.ed-gys .gys-con .gys-name{
    font-size: 0.28rem;
    color: #333333;
    margin: 0 0 0.1rem 0;
    font-weight: bold;
}
.ed-gys .gys-con .gys-tag{
    font-size: 0.24rem;
    color: #666;
    margin: 0 0 0.1rem 0;
}
.ed-gys .gys-con .gys-rz{
    background: url(../images/ic_rz.png) no-repeat 0 0;
    background-size: 0.26rem;
    color: #00a952;
    padding-left: 0.4rem;
    font-size: 0.24rem;
}

/*摊位示意图*/

.ed-booth{

}
.ed-booth .edb-item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.1rem 0;
}
.ed-booth .edb-item .edb-img{
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.1rem;
    border: 1px solid #f8f8f8;
    object-fit: contain;
}
.ed-booth .edb-item .edb-con{
    width: 4.5rem;
}
.ed-booth .edb-item .edb-con .edb-name{
    font-size: 0.28rem;
    color: #333333;
    margin: 0 0 0.1rem 0;
    font-weight: bold;
}
.ed-booth .edb-item .edb-con .edb-info{
    position: relative;
}
.ed-booth .edb-item .edb-con .edb-tag{
    position: relative;
    width: 50%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0.2rem;
    color: #555555;
    font-size: 0.2rem;
    line-height: 0.4rem;
}
.ed-booth .edb-item .edb-con .edb-tag:after{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: var(--icolor);
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
/*推荐展会*/
.ed-expolst{
    position: relative;
}
.ed-expolst .expo-box{
    background-color: #ffffff;
    border-bottom: 1px solid #f5f5f5;
    border-radius: 0;
    margin: 0;
}
.ed-expolst .expo-box:last-child{
    border-bottom: 0;
}

/*展会详情-e*/


/*问大家*/

.answer-all{
    width: 100%;
    height: 100%;
}
.mescroll{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 1.5rem;
}
.mescroll.nomb{
    padding-bottom: 0;
}

.as-expo{
    margin: 0.2rem 0;
    background: #fff;
    padding: 0.2rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.as-expo .asel{
    width: 1rem;
    height: 1rem;
    display: block;
}
.as-expo .aser{
    width: 5.6rem;
    padding: 0 0.5rem 0 0;
    position: relative;
}
.as-expo .aser:after{
    content: '';
    position: absolute;
    background: url(../images/ic-arrow.svg) no-repeat left;
    background-size: 0.14rem 0.24rem;
    width: 0.3rem;
    height: 100%;
    transform: rotate(180deg);
    right: 0;
    top: 0;
}
.as-expo .ase-tie{
    color: #000000;
    font-size: 0.34rem;
    margin: 0 0 0.1rem 0;
}
.as-expo .ase-adr{
    color: #999;
    font-size: 0.28rem;
}

.answer-lst{
    position: relative;
}
.answer-item{
    padding: 0.3rem 0.3rem;
    background: #fff;
    margin: 0 0 0.2rem 0;
}
.answer-item .asi-w{
    display: flex;
}
.answer-item .asi-d{
    margin: 0.2rem 0 0 0;
}
.answer-item .asi-d.nomt{
    margin: 0;
}

.answer-item .asi-wa{
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: var(--icolor);
    color: #fff;
    font-size: 0.3rem;
    text-align: center;
    margin: 0 0.2rem 0 0;
}
.answer-item .asi-wb{
    flex-grow: 1;
    font-size: 0.32rem;
    color: #333;
    width: 60%;
    margin: 0 2% 0 0;
    line-height: 0.5rem;
    font-weight: bold;
}
.answer-item .asi-wc{
    font-size: 0.24rem;
    color: #333;
    line-height: 0.5rem;
    height: 0.5rem;
}
.answer-item .asi-wc.lwd{
    background: #4dc86f;
    border-radius: 4px;
    color: #fff;
    padding: 0 0.1rem;
}

.answer-item .asi-user{
    display: flex;
}

.answer-item .asi-da{
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: #58a5db;
    color: #fff;
    font-size: 0.3rem;
    text-align: center;
    margin: 0 0.2rem 0 0;
}
.answer-item .asi-db{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    margin: 0 0.1rem 0 0;
    overflow: hidden;
}
.answer-item .asi-dc{
    font-size: 0.26rem;
    line-height: 0.5rem;
}

.answer-item .asi-dcon{
    padding: 0 0 0 0.7rem;
    font-size: 0.28rem;
    line-height: 1.76;
    margin: 0.2rem 0 0 0;
}

.fxanswer{
    background: #fff;
    padding: 0.3rem 0.3rem;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.fxanswer .wd-from{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fxanswer .wd-from .wdsrk{
    width: 75%;
    height: 0.7rem;
    line-height: 0.7rem;
    border: 1px solid #ccc;
    padding: 0 5%;
    font-size: 0.3rem;
}
.fxanswer .wd-from .wdann{
    width: 22%;
    height: 0.7rem;
    line-height: 0.7rem;
    color: #ffffff;
    background-color: var(--icolor);
    border: 1px solid var(--icolor);
    font-size: 0.3rem;
}
.fxanswer .fxcm-btn{
    width: 100%;
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    background:var(--icolor);
    color: #fff;
    border-radius: 2em;
    font-size: 0.32rem;
}


/*详情*/
.asi-fbz{
    display: flex;
    padding: 0 0 0.2rem 0;
    margin: 0 0 0.2rem 0;
    border-bottom: 1px solid #f8f8f8;
}
.asi-fbz.nomp{
    padding: 0 0 0 0;
    border-bottom: 0;
    margin: 0 0 0.1rem 0;
}
.asi-fbz .fbz-tx{
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.2rem 0 0;
    border-radius: 50%;
    overflow: hidden;
}
.asi-fbz .fbz-in{
    flex-grow: 1;
}
.asi-fbz .fbz-in .fbz-mc{
    font-size: 0.32rem;
}
.asi-fbz .fbz-in .fbz-tm{
    font-size: 0.28rem;
    color: #777;
}


/*详情*/





/*问大家*/



/*评论-s*/

/*列表*/
.comment-lst{
    position: relative;
}
.comment-item{
    padding: 0.3rem 0.3rem;
    background: #fff;
    margin: 0 0 0.2rem 0;
}
.comment-item .cmi-score{
    margin: 0 0 0.1rem 0;
    display: flex;
    align-items: center;
}
.comment-item .cmi-score .cmi-df{
    color: #333333;
    font-size: 0.26rem;
    margin: 0 0.1rem 0 0;
}
.comment-item .layui-rate{
    padding: 0;
}
.comment-item .layui-rate li i.layui-icon{
    font-size: 0.32rem;
}

.comment-item .cmi-con{
    font-size: 0.3rem;
    line-height: 1.8;
    color: #333333;
}
.comment-item .cmi-img{
    display: flex;
    flex-wrap: wrap;
}
.comment-item .cmi-img .cmimg{
    width: 2.1rem;
    height: 2.1rem;
    margin: 0.2rem 0.3rem 0 0;
    display: block;
    /*background-color: #ccc;*/
}
.comment-item .cmi-img .cmimg:nth-child(3n) {
    margin-right: 0;
}
.comment-item .cmi-img .cmimg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*列表*/

/*发布*/
.comment-add{
    position: relative;
    padding: 0.2rem 0.3rem 0.3rem;
    background: #fff;
    margin: 0 0 0.2rem 0;
}
.comment-add .cmadd-stars{
    display: flex;
    align-items: center;
}
.comment-add .cmadd-stars .cstie{
    font-size: 0.28rem;
    color: #333;
    margin: 0 0.2rem 0 0;
}
.comment-add .cmadd-stars .stars{

}

.cmadd-stars .layui-rate{
    padding: 0.1rem;
}
.cmadd-stars .layui-rate li i.layui-icon{
    font-size: 0.4rem;
}




.comment-add .cmadd-item{
    margin: 0.2rem 0 0 0;
}
.comment-add .cmadd-srks{
    width: 100%;
    background-color: #f5f5f5;
    padding: 0.2rem;
    height: 2rem;
    resize: none;
}
.comment-add .cmadd-tips{
    color: #a4a4a4;
    font-size: 0.24rem;
    padding: 0.2rem;
}
/*发布*/








/*评论-e*/




/*预定/订票-s*/
.order-expo-img{
    border-bottom: 0.2rem solid #f8f8f8;
}
.order-expo{
    background: var(--icolor);
    padding: 0.4rem 0.3rem;
    color: #fff;
}
.order-expo.bshz{
    background: #ffffff;
    color: #333333;
}
.order-expo .oe-wa{
    font-size: 0.32rem;
    font-weight: bold;
}
.order-expo .oe-wb{
    font-size: 0.24rem;
    padding: 0.2rem 0;
}
.order-expo .oe-wc{
    padding: 0.2rem 0;
    font-size: 0.3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.order-expo .oe-wd{
    padding: 0.2rem 0;
    position: relative;
}
.order-expo .oe-we{
    font-size: 0.24rem;
}


.order-main{
    position: relative;
    margin-top: -0.3rem;
    z-index: 5;
    background: #fff;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.3rem 0.4rem 0;
}
.order-main.nops{
    padding: 0 0.3rem 0;
}
.book-item{
    border-bottom: 1px solid #dddddd;
    padding: 0.2rem 0 0;
}
.book-item-tips{
    border-bottom: 0;
    padding: 0.3rem 0 0;
}
.book-item.bifx{
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 0 0.1rem;
}
.book-item .bi-tie{
    font-size: 0.3rem;
    color: #000;
}
.book-item .bi-con{

}
.book-item .bisrk{
    width: 100%;
    border: 0;
    height: 0.8rem;
    font-size: 0.28rem;
}
.book-item .bixlk{
    width: 100%;
    border: 0;
    height: 0.8rem;
    font-size: 0.28rem;
}
.book-item .bidxk{

}

.book-item .layui-form-checkbox{
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0;
    margin: 0 0 0.2rem 0;
}
.book-item .layui-form-checkbox span{
    font-size: 0.28rem;
    padding: 0 0.2rem;
    line-height: 0.58rem;
}
.book-item .layui-form-checkbox i{
    display: none;
}


/*订票-s*/

.ticket-item{

}
.ticket-item .tci-wa{
    font-size: 0.3rem;
    color: #000000;
    margin: 0.1rem 0 0.2rem 0;
}
.ticket-item .tci-wb{
    font-size: 0.28rem;
    color: #999999;
    margin: 0 0 0 5px;
}
.ticket-item .tci-lst{

}
.ticket-item .tci-lst .tci-item{
    background: #fff;
    line-height: 1.5;
    border-radius: 0.1rem;
    border: 1px solid #ddd;
    padding: 0.16rem 0.24rem;
    display: inline-block;
    color: #666;
    min-height: 0.7rem;
    margin: 0 0 0.2rem 0;
}
.ticket-item .tci-lst .tci-item.on{
    border: 1px solid #616d88;
}

.ticket-item.noodi .tci-lst .tci-item.on{
    border: 0;
    padding: 0;
    min-height: auto;
}


.ticket-data{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ticket-data .ticket-info{
    display: flex;
    align-items: center;
}

.ticket-data .ticket-info .tci-price{
    font-size: 0.38rem;
    color: var(--icolor);
}
.ticket-data .ticket-info .tci-con{
    font-size: 0.24rem;
    margin: 0 0 0 0.3rem;
    position: relative;
    height: 0.5rem;
    line-height: 0.5rem;
}
.ticket-data .ticket-info .tci-con:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0.08rem solid transparent;
    border-right: 0.08rem solid transparent;
    border-bottom: 0.15rem solid #666666;
    top: 0.15rem;
    right: -0.25rem;
}
.ticket-data .ticket-info .tci-notice{
    font-size: 0.24rem;
    margin: 0 0 0 0.6rem;
    position: relative;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #4094c6;
}
.ticket-data .ticket-info .tci-notice:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0.08rem solid transparent;
    border-right: 0.08rem solid transparent;
    border-bottom: 0.15rem solid #4094c6;
    top: 0.15rem;
    right: -0.25rem;
}

.ticket-data .ticket-btn{
    width: 2.5rem;
}
.ticket-data .ticket-btn .fxcm-btn{
    height: 0.7rem;
    line-height: 0.7rem;
}









/*订票-e*/









/*预定/订票-e*/











/*用户-s*/

/*我的-s*/
.user-top{
    height: 3.6rem;
    background: linear-gradient(270deg, rgba(61, 63, 81, 1) 0%, rgba(43, 45, 59, 1) 100%);
    position: relative;
}
.user-top .user-txmc{
    display: flex;
    align-items: center;
    padding: 1rem 0;
    width: 100%;
}
.user-top .user-txmc .user-tx{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0.3rem 0 0;
}
.user-top .user-txmc .user-mc{
    font-size: 0.4rem;
    color: #ffffff;
    font-weight: 700;
}
.user-top .user-edit{
    width: 1.7rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.24rem;
    color: #3A3C4D;
    border-radius: 30px 0 0 30px;
    position: absolute;
    right: 0;
    top: 1.25rem;
    text-align: center;
    background: #ffffff url(../images/ic-edit.svg) no-repeat 0.2rem;
    background-size: 0.32rem 0.32rem;
    padding: 0 0 0 0.45rem;
}

.user-menu{
    background: #fff;
    margin: -0.8rem 0.3rem 0;
    border-radius: 0.2rem;
    padding: 0.2rem 0;
    position: relative;
    z-index: 2;
}
.user-menu .user-menu-lst{
    position: relative;
}
.user-menu .user-menu-lst .user-menu-item{
    font-size: 0.32rem;
    color: #333333;
    line-height: 1.2rem;
    height: 1.2rem;
    padding: 0 0.6rem;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.user-menu .user-menu-lst .user-menu-item:last-child{
    border-bottom: 0;
}
.user-menu .user-menu-lst .user-menu-item:after{
    content: '';
    position: absolute;
    background: url(../images/ic-arrow.svg) no-repeat left;
    background-size: 0.14rem 0.24rem;
    width: 0.3rem;
    height: 100%;
    transform: rotate(180deg);
    right: 0;
}

.user-menu .user_menu1{
    background: url(../images/user_menu1.svg) no-repeat left;
    background-size: 0.4rem;
}
.user-menu .user_menu2{
    background: url(../images/user_menu2.svg) no-repeat left;
    background-size: 0.37rem;
}
.user-menu .user_menu3{
    background: url(../images/user_menu3.svg) no-repeat left;
    background-size: 0.34rem;
}
.user-menu .user_menu4{
    background: url(../images/user_menu4.svg) no-repeat left;
    background-size: 0.29rem;
}
/*我的-e*/












/*个人资料*/

.user_iflist{
    padding: 0.3rem 0;
    background-color: #FFFFFF;
}
.user-public-title{
    font-weight: 400;
    font-size: 18px;
    color: var(--icolor);
    border-bottom: 1px solid #eeeeee;
    margin: 0 0 25px 0;
    padding: 0 0 10px 0;
    position: relative;
}
.user-public-title:after{
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: var(--icolor);
    left: 20px;
    bottom: -1px;
}
.user_iflist .user-info{
    position: relative;
    padding: 0 0 1rem 0;
}
.user-info .user-picture{
    margin: 0 0 0.2rem 0;
    display: flex;
    justify-content: flex-end;
}
[hidden], template {
    display: none;
}
.scimgbox{
    display: flex;
    flex-wrap: wrap;
}
.scimgbox .image-container{
    display: flex;
    flex-wrap: wrap;
}

.img_close{
    cursor: pointer;
    opacity: 1;
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    right: -0.2rem;
    text-align: center;
    top: -0.2rem;
    z-index: 3;
    background-color: rgba(0,0,0,0.5);
    color: #FFF;
    border-radius: 50%;
    font-size: 0.24rem;
}

/*.img_close{*/
/*    opacity: 0;*/
/*}*/
/*.img-box:hover .img_close{*/
/*    cursor: pointer;*/
/*    opacity: 1;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 3;*/
/*    background-color: rgba(0,0,0,0.5);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    align-content: center;*/
/*    justify-content: center;*/
/*    color: #FFF;*/
/*}*/
.chose-btn {
    display: none;
}
.user-info .user-picture .upload-image{
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.user-info .user-picture .upload-image:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: url(../images/u1710.svg) no-repeat center;
    background-size: 0.5rem;
    background-color: rgb(0 0 0 / 30%);
    display: none;
}
.user-info .user-picture .upload-image:hover:after{
    display: block;
}
.user-info .user-picture .header-img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
}
.user-info .user-input{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    margin: 0.1rem 0;
    padding: 0 0 0.1rem 0;
}
.user-info .user-input .user-title{
    font-size: 0.32rem;
    color: #333333;
    font-weight: 700;
    height: 1rem;
    line-height: 1rem;
}
.user-info .user-input .user-input-block{
    width: 5rem;

}
.user-info .user-input .whsrk{
    width: 100%;
    border: 0;
    height: 1rem;
    font-size: 0.28rem;
    text-align: right;
    color: #333333;
}

.user-info .user-input .whselect{
    width: 100%;
    border: 0;
    height: 1rem;
    font-size: 0.28rem;
    text-align: right;
    direction: rtl;
    appearance: none;
    position: relative;
    padding: 0 0.3rem 0 0;
    color: #333333;
}
.user-info .onarrow:after{
    content: '';
    position: absolute;
    background: url(../images/ic-arrow.svg) no-repeat left;
    background-size: 0.14rem 0.24rem;
    width: 0.3rem;
    height: 100%;
    transform: rotate(180deg);
    right: 0;
}

.user-info .yzmsrk{
    padding: 0 2rem 0 0;
}
.user-info .btn-sms{
    color: var(--icolor);
    position: absolute;
    width: 2rem;
    height: 100%;
    background: transparent;
    right: 0;
    font-weight: bold;
    text-align: right;
}


.li-box {
    width: 2.1rem;
    height: 2.1rem;
    background-color: #e3e3e3;
    /*border-radius: 10px;*/
    margin: 0.2rem 0.3rem 0 0;
}
.li-box:nth-child(3n) {
    margin-right: 0;
}
.img-box {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 1;
    font-size: 0.28rem;
    color: #333;
    cursor: pointer;
}
.img-box img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    z-index: 2;
}


.user-fixed{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #ffffff;
    height: 1rem;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-fixed .user-info-btn{
    width: 94%;
    background-color: var(--icolor);
    color: #ffffff;
    text-align: center;
    font-size: 0.3rem;
    margin: 0 3%;
    border-radius: 4px;
    height: 0.8rem;
}

/*个人资料*/



.sponsor-con{
    position: relative;
}
.sponsor{
    margin: 0 0 0.5rem 0;
}
.sponsor .sponsor-title{
    font-size: 0.6rem;
    text-align: center;
    padding: 0.5rem 0;
}
.sponsor .sponsor-img{
    width: 100%;
}
.sponsor .sponsor-box{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.sponsor .sponsor-box .scl{
    width: 48%;
    position: relative;
}
.sponsor .sponsor-box .scl.brls:after{
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    background-color: #00AAEE;
    right: -0.2rem;
    top: 0;
}
.sponsor .sponsor-box .scimg{
    width: 100%;
    overflow: hidden;
}
.sponsor .sponsor-box .sca{
    font-size: 0.36rem;
    font-weight: bold;
    margin: 0.2rem 0 0.2rem 0;
}
.sponsor .sponsor-box .scb{
    font-size: 0.24rem;
    font-weight: bold;
    margin: 0 0 0.2rem 0;
}
.sponsor .sponsor-box .scc{
    font-size: 0.24rem;
    font-weight: bold;
}







/*联系我们*/
.contact-con{
    padding: 0.3rem 0;
}
.contact-con .contact-item{
    margin: 0 0 1rem 0;
    text-align: center;
}
.contact-con .contact-item .cia{
    font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
    position: relative;
    padding: 0 0 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-con .contact-item .cia i{
    width: 3px;
    height: 0.3rem;
    background-color: var(--icolor);
    display: inline-block;
    margin: 0 0.1rem 0 0;
}
.contact-con .contact-item .cib{
    font-size: 0.28rem;
    color: #434343;
    margin: 0.3rem 0 0 0;
}




/*联系我们*/


/*订单列表*/

.order-list {
    position: relative;
    padding: 0.2rem 0 0;
}

.order-item{
    margin-bottom: 0.3rem;
    border-radius: 0.1rem;
    background: #fff;
    box-shadow: 0 0 0.12rem rgb(0 0 0 / 10%);
    padding: 0.3rem;
    position: relative;
}
.order-item .oi-tie{
    font-size: 0.3rem;
    color: #333333;
    margin: 0 0 0.2rem 0;
    font-weight: bold;
}
.order-item .oi-txt{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.6;
    margin: 0 0 0.2rem 0;
}
.order-item .oi-txt.nomb{
    margin: 0;
    width: 70%;
}
.order-item .oi-num{
    font-size: 0.26rem;
    color: #333333;
    text-align: right;
    position: absolute;
    bottom: 0.3rem;
    right: 0.3rem;
}
.order-item .oi-num .val{
    font-size: 0.36rem;
}





/*订单列表*/













/*用户-e*/




/*分页*/
.total-num{
    padding: 0 0.4rem;
}
#page{
    display: flex;
    flex-wrap: wrap;
    padding: 0.3rem 0;
    justify-content: center;
}
.pagel #page{
    justify-content: flex-end;
}
#page .page-item{
    height: 0.6rem;
    line-height: 0.58rem;
    border: 1px solid #d9d9d9;
    margin: 0 -1px 5px 0;
    font-size: 0.24rem;
    background:#fff;
    color:#444444;
}
#page a{
    display:block;
    padding: 0 0.8em;
    text-decoration:none;
}
#page p{
    padding: 0 0.8em;
    font-size: 0.24rem;
}

#page a:last-child{
    margin-right: 0;
}
#page a:hover{
    color: var(--icolor);
}
#page a.myde-page {
    background: var(--icolor);
    color: #fff;
    border: 1px solid var(--icolor);
}
#page a.cur{
    background:var(--icolor);
    color:#fff;
    border: 1px solid var(--icolor);
}
#page p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0;
    color:#555;
}
#page p.pageRemark b{
    margin: 0 6px;
    color: var(--icolor);
    border: 1px solid var(--icolor);
}
#page p.pageEllipsis{
    padding: 6px 12px;
    color: #555;
    height: 36px;
    border: 1px solid #d9d9d9;
    margin: 0 -1px 5px 0;
}
/*分页*/




/*下拉加载*/
.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}