#app{overflow:hidden}.base-account-box{padding:var(--space-20) var(--space-12);background-color:var(--color-gray-4);border:solid 1px var(--color-gray-3);border-radius:var(--space-4);margin:var(--space-8);height:auto;text-align:center;color:var(--color-white);font-size:var(--font-size-14);cursor:pointer;transition:all .2s ease}.base-account-box:hover{box-shadow:var(--shadow-4);border-color:var(--color-gray-6)}.menu-ul[data-v-91e94e2c]{background-color:var(--color-gray-6);font-size:var(--font-size-14);line-height:var(--line-height-52);width:100%;display:inline-flex;align-items:center;font-weight:500}.menu-ul-li[data-v-91e94e2c]{cursor:pointer;padding:0 var(--space-20);display:flex;align-items:center}.menu-ul-li .label-text[data-v-91e94e2c]{margin-left:var(--space-8)}.menu-ul-li .label-box[data-v-91e94e2c]{height:52px;display:flex;flex-direction:column;justify-content:center;margin-left:var(--space-8);padding:5px 0}.menu-ul-li .label-box span[data-v-91e94e2c]{line-height:1}.menu-ul-li .label-box img[data-v-91e94e2c]{margin-top:5px}.menu-ul-li-img img[data-v-91e94e2c]{width:190px;height:38px}.menu-ul-li_quit[data-v-91e94e2c]{margin-left:auto;background-color:var(--color-primary-4)}.menu-ul-li.auto[data-v-91e94e2c]{border-left:1px solid var(--color-gray-4);margin-left:auto}.menu-ul-li.active[data-v-91e94e2c],.mobile-menu-box[data-v-71d2dee1]{background-color:var(--color-gray-5)}.mobile-menu-box[data-v-71d2dee1]{position:relative;height:50px;font-size:12px!important}.mobile-menu-box .title-logo-box[data-v-71d2dee1]{width:100%;padding:0 10px;display:flex;align-items:center;justify-content:center;height:50px}.mobile-menu-box .title-logo-box img[data-v-71d2dee1]{max-width:200px}.mobile-menu-box .menu-icon[data-v-71d2dee1]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;transition:all .2s;z-index:999}.mobile-menu-box .menu-icon img[data-v-71d2dee1]:hover{transform:translate(1px,1px)}.mobile-menu-box .show-menu-icon[data-v-71d2dee1]{left:200px;background-color:var(--color-gray-5)}.mobile-menu-box .menu-list[data-v-71d2dee1]{position:fixed;height:100vh;left:0;top:0;width:0;transition:all .2s;background-color:var(--color-gray-5);z-index:9999;overflow:hidden}.mobile-menu-box .menu-list .logo-box[data-v-71d2dee1]{width:100%;padding:15px 10px}.mobile-menu-box .menu-list .logo-box img[data-v-71d2dee1]{width:100%}.mobile-menu-box .menu-list .label-box[data-v-71d2dee1]{display:flex;align-items:center}.mobile-menu-box .menu-list .label-box .menu-icon-img[data-v-71d2dee1]{width:16px;height:16px;margin-right:10px}.mobile-menu-box .menu-list[data-v-71d2dee1] .el-menu{border-right:none}.mobile-menu-box .menu-list[data-v-71d2dee1] .el-menu-item{padding-left:20px!important}.mobile-menu-box .menu-list[data-v-71d2dee1] .submenu .el-menu-item{padding-left:30px!important}.mobile-menu-box .show-menu[data-v-71d2dee1]{width:200px}.mobile-menu-box .menu-img-box[data-v-71d2dee1]{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.mobile-menu-box .menu-img[data-v-71d2dee1]{width:24px;height:24px}.mobile-menu-box .mack-box[data-v-71d2dee1]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:998}.mobile-menu-box .loginout[data-v-71d2dee1]{position:relative;left:60%;transform:translateX(-50%);bottom:0;cursor:pointer;width:250px;padding:var(--space-12) var(--space-16);border-top:solid 1px var(--color-gray-3);font-size:var(--font-size-14);color:var(--color-danger-4);display:flex;align-items:center}.mobile-menu-box .loginout>span[data-v-71d2dee1]{margin-left:var(--space-8)}.route_view[data-v-00c81c52]{height:calc(100vh - var(--line-height-52));overflow:auto;background-color:var(--color-gray-5)}@media screen and (max-width:768px){.route_view[data-v-00c81c52]{overflow:auto}.route_view[data-v-00c81c52]::-webkit-scrollbar{display:none}.menu-box[data-v-00c81c52]{display:none!important}.mobile-menu-box[data-v-00c81c52]{display:block!important}}.mobile-menu-box[data-v-00c81c52]{display:none}body,html{line-height:1.5;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:cocogoose,Times New Roman;color:var(--color-white);font-size:var(--font-size-14);font-weight:500}h1,h2,h3,h4,h5,h6{margin:0;padding:0}dd,dl,dt,li,ol,ul{list-style:none}a,a:focus,a:hover{text-decoration:none}a:focus,a:hover{outline-style:none}em{font-style:normal}.clearfix:after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}input{outline:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;border:1px solid #979797!important}[v-cloak]{display:none}::-webkit-scrollbar{width:8px;height:8px;border-radius:5px}::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(112,111,111,0)}:hover::-webkit-scrollbar-thumb{background:rgba(112,111,111,.3)}::-webkit-scrollbar-track{border-radius:5px;background:rgba(1,56,99,0)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-loading-mask{background:transparent}.grid_container{width:100%;margin-top:var(--space-16);display:flex;grid-template-columns:repeat(auto-fill,250px);justify-content:space-between;flex-wrap:wrap;min-height:calc(100vh - 300px)}:root{--color-aquatic:#00b8ce;--color-beast:#ffb812;--color-bug:#ff5341;--color-bird:#ff8bbd;--color-plant:#6cc000;--color-reptile:#dc8be4;--color-hidden-1:#c6bdd4;--color-hidden-2:#beceff;--color-hidden-3:#129092;--color-axie:#8d65ff;--color-savannah:#f99e2e;--color-forest:#6cc000;--color-arctic:#dbf0ef;--color-mystic:#6fccd4;--color-genesis:#3e7292;--color-rarity-rare:#09b99b;--color-rariry-epic:#ffa22a;--color-rarity-mystic:#ae2aff;--color-text-arctic:#55586a;--color-white:#fff;--color-gray-1:#a1a6b6;--color-gray-2:#6b7185;--color-gray-3:#3a3f50;--color-gray-4:#282b39;--color-gray-5:#242735;--color-gray-6:#11131b;--color-black:#000;--color-primary-1:#99c1f8;--color-primary-2:#6ea7f5;--color-primary-3:#3082f2;--color-primary-4:#046cfc;--color-primary-5:#004eba;--color-primary-6:#1c2f50;--color-success-1:#b8ecd5;--color-success-2:#8ae0ba;--color-success-3:#58d49d;--color-success-4:#10c274;--color-success-5:#048a4f;--color-warning-1:#fce2ac;--color-warning-2:#fad076;--color-warning-3:#f8bc3b;--color-warning-4:#f7ac0a;--color-warning-5:#bd850f;--color-danger-1:#feb4b6;--color-danger-2:#f28286;--color-danger-3:#fe4c52;--color-danger-4:#fe383f;--color-danger-5:#be3637;--shadow-4:0px 3px 8px 0px rgba(17,19,27,0.3);--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px;--font-size-10:10px;--font-size-12:12px;--font-size-14:14px;--font-size-16:16px;--font-size-20:20px;--font-size-24:24px;--font-size-28:28px;--font-size-40:40px;--line-height-14:14px;--line-height-16:16px;--line-height-20:20px;--line-height-24:24px;--line-height-28:28px;--line-height-32:32px;--line-height-42:42px;--line-height-52:52px;--letter-spacing-1:1px}@media screen and (min-width:340px)and (max-width:768px){.dashboard_tab_row .el-col+.el-col{margin-top:var(--space-20)}.dashboard_rank{flex-direction:column!important}.dashboard_rank .rank_item>div{flex:1}.dashboard_rank .rank_item>div:last-child{text-align:right}}@media screen and (min-width:769px)and (max-width:992px){.dashboard_tab_row .el-col+.el-col{margin-top:var(--space-20)}.dashboard_rank{flex-direction:column!important}.dashboard_rank .rank_item>div{flex:1}.dashboard_rank .rank_item>div:last-child{text-align:right}}@font-face{font-family:cocogoose;src:url(https://mp.placewar.io/fonts/font.d14035f6.otf);font-weight:400;font-style:normal}