.app-header{position:fixed;top:0;width:100%;z-index:1000}.app-header .app-header__content{align-items:center;display:flex;height:80px;margin:0 auto;max-width:1300px;position:relative;transition:all .2s}.app-header .app-header__content .app-header__content-logo{align-items:center;display:flex}.app-header .app-header__content .app-header__content-logo img{height:36px}.app-header .app-header__content .app-header__content-logo span{color:var(--ht-color-primary);font-size:20px;font-weight:700}.app-header .app-header__content .app-header__content-nav{margin-left:30px}.app-header .app-header__content .app-header__content-nav ul{align-items:center;display:flex;height:100%;justify-content:center}.app-header .app-header__content .app-header__content-nav ul li .nav-active{border-bottom:2px solid var(--ht-color-primary);color:var(--ht-color-primary)}.app-header .app-header__content .app-header__content-nav ul li i{font-size:18px;margin-right:5px}.app-header .app-header__content .app-header__content-nav ul li a{border-bottom:2px solid transparent;border-radius:var(--ht-border-radius-base);color:var(--ht-text-color-primary);display:block;font-size:16px;font-weight:500;margin:0 14px;padding:6px 12px}.app-header .app-header__content .app-header__content-nav ul li a:hover{border-bottom:2px solid var(--ht-color-primary)}.app-header .app-header__content .app-header__content-avatar,.app-header .app-header__content .app-header__content-btn{position:absolute;right:0}.app-header-scroll{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcfccc;box-shadow:0 0 10px #ddd}.app-header-scroll .app-header__content{height:64px}.app-footer .app-footer__content{background-color:#333;padding:60px 0 20px}.app-footer .app-footer__content .app-footer__content-info{display:flex;justify-content:center;margin-bottom:30px}.app-footer .app-footer__content .app-footer__content-info .qrcode{display:flex}.app-footer .app-footer__content .app-footer__content-info .qrcode .qrcode-item{margin-right:30px;text-align:center}.app-footer .app-footer__content .app-footer__content-info .qrcode .qrcode-item img{background:#fff;border-radius:4px;padding:4px;width:90px}.app-footer .app-footer__content .app-footer__content-info .qrcode .qrcode-item .text{color:#fff}.app-footer .app-footer__content .app-footer__content-info .socialize{line-height:180%}.app-footer .app-footer__content .app-footer__content-info .socialize .title{color:#a3a5a7}.app-footer .app-footer__content .app-footer__content-info .socialize .link a{color:#fff}.app-footer .app-footer__content .app-footer__content-info .socialize .link a:hover{color:var(--ht-color-primary)!important}.app-footer .line{background:#414141;height:1px;margin:auto;max-width:900px}.app-footer .record{line-height:180%;margin:15px 0;text-align:center}.app-footer .record,.app-footer .record a{color:#757c88;font-size:14px}.app-footer .record a:hover{color:var(--ht-color-primary)}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);align-items:center;background-color:var(--el-backtop-bg-color);border-radius:50%;box-shadow:var(--el-box-shadow-lighter);color:var(--el-backtop-text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;width:40px;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}