.page-header{position:relative;z-index:99;height:50px}.page-header .logo{display:none;height:30px;padding:7px 11px;border-radius:0 0 10px 10px;position:absolute;left:20px;top:100%;background:#fff;z-index:1;min-width:82px}.page-header .logo img{display:block;width:auto;height:100%}.page-header a{color:#333}.page-header .a-link-active,.page-header a.router-link-exact-active,.page-header a:hover{color:#ff5532}.page-header .header-center:before{content:"";position:absolute;left:15px;top:100%;margin-top:12px}.page-header .menus{display:flex;align-items:center;height:50px;width:100%;overflow:auto;padding-left:15px;position:fixed;background:#fff;z-index:2;font-size:14px;top:0;left:0}.page-header .menus .menu{white-space:nowrap;font-weight:500;color:#333;line-height:19px;margin-right:15px}.page-header .menus .menu a{display:flex;align-items:center}.page-header .menus .nav-icon{display:none}.page-header .menus:before{content:"";width:20px;height:100%;background:repeating-linear-gradient(270deg,hsla(0,0%,100%,0),#fff);position:absolute;left:0;top:0}.page-header .actions{position:absolute;top:100%;right:20px;padding:12px 0 0;display:flex;z-index:1;align-items:center}.page-header .actions .action{box-sizing:border-box;height:24px;border:1px solid #fff;text-align:center;line-height:22px;border-radius:20px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 10px}.page-header .actions .action.login{margin-right:10px}.page-header .actions .action.register{background:#fff;color:#333}.page-header .header-right{font-size:13px;color:#555}.page-header .header-right a{color:#00bcff}.page-header.shadow{box-shadow:0 0 10px rgba(0,0,0,.1);position:sticky;top:0;padding:0 20px;box-sizing:border-box;background-color:#fff}.page-header.shadow .header-center{height:100%;display:flex;align-items:center;justify-content:space-between}.page-header.shadow .header-center .logo{display:block;position:static;padding:0}.page-header-palfish .header-center:before{width:116px;height:23px;background:url(https://s04.cdn.ipalfish.com/kid/img/logo-palfish-white@2x.76e91e03.png) no-repeat;background-size:contain}.page-header-rdc .header-center:before{width:102px;height:22px;background:url(https://s04.cdn.ipalfish.com/kid/img/logo-read@2x.49ef376c.png) no-repeat;background-size:contain}.page-header-sinology .header-center:before{width:92px;height:22px;background:url(https://s04.cdn.ipalfish.com/kid/img/logo-sinology@2x.bb1c3e70.png) no-repeat;background-size:contain}.page-header-math .actions .action.login,.page-header-rdc .actions .action.login,.page-header-sinology .actions .action.login{color:#ff5532;border:1px solid}.page-header-math .actions .action.register,.page-header-rdc .actions .action.register,.page-header-sinology .actions .action.register{border-color:#ff5532;background:#ff5532;color:#fff}.page-header-math .header-center:before{width:113px;height:22px;background:url(https://s04.cdn.ipalfish.com/kid/img/logo-math@2x.db56c619.png) no-repeat;background-size:contain}.page-header-book .header-center:before{width:86px;height:22px;background:url(https://s04.cdn.ipalfish.com/kid/img/logo-book-white@2x.89de83b5.png) no-repeat;background-size:contain}.page-header-book .actions .action.register{color:#275ef8}.page-header-phonics .header-center:before{width:113px;height:22px;background:url(https://s04.cdn.ipalfish.com/kid/img/logo-phonics-white.c1dcdd1f.png) no-repeat;background-size:contain}.page-header-gnosis .header-center:before{width:86px;height:22px;background:url(https://s04.cdn.ipalfish.com/kid/img/logo-gnosis-white@2x.d4709622.png) no-repeat;background-size:contain}.page-header-download .actions .login{color:#00bcff;border-color:#00bcff}.page-header-download .actions .register{color:#fff;border-color:#00bcff;background-color:#00bcff}@media screen and (min-width:1024px){.page-header{width:100%;position:sticky;top:0;left:0;z-index:999;background:#fff;box-sizing:border-box;padding:0 20px;overflow:hidden;height:80px}.page-header .header-center{width:1200px;height:80px;max-width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 auto}.page-header .header-center:before{display:none}.page-header .logo{position:static;display:block;height:30px;margin-right:30px;flex-shrink:0;padding:0;background:transparent}.page-header .logo img{display:block;width:auto;height:100%}.page-header .header-nav{font-size:16px;display:flex;flex:1}.page-header .menus{position:static;height:80px;font-size:inherit;width:auto;flex:1;justify-content:center;padding:0}.page-header .menus:after,.page-header .menus:before{display:none}.page-header .menus .menu{margin-right:30px;position:relative}.page-header .menus .menu:last-child{margin-right:0}.page-header .menus .nav-icon{display:block;width:24px;height:24px;margin:0 10px 0 0}.page-header .actions{position:static;height:80px;padding:0;margin-left:30px}.page-header .actions .action{display:block;width:64px;height:36px;border:0 none;text-align:center;line-height:36px;border-radius:20px;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-header .actions .action:hover{background:#fafafa;color:#737373}.page-header .actions .action.login{color:#333;margin-right:20px;background-color:#f5f5f5;border:0 none}.page-header .actions .action.register{color:#fff;background-color:#333}.page-header .actions .action.register:hover{background:#2b2b2b}.page-header .header-right{font-size:16px}}.page-footer{padding:50px 0 126px;background:#f8fcfe}.page-footer .container{max-width:1200px;box-sizing:content-box;padding-left:20px;padding-right:20px;margin:0 auto}.page-footer a{color:#333}.page-footer a:hover{color:#ff5532}.page-footer .slogan{font-size:14px;text-align:center;margin-bottom:48px}.page-footer .about{display:flex;font-size:12px;font-weight:400;color:#333;line-height:1.4;margin-bottom:14px}.page-footer .about h3{width:85px;font-size:12px;font-weight:600;flex-shrink:0}.page-footer .about ul{flex:1;display:flex;flex-wrap:wrap}.page-footer .about ul li{width:80px;margin:0 30px 10px 0;flex-shrink:0}.page-footer .download{display:block;font-size:20px;font-weight:400;color:#333;align-items:center;line-height:1.4;margin-bottom:10px}.page-footer .download h3{width:100%;font-size:12px;font-weight:400;color:#a0c5d2;position:relative;text-align:center;margin-bottom:25px;overflow:hidden}.page-footer .download h3:after,.page-footer .download h3:before{content:"";width:100%;height:1px;background:#d5f2fc;border-radius:1px;position:absolute;top:50%}.page-footer .download h3:before{right:50%;margin-right:35px}.page-footer .download h3:after{left:50%;margin-left:35px}.page-footer .download .app-list{display:flex;width:100%;flex-wrap:wrap;justify-content:space-evenly}.page-footer .download .app-list li{width:80px;white-space:nowrap;position:relative;text-align:center;box-sizing:border-box;font-size:12px;font-weight:400;color:#333;line-height:17px;margin:0 0 16px;flex-shrink:0}.page-footer .download .app-list li img{display:block;width:40px;height:40px;margin:0 auto 8px}.page-footer .download .app-list li .qrcode{position:absolute;left:0;top:0;display:none}.page-footer .copyright{font-weight:400;text-align:center;font-size:9px;color:#a0c5d2;line-height:15px}.page-footer .copyright a{color:#a0c5d2}.page-footer .copyright a:hover{color:#ff5532}.page-footer .copyright .jgbei{width:10px}.page-footer .two-line{display:inline-flex;flex-direction:column;line-height:1.5;margin:.5rem 1rem .5rem 0}.page-footer.page-rdc,.page-footer.page-sinology{background:#fffbf0}.page-footer.page-rdc a:hover,.page-footer.page-sinology a:hover{color:#ff5532}.page-footer.page-rdc .download h3,.page-footer.page-sinology .download h3{color:#e0c39e}.page-footer.page-rdc .download h3:after,.page-footer.page-rdc .download h3:before,.page-footer.page-sinology .download h3:after,.page-footer.page-sinology .download h3:before{background:#ffeace}.page-footer.page-rdc .copyright,.page-footer.page-rdc .copyright a,.page-footer.page-sinology .copyright,.page-footer.page-sinology .copyright a{color:#e0c39e}.page-footer.page-rdc .copyright a:hover,.page-footer.page-sinology .copyright a:hover{color:#ff5532}.page-footer.page-rdc .copyright .jgbei,.page-footer.page-sinology .copyright .jgbei{width:10px}.page-footer.page-book,.page-footer.page-gnosis,.page-footer.page-phonics{background:#f8f9ff}.page-footer.page-book .download h3,.page-footer.page-gnosis .download h3,.page-footer.page-phonics .download h3{color:#bac0dc}.page-footer.page-book .download h3:after,.page-footer.page-book .download h3:before,.page-footer.page-gnosis .download h3:after,.page-footer.page-gnosis .download h3:before,.page-footer.page-phonics .download h3:after,.page-footer.page-phonics .download h3:before{background:rgba(186,192,220,.3)}.page-footer.page-book .copyright,.page-footer.page-book .copyright a,.page-footer.page-gnosis .copyright,.page-footer.page-gnosis .copyright a,.page-footer.page-phonics .copyright,.page-footer.page-phonics .copyright a{color:#bac0dc}.page-footer.page-book .copyright a:hover,.page-footer.page-gnosis .copyright a:hover,.page-footer.page-phonics .copyright a:hover{color:#ff5532}.page-footer.page-book .copyright .jgbei,.page-footer.page-gnosis .copyright .jgbei,.page-footer.page-phonics .copyright .jgbei{width:10px;margin-bottom:2px}@media screen and (min-width:1024px){.page-footer{padding:50px 0 188px}.page-footer .container{max-width:1142px}.page-footer .slogan{font-size:24px;margin-bottom:50px}.page-footer .about{font-size:20px;align-items:center;margin-bottom:65px}.page-footer .about h3{width:158px;font-size:22px}.page-footer .about ul{align-items:center}.page-footer .about ul li{width:auto;margin:0 56px 0 0}.page-footer .download{display:flex;margin-bottom:65px}.page-footer .download h3{width:158px;font-size:22px;font-weight:600;color:#333;text-align:left;align-self:baseline;margin:33px 0 0}.page-footer .download h3:after,.page-footer .download h3:before{display:none}.page-footer .download .app-list{display:flex;width:0;flex:1;justify-content:flex-start;margin-left:-15px}.page-footer .download .app-list li{width:109px;white-space:nowrap;position:relative;text-align:center;font-size:14px;color:#555;line-height:22px;margin:0 0 15px 0}.page-footer .download .app-list li img{display:block;width:79px;height:79px;margin-bottom:20px}.page-footer .download .app-list li .qrcode{position:absolute;left:50%;top:0;transform:translate(-50%);display:none}.page-footer .download .app-list li a{display:block}.page-footer .download .app-list li a:hover{text-decoration:none}.page-footer .download .app-list li a:hover .qrcode{display:block}.page-footer .copyright{font-size:12px;line-height:24px}.page-footer .copyright .jgbei{width:12px}.page-footer.page-book .download h3,.page-footer.page-gnosis .download h3,.page-footer.page-phonics .download h3,.page-footer.page-rdc .download h3,.page-footer.page-sinology .download h3{color:#333}}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:middle;background:transparent;box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei}em,h1,h2,h3,h4,h5,h6,i{font-weight:100;font-style:normal}li,ol,ul{list-style-type:none}a{color:#666;outline:0}a,a:hover{text-decoration:none}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIntransform{0%{width:128px;height:128px;border-radius:100%;box-shadow:0 3px 16px 0 #1c000000;opacity:1}to{width:260px;height:280px;border-radius:18px;opacity:1}}@keyframes reverseTransform{0%{width:260px;height:280px;border-radius:18px;opacity:1}to{width:128px;height:128px;border-radius:100%;box-shadow:0 3px 16px 0 #1c000000;opacity:0}}.fadeIn{animation-name:fadeIn;animation-fill-mode:forwards}.fadeIn,.zoomIn{animation-duration:1s}.zoomIn{animation-name:zoomIn;animation-fill-mode:forwards}.fadeInUp{animation-duration:1s;animation-name:fadeInUp;animation-fill-mode:forwards}.zoomIntransform{animation-duration:.73s;overflow:visible;animation-name:zoomIntransform;animation-duration:.4s;animation-fill-mode:forwards}.reverseTransform{overflow:visible;animation-name:reverseTransform;animation-duration:.46s}#app{width:100%}#J_xiaomi_dialog .J_weaklogo{display:none}img,video{max-width:100%;height:auto}.wrapper{margin-left:auto;margin-right:auto;box-sizing:border-box;max-width:1200px;overflow:hidden;padding-left:1.25rem;padding-right:1.25rem}.header{position:sticky;top:0;z-index:40;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mx-auto{margin-left:auto;margin-right:auto}