@keyframes guide-bounce-vertical{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}#sub-nav{background-color:var(--subnav-bg);border-bottom:1px solid var(--subnav-border);border-top:1px solid var(--subnav-border);display:flex;justify-content:center;position:relative}#sub-nav,#sub-nav>.btn-menu{height:42px;line-height:42px}#sub-nav>.btn-menu{color:var(--text-green-white);cursor:pointer;text-align:center;transition:all .2s linear;width:45px}#sub-nav>.btn-menu>i{font-size:24px}#sub-nav>.btn-menu:hover{background-color:var(--subnav-menu-bg-hover);color:var(--subnav-menu-text-hover)}#sub-nav>.btn-menu .guide-tip{align-items:center;animation:guide-bounce-vertical 2s ease-in-out infinite;background-color:#ff972f;border-radius:5px;box-shadow:0 4px 12px #ff972f66;color:#fff;cursor:default;display:flex;font-size:13px;font-weight:400;left:10px;line-height:20px;padding:10px 12px;position:absolute;text-align:left;top:48px;width:130px;z-index:1000}#sub-nav>.btn-menu .guide-tip:before{border-color:transparent transparent #ff972f;border-style:solid;border-width:0 6px 6px;content:"";left:10px;position:absolute;top:-5px}#sub-nav>.btn-menu .guide-tip>span{margin-right:12px}#sub-nav>.btn-menu .guide-tip>.icon-close{color:#fff;cursor:pointer;font-size:12px;padding:4px;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:all .2s linear}#sub-nav>.btn-menu .guide-tip>.icon-close:hover{transform:translateY(-50%) rotate(90deg) scale(1.2)}#sub-nav>.container{width:calc(100% - 45px)}#sub-nav>.container .btn-next,#sub-nav>.container>.btn-prev{display:none}#sub-nav>.container>ul{overflow-x:scroll}#sub-nav>.container>ul::-webkit-scrollbar,#sub-nav>.container>ul::-webkit-scrollbar-thumb{display:none}#sub-nav>.container>ul::-webkit-scrollbar-track{display:none}#sub-nav>.container>ul::-webkit-scrollbar-corner{background-color:transparent}#sub-nav>.container>ul{display:flex;flex:1;justify-content:flex-start}#sub-nav>.container>ul>li{align-items:center;display:flex;height:42px;margin-right:10px}#sub-nav>.container>ul>li a{border:1px solid transparent;border-radius:12px;display:block;font-family:Source Sans\ 3,sans-serif;font-size:14px;height:24px;line-height:24px;padding:0 10px;transition:all .1s linear}#sub-nav>.container>ul>li .active,#sub-nav>.container>ul>li a:hover{background-color:var(--subnav-current-bg);border:1px solid var(--subnav-current-border);color:var(--subnav-current-text)}@media screen and (min-width:820px){#sub-nav>.btn-menu{display:none}#sub-nav>.container{display:flex;width:95%}#sub-nav>.container>.btn-next,#sub-nav>.container>.btn-prev{color:var(--text-green-silver);cursor:pointer;display:block;font-weight:700;height:40px;line-height:40px;position:relative;text-align:center;transition:all .2s linear;width:36px}#sub-nav>.container>.btn-next:hover,#sub-nav>.container>.btn-prev:hover{color:var(--text-white-white)}#sub-nav>.container>.btn-next:before,#sub-nav>.container>.btn-prev:before{content:"";height:40px;left:0;opacity:0;position:absolute;top:0;transition:all .3s linear;width:36px}#sub-nav>.container>.btn-next:hover:before,#sub-nav>.container>.btn-prev:hover:before{opacity:1}#sub-nav>.container>.btn-next>i,#sub-nav>.container>.btn-prev>i{position:relative;z-index:1}#sub-nav>.container>.btn-prev{margin-right:15px}#sub-nav>.container>.btn-prev:before{background-image:linear-gradient(90deg,#48aae7,#34d07d)}#sub-nav>.container>.btn-next{margin-left:15px}#sub-nav>.container>.btn-next:before{background-image:linear-gradient(90deg,#34d07d,#48aae7)}}@media screen and (min-width:992px){#sub-nav>.container{width:90%}}@media screen and (min-width:1200px){#sub-nav>.container{width:85%}}@media screen and (min-width:1400px){#sub-nav>.container{width:65%}}