header[data-v-38fb16f2]{height:var(--home-header-height);width:100%;background-color:#2c2d2d;position:fixed;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 10px #f2f2f2}header .logo[data-v-38fb16f2]{width:152px;height:100%;display:flex;align-items:center;justify-content:center;padding-top:2px}header .logo .img_box[data-v-38fb16f2]{max-width:120px;min-width:62px;height:62px;background-color:#f1f5fa;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;padding:5px 10px}header .logo .img_box img[data-v-38fb16f2]{max-height:100%;max-width:100%}header .nav[data-v-38fb16f2]{flex:1;height:100%;padding-top:16px;display:flex;margin-left:2px}header .nav .nav_item[data-v-38fb16f2]{flex:1;width:0;max-width:150px;min-width:50px;height:100%;display:flex;align-items:center;padding:0 15px;position:relative;cursor:pointer}header .nav .nav_item.home[data-v-38fb16f2]{padding:0 24px;text-align:center}header .nav .nav_item[data-v-38fb16f2]:before{content:"";width:1px;height:20px;background-color:#464646;position:absolute;left:0}header .nav .nav_item[data-v-38fb16f2]:first-child:before{display:none}header .nav .nav_item span[data-v-38fb16f2]{flex:1;display:inline-block;white-space:nowrap;color:hsla(0,0%,100%,.65);font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}header .nav .nav_item .close[data-v-38fb16f2]{width:26px;height:26px;border-radius:50px;display:flex;align-items:center;justify-content:center;margin-left:5px}header .nav .nav_item .close .icon[data-v-38fb16f2]{width:1em;height:1em;color:hsla(0,0%,100%,.65)}header .nav .nav_item:hover .close[data-v-38fb16f2]{background-color:#e4eefb}header .nav .nav_item:hover .close .icon[data-v-38fb16f2]{color:var(--primary-color)}header .nav .nav_item.active[data-v-38fb16f2]{width:100px;background-color:#f1f5fa;border-top-left-radius:8px;border-top-right-radius:8px}header .nav .nav_item.active span[data-v-38fb16f2]{color:#2f333e;font-weight:500}header .nav .nav_item.active .close .icon[data-v-38fb16f2]{color:var(--primary-color)}header .nav .nav_item.active[data-v-38fb16f2]+:before,header .nav .nav_item.active[data-v-38fb16f2]:before{display:none}header .ri_box[data-v-38fb16f2]{width:auto;display:flex;align-items:center;padding-right:15px}header .ri_box ul[data-v-38fb16f2]{display:flex}header .ri_box ul li[data-v-38fb16f2]{margin-left:20px;display:flex;align-items:center;cursor:pointer;color:#070a16}header .ri_box ul li[data-v-38fb16f2]:first-child{margin-left:0}header .ri_box ul li span[data-v-38fb16f2]{font-size:16px;color:#d8d8d8}header .ri_box ul li .iconfont[data-v-38fb16f2]{font-size:24px;margin-right:5px;color:#d8d8d8}header .ri_box .user[data-v-38fb16f2]{width:40px;height:40px;background-color:#1d1d1d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:30px}header .ri_box .user .iconfont[data-v-38fb16f2]{color:#d8d8d8;font-size:22px}.header_user_popover .welcome[data-v-38fb16f2]{color:#3a3d47;font-size:16px}.header_user_popover .welcome span[data-v-38fb16f2]{font-size:inherit;color:var(--primary-color)}.header_user_popover .menus[data-v-38fb16f2]{display:flex;justify-content:space-between;margin-top:8px}.header_user_popover .menus .li[data-v-38fb16f2]{width:72px;height:72px;display:flex;flex-direction:column;align-items:center;border-radius:4px;cursor:pointer;padding-top:14px}.header_user_popover .menus .li .icon_box[data-v-38fb16f2]{width:24px;height:24px;border-radius:50%;border:1px solid #262626;text-align:center}.header_user_popover .menus .li .icon_box .iconfont[data-v-38fb16f2]{font-size:16px}.header_user_popover .menus .li p[data-v-38fb16f2]{display:block;width:72px;padding-top:2px;text-align:center}.header_user_popover .menus .li[data-v-38fb16f2]:hover{background-color:#f5f5f5}.header_user_popover .menus .li:hover .icon_box[data-v-38fb16f2]{border-color:var(--primary-color)}.header_user_popover .menus .li:hover .icon_box .iconfont[data-v-38fb16f2]{color:var(--primary-color)}.header_rank_list_popover h1[data-v-38fb16f2]{color:#2c2d2d;font-size:14px;font-weight:400;padding-bottom:4px;display:flex;align-items:center;position:relative}.header_rank_list_popover h1[data-v-38fb16f2]:before{display:block;content:"";width:4px;height:14px;background-color:#2c2d2d;margin-right:8px;margin-left:2px}.header_rank_list_popover .list_item[data-v-38fb16f2]{padding:2px 0;display:flex;align-items:center;padding-top:4px}.header_rank_list_popover .list_item .iconfont[data-v-38fb16f2]{font-size:18px}.header_rank_list_popover .list_item span[data-v-38fb16f2]{margin-left:4px}.header_rank_list_popover .list_item:nth-child(2) .iconfont[data-v-38fb16f2]{color:gold}.header_rank_list_popover .list_item:nth-child(3) .iconfont[data-v-38fb16f2]{color:#625b57}.header_rank_list_popover .list_item:nth-child(4) .iconfont[data-v-38fb16f2]{color:#b87333}.language[data-v-38fb16f2]{color:#d8d8d8;margin-left:15px;display:flex;align-items:center}.language .iconfont[data-v-38fb16f2]{margin-right:6px;font-size:20px}.language span[data-v-38fb16f2]{font-size:16px}.home_layout[data-v-35edda84]{padding-top:var(--home-header-height)}.router_container[data-v-35edda84]{height:calc(100vh - var(--home-header-height));overflow-y:auto}