.meeting-wrap{background:url(../img/list_bg.png) no-repeat 50%;width:100%;height:360px;background-size:100% 100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.meeting-wrap .top-title{color:#f2f2f7;font-size:40px;font-weight:700;height:50px;text-align:center}
.screen-wrap{width:100%;border-radius:12px;margin:-60px auto 40px;display:flex;flex-direction:column;background-color:#fff;padding:4px 24px}
.screen-wrap dl.item{position:relative;display:flex;align-items:center;padding:20px 0;font-size:15px;border-top:1px solid #f5f5f5}
.screen-wrap dl.item:first-child{border-top:none}
.screen-wrap dl.item dt{width:80px;color:#c7c7cc}
.screen-wrap dl.item dd{display:flex;flex:1 1 0}
.screen-wrap dl.item dd a{cursor:pointer;font-size:15px;color:#000}
.screen-wrap dl.item dd a.active,.screen-wrap dl.item dd a:hover{color:#007aff}
.screen-wrap dl.item .options{display:flex;flex-wrap:wrap;gap:6px 20px}
.result-wrap .result-header{margin-bottom:36px}
.result-wrap .result-count{font-size:15px;color:#999}
.result-wrap .result-count span{color:#fcab38}
.result-wrap .reset-btn{display:flex;align-items:center;height:30px;border-radius:5px;background:#ff6b6b;color:#fff;padding:5px 12px;cursor:pointer;transition:all .3s ease}
.result-wrap .meeting-list{display:flex;flex-direction:column;gap:24px;margin-bottom:72px}
.result-wrap .meeting-list .item{background-color:#fff;border-radius:5px;padding:24px}
.result-wrap .meeting-list .item a{display:flex;align-items:center;gap:24px}
.result-wrap .meeting-list .thumb{position:relative;width:350px;height:200px;border-radius:5px;overflow:hidden}
.result-wrap .meeting-list .state{position:absolute;right:0;top:20px;padding:8px 12px 8px 15px;border-radius:24px 0 0 24px;font-size:12px;color:#fff}
.result-wrap .meeting-list .not_started{background-color:#34c759}
.result-wrap .meeting-list .in_progress{background-color:#ff9500}
.result-wrap .meeting-list .ended{background-color:#8ca3b6}
.result-wrap .meeting-list .thumb img{width:100%;height:100%;object-fit:cover;transition:all .2s}
.result-wrap .meeting-list .item:hover .thumb img{transform:scale(1.1)}
.result-wrap .meeting-list .info{display:flex;flex-direction:column;width:898px;gap:24px}
.result-wrap .meeting-list .info .date{color:#aeaeb2;font-weight:700}
.result-wrap .meeting-list .info .date .day{font-size:24px}
.result-wrap .meeting-list .info .title{font-size:20px;font-weight:700}
.result-wrap .meeting-list .intro{color:#999;text-indent:2em}
.result-wrap .meeting-list .address{display:flex;gap:8px;color:#d1d1d6;font-size:15px}
.result-wrap .meeting-list .address i{font-size:18px}
.meeting-menu{position:relative;width:100%;height:68px;background-color:#0d7be0;z-index: 1000;}
.meeting-menu.fixed{position:fixed;top:0;left:0;width:100%;}
.meeting-menu ul{height:68px;gap:30px}
.meeting-menu ul li{line-height:68px}
.meeting-menu ul li a{font-size:18px;color:#fff}
.meeting-menu .qrcode{display:flex;align-items:center}
.meeting-menu .qrcode a{display:flex;align-items:center;gap:2px;font-size:16px;color:#fff}
.meeting-menu .qrcode a i{font-size:24px}
.meeting-banner{width:1320px;height:500px;border-radius:5px;margin:24px auto;overflow:hidden}
.meeting-banner img{width:100%;height:100%;object-fit:cover}
.meeting-info{gap:24px}
.meeting-info .intro{width:996px;margin-bottom:36px}
.meeting-info .titleBar{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:24px;font-size:24px}
.meeting-info .intro .info{display:flex;flex-direction:column;gap:10px;padding:16px 24px;background-color:#f5f5f5;border-radius:5px;margin-bottom:24px;font-size:15px;color:#707070}
.meeting-info .titleBar::before{content:'';position:absolute;width:100px;height:3px;border-radius:3px;background-color:#f58e07;left:50%;bottom:-5px;transform:translateX(-50%)}
.meeting-info .intro .content{background-color:#fff;padding:24px}
.meeting-info .aside{width:300px}
.meeting-info .aside .qrcode{background-color:#fff;padding:24px;border-radius:5px;margin-top:61px;margin-bottom: 24px;}
.meeting-info .aside .qrcode h3{font-size:22px;color:#07c160}
.meeting-info .aside .qrcode i{font-size:30px;color:#07c160;margin-right:2px}
.download{background-color:#fff;padding:0 24px 24px;border-radius:5px;margin-bottom: 36px;}
.download .title{display: block;font-size: 18px;font-weight: 700;padding: 16px 0;border-bottom: 1px solid #F5F5F5;}
.download .item{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;padding-top:15px;border-top:1px solid #f5f5f5}
.download .item:first-child{margin-top:0;border-top:none}
.download .item .name{width:190px;line-height:20px}
.download .item .btn{display:flex;align-items:center;width:44px;padding:3px 8px;background-color:#2d50bd;color:#fff;border-radius:4px}
span.empty{display: flex;align-items: center;justify-content: center;padding-top: 20px;color:#999}
.quick_registration{display:flex;align-items:center;justify-content:center;padding:8px 15px;background-color:#fff;color:#2d50bd;
    font-weight: 700;border-radius:4px;letter-spacing:1px;transition:all .1s;overflow:hidden;position:relative}
.quick_registration .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.quick_registration .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.quick_registration .anim,.quick_registration .anim:after{animation-iteration-count:infinite;animation-duration:1.3s}
@-webkit-keyframes anim-in{0%{width:0}
    100%{width:100%}
}
@-moz-keyframes anim-in{0%{width:0}
    100%{width:100%}
}
@-ms-keyframes anim-in{0%{width:0}
    100%{width:100%}
}
@keyframes anim-in{0%{width:0}
    100%{width:100%}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}
    100%{background:0 0}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}
    100%{background:0 0}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}
    100%{background:0 0}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}
    100%{background:0 0}
}
@-webkit-keyframes anim-out{0%{width:0}
    100%{width:100%}
}
@-moz-keyframes anim-out{0%{width:0}
    100%{width:100%}
}
@-ms-keyframes anim-out{0%{width:0}
    100%{width:100%}
}
@keyframes anim-out{0%{width:0}
    100%{width:100%}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}
    100%{background:0 0}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}
    100%{background:0 0}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}
    100%{background:0 0}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}
    100%{background:0 0}
}
.quick_registration .anim{transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:0}
.quick_registration .anim:before{position:relative;content:'';display:block;margin-top:100%}
.quick_registration .anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.wechat-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;display:none}
.wechat-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);padding:50px 30px 30px;text-align:center;max-width:310px;width:90%}
.close-btn{position:absolute;top:10px;right:15px;font-size:24px;color:#999;cursor:pointer;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}
.close-btn:hover{color:#333;background-color:#f5f5f5}
.wechat-qrcode{width:250px;height:250px;margin:0 auto;border:1px solid #eee;border-radius:4px;display:block}
.wechat-tip{margin-top:15px;color:#666;font-size:14px;line-height:1.4}
.show-wechat-btn{padding:10px 20px;background-color:#07c160;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:20px}
.show-wechat-btn:hover{background-color:#06ad56}