/* 共有 */
	.container{position:relative;overflow:hidden;width:7.5rem;margin:auto;background:#f5f5f5;}
	.fsb{display:flex;justify-content:space-between;flex-wrap:nowrap}
    .fsbn{display:flex;justify-content:space-between;flex-wrap:wrap}
    .fw{display:flex;flex-wrap:nowrap}
    .fww{display:flex;flex-wrap:wrap}
	.nowrap_ellipsis{display:block; white-space: nowrap; text-overflow: ellipsis;overflow:hidden}
	.nowrap_clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	:focus-visible { outline: none; }
	.qtit{font-size:0.3rem;line-height:0.5rem;font-weight: bold;color:#020202}
	.qti{font-size:0.24rem;line-height:0.32rem;margin-bottom:0.15rem;color:#9c9c9c}
    .title{line-height:0.36rem;font-weight: bold;font-size: 0.3rem;color:#333;}
    .title img{width: 0.36rem;height: 0.36rem;margin-right: 0.2rem;}
    .more{line-height:0.36rem;font-size: 0.24rem;color:#999;display: flex;min-width:0.4rem}
    .more img{width: 0.36rem;height: 0.36rem;}
    #scrollContent{position:relative;overflow-y: auto;width: 100%;height: 100%;}
    *{font-size: 0.26rem;}
    .bg-shadow{padding: .3rem;border-radius: 0.2rem;background:#fff;box-shadow:0 0.05rem 0.1rem #8baddc;margin: 0.3rem;}
    .bg-fff{padding: .3rem;border-radius: 0.2rem;background:#fff;margin: 0.3rem;}
    .listk{width: 94%;margin: auto;}
    .m20{margin: 0.2rem;overflow: hidden;}
    .m30{margin: 0.3rem;overflow: hidden;}
    .m20-40{margin: 0.2rem 0.4rem;overflow: hidden;}
    .border-r{border-radius: 0.2rem;overflow: hidden;}
    .ban-tit{margin: 0.4rem 0 0.2rem;position: relative;}
    .bg-color-fff{background-color: #fff;}
    .disb{display: block;}
    .disn{display: none;}
    .colorRed{color: #f9383b;}
    .list{overflow: hidden;}
    .arrow-up{position: fixed; display: none; bottom: 2rem;right: 0.2rem;width: 0.8rem;height: 0.8rem;background-color: #fff;border-radius: 0.4rem;border: 1px solid #b6b6b6;}
    .arrow-up img{width: 0.4rem;height: 0.3rem;margin:0.1rem auto 0;}
    .arrow-up p{line-height: 0.3rem;text-align: center;font-size: 0.22rem;}

/* 门票 */
    .mp-tit{position: fixed;top: 0.68rem;background:#fff;line-height: 0.8rem;padding: 0 0.2rem;width: 7.1rem;z-index: 10;}
    .mp-tit .mp-type {position: relative;padding: 0 0.2rem;color: #999;font-size: 0.3rem;font-weight: bold;}
    .mp-tit .mp-type i{width: 100%;height: 0.1rem;border-radius: 0.1rem;display: block;}
    .mp-tit img{width: 0.36rem; height: 0.36rem;margin-right: 0.1rem;margin-top: 0.24rem;}
    .mp-tit .colorRed{font-size: 0.3rem;}
    .mp-tit .mp-type.active{color: #333;}
    .mp-tit .mp-type.active i{background-color: #f9383b;}
    .order-no, .order-con{padding-bottom: 0.2rem;margin-bottom: 0.2rem;border-bottom: 1px dashed #d3d3d3;color: #666;}

    .p-time{position: absolute;top: 0.8rem;right: 0;width: 0.92rem;height: 0.92rem;}
    .p-time .fw{position: relative;display: flex;align-items: center; justify-content: center;width: 100%;height: 100%;}
    .p-time .fw img{width: 0.92rem;height: 0.92rem;position: absolute;z-index: 0;}
    .p-p-time{width: 100%;display:block;font-size: 0.2rem;text-align: center;color: #f9383b;}

    .attendee img, .del img, .addSave img{width: 0.36rem;height: 0.36rem;margin-right: 0.1rem;}
    .addSave{justify-content: center;align-items: center;}



/* 登录 */
    .login-bj{background: #fff;position: fixed;z-index: 0;background: #fff;width: 100%;height: 100%;overflow: auto;}
    .ticket-bj{position: relative;}
    .login-bj-img{position: absolute;top: 0;z-index: -1;width: 7.5rem;}
    .login-top{position: absolute;top:2.1rem;left: 0.8rem;z-index: 1;}
    .login-top p:first-child{font-size:0.5rem;line-height: 0.7rem;color: #fff;}
    .login-top p:last-child{font-size:0.64rem;color: #fff;}
    #login{position: absolute;top:3.15rem;left:0 ;top: 4.5rem;z-index: 2;}
    .login-form{border-radius:0.4rem;overflow: hidden;background-color: #fff;}
    .login-k{margin: 1rem 0.4rem;}

    .login-input{background: #f1f1f1;padding: 0.3rem;margin-bottom: 0.2rem;}
    .login-input input{background: none;width:4.8rem ;line-height: 0.4rem;}
    .login-input .able{width: 0.8rem;border-right: 1px solid #d3d3d3; line-height: 0.4rem;}
    .login-yzm{width:1.3rem;color: #f9383b; }
    .login-input i{position: absolute;color: #f9383b;font-size: 0.24rem;line-height: 0.4rem;}
    .login-hint-1{right: 0.6rem;}
    .login-hint-2{right: 2.2rem;}
    .login-k .login-btn{margin: 0.4rem 0 ;width: 100%;}
    .shuoming{font-size: 0.24rem;text-align: center;line-height: 0.4rem;}
    .border-b{border-bottom-left-radius: 0.4rem;border-bottom-right-radius: 0.4rem;overflow: hidden;}

/* 门票 */
    .ticket-bj{position: relative;}
    .ticket-bj-img{position: absolute;top: 0.88rem;z-index: -1;width: 7.5rem;}
    .ticket-top{margin: 1rem 0.2rem 0.2rem ;}
    .ticket-top p{text-align: center; color: #fff;line-height: 0.5rem;}
    .ticket-name{font-size: 0.34rem;font-weight: bold;margin-bottom: 0.3rem;}
    .ticket-time{font-size: 0.26rem;margin-bottom: 0.1rem;}
    .ticket-tit{font-size: 0.28rem;}
    .ticket .zh-xin .fw{width: 100%;}
    .exhibitors p{margin-bottom: 0.2rem; background: #f1f1f1;text-align: center;width: 1.4rem;margin-right: 0.3rem; line-height: 0.45rem;border-radius:0.1rem; border:1px solid #d3d3d3;color: #303030;position: relative;}
    .exhibitors p img{display: none;}
    .exhibitors p.active{background: #ffeded;border:1px solid #f7393b}
    .exhibitors p.active img{position: absolute;bottom: -0.1rem;right: -0.1rem;width: 0.3rem;height: 0.3rem;display: block;}
    .exhibitors p:nth-child(4n+4){margin-right: 0;}

    .input-stk .input-st:last-child{border-bottom:none;padding-bottom: 0.2rem;margin-bottom: 0;}
    .input-st{border-bottom: 1px solid #d3d3d3;padding-bottom: 0.2rem;margin-bottom: 0.2rem;position: relative;}
    .input-st b{color: #f9383b; font-size: 0.24rem;line-height: 0.5rem;margin-right: 0.1rem;width: 0.2rem;}
    .input-st .able{width: 1.1rem;}
    .input-st span{font-size: 0.26rem;line-height: 0.5rem;}
    .input-st input{padding-left: 0.2rem;line-height: 0.5rem;color: #838383;width: 70%;}
    .input-st i{position: absolute;top: 0; right: 0.2rem;color: #f9383b;font-size: 0.24rem;line-height: 0.5rem;}
    .add-btn{justify-content: center;}
    .add-btn img{width: 0.36rem; height: 0.36rem; margin-right: 0.1rem;}
    .save-btn{border: 1px solid #f7393b;}
    .save-btn div{text-align: center;font-size: 0.3rem;color: #f7393b;}

    .pop-com{position: fixed;top: 35%; left:0.4rem ;width: 6.7rem;overflow: hidden; z-index: 2001;display: none;}
    .pop-top{position: relative;overflow: hidden;}
    .pop-top-bj{position: absolute;z-index: -1;}
    .pop-top-tit{font-size: 0.4rem;line-height: 0.4rem;justify-content: center;margin: 0.7rem auto 0.8rem;}
    .pop-top-tit img{width: 0.4rem;height: 0.4rem;margin-right: 0.1rem;}

    .pop-con{background: url('http://www.zhanhui.com/static/img/user/pop_02.png') repeat-y;background-size: contain;}
    .pop-con-k{width: 4.7rem;overflow: hidden;margin: auto;}
    .pop-expo{margin-bottom: 0.1rem;}
    .pop-expo p{font-size: 0.24rem;line-height: 0.36rem;}
    .pop-expo p:first-child{margin-right: 0.1rem;color: #838383;width: 1.1rem;}
    .pop-expo p:last-child{width: 3.5rem;}
    .pop-btn{background: #f7393b;color: #fff;margin:0.3rem auto;width: 2.3rem;height: 0.7rem;line-height: 0.7rem;text-align: center;border-radius: 0.4rem;font-size: 0.3rem;}
    .xieyi{margin-left: 0.2rem;font-size: 0.24rem;}



/* 首页 */
    .swiper-div{border-radius: 0.2rem;overflow: hidden;}
    .index-top-bg{background-color: #fff;border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;overflow: hidden;}
    .index-top{position: relative;overflow: hidden;border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;margin-bottom: 0.2rem;}
    .index-bg{position:absolute; z-index: 0;}
    .index-div{margin:0.3rem 0.2rem;}
    .index-search{margin-bottom: 0.2rem;position: relative;}
    .logo{width:0.64rem;height:0.64rem;margin:0 0.06rem;margin-right: 0.2rem;}
    .s-inp{border:none;line-height:0.64rem;width: 100%;font-size:0.24rem;border-radius: 0.4rem;display: block;padding-left: 0.2rem;}
    .sousuo{width:0.36rem;height:0.36rem;margin:0.15rem;cursor: pointer;position: absolute;right:0.2rem;}
    .del-inp{position: absolute;right:0.8rem;cursor: pointer; font-size: 0.24rem;color: #9a9a9a; padding:0 0.1rem;margin-right: 0.1rem;border-right: 1px solid #d4cece;line-height: 0.34rem;margin-top: 0.15rem;}
    .list-search{margin:0.2rem;position: relative;}
    .list-inp{background-color: #f1f1f1;}
    .search-k{position: fixed;width: 7.5rem;background-color: #fff;z-index: 10;}


/* 展会list */
    .category-page{background:#fff;}
    .section-handler{position: fixed; z-index: 10;top:1.6rem; background: #fff;height: 0.8rem;border-bottom: 1px solid #f4f4f4;width:7.5rem;}
    .handlerk{width: 94% ;margin: auto;}
    .color-middle{font-size: 0.3rem;display: flex;line-height: 0.36rem;border-right: 1px solid #9c9c9c;margin: 0.2rem 0;justify-content: center;width: 33%;cursor: pointer;}
    .color-middle span{color:#000;font-size: 0.3rem;padding: 0 0.2rem; position:relative;max-width: 1.9rem;}
    .handlerk .active span{color: #f9383b;}
    .handlerk img:nth-child(3){display: none;}
    .handlerk img:nth-child(2){display: block;}
    .handlerk .active img:nth-child(2){display: none;}
    .handlerk .active img:nth-child(3){display: block;}

    .color-middle:last-child{border-right:none;}
    .section-handler__dropdown {display: none;width: 7.5rem;height: 50vh;
        -webkit-overflow-scrolling: touch; z-index: 8; top:2.4rem;
        background-color: #fff;
        max-height: 100%;
        overflow-y: auto;
        position: fixed;
    }
   .van-overlay{
        animation-duration: 0.2s;
        background-color: rgba(0, 0, 0, .7);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 7.5rem;
        z-index: 2000;display: none;
    }

    .slide1{animation: slideDown 0.5s forwards;}
    .slide2{animation: slideUp 0.5s forwards;}

    .down{width: 0.36rem;height: 0.36rem;}
    .class-nav{ background: #f5f5f5;flex: 1;overflow-y: auto;width: 2.7rem;}
    .s-tabcel {cursor: pointer; padding: 0.2rem 0; display: block; position: relative;color:#838383;text-align: center;font-size: 0.28rem;}
    .s-tabcel a{height:0.4rem;line-height: 0.4rem;border-left:0.1rem solid #f5f5f5;display: block;color: #666;}
    .class-nav .active{background-color: #fff;}
    .class-nav .active a{border-left:0.1rem solid #f9383b;color: #f9383b;}

    .class-con{flex: 2;overflow-y: auto;}
    .class-ban p{overflow: hidden;margin-bottom: 0.2rem; }
    .class-ban .sort-option span{cursor: pointer; width: 2rem;padding: 0 0.1rem; color: #666; background-color: #f1f1f1;border-radius: 0.05rem;margin-bottom: 0.1rem;text-align: center;line-height: 0.6rem;display: block;}
    .class-ban .sort-option span.active{background-color: #ffeaea;color: #f9383b;}

    .class-tit{font-size: 0.3rem; line-height: 0.6rem;font-weight: bold;margin: 0.2rem 0;}
    .class-tit img{width: 0.36rem;height: 0.36rem;margin-top: 0.1rem; margin-right: 0.1rem;}

    .listClass{display: none;padding: 0.2rem;}
    .listClass:first-child{display: block;}


    .dropdown {height: 50vh;position: absolute;z-index: 10;display: none;width: 7.5rem;overflow: hidden;}
    .tree-select{position: fixed;top:2.4rem;width: 7.5rem;height: 0.7rem;overflow-x: auto;z-index: 1;background-color: #fff;display: none;overflow-y: hidden;}
    .tree-select p{white-space: nowrap;padding: 0.1rem 0.2rem;}
    .tree-select p span{background-color: #fff;border-radius: 0.5rem;padding: 0.05rem 0.2rem;line-height:0.5rem;margin: 0.1rem; font-size: 0.24rem;cursor: pointer;}
    .tree-select p span.active{background-color:#f9383b;color: #fff;}
    .more-node{text-align: center;line-height: 1rem;font-size: 0.3rem;}


/* expo-detail */
    .bannerList{height: 4.3rem;overflow: hidden;margin-bottom: 0.2rem;}
    .bannerList .swiper-div{border-radius: 0;overflow: hidden;}
    .bannerList a{position: relative;display: block;overflow: hidden;width: 7.5rem;height: 4.3rem;}
    .bannerList img{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);min-height: 4.3rem;}

    .expo-detail-logo{width: 7.5rem;height: auto;}
    .expo-xin{overflow: hidden;background-color: #fff;}
    .expo-xin-k{margin: 0.4rem;overflow: hidden;}
    .expo-xin-tit{margin-bottom: 0.3rem;}
    .expo-xin-tit img{width: 0.62rem;height: 0.4rem;margin-right: 0.2rem;}
    .expo-xin-tit span{line-height: 0.4rem;font-size:0.3rem;}

    .expo-xin-time{line-height: 0.36rem;margin-bottom: 0.3rem;}
    .expo-xin-time img{width: 0.36rem;height: 0.36rem;}
    .expo-xin-time .fw{font-size: 0.24rem;color: #000;min-width: 35%;line-height: 0.38rem;height: 0.38rem;font-weight: bold;}
    .expo-xin-address{margin-bottom: 0.3rem;}
    .expo-xin-address .address1{color: #8e8e8e;font-size: 0.26rem;width:1.3rem ;}
    .expo-xin-address .address2{color: #333333;font-size: 0.26rem;width: 5rem;}
    .expo-xin-address .address2 span{display: block;}
    .expo-xin-address .address2 span:first-child{margin-bottom: 0.1rem;font-weight: bold;}
    .expo-xin-organization{font-size: 0.26rem;line-height: 0.45rem;color: #8e8e8e;}


    .detail-tit{border-left:0.1rem solid #f9383b;color: #333;line-height: 0.4rem;font-size: 0.3rem;font-weight: bold;margin: 0.1rem 0 0.3rem; padding-left: 0.2rem;}
    .detail-hint{margin-bottom: 0.2rem;color: #999;line-height: 0.4rem;}
    .detail-hint img{margin-right: 0.1rem;width: 0.3rem; height: 0.3rem;margin-top: 0.05rem;}
    .detail-foot{position: fixed;bottom:0;background-color: #fff;border-top: 1px solid #e5e5e5;width: 7.1rem;padding: 0.2rem;}
    .detail-btn{position: relative;}
    .detail-btn p{width: 100%;text-align: center;line-height: 0.9rem;color: #fff;position: absolute;top: 0;left: 0;font-size: 0.3rem;}
    .detail-com{font-size: 0.26rem; line-height: 0.5rem;}
    .detail-content{height: 3rem;overflow: hidden; }
    .detail-more-btn{margin: 0.2rem auto 0.1rem;overflow: hidden;}
    .detail-more-btn p{font-size: 0.24rem;line-height: 0.3rem;text-align: center;color: #f9383b;}
    .detail-more-btn img{width: 0.36rem;height: 0.36rem;margin: auto;}
    .traffic{margin-bottom: 0.3rem;padding-bottom: 0.2rem;border-bottom: 1px dashed #b6b6b6;}
    .traffic:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
    .traffic-icon{border-radius: 0.2rem;line-height: 0.4rem;padding: 0 0.1rem;border: 1px solid #f9383b;font-size: 0.24rem;margin-bottom: 0.1rem;}
    .traffic-icon img{width: 0.3rem;height: 0.3rem;margin: 0.05rem 0.1rem;}


    .hotExpoList{height:2rem;overflow: hidden;margin: 0.3rem 0;}
    .van-tab{position: relative; display: flex;margin-right: 10px; border: 1px solid #e5e5e5;justify-content: center;width:2.5rem;height: 1.9rem;overflow: hidden;border-radius: 0.2rem;flex: 1 0 auto;}
    .van-tab img{object-fit: cover;width:100%;height: 100%;}
    .van-tab p{position: absolute;bottom: 0;line-height: 0.5rem;color: #fff;font-size: 0.2rem;width: 93%;padding: 0 0.1rem;background: #000000b3;}

    .article-title{margin:0.5rem auto 0.3rem;font-size: 0.3rem;font-weight: bold;line-height: 0.5rem;text-align: center;}
    .article-created_at{text-align: center;font-size: 0.24rem; color: #979797;border-bottom: 1px dashed #b3b3b3;padding-bottom: 0.3rem;margin-bottom: 0.3rem;}
    .article-content img{margin: 0.3rem auto;}
    .article-content{font-size: 0.24rem; line-height: 0.45rem;}


/* 产品 */
    .zxzh{background-color: #fff;border-radius: 0.2rem;overflow: hidden;width: 49%;margin-bottom: 0.2rem;}
    .zximg{position: relative;overflow: hidden;border: 1px solid #e5e5e5;border-radius: 0.1rem;width: 3rem;height: 3rem;}
    .zximg_tu{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height: 3.1rem}
    .zxtime {line-height: 0.36rem;padding-right: 0.2rem; position:absolute;top: 0;left: 0;background-color: #ff8400;border-top-right-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}
    .zxtime .time{width:0.36rem; height: 0.36rem;}
    .zxtime span{font-size: 0.2rem;color: #fff;}
    .zxtime span b{font-weight: bolder;color: #fff;font-size: 0.2rem;}
    .zh-tit{font-size: 0.28rem;margin: 0.15rem 0;line-height: 0.4rem;height: 0.8rem;overflow: hidden;}
    .zh-tit2{font-size: 0.28rem;margin: 0.15rem 0;line-height: 0.32rem;overflow: hidden;}
    .zh-xin{line-height: 0.36rem;margin: 0.15rem 0;}
    .zh-xin img{width: 0.36rem;height: 0.36rem;}
    .zh-xin .fw{font-size: 0.22rem;color: #999;min-width: 35%;line-height: 0.38rem;height: 0.38rem;overflow: hidden;}
    .zg-xin-list{margin-top: 0.3rem;margin-bottom: 0;}
    .zg-xin-list .fw{font-size: 0.24rem; color: #f9383b;border-bottom: 1px solid #f9383b;margin-right: 0.45rem;}
    .zg-xin-list img{margin-right: 0.1rem;}
    .zg-tit{font-size: 0.28rem;margin: 0.1rem 0 0.15rem;line-height: 0.32rem;overflow: hidden;}


    .zh-btn{position: relative;}
    .zh-btn p{width: 100%;height: 0.55rem;text-align: center;line-height: 0.55rem;color: #fff;position: absolute;top: 0;left: 0;font-size: 0.26rem;}


    .rmzh{background-color: #fff;border-radius: 0.2rem;margin:0 auto 0.2rem;overflow: hidden;}
    .rmimg{margin-right: 0.2rem;width: 2.1rem;height: 2.1rem;position: relative;overflow: hidden;border: 1px solid #e5e5e5;border-radius: 0.1rem;}
    .rmimg img{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height: 2.1rem;}
    .rmxin{width: 4.3rem;position: relative;}
    .zgxin-list{width: 3.8rem;}

    .time_t{border-radius: 0.2rem;padding: 0 0.1rem;width: auto;}
    .time_t span{font-size: 0.22rem; line-height: 0.32rem;}
    .time_kzz{border:1px solid #f9383b;}
    .time_kzz span{color: #f9383b;}
    .time_jkz{border:1px solid #ff8400;}
    .time_jkz span{color: #ff8400;}
    .time_yjs{color: #666;border:1px solid #666; }
    .time_yjs span{color: #666;}
    .zhzx a{font-size: 0.26rem;color: #333;line-height: 0.6rem;}
    .zhzx a b{font-size: 0.3rem;margin-right: 0.2rem;}
    .zhxx-tit{font-size: 0.28rem;text-align: center;margin: 0.3rem 0;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
    .zgimg{width:3.2rem ; height: 2.2rem;position: relative;overflow: hidden;border: 1px solid #e5e5e5;border-radius: 0.1rem;margin: 0.1rem;}
    .zgimg img{object-fit: cover;width: 100%;height: 100%;}

    .zg-list-img{width:2.6rem ; height: 1.95rem;border: 1px solid #e5e5e5;border-radius: 0.1rem;margin-right: 0.3rem;overflow: hidden;}
    .zg-list-img img{object-fit: cover;width: 100%;height: 100%;}
    .zg-jj{font-size: 0.24rem ;line-height: 0.34rem;color: #666;}


    /* footer */
    .marginBottom{width:100%;height:2rem}
    .footer{position:fixed;width:7.5rem;height:0.8rem;bottom:0;z-index:10;}
    .foot-bj{position: absolute;z-index: 0;bottom: 0;}
    .footer p {width:25%;z-index: 1;}
    .footer p:nth-child(4) img{width: 0.85rem; height: 0.85rem;margin-top: -0.5rem;}
    .footer p img{width:.36rem;height:.36rem;margin:auto}

    .footer p img:first-child{display:block;}
    .footer p img:nth-child(2){display:none}
    .footer p span{display:block;text-align:center;line-height:.4rem;color:#bebebe;font-size:.24rem}
    .footer p.active img:first-child{display:none}
    .footer p.active img:nth-child(2){display:block}
    .footer p.active span{color:#f9383b}


    /* header */
    .header{position:fixed;width:7.5rem;height:0.68rem;top:0;background:#fff;display: flex;z-index: 10; flex-wrap: nowrap;flex-direction: row;align-items: center;justify-content: space-between;}
    .l_back{float: left;text-align: center; width: 1rem;;padding:0 0.1rem;display: flex;cursor: pointer;align-items: center;line-height: normal;}
    .l_back img{vertical-align: middle;padding: 0.2rem 0.1rem;    width: 0.16rem;height: 0.38rem;}
    .l_back span{vertical-align: middle;font-size: 0.3rem;width: 0.65rem;}
    .c_navHead{text-align: center;width: 70%; z-index: 9;line-height: 0.68rem;}
    .c_navHead span{margin: auto;font-size: 0.3rem;display: block; max-width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .r_link{font-size: 0.32rem;width: 1rem;color: #fff;height: 0.68rem;line-height: 0.68rem;padding: 0 0.2rem;}
    .margintop{width:100%;height:0.68rem;}

    /* nav */
    .nav {width: 94%;margin: auto;}
    .nav .ul{display: flex;justify-content: start;flex-wrap: wrap;overflow: hidden;}
    .nav .ul li{width: 20%;height: 1.6rem;}
    .nav .ul li img{width: 0.8rem;height: 0.8rem;margin: auto;}
    .nav .ul li p{line-height: 0.5rem;font-size: 0.24rem;text-align: center;}


    .nav .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
    .empty p{font-size: 0.3rem;text-align: center;}

    .empty-div{display: none;}


    @keyframes slideDown {
      from {
        transform: translateY(-100%);
      }
      to {
        transform: translateY(0);
      }
    }
    
    @keyframes slideUp {
      from {
        transform: translateY(0);
      }
      to {
        transform: translateY(-100%);
      }
    }