.header-top{position:fixed;width:100%;top:0;left:0;right:0;z-index:999;height:80px;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px)}
.header-top .main{padding:0 50px;gap:80px}
.header-top .main .logo a{height:80px;display:flex;align-items:center;justify-content:center;padding:15px 0}
.header-top .main .logo img{width:100%;height:100%;object-fit:cover}
.header-top .nav{display:flex;flex:1 1 0}
.header-top .nav ul{gap:30px}
.header-top .nav ul a{font-size:18px;color:#fff;font-weight:900}
#intro{position:relative;color:#fff;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center}
#intro::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../img/banner.png) center/cover;object-fit:cover;z-index:-1}
#intro h1{font-size:50px;color:#fff}
#intro h2,.icon-didian{font-size:30px;color:#fff}
#intro h3{font-size:20px;color:#fff}
#intro button.registration{width:120px;height:45px;margin:0 auto;border-radius:6px;font-size:16px;background-color:#007bff;color:#fff}
#intro .m .flex-column-between{gap:30px}
.footer-bottom{position:fixed;width:100%;bottom:0;left:0;right:0;z-index:999;padding:15px 0;background-color:rgba(0,0,0,.5)}
.footer-bottom .item{display:flex;align-items:center;justify-content:center;gap:20px}
.footer-bottom .item .text{font-size:16px;color:#fff}
.quick_registration{display:flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#fff;border:1px solid #2d50bd;color:#2d50bd;font-size:16px;border-radius:6px;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}