#header, #headers { position: fixed; z-index: 500; top: 0; left: 0; width: 100%; }

#header .tab-list, #headers .tab-list { position: fixed; top: 0; left: 0; z-index: 600; display: none; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100vh; }

#header .tab-list .flex-between, #headers .tab-list .flex-between { background: #fff; height: 0.64rem; padding: 0.25rem 0.42rem; }

#header .tab-list .flex-between .close, #headers .tab-list .flex-between .close { float: right; width: 0.3rem; }

#header .tab-list .flex-between .nobg-a, #headers .tab-list .flex-between .nobg-a { color: #121212; }

#header .tab-list .list, #headers .tab-list .list { padding-top: 0.2rem; padding-bottom: 0.2rem; width: 100%; background: #fff; }

#header .tab-list .list a, #headers .tab-list .list a { display: block; margin-bottom: 0.6rem; padding-left: 0.42rem; width: 100%; height: 0.32rem; line-height: 0.32rem; font-size: 0.32rem; color: #121212; }

#header .show-tabs, #headers .show-tabs { display: block; }

#headers #template-header { background: #fff; }

.notop-header { -webkit-box-shadow: 0px 0px 10px 0px rgba(87, 87, 87, 0.4); box-shadow: 0px 0px 10px 0px rgba(87, 87, 87, 0.4); }

.title { display: inline-block; border-bottom: 0.1rem solid rgba(0, 193, 109, 0.5); height: 0.4rem; line-height: 0.5rem; color: #121212; font-size: 0.4rem; font-weight: 700; }

.banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.7rem; width: 100%; height: 4.2rem; }

.banner .banner-info { margin: 0.5rem auto 0; width: 6.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.banner .banner-info .big { margin-bottom: 0.18rem; font-size: 0.5rem; font-weight: bold; color: #fff; }

.banner .banner-info .small { font-size: 0.3rem; color: #fff; }

.header { width: 7.5rem; background-color: white; position: fixed; left: 0; top: 0; z-index: 2; color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(87, 87, 87, 0.4); box-shadow: 0px 0px 10px 0px rgba(87, 87, 87, 0.4); }

.header.bg-none { width: 100%; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(87, 87, 87, 0.4); box-shadow: 0px 0px 10px 0px rgba(87, 87, 87, 0.4); }

.header.hide { top: -75px; }

.header .wrap { padding: 0.25rem 0.42rem; height: 0.64rem; }

.header .wrap .logo { margin-top: 0.05rem; width: auto; height: 0.45rem; }

.header .wrap .logo-bgno { display: none; }

.header .wrap .join-anyou { color: #333 !important; margin-right: .3rem; font-size: .28rem; }

.header .wrap .join-home-anyou { color: #fff; }

.header .wrap .nav-group { width: 0.28rem; height: auto; }

.header .wrap .more-link-b { display: none; }

.iframe-footer { min-height: 5rem; }
/*# sourceMappingURL=components.min.css.map */