@keyframes guide-bounce-vertical{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}#sub-nav{position:relative;display:flex;justify-content:center;border-top:1px solid var(--subnav-border);border-bottom:1px solid var(--subnav-border);background-color:var(--subnav-bg)}#sub-nav,#sub-nav>.btn-menu{height:42px;line-height:42px}#sub-nav>.btn-menu{width:45px;text-align:center;color:var(--text-green-white);cursor:pointer;transition:all .2s linear}#sub-nav>.btn-menu>i{font-size:24px}#sub-nav>.btn-menu:hover{color:var(--subnav-menu-text-hover);background-color:var(--subnav-menu-bg-hover)}#sub-nav>.btn-menu .guide-tip{position:absolute;top:48px;left:10px;z-index:1000;display:flex;align-items:center;width:130px;padding:10px 12px;line-height:20px;font-size:13px;font-weight:400;text-align:left;color:#fff;background-color:#ff972f;border-radius:5px;box-shadow:0 4px 12px #ff972f66;cursor:default;animation:guide-bounce-vertical 2s ease-in-out infinite}#sub-nav>.btn-menu .guide-tip:before{position:absolute;top:-5px;left:10px;border-color:transparent transparent #ff972f;border-style:solid;border-width:0 6px 6px;content:""}#sub-nav>.btn-menu .guide-tip>span{margin-right:12px}#sub-nav>.btn-menu .guide-tip>.icon-close{position:absolute;top:50%;right:2px;padding:4px;font-size:12px;color:#fff;cursor:pointer;transition:all .2s linear;transform:translateY(-50%)}#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{display:flex;align-items:center;margin-right:10px;height:42px}#sub-nav>.container>ul>li a{display:block;height:24px;line-height:24px;border:1px solid transparent;border-radius:12px;padding:0 10px;font-family:Source Sans\ 3,sans-serif;font-size:14px;transition:all .1s linear}#sub-nav>.container>ul>li .active,#sub-nav>.container>ul>li a:hover{border:1px solid var(--subnav-current-border);color:var(--subnav-current-text);background-color:var(--subnav-current-bg)}@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{display:block;position:relative;width:36px;height:40px;line-height:40px;text-align:center;font-weight:700;color:var(--text-green-silver);cursor:pointer;transition:all .2s linear}#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:"";position:absolute;top:0;left:0;width:36px;height:40px;transition:all .3s linear;opacity:0}#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%}}