@keyframes right-to-center{0%{left:100%}1%{left:100%;z-index:2}to{left:0;z-index:2}}@keyframes dock-left-right-to-center{0%{left:100%}1%{left:100%}to{left:0}}@keyframes dock-right-right-to-center{0%{right:-100%}1%{right:-100%}to{right:0}}@keyframes center-to-left{0%{left:0}to{left:-30%}}@keyframes dock-left-center-to-left{0%{left:0}to{left:-30%}}@keyframes dock-right-center-to-left{0%{right:0}to{right:30%}}@keyframes center-to-right{0%{left:0}to{left:100%}}@keyframes dock-left-center-to-right{0%{left:0}to{left:100%}}@keyframes dock-right-center-to-right{0%{right:0}to{right:-100%}}@keyframes left-to-center{0%{left:-30%}to{left:0}}@keyframes dock-left-left-to-center{0%{left:-30%}to{left:0}}@keyframes dock-right-left-to-center{0%{right:30%}to{right:0}}@keyframes app-leave{0%{left:0}to{left:-100%}}@keyframes dock-left-app-leave{0%{left:0}to{left:-100%}}@keyframes dock-right-app-leave{0%{right:0}to{right:100%}}@keyframes ani-hide{0%{visibility:hidden}to{visibility:hidden}}@font-face{font-family:PingFang;src:local("PingFang"),local("PingFang SC"),local("PingFang Regular"),local("PingFang SC Regular"),url(https://s.vipkidstatic.com/fe-static/hobbit/asset/res/font/PingFang/PingFang.woff2) format("woff2"),url(https://s.vipkidstatic.com/fe-static/hobbit/asset/res/font/PingFang/PingFang.woff) format("woff"),url(https://s.vipkidstatic.com/fe-static/hobbit/asset/res/font/PingFang/PingFang.ttf) format("truetype"),url(https://s.vipkidstatic.com/fe-static/hobbit/asset/res/font/PingFang/PingFang.eot) format("embedded-opentype"),url(https://s.vipkidstatic.com/fe-static/hobbit/asset/res/font/PingFang/PingFang.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}.system-mac #hobbit_app{font-family:PingFang,Arial,sans-serif}body{-webkit-user-select:none;user-select:none}.view-m .page-back-enter-active,.view-m .page-back-leave-active,.view-m .page-next-enter-active,.view-m .page-next-leave-active{box-shadow:0 0 .03rem 0 rgba(0,0,0,.3);animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;position:relative;top:0;bottom:0;left:0;width:100%;will-change:left}.view-m .page-next-enter-active{position:fixed;z-index:0;animation-name:right-to-center;animation-duration:.6s}.view-m .page-next-enter-active .dock-left{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-left-right-to-center;animation-duration:.6s}.view-m .page-next-enter-active .dock-right{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-right-right-to-center;animation-duration:.6s}.view-m .page-next-enter-active .ani-hide{animation-name:ani-hide;animation-fill-mode:both;animation-duration:.6s}.view-m .page-next-leave-active{z-index:1;animation-name:center-to-left;animation-duration:.6s}.view-m .page-next-leave-active .dock-left{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-left-center-to-left;animation-duration:.6s}.view-m .page-next-leave-active .dock-right{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-right-center-to-left;animation-duration:.6s}.view-m .page-next-leave-active .ani-hide{animation-name:ani-hide;animation-fill-mode:both;animation-duration:.6s}.view-m .page-back-leave-active{z-index:2;animation-name:center-to-right;animation-duration:.6s}.view-m .page-back-leave-active .dock-left{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-left-center-to-right;animation-duration:.6s}.view-m .page-back-leave-active .dock-right{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-right-center-to-right;animation-duration:.6s}.view-m .page-back-leave-active .ani-hide{animation-name:ani-hide;animation-fill-mode:both;animation-duration:.6s}.view-m .page-back-enter-active{position:fixed;z-index:1;animation-name:left-to-center;animation-duration:.6s}.view-m .page-back-enter-active .dock-left{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-left-left-to-center;animation-duration:.6s}.view-m .page-back-enter-active .dock-right{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-right-left-to-center;animation-duration:.6s}.view-m .page-back-enter-active .ani-hide{animation-name:ani-hide;animation-fill-mode:both;animation-duration:.6s}.view-m .app-leave-active{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;position:relative;top:0;bottom:0;left:0;width:100%;will-change:left;animation-name:app-leave;animation-duration:.3s}.view-m .app-leave-active .dock-left{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-left-app-leave;animation-duration:.3s}.view-m .app-leave-active .dock-right{animation-timing-function:cubic-bezier(.3,1,.3,1);animation-fill-mode:both;animation-name:dock-right-app-leave;animation-duration:.3s}.view-m .app-leave-active .ani-hide{animation-name:ani-hide;animation-fill-mode:both;animation-duration:.3s}