header[data-v-2c77c44a]{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 .05208rem #f2f2f2}header .logo[data-v-2c77c44a]{width:.79167rem;height:100%;display:flex;align-items:center;justify-content:center;padding-top:.01042rem}header .logo .img_box[data-v-2c77c44a]{max-width:.625rem;min-width:.32292rem;height:.32292rem;background-color:#f1f5fa;display:flex;align-items:center;justify-content:center;border-radius:.04167rem .04167rem 0 0;padding:.02604rem .05208rem}header .logo .img_box img[data-v-2c77c44a]{max-height:100%;max-width:100%}header .nav[data-v-2c77c44a]{flex:1;height:100%;padding-top:.08333rem;display:flex;margin-left:.01042rem}header .nav .nav_item[data-v-2c77c44a]{flex:1;width:0;max-width:.78125rem;min-width:.26042rem;height:100%;display:flex;align-items:center;padding:0 .07813rem;position:relative;cursor:pointer}header .nav .nav_item.home[data-v-2c77c44a]{padding:0 .125rem;text-align:center}header .nav .nav_item[data-v-2c77c44a]:before{content:"";width:.00521rem;height:.10417rem;background-color:#464646;position:absolute;left:0}header .nav .nav_item[data-v-2c77c44a]:first-child:before{display:none}header .nav .nav_item span[data-v-2c77c44a]{flex:1;display:inline-block;white-space:nowrap;color:hsla(0,0%,100%,.65);font-size:.08333rem;user-select:none}header .nav .nav_item .close[data-v-2c77c44a]{width:.13542rem;height:.13542rem;border-radius:.26042rem;display:flex;align-items:center;justify-content:center;margin-left:.02604rem}header .nav .nav_item .close .icon[data-v-2c77c44a]{width:1em;height:1em;color:hsla(0,0%,100%,.65)}header .nav .nav_item:hover .close[data-v-2c77c44a]{background-color:#e4eefb}header .nav .nav_item:hover .close .icon[data-v-2c77c44a]{color:var(--primary-color)}header .nav .nav_item.active[data-v-2c77c44a]{width:.52083rem;background-color:#f1f5fa;border-top-left-radius:.04167rem;border-top-right-radius:.04167rem}header .nav .nav_item.active span[data-v-2c77c44a]{color:#2f333e;font-weight:500}header .nav .nav_item.active .close .icon[data-v-2c77c44a]{color:var(--primary-color)}header .nav .nav_item.active[data-v-2c77c44a]+:before,header .nav .nav_item.active[data-v-2c77c44a]:before{display:none}header .ri_box[data-v-2c77c44a]{width:auto;display:flex;align-items:center;padding-right:.07813rem}header .ri_box .to_beta[data-v-2c77c44a]{height:.16667rem;background-color:#fff;line-height:.07292rem;padding:0 .07292rem;margin-right:.10417rem;border-radius:.10417rem;color:#333;cursor:pointer;transition:all .3s;display:flex;align-items:center}header .ri_box .to_beta[data-v-2c77c44a]:hover{background-color:#f1f5fa}header .ri_box ul[data-v-2c77c44a]{display:flex}header .ri_box ul li[data-v-2c77c44a]{margin-left:.10417rem;display:flex;align-items:center;cursor:pointer;color:#070a16}header .ri_box ul li[data-v-2c77c44a]:first-child{margin-left:0}header .ri_box ul li span[data-v-2c77c44a]{font-size:.08333rem;color:#d8d8d8}header .ri_box ul li .iconfont[data-v-2c77c44a]{font-size:.125rem;margin-right:.02604rem;color:#d8d8d8}header .ri_box .user[data-v-2c77c44a]{width:.20833rem;height:.20833rem;background-color:#1d1d1d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:.15625rem}header .ri_box .user .iconfont[data-v-2c77c44a]{color:#d8d8d8;font-size:.11458rem}.header_user_popover .welcome[data-v-2c77c44a]{color:#3a3d47;font-size:.08333rem}.header_user_popover .welcome span[data-v-2c77c44a]{font-size:inherit;color:var(--primary-color)}.header_user_popover .menus[data-v-2c77c44a]{display:flex;justify-content:space-between;margin-top:.04167rem}.header_user_popover .menus .li[data-v-2c77c44a]{width:.375rem;height:.375rem;display:flex;flex-direction:column;align-items:center;border-radius:.02083rem;cursor:pointer;padding-top:.07292rem}.header_user_popover .menus .li .icon_box[data-v-2c77c44a]{width:.125rem;height:.125rem;border-radius:50%;border:1px solid #262626;text-align:center}.header_user_popover .menus .li .icon_box .iconfont[data-v-2c77c44a]{font-size:.08333rem}.header_user_popover .menus .li p[data-v-2c77c44a]{display:block;width:.375rem;padding-top:.01042rem;text-align:center}.header_user_popover .menus .li[data-v-2c77c44a]:hover{background-color:#f5f5f5}.header_user_popover .menus .li:hover .icon_box[data-v-2c77c44a]{border-color:var(--primary-color)}.header_user_popover .menus .li:hover .icon_box .iconfont[data-v-2c77c44a]{color:var(--primary-color)}.header_rank_list_popover h1[data-v-2c77c44a]{color:#2c2d2d;font-size:.07292rem;font-weight:400;padding-bottom:.02083rem;display:flex;align-items:center;position:relative}.header_rank_list_popover h1[data-v-2c77c44a]:before{display:block;content:"";width:.02083rem;height:.07292rem;background-color:#2c2d2d;margin-right:.04167rem;margin-left:.01042rem}.header_rank_list_popover .list_item[data-v-2c77c44a]{padding:.01042rem 0;display:flex;align-items:center;padding-top:.02083rem}.header_rank_list_popover .list_item .iconfont[data-v-2c77c44a]{font-size:.09375rem}.header_rank_list_popover .list_item span[data-v-2c77c44a]{margin-left:.02083rem}.header_rank_list_popover .list_item:nth-child(2) .iconfont[data-v-2c77c44a]{color:gold}.header_rank_list_popover .list_item:nth-child(3) .iconfont[data-v-2c77c44a]{color:#625b57}.header_rank_list_popover .list_item:nth-child(4) .iconfont[data-v-2c77c44a]{color:#b87333}.language[data-v-2c77c44a]{color:#d8d8d8;margin-left:.07813rem;display:flex;align-items:center}.language .iconfont[data-v-2c77c44a]{margin-right:.03125rem;font-size:.10417rem}.language span[data-v-2c77c44a]{font-size:.08333rem}.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}