.component-header{justify-content:space-between;margin:auto;max-width:1398px}.component-header,.component-header .section-left,.component-header .section-right{align-items:center;display:flex;height:100%;position:relative}.component-header .section-left .logo-container,.component-header .section-right .logo-container{align-items:center;display:flex;height:100%;justify-content:center;margin-right:50px;width:180px}.component-header .section-left .logo-container .btn-logo,.component-header .section-right .logo-container .btn-logo{align-items:center;display:flex;height:100%;justify-content:center;text-decoration:none;width:100%}.component-header .section-left .logo-container .btn-logo .main-logo,.component-header .section-right .logo-container .btn-logo .main-logo{height:auto;width:100%}.component-header .section-left .nav-container,.component-header .section-right .nav-container{align-items:center;display:flex;height:100%;position:relative}.component-header .section-left .nav-container .bookmark-link,.component-header .section-right .nav-container .bookmark-link{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:center}.component-header .section-left .nav-container .bookmark-link .bookmark-icon,.component-header .section-right .nav-container .bookmark-link .bookmark-icon{align-items:center;display:flex;justify-content:center;width:20%}.component-header .section-left .nav-container .bookmark-link .bookmark-icon .icon,.component-header .section-right .nav-container .bookmark-link .bookmark-icon .icon{display:block;width:100%}.component-header .section-left .nav-container .bookmark-link .bookmark-icon .icon-active,.component-header .section-right .nav-container .bookmark-link .bookmark-icon .icon-active{display:none;width:100%}.component-header .section-left .nav-container .bookmark-link .bookmark-link-btn,.component-header .section-right .nav-container .bookmark-link .bookmark-link-btn{background:none;border:unset;color:#fff;cursor:pointer;font-size:.875rem;font-weight:400;white-space:nowrap}.component-header .section-left .nav-container .bookmark-link:hover .bookmark-icon .icon,.component-header .section-right .nav-container .bookmark-link:hover .bookmark-icon .icon{display:none;width:100%}.component-header .section-left .nav-container .bookmark-link:hover .bookmark-icon .icon-active,.component-header .section-right .nav-container .bookmark-link:hover .bookmark-icon .icon-active{display:block;width:100%}.component-header .section-left .nav-container .bookmark-link:hover .bookmark-link-btn,.component-header .section-right .nav-container .bookmark-link:hover .bookmark-link-btn{color:#45d91e}.component-header .section-left .nav-container .promotion,.component-header .section-right .nav-container .promotion{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:center}.component-header .section-left .nav-container .promotion .promotion-icon,.component-header .section-right .nav-container .promotion .promotion-icon{align-items:center;display:flex;justify-content:center;width:20%}.component-header .section-left .nav-container .promotion .promotion-icon .icon,.component-header .section-right .nav-container .promotion .promotion-icon .icon{display:block;width:100%}.component-header .section-left .nav-container .promotion .promotion-icon .icon-active,.component-header .section-right .nav-container .promotion .promotion-icon .icon-active{display:none;width:100%}.component-header .section-left .nav-container .promotion .promotion-btn,.component-header .section-right .nav-container .promotion .promotion-btn{background:none;border:unset;color:#fff;cursor:pointer;font-size:.875rem;font-weight:400;white-space:nowrap}.component-header .section-left .nav-container .promotion:hover .promotion-icon .icon,.component-header .section-right .nav-container .promotion:hover .promotion-icon .icon{display:none;width:100%}.component-header .section-left .nav-container .promotion:hover .promotion-icon .icon-active,.component-header .section-right .nav-container .promotion:hover .promotion-icon .icon-active{display:block;width:100%}.component-header .section-left .nav-container .promotion:hover .promotion-btn,.component-header .section-right .nav-container .promotion:hover .promotion-btn{color:#45d91e}.component-header .section-left .nav-container .btn-nav.login-btn,.component-header .section-right .nav-container .btn-nav.login-btn{align-items:center;background:#555559;border-bottom:unset;border-radius:8px;display:flex;height:unset;justify-content:center;margin:0 10px;padding:8px 24px}.component-header .section-left .nav-container .btn-nav.login-btn.active,.component-header .section-left .nav-container .btn-nav.login-btn:hover,.component-header .section-right .nav-container .btn-nav.login-btn.active,.component-header .section-right .nav-container .btn-nav.login-btn:hover{border-color:unset;border-bottom:unset;color:#fff}.component-header .section-left .nav-container .btn-nav.register-btn,.component-header .section-right .nav-container .btn-nav.register-btn{align-items:center;background:linear-gradient(142deg,#3acf11,#277710);border-bottom:unset;border-radius:8px;display:flex;height:unset;justify-content:center;margin:0 10px;padding:8px 24px}.component-header .section-left .nav-container .btn-nav.register-btn.active,.component-header .section-left .nav-container .btn-nav.register-btn:hover,.component-header .section-right .nav-container .btn-nav.register-btn.active,.component-header .section-right .nav-container .btn-nav.register-btn:hover{border-color:unset;border-bottom:unset;color:#fff}.component-header .section-left .nav-container .btn-nav,.component-header .section-right .nav-container .btn-nav{align-items:center;border-bottom:2px solid #27272f;color:#fff;display:flex;font-size:.96rem;font-weight:500;height:100%;justify-content:center;padding-left:30px;padding-right:30px;text-decoration:none}.component-header .section-left .nav-container .btn-nav.active,.component-header .section-left .nav-container .btn-nav:hover,.component-header .section-right .nav-container .btn-nav.active,.component-header .section-right .nav-container .btn-nav:hover{border-color:#45d91e;color:#45d91e}.component-header .section-left .nav-container .dropdown-button,.component-header .section-right .nav-container .dropdown-button{display:flex;height:100%;justify-content:flex-end;position:relative}.component-header .section-left .nav-container .dropdown-button .btn-dropdown,.component-header .section-right .nav-container .dropdown-button .btn-dropdown{align-items:center;color:#fff;display:flex;height:100%;padding:8px}.component-header .section-left .nav-container .dropdown-button .btn-dropdown .avatar,.component-header .section-right .nav-container .dropdown-button .btn-dropdown .avatar{background:#395ad2;border-radius:50%;display:block;height:100%;padding:1px}.component-header .section-left .nav-container .dropdown-button .btn-dropdown .avatar img,.component-header .section-right .nav-container .dropdown-button .btn-dropdown .avatar img{height:100%;width:auto}.component-header .section-left .nav-container .dropdown-button .btn-dropdown .nickname,.component-header .section-right .nav-container .dropdown-button .btn-dropdown .nickname{font-size:.9rem;max-width:120px;min-width:50px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.component-header .section-left .nav-container .dropdown-button .btn-dropdown .caret,.component-header .section-right .nav-container .dropdown-button .btn-dropdown .caret{padding-left:18px}.component-header .section-left .nav-container .dropdown-button .btn-dropdown .caret .icon-caretDown,.component-header .section-right .nav-container .dropdown-button .btn-dropdown .caret .icon-caretDown{display:flex;font-size:larger;margin-top:15%;vertical-align:text-bottom}.component-header .section-left .nav-container .dropdown-button .btn-dropdown:hover,.component-header .section-right .nav-container .dropdown-button .btn-dropdown:hover{color:#45d91e}:root:root{--van-tabs-default-color:#45d91e;--van-tabs-bottom-bar-color:#45d91e;--van-floating-bubble-background:#45d91e;--van-floating-bubble-color:#000;--van-background-2:$000000}.component-footer .footer-row{align-items:center;display:flex;justify-content:center;margin:auto}.component-footer .footer-row .col{padding-left:20px;padding-right:20px}.component-footer .footer-row .col .main-logo{width:130px}.component-footer .footer-row .col .copyright{font-size:.8rem}.component-footer .footer-row:not(:last-child){margin-bottom:16px}