.header[data-v-4e959c64]{line-height:.23077rem;display:flex;align-items:center;padding:.03846rem 0}.logo[data-v-4e959c64]{max-height:.26923rem;width:auto;margin-right:.15385rem;display:inline-block}.brand[data-v-4e959c64]{display:inline-block;vertical-align:middle}.brand-title[data-v-4e959c64]{color:#fff;font-size:.23077rem;text-shadow:0 0 .03846rem #282828;margin-bottom:.07692rem}.brand-desc[data-v-4e959c64]{color:#fff;font-size:.13846rem;font-style:italic}.menu[data-v-4e959c64]{display:inline-block;background:transparent;max-width:9.23077rem;margin:auto}.menu .ant-menu-submenu[data-v-4e959c64],.menu[data-v-4e959c64] .ant-menu-item>a,.menu[data-v-4e959c64] .ant-menu-submenu-title>a{font-family:"\5FAE\8F6F\96C5\9ED1   Bold","\5FAE\8F6F\96C5\9ED1   Regular","\5FAE\8F6F\96C5\9ED1",sans-serif;font-weight:600;font-size:.12308rem;color:#fff}.menu .ant-menu-item-active[data-v-4e959c64],.menu .ant-menu-submenu-active[data-v-4e959c64]{background:rgba(0,0,0,.2);border-radius:.11538rem;border-bottom:none!important}.ant-menu-horizontal[data-v-4e959c64]{border-bottom:none}.header-right-panel[data-v-4e959c64]{display:flex;flex:1;justify-content:right}.typing-button[data-v-4e959c64]{color:#f4bb4c}.login-button[data-v-4e959c64],.typing-button[data-v-4e959c64]{flex:1;text-align:right;font-size:.12308rem;font-weight:600;cursor:pointer}.login-button[data-v-4e959c64],.login-sep[data-v-4e959c64]{color:#fff;line-height:.12308rem}.login-sep[data-v-4e959c64]{font-size:.12308rem;text-align:center}.ant-dropdown-open[data-v-4e959c64]{background:hsla(0,0%,100%,.25)}.user-dropdown-menu[data-v-4e959c64]{display:flex;flex-direction:row;align-items:center}.user-dropdown-menu-wrapper[data-v-4e959c64],.user-dropdown-menu[data-v-4e959c64]{cursor:pointer;padding:0 .15385rem;color:#fff;font-size:.12308rem;font-weight:500}.user-dropdown-menu-wrapper .ant-dropdown-menu-item[data-v-4e959c64],.user-dropdown-menu .ant-dropdown-menu-item[data-v-4e959c64]{width:1.23077rem}.user-dropdown-menu-wrapper .ant-dropdown-menu-item>.anticon[data-v-4e959c64]:first-child,.user-dropdown-menu-wrapper .ant-dropdown-menu-item>a>.anticon[data-v-4e959c64]:first-child,.user-dropdown-menu-wrapper .ant-dropdown-menu-submenu-title>.anticon:first-child .ant-dropdown-menu-submenu-title>a>.anticon[data-v-4e959c64]:first-child,.user-dropdown-menu .ant-dropdown-menu-item>.anticon[data-v-4e959c64]:first-child,.user-dropdown-menu .ant-dropdown-menu-item>a>.anticon[data-v-4e959c64]:first-child,.user-dropdown-menu .ant-dropdown-menu-submenu-title>.anticon:first-child .ant-dropdown-menu-submenu-title>a>.anticon[data-v-4e959c64]:first-child{min-width:.09231rem;margin-right:.06154rem}.avatar[data-v-4e959c64]{margin:.15385rem .03846rem .15385rem 0;color:#1890ff;background:hsla(0,0%,100%,.85);vertical-align:middle}.nickname[data-v-4e959c64]{max-width:.76923rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;height:100%;line-height:100%}.carousel[data-v-525d85ca]{max-height:3.84615rem;min-height:1.92308rem;max-width:12.30769rem}.carousel img[data-v-525d85ca]{min-height:.76923rem;width:100%;min-height:1.92308rem}.carousel .swiper-slide[data-v-525d85ca]{background-position:50%;background-size:cover}.footer[data-v-0c1c0f77]{width:100%;height:.69231rem;bottom:0;padding-top:.15385rem;padding-bottom:.11538rem;text-align:center}.user-enter[data-v-72113e7c]{background:url(/img/login-bg.png) no-repeat;background-size:100% 100%;border-radius:.07692rem;width:1.92308rem;height:2.76923rem;text-align:center;padding-top:.84615rem;line-height:.38462rem}.ant-btn[data-v-72113e7c]{width:80%}@keyframes blink-7f0c1d19{0%{opacity:1}50%{opacity:0}to{opacity:1}}.container[data-v-7f0c1d19]{background-color:#f6f6f6;background-size:100% 1.92308rem}.header-wrap[data-v-7f0c1d19]{background:#445ac7;display:flex;flex-direction:column;align-items:center;justify-content:center}.ant-layout-content[data-v-7f0c1d19],.ant-layout-footer[data-v-7f0c1d19],.ant-layout-header[data-v-7f0c1d19],.ant-layout-sider-children[data-v-7f0c1d19],.ant-layout-sider[data-v-7f0c1d19]{background:transparent}.ant-layout[data-v-7f0c1d19]{background:transparent;min-height:calc(100vh - 1.53846rem)}.ant-layout-header[data-v-7f0c1d19]{width:100%;height:100%}.ant-layout-content[data-v-7f0c1d19]{display:flex;justify-content:center;width:100%;align-items:center}.ant-layout-has-sider[data-v-7f0c1d19]{max-width:8.46154rem;width:100%;margin:-.76923rem auto 0}.typing-container[data-v-7f0c1d19]{position:relative;width:100%}.typing-container .typing-content[data-v-7f0c1d19]{width:100%;display:flex;flex-direction:column;padding:.38462rem .23077rem .23077rem .23077rem}.typing-container .typing-content .typing-side-bar[data-v-7f0c1d19]{width:100%;font-size:.1rem}.typing-container .typing-content .typing-side-bar .typing-cat-list[data-v-7f0c1d19]{display:flex;flex-direction:row;flex-wrap:wrap}.typing-container .typing-content .typing-side-bar .typing-cat-list .typing-cat-item[data-v-7f0c1d19]{margin-right:.07692rem;margin-bottom:.11538rem;background:#ccc;border:.00769rem solid #ccc;border-radius:.03846rem;padding:.03846rem .03846rem}.typing-container .typing-content .typing-side-bar .typing-cat-list .active-cat-item[data-v-7f0c1d19]{background:#666;border:.00769rem solid #666;color:#fff}.typing-container .typing-content .typing-level-list[data-v-7f0c1d19]{width:100%}.typing-container .typing-content .typing-level-list .level-wrap[data-v-7f0c1d19]{padding:.07692rem .07692rem}.typing-container .typing-content .typing-level-list .level-wrap .level[data-v-7f0c1d19]:hover{border:.04615rem solid #ffc845}.typing-container .typing-content .typing-level-list .level-wrap .level[data-v-7f0c1d19]{border-radius:.06923rem;border:.04615rem solid #caccd1;height:1.35385rem;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;cursor:pointer}.typing-container .typing-content .typing-level-list .level-wrap .level .index[data-v-7f0c1d19]{color:#747474;position:absolute;left:.19231rem;top:.11538rem;font-size:.15385rem;font-family:pt-mono;font-weight:bolder}.typing-container .typing-content .typing-level-list .level-wrap .level .avatar[data-v-7f0c1d19]{width:100%;height:100%;background-size:50% auto;background-position:50%;background-repeat:no-repeat}.typing-container .typing-content .typing-level-list .level-wrap .level .name[data-v-7f0c1d19]{position:absolute;width:100%;text-align:center;left:0;top:.97692rem;height:.30769rem;line-height:.30769rem;font-size:.1rem;background:#ffc845;color:#52565e;overflow:hidden;text-overflow:ellipsis;white-space:no-wrap}.typing-container .typing-content .typing-level-list .level-wrap .level .mask[data-v-7f0c1d19]{transition:opacity .5s;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.6)}.typing-container .typing-content .typing-level-list .level-wrap .level .record[data-v-7f0c1d19]{width:100%;height:100%}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result[data-v-7f0c1d19]{background:#666;opacity:1;color:#e4f9f5;height:100%;width:100%;padding:.07692rem .09231rem;position:relative}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .name1[data-v-7f0c1d19]{width:100%;font-size:.12308rem;line-height:.19231rem;height:.19231rem;padding-bottom:.07692rem;border-bottom:.00769rem solid #ffc845;margin-bottom:.11538rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:500}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line[data-v-7f0c1d19]{display:flex;align-items:center;color:#e4f9f5;font-size:.10769rem;margin-bottom:.12308rem}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line .label[data-v-7f0c1d19]{margin-right:.07692rem}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line .value .num[data-v-7f0c1d19]{font-size:.13846rem;font-weight:700;color:#fff}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line1[data-v-7f0c1d19]{padding-left:.27692rem;background:url(https://scratch-asset-proxy.bytecome.com/typing/icons/sp.png) 0 no-repeat;background-size:.24615rem auto}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line2[data-v-7f0c1d19]{padding-left:.27692rem;background:url(https://scratch-asset-proxy.bytecome.com/typing/icons/acc.png) 0 no-repeat;background-size:.24615rem auto}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line3[data-v-7f0c1d19]{width:100%}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line3 .cpt-star[data-v-7f0c1d19]{position:relative;width:100%}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line3 .cpt-star .cpt-star-line[data-v-7f0c1d19]{display:flex;position:absolute;left:0;top:0}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line3 .cpt-star .cpt-star-line .item[data-v-7f0c1d19]{width:.18462rem;height:.18462rem;margin-right:.06154rem}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line3 .cpt-star .cpt-star-line .item-bg[data-v-7f0c1d19]{background:url(https://scratch-asset-proxy.bytecome.com/typing/icons/gray-star.png) 50% no-repeat;background-size:100% auto}.typing-container .typing-content .typing-level-list .level-wrap .level .record .result .line3 .cpt-star .cpt-star-line .item-score[data-v-7f0c1d19]{background:url(https://scratch-asset-proxy.bytecome.com/typing/icons/gold-star.png) 50% no-repeat;background-size:100% auto}.typing-container .typing-content .typing-level-list .level-wrap .level .record .restart[data-v-7f0c1d19]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.12308rem}.typing-container .typing-content .typing-level-list .level-wrap .level .record .restart .icon[data-v-7f0c1d19]{width:.23077rem;height:.23077rem;background:url(https://scratch-asset-proxy.bytecome.com/typing/icons/play.png) 50% no-repeat;background-size:100% 100%}.typing-container .typing-content .typing-level-list .level-wrap .level .empty[data-v-7f0c1d19]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.12308rem}.typing-container .typing-content .typing-level-list .level-wrap .level .empty .icon[data-v-7f0c1d19]{width:.23077rem;height:.23077rem;background:url(https://scratch-asset-proxy.bytecome.com/typing/icons/play.png) 50% no-repeat;background-size:100% 100%}.typing-header[data-v-7f0c1d19]{display:flex;flex-direction:row;position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 .01538rem .15385rem 0 rgba(0,0,0,.1);height:.53846rem;align-items:center;padding:.07692rem 0}.typing-header .nav-container[data-v-7f0c1d19]{height:100%;display:flex;flex:1}.typing-header .nav-container .typing-header-logo img.logo[data-v-7f0c1d19]{height:.23077rem;width:auto}.typing-header .nav-container .typing-header-logo img.text[data-v-7f0c1d19]{height:.15385rem;width:auto;margin-left:.11538rem}.typing-header .nav-container div[data-v-7f0c1d19]{padding:.03846rem .18462rem;margin-right:.15385rem;display:flex;align-items:center}.typing-header .nav-container div a[data-v-7f0c1d19]{text-decoration:none;color:#000;font-size:.11538rem}.typing-header .nav-container .active-header-item[data-v-7f0c1d19]{background:#f6ca5e;border-radius:.15385rem;color:#fff}.typing-header .nav-container .active-header-item a[data-v-7f0c1d19]{color:#fff}.typing-header .nav-container .typing-header-item[data-v-7f0c1d19]:hover{background:#ccc;border-radius:.15385rem;color:#fff}.typing-header .nav-container .typing-header-item:hover a[data-v-7f0c1d19]{color:#fff}.typing-header .user-container[data-v-7f0c1d19]{height:100%;align-self:flex-end;font-size:.10769rem}.typing-header .user-container .user-info[data-v-7f0c1d19],.typing-header .user-container[data-v-7f0c1d19]{display:flex;flex-direction:row;align-items:center}.typing-header .user-container .user-info img[data-v-7f0c1d19]{width:.23077rem;height:.23077rem;background:#eee;border-radius:.11538rem;margin-right:.07692rem}.typing-header .user-container .user-info .nickname[data-v-7f0c1d19]{margin-right:.07692rem}