.page-header{position:relative;z-index:99;height:50px}.page-header .logo{display:block;height:22px;padding:7px 11px;border-radius:0 0 10px 10px;position:absolute;left:20px;top:100%;background:#fff;z-index:1}.page-header .logo img{display:block;width:auto;height:100%}.page-header a{color:#555}.page-header a.router-link-exact-active,.page-header a:hover{color:#00bcff}.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:13px;top:0;left:0}.page-header .menus .menu{white-space:nowrap;font-weight:400;color:#555;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{background:repeating-linear-gradient(270deg,hsla(0,0%,100%,0),#fff);left:0}.page-header .menus:after,.page-header .menus:before{content:"";width:20px;height:100%;position:absolute;top:0}.page-header .menus:after{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,0),#fff);right: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;width:56px;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}.page-header .actions .action.login{margin-right:10px}.page-header .actions .action.register{background:#fff;color:#00bcff}.page-header .header-right{font-size:13px;color:#555}.page-header .header-right a{color:#00bcff}.page-header.page-header-rdc a.router-link-exact-active,.page-header.page-header-rdc a:hover,.page-header.page-header-sinology a.router-link-exact-active,.page-header.page-header-sinology a:hover{color:#ff6000}.page-header.page-header-rdc .actions .action.login,.page-header.page-header-sinology .actions .action.login{background:#fff;color:#ff6000}.page-header.page-header-rdc .actions .action.register,.page-header.page-header-sinology .actions .action.register{border-color:#ff6000;background:#ff6000;color:#fff}.page-header.page-header-rdc .header-right a,.page-header.page-header-sinology .header-right a{color:#ff6000}.page-header.page-header-book .actions .action.register,.page-header.page-header-book a.router-link-exact-active,.page-header.page-header-book a:hover{color:#275ef8}.page-header.shadow{box-shadow:0 0 10px rgba(0,0,0,.1);position:sticky;top:0;padding:0 20px;box-sizing:border-box}.page-header.shadow .header-center{height:100%;display:flex;align-items:center;justify-content:space-between}.page-header.shadow .header-center .logo{position:static;padding:0}@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 .logo{position:static;display:block;height:35px;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}.page-header .menus{position:static;height:80px;font-size:inherit;width:auto}.page-header .menus:after,.page-header .menus:before{display:none}.page-header .menus .menu{margin-right:30px;position:relative}.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}.page-header .actions .action{display:block;width:83px;height:29px;border:1px solid #00bcff;text-align:center;line-height:29px;border-radius:20px;color:#00bcff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-header .actions .action:hover{background:#e5f8ff}.page-header .actions .action.login{margin-right:15px}.page-header .actions .action.register{color:#fff;background-color:#00bcff}.page-header .actions .action.register:hover{background:#00b1f0}.page-header .header-right{font-size:16px}.page-header .nav-hot{background:url(https://s04.cdn.ipalfish.com/kid/img/hot.c2082d8c.png) no-repeat;background-size:contain;position:absolute;width:64px;height:24px;top:-25px;left:55%;transform:translateX(-50%);line-height:20px;text-align:center;color:#fff;font-size:12px}.page-header.page-header-rdc .actions .action,.page-header.page-header-sinology .actions .action{border:1px solid #ff6000;color:#ff6000}.page-header.page-header-rdc .actions .action:hover,.page-header.page-header-sinology .actions .action:hover{background:#ffefe5}.page-header.page-header-rdc .actions .action.register,.page-header.page-header-sinology .actions .action.register{color:#fff;background-color:#ff6000}.page-header.page-header-rdc .actions .action.register:hover,.page-header.page-header-sinology .actions .action.register:hover{background:#ff6a0f}.page-header.page-header-rdc .actions .action.register:active,.page-header.page-header-sinology .actions .action.register:active{background:#f05a00}.page-header.page-header-book .actions .action{border:1px solid #275ef8;color:#275ef8}.page-header.page-header-book .actions .action:hover{background:#fff}.page-header.page-header-book .actions .action.register{color:#fff;background-color:#275ef8}.page-header.page-header-book .actions .action.register:hover{background:#3669f8}.page-header.page-header-book .actions .action.register:active{background:#1853f8}}.page-footer{padding:50px 0 126px;background:#f2fcff}.page-footer .container{max-width:1200px;box-sizing:content-box;padding-left:20px;padding-right:20px;margin:0 auto}.page-footer a:hover{color:#00bcff}.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:#555;line-height:17px;margin:0 10px 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:#00bcff}.page-footer.page-rdc,.page-footer.page-sinology{background:#fffaea}.page-footer.page-rdc a:hover,.page-footer.page-sinology a:hover{color:#ff6000}.page-footer.page-rdc .download h3,.page-footer.page-sinology .download h3{color:#e2c7a4}.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:#e2c7a4}.page-footer.page-rdc .copyright a:hover,.page-footer.page-sinology .copyright a:hover{color:#ff6000}.page-footer.page-book{background:#eef2ff}.page-footer.page-book .download h3{color:#96a9e6}.page-footer.page-book .download h3:after,.page-footer.page-book .download h3:before{background:#cedaff}.page-footer.page-book .copyright,.page-footer.page-book .copyright a{color:#96a9e6}.page-footer.page-book .copyright a:hover{color:#00bcff}@media screen and (min-width:1024px){.page-footer{padding:50px 0 188px}.page-footer .container{max-width:1142px}.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;margin: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}.page-footer .download .app-list li{width:96px;white-space:nowrap;position:relative;text-align:center;font-size:16px;font-weight:600;color:#555;line-height:22px;margin:0 50px 0 0}.page-footer .download .app-list li img{display:block;width:100%;height:auto;margin-bottom:20px}.page-footer .download .app-list li .qrcode{position:absolute;left:0;top:0;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.page-book .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%}