*{margin:0;padding:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}::-webkit-scrollbar{display:none}.el-message--success{background:#fff!important}.quit2{position:fixed;top:13.1vw;right:7.4vw;font-size:40px;z-index:1000!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAAyCAYAAACd13PPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlEQTA5NDRBOEYxMzExRUNCOUMyRDAyNzJFNzUyNkYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlEQTA5NDRCOEYxMzExRUNCOUMyRDAyNzJFNzUyNkYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OURBMDk0NDg4RjEzMTFFQ0I5QzJEMDI3MkU3NTI2RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OURBMDk0NDk4RjEzMTFFQ0I5QzJEMDI3MkU3NTI2RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz60pPC9AAAFR0lEQVR42uxdT0gUYRT/NBXbSg1XIoustEJvav8oVuxQGkGQHergLTK6GXTKc9IlskvQniI2vEmHAq1bpiUkEYRbppUVgqyWWm5q5vae+4a+xpmd2ZnZ5t/3gx877M7szHzvN9977/s3WYlEglmE9cBSYBBYBNwAzAfmANcwASuwDPwFnAd+B04DJ4HjwB9WnCDLpCBQBLuB5cCNwl624htwFDhsRhxGBVEMrAbuwP8QtnAU0KAfgC+BU5kWxFrgAaoVBJwPrC0GgD8zIYidwDpgnihnV2ER+AT43ipBZAMPAatE2boaQ8B+CkwNCyIXeBS4VZSnJ/AF+JgylbQFgeniCeAmUY6ewgTwIXBJzR2ofd8oxOBJoE0b1GyvJgiMGUpF2XkWW8jGugRRLgJIX6CKbJ1SEAFgSJSVbxAim6sK4qBoZ/AV8sjmioLATqkKUUa+QwXZfpUgakTZ+BY1ckFgr2WZKJeMoxZ4xYHXhbbH4QorjU+IXcw/vZZ486eAEZYcS8BDr7HuAccMnDvo0AcPbb8H+IIXhN04B9xv8NjXwDBwQce+kiEvAW/IRIHGGtQwdhMZVm2fSorewwbuowXYC4zaUP7lkiDQXRTZLIaTJIZnLDkSSG9tlaBIuR54BnhX53EdVBugKK4C4zLB9GgIIhW2kWsw6lLGbBJEIbAABeGEFslK+rxj8Ph6AxlSB4mhWfY0r+Oux28oRUGUOOBCpCcUx17+NvgfSwbOiaIIyL5vIPoRxTlUVTgpuDGCawYEwVTigC4Nl3Hbw4IoxLSzwKUXH6CgEDMGHEP4WWS1prESQ+S79OJxkAcO+Gik7Qc6Y5VWhVgiKss0rHAZSoFlSYrfnIC8HObevgsUwXXgEeBZalO5r8NFhGVpXkBBNEGN/4jTPpMp4qEWjfRSK56yTRBuAKbG1RR0LssCya8sOdz8OEuOCu/UKOxBjXN1czFErcL+ZWTQOWC7wvG9RCU0UNp6wakFjYJYdEEtsZnSQzXMculnp4UxShMZMUy1QYi+QxcTUXETDSpC0etmzBxvutZFQcy7QBAjwDaqIfhBoHNkuMtcPGBlKiy1U7SRq6gkIajVAGabpu1u2l7IoafL6ZlGQsVfI86zZEsrZhxvMtA+EuZqip4UYvACZlEQM8ydw+wxO7pJ2xhcDlv8/5VUhcepbWKMCwa7PCqIGRREzMU38Ar41CIxSJlFHfvbX8H3awySS2olNxXxoCCmUBDjLr14jH1u0fYxqukG0gwaeTTSZ4wyjaiCm4pyoojqyFjchnEUBE4dn2b29nhmc2mkEZyme9AriBAFi3FyAxESQXeKWIUXRTszNh7C0e5CiiEQ74D77GwQ4dJgo6LQO8O5mQQhZQu19F2MnvhPtK0kjDKqWeJ0XICOkTcmafV3OLE/ZFQygJTW7WX2jZrqpcD2YhqG5dtS0H3068zzQ+zf5upB2m6k35vSOPekLOvo1VHDaAWydkyDwCzuLW7wczvRD29n3kdQh9ECKu0BYyyzTctmRluZwUfgI7kggmk+HQLeQZf0kGTLqr8RUTa+wwhfY8pnbj1nyb4NAX9gkWzO1AQRZ95umhVYHczHUwlCSj+GRFl5HlEp1dQSBKMUblyUmWeBtu1T+kFNEDgIBVvtJkTZeQ4TZFvFxcfEomP+gqlFx/ha5DDz7+QVL8UMfczksoQ8xMKl7k0tLV24lIdY2thdyOjSxjzE4ufOxX9d/FwO6fUIONG2SNjCVuB4kBFm0+sR1MSBM8lxdhLOF5VeoJKbIr0VSA/yF6jgoJYYs/AFKn8EGAAAV0g2hO2RSQAAAABJRU5ErkJggg==);width:5rem;height:2rem;background-size:100%}.login{background:url(../img/loginbg.c3075138.png) no-repeat;background-size:100% 100%}.bgvideo,.login{width:100vw;height:100vh}.login-main{width:30vh;position:fixed;left:50%;top:35vh;margin-left:-15vh}.login-main .shuaxin{margin-top:10px;font-size:12px;color:#fff;text-align:center}.login-main .qr{display:block;width:30vh;height:30vh;margin:0 auto}.login-main .login-btn{color:#fff;background:hsla(0,0%,100%,.4);border:1px solid #fff;border-radius:.6rem;font-size:.9rem;line-height:2.8rem;margin-top:10vh}.login-main .login-btn2{color:#fff;border-radius:.6rem;line-height:2rem;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);font-size:20px;margin-top:5vh;display:block;opacity:.9}.login-main .flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.login-main .block{padding:0;margin-top:3%;border-radius:6px;background-color:hsla(0,0%,100%,.3);width:30%;color:#fff}.login-main .btn2{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAABACAYAAAAaupWpAAADrklEQVR4Xu2bP6hURxTGf5+CWAiKhVgIsQgoiiCmsPDBi4JgGtEmjRAULKwsrbU1lV0qUWzERrAwRQoVXooU/isEJQhCGisRsRBBj4zeB8uiu2tmdmd37jewbLF3z5nznd/OnDn3rvCwApkKKPP7/roVwBAZgmwFDFG2hDZgiMxAtgKGKFtCGzBEZiBbAUOULaENGCIzkK2AIcqW0AYMkRnIVsAQZUtoA4bIDGQrYIiyJbQBQ2QGshUwRNkS2oAhMgPZChiibAltwBCZgWwFDFG2hDbQW4giYhNwB9g7AwweAXeBC5Jez8DfTF30EqIhgC4B007sz8AykGBalvRmplmesrPeQTQE0ClJV6as8WfzEXEMuAmck/T7LHzOykevIKoF0GoyIyJtaa8lJaCaGb2BqDZA3WqUINolaUszBEE//jI0DwAZogX+2eQCFBE/ApeB3yS9GJYiIrYDV4HTkv4dJVW3nXklWiSeCgC0FngC7ACeA0uSXg7UONuAFeAH4BmwW9KHb2lkiBaJni+nocE+0P8+hUXEPuAvYDPwFDiYQIqIrV2faSfwCjgs6YFXogUDZcQvvghAAyvOMEi/AjeAiQFyTbRAcJVagb5S+ySQ7gEbgPfAOuBt1zwcuQINHfFdE807T13dkbrD6RbD+ZLzjYijXcNwDfAROC7p1qQ+XBNNqlTl6yIi3QtL/Zjo6pd0qyF7DNVAq/ZSjXRAUqqJxg5DNFai+bmgNEgRkYrqv7saKG1h54CL3daWtrJUVI8FyRDNDyMTzaQUSB1A6XSWaqIE0C+SViJiCfjze0AyRBOlbr4uygUpIlKf6B/gp0GABgrlg8BtYD1wH9jvPtF8MVBkNgVAOgH8sboCfeXUdgS4DpyRlN6/ObwSFUlpHSMFQNo8quZJbYVJHjYzRHXyX8xrLkglJmKISqhY2UZtkDqIPko6VFmKou578zzRQDE8lT7SuKx0d/sfAtcknR13/SJ93juIUnKGVqSTM3jGOoGbuudJ7z2S/lskSMbNtZcQDYG0cZxIhT5/DJyUVKSDXmhORcz0FqIOpNTfSa9pj3eS3k3bSS37vYaoluit+TVErWW0QjyGqILorbk0RK1ltEI8hqiC6K25NEStZbRCPIaoguituTRErWW0QjyGqILorbk0RK1ltEI8hqiC6K25NEStZbRCPIaoguituTRErWW0QjyGqILorbk0RK1ltEI8hqiC6K25NEStZbRCPIaoguituTRErWW0QjyfABM4SVBuseHoAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.login-main .tab{text-align:center;font-size:.9rem;color:#fff;margin-top:.5rem}.login-main .input-box{margin:0 .25rem 1.2rem;border-bottom:1px solid hsla(0,0%,100%,.3)}.login-main .input-box input{color:#fff;width:100%;border:none;height:2.5rem;font-size:19px;background:none}.rain .redend .redend-box{padding:1rem 2rem}.rain .redend .redend-box .title{margin:1rem auto 1.5rem}.course-item{border:.1rem solid rgba(87,110,152,.43137254901960786);padding:1.5rem;background:rgba(33,40,56,.4);border-radius:1rem;color:#fff;margin-bottom:.69rem;overflow:hidden;overflow-x:scroll;white-space:nowrap;position:relative}.course-item h2{margin-bottom:.4rem;font-size:1.39rem}.course-item p{font-size:.9rem;margin-bottom:.35rem;overflow:hidden}.course-item .times{overflow-x:scroll;padding:.5rem}.course-item .times .times-item{float:left;width:1.736rem;height:1.736rem;margin-right:1.04rem;margin-top:1.04rem;line-height:1.736rem;background:#1e2633;border:1px solid rgba(87,110,152,.396078431372549);border-radius:50%;font-size:.83rem;text-align:center;position:relative;color:#576e98}.course-item .times .times-item .hui{width:1.67rem;height:1.67rem;border-radius:50%;background:#f3376d;position:absolute;right:-.5rem;bottom:-.5rem;-webkit-transform:scale(.35);transform:scale(.35);color:#fff;z-index:11}.course-item .times .times-item2{background:#576e98;color:#fff}.course-item .times .seleced{width:2.43rem;height:2.43rem;line-height:2.46rem;border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-1.215rem;margin-left:-1.215rem;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);z-index:10;color:#fff;font-size:1.214rem}.course-item .times::-webkit-scrollbar{display:none}.course-item .classbtn{width:4.375rem;height:2rem;border-radius:1.736rem;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);font-size:.764rem;position:absolute;top:1.91rem;right:1.041rem}@keyframes wordsLoop{0%{transform:translateX(0);-webkit-transform:translateX(0)}to{transform:translateX(-100%);-webkit-transform:translateX(-100%)}}@-webkit-keyframes wordsLoop{0%{transform:translateX(0);-webkit-transform:translateX(0)}to{transform:translateX(-100%);-webkit-transform:translateX(-100%)}}.top_trtc{top:10%;z-index:999}.live,.top_trtc{position:absolute}.live{width:2rem;height:1rem;right:1vw;top:12.1vw;z-index:99;img{width:1.5rem}}.home{background:#1d2431;height:100vh}.home .header{width:100vw;height:28.7vw;position:fixed;top:0;z-index:100;padding-top:1px}.home .header .bg{width:100%;height:100%;position:absolute;top:0}.home .header .quit{width:5rem;height:2.2rem;top:11.1vw}.home .header .quit,.home .header .setting{border-radius:4.6rem;text-align:center;color:#fff;font-size:.9rem;background:hsla(0,0%,100%,.4);position:absolute;right:7.4vw;z-index:10}.home .header .setting{width:3rem;height:1.5rem;top:22.1vw}.home .header .teacher-head{width:30vw;position:relative;margin:2.9rem auto 0;z-index:10}.home .header .teacher-head .teacher-img{width:10vw;height:10vw;border-radius:50%;margin:0 auto;border:2px solid hsla(0,0%,100%,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .header .teacher-head img{display:block;width:10vw;height:10vw}.home .header .teacher-head .name{font-size:1.1rem;color:#fff;text-align:center;margin-top:.6rem}.home .main{width:85vw;height:100vh;padding-top:28.7vw;overflow-y:scroll;margin:0 auto}.home .main .course-list{padding-top:1.5rem}.home .main .course-list img{width:100%;margin-bottom:1rem}.home .main::-webkit-scrollbar{display:none}.home .btn.quit{top:6vw}.version{position:fixed;right:10px;bottom:20px}.switch-btn{height:2.2rem;border-radius:4.6rem;text-align:center;color:#fff;padding:0 1rem;font-size:.9rem;background:hsla(0,0%,100%,.4);position:absolute;right:7.4vw;z-index:10;top:14vw}.student-item{width:22.66vw;margin-bottom:2.5rem}.student-item .name{text-align:center;font-size:.833rem;color:#fff;margin-bottom:.347rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-item .info{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:.3rem;padding-bottom:.2rem;margin-right:-.8rem}.student-item .info,.student-item .info .info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-item .info .info-item{height:1.04rem;line-height:1.08rem;padding:0 .28rem 0 1rem;border-radius:1.04rem;background:#3d4358;font-size:.764rem;color:#fff;position:relative;margin-right:.7rem}.student-item .info .info-item img{width:1.38rem;height:1.38rem;margin-left:-1.4rem;position:absolute}.student-item .signbtn{height:1.736rem;border-radius:1.7rem;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);color:#fff;font-size:.764rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-item .signbtn img{width:.9rem}.student-item .signbtn2{height:1.736rem;border-radius:1.7rem;background:-webkit-gradient(linear,left top,right top,from(#ffc107),to(#ffeb3b));background:linear-gradient(90deg,#ffc107,#ffeb3b);color:#191919;font-size:.764rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-item .signbtn2 img{width:.9rem}.no_verify_student{-webkit-box-shadow:0 0 60px #ffeb3b;box-shadow:0 0 60px #ffeb3b;border-radius:70px}.student-item2{width:5.069rem}.head-box .head-mas{width:100%;height:100%;border-radius:50%;border:2px solid hsla(0,0%,100%,.4);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.head-box .head-mas img{width:100%}.head-box .dan{position:absolute;right:0;bottom:0;width:1.3rem;-webkit-animation:animdan 1.5s ease infinite;animation:animdan 1.5s ease infinite}.phone{font-size:1rem;color:#fff;text-align:center;margin-left:-.8rem;margin-top:.4rem}.cancel-sign{width:100vw;height:100vh;position:fixed;background:rgba(0,0,0,.4);z-index:-10;opacity:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;overflow:hidden}.cancel-sign,.cancel-sign .student-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cancel-sign .student-box{width:16.319rem;height:16.458rem;padding-top:2rem;background:url(../img/bg.c9fd1a56.png) no-repeat;background-size:100% 100%}.cancel-sign-anim{width:100vw;height:100vh;left:0;top:0;z-index:1000;opacity:1;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.student-item3{width:22.66vw;margin-bottom:2.5rem}.student-item3 .name{text-align:center;font-size:.833rem;color:#fff;margin-bottom:.347rem}.student-item3 .info{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:.3rem;padding-bottom:.2rem}.student-item3 .info,.student-item3 .info .info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-item3 .info .info-item{height:1.04rem;line-height:1.08rem;padding:0 .28rem 0 1rem;border-radius:1.04rem;background:#3d4358;font-size:.764rem;color:#fff;position:relative;margin-right:.7rem}.student-item3 .info .info-item img{width:1.38rem;height:1.38rem;margin-left:-1.4rem;position:absolute}.student-item3 .signbtn{height:1.736rem;border-radius:1.7rem;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);color:#fff;font-size:.764rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-item3 .signbtn img{width:.9rem}.cancel-student{width:13.9rem}.cancelbtn{margin-top:1.875rem}.head-box{width:4.166rem;height:4.166rem;margin:0 auto .49rem;position:relative}.head-box .head-mask{width:100%;height:100%;border-radius:50%;border:2px solid hsla(0,0%,100%,.4);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.head-box .head-mask img{width:100%}.head-box .crown{position:absolute;width:3.33rem;height:3.045rem;left:-.6rem;top:-1.4rem}.anim-video{left:0;top:0;position:fixed;background:rgba(0,0,0,.5)}.anim-video,.anim-video video{width:100vw;height:100vh;z-index:100}.anim-video video{position:relative}.dialog_btn{font-size:36px;background-color:#9fe0a2;width:27%;height:76px;border-radius:50px;border:1px solid #9fe0a2}.dialog_text{line-height:150px}.no_verify_dialog{position:fixed;top:40%;background:#eee;z-index:999;width:60%;text-align:center;left:20%;height:273px;border-radius:50px}.guize-box{position:fixed;width:100vw;height:100vh;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.guize-box .guize{width:24.58rem;height:28.43rem;background:#283344;border-radius:1.11rem;border:.2rem solid #283344;padding:1.736rem 2.77rem}.guize-box .guize .title{font-size:.972rem;text-align:center;color:#fff;margin-bottom:1.736rem}.guize-box .guize .g-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:.833rem;margin-bottom:1.436rem;position:relative}.guize-box .guize .g-item .icon{width:2.78rem;height:1.9rem;margin-right:1.041rem}.guize-box .guize .g-item .icon1 img{width:100%;height:100%;margin-top:-.3rem}.guize-box .guize .g-item .icon2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.guize-box .guize .g-item .icon2 img{margin-top:0}.guize-box .guize .g-item .beizhu{color:hsla(0,0%,100%,.6);font-size:.694rem;position:absolute;left:3.8rem;top:1.7rem}.student{background:#1d2431;height:100vh}.student .header{width:100vw;height:28.7vw;position:fixed;top:0;z-index:100;padding-top:1px}.student .header .bg{width:100%;height:100%;position:absolute;top:0;z-index:0}.student .header h1,.student .header p{position:relative;z-index:1;text-align:center;color:#fff}.student .header h1{font-size:1.25rem;margin-top:3.26rem;line-height:1.736rem}.student .header p{font-size:.833rem}.student .header .class-btns{position:absolute;right:2.78rem;top:2.78rem;width:4.58rem;z-index:100}.student .header .class-btns img{display:block;width:100%;margin-bottom:.55rem}.student .header .class-btns p{text-align:left;padding-left:1.3rem;text-decoration:underline;margin-bottom:.5rem}.student .main{width:85vw;height:100vh;padding-top:28.7vw;margin:0 auto}.student .main .guize{text-align:right;line-height:1.15rem;color:#fff;font-size:.833rem;opacity:.6}.student .main .guize span{display:inline-block}.student .main .sign-list{padding-top:1.98rem}.student .main .sign-item{float:left}.student .main .sign-list1 .sign-item{margin-right:8.5vw}.student .main .sign-list2 .sign-item{margin-right:3.86rem}.student .main .sign-list1 .sign-item:nth-child(3n),.student .main .sign-list2 .sign-item:nth-child(4n){margin-right:0}.student .main .stitle{width:100%}.music{background:#1d2431;height:100vh}.music .header{width:100vw;height:12.5rem;position:fixed;top:0;z-index:95;padding-top:1px}.music .header .bg{width:100%;height:100%;position:absolute;top:0}.music .header .quit{width:5rem;height:2rem;position:absolute;right:7.4vw;top:11.1vw;z-index:10}.music .header .quit img{width:100%}.music .header2{width:100vw;position:fixed;top:0;z-index:95;padding-top:1px;background:#1d2431}.music .header2 .bg{width:100%;height:100%;position:absolute;top:0}.music .header2 .quit{width:5rem;height:2rem;position:absolute;right:7.4vw;top:11.1vw;z-index:10}.music .header2 .quit img{width:100%}.music .header2 .btn2{position:absolute;right:8.2rem;top:11.3vw;width:1.736rem;z-index:10}.music .header2 .btn2 img{width:100%;display:block}.music .header2 .tabbtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:31.94rem;margin:7.29rem auto 0}.music .header2 .tabbtn img{width:15.69rem}.music .main{height:100vh;padding-top:14.2rem;overflow-y:scroll;margin:0 5.17rem}.music .main .music-list{width:24.3rem;margin:0 auto}.music .main .music-list .item{padding:.694rem;padding-bottom:1.041rem;font-size:.833rem;color:#fff;border-bottom:1px solid #343d4e}.music .main .music-list .item .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.music .main .music-list .item img{width:.83rem;height:.83rem}.music .main .music-list .item .player{width:26.39rem;height:7.882rem;background-color:#212838;border-radius:1.11rem;margin-left:-1.6rem;border:2px solid #283344;margin-top:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.25rem}.music .main .music-list .item .player .left{margin-right:.83rem;position:relative}.music .main .music-list .item .player .left .receiver{position:absolute;right:-.2rem;top:.3rem;width:1.768rem;height:3.4rem;-webkit-transform-origin:95% 5%;transform-origin:95% 5%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-transition:all .5s;transition:all .5s}.music .main .music-list .item .player .left .rotate{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .5s;transition:all .5s}.music .main .music-list .item .player .pan{width:6.28rem;height:6.28rem}.music .main .music-list .item .player .right .title{margin-bottom:1.041rem}.music .main .music-list .item .player .operating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.798rem}.music .main .music-list .item .player .operating img{width:1.39rem;height:1.39rem;margin-right:1.736rem}.music .main .music-list .item .player .operating img:last-child{margin-right:0}.music .main .music-list .item .player .operating .stop{width:1.736rem}.music .main .music-list .item .player .jindu-box{padding:.4rem 0}.music .main .music-list .item .player .jindu{width:16.319rem;height:2px;border-radius:2px;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);position:relative}.music .main .music-list .item .player .jindu .dbox{width:0;height:0;position:absolute}.music .main .music-list .item .player .jindu .dian{position:absolute;margin-left:-.3125rem;margin-top:-.3rem;width:.625rem;height:.625rem;border-radius:50%;border:2px solid #fff;background:#f3376d}.music .main .music-list .item .player .times{margin-top:-.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.694rem}.music .main .music-list .item .player .times .num{color:hsla(0,0%,100%,.6);line-height:.937rem}.music .main .music-list .item .player .times .speed{background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);width:2.187rem;height:.937rem;text-align:center;line-height:.937rem;border-radius:.173rem}.music .main2{width:31.94rem;padding-top:38.7vw;margin:0 auto}.music .tabbtn{margin:0 2.3rem;margin-bottom:1.4rem}.music .tabbtn .typebtn{width:8.368rem;height:2.5rem;border-radius:.6rem;padding:0 .69rem;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);color:#fff;font-size:.833rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.music .tabbtn .typebtn img{width:1.1rem;margin-right:.486rem}.timing{width:6.037rem;height:11.5rem;padding:.83rem .555rem;background:#303541;border-radius:.6rem;position:fixed;left:.278rem;bottom:4.513rem;-webkit-transition:left .5s;transition:left .5s}.timing .shou{width:.833rem;height:.833rem;position:absolute;right:.555rem;top:.83rem}.timing h3{color:#fff;font-size:.694rem;padding-bottom:.5rem;border-bottom:1px solid #fff;width:2.78rem}.timing .item{margin-top:.83rem}.timing .time{color:#fff;line-height:2.257rem;font-size:1.25rem;font-weight:700}.timing .time-color{color:red;font-size:.972rem}.timing .name{font-size:.694rem;color:hsla(0,0%,100%,.6)}.timing2{left:-4rem;-webkit-transition:left .5s;transition:left .5s}.rotate_bg{-webkit-animation:rotating 3s linear infinite;animation:rotating 3s linear infinite;animation-play-state:running;-webkit-animation-play-state:running}.rotate-pause{animation-play-state:paused;-webkit-animation-play-state:paused}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.anim,.anim .shangping{width:100vw;height:100vh}.anim{position:fixed;top:0;left:0;background:rgba(0,0,0,.556);z-index:100;-webkit-box-shadow:0 0 20px #666 inset;box-shadow:inset 0 0 20px #666}.anim .anim-middle{background:url(../img/kuang.9f4b8658.png) no-repeat;background-size:400vw 1367.5vh;background-position:-3240px -11000px}.anim .anim-before,.anim .anim-middle{width:100vw;height:56.97vh;position:absolute;top:20vw}.anim .anim-before{background:url(../img/kuang2.94d18b74.png) no-repeat;background-size:400vw 1367.5vh;background-position:-3240px -11000px;z-index:3}.anim .uname{position:absolute;text-align:center;width:29vw;z-index:4;height:8vw;line-height:8vw;left:35vw;top:99.2vw;overflow:hidden;padding:0 .4rem}.anim .uname span{display:inline-block;max-width:29vw;color:#fff3c9;font-size:1.5rem;font-weight:700;text-shadow:-3px 3px 0 #ca4805,3px 3px 0 #ca4805,3px -3px 0 #ca4805,-3px -3px 0 #ca4805}.anim-header{position:absolute;width:35.3vw;height:36vw;top:60.2vw;left:32.4vw;z-index:2;overflow:hidden;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.anim-header img{width:100%}.yulan{width:100vw;position:fixed;top:0;opacity:.3}.yulan img{width:1px}.video{background:#000}.video,.video video{width:100vw;height:100vh}.video video{margin:0}.videoarr{background:#1d2431;height:100vh}.videoarr .header{width:100vw;position:fixed;top:0;z-index:95;padding-top:1px;background:#1d2431}.videoarr .header .bg{width:100%;height:100%;position:absolute;top:0}.videoarr .header .quit{width:5rem;height:2rem;position:absolute;right:7.4vw;top:11.1vw;z-index:10}.videoarr .header .quit img{width:100%}.videoarr .header .btn2{position:absolute;right:8.2rem;top:11.3vw;width:1.736rem;z-index:10}.videoarr .header .btn2 img{width:100%;display:block}.videoarr .header .tabbtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:31.94rem;margin:7.29rem auto 0}.videoarr .header .tabbtn img{width:15.69rem}.videoarr .main{width:31.94rem;padding-top:38.7vw;margin:0 auto}.videoarr .main .vlist{overflow:hidden}.videoarr .main .vlist .item{padding:.45rem .347rem;width:10.173rem;height:4.375rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background:#1e2633;border:1px solid #283344;border-radius:.555rem;float:left;margin-right:.69rem;margin-bottom:.69rem;color:#fff;font-size:.833rem}.videoarr .main .vlist .item p{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.videoarr .main .vlist .item:nth-child(3n){margin-right:0}.videoarr .main .vlist .item:active{background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e)}.videoarr .video-alert{background:rgba(0,0,0,.4);position:fixed;z-index:100;top:0;left:0;height:100vh;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.videoarr .video-alert .dialog{padding:1.2rem;background:#212838;border:1px solid #283344;min-height:15rem;width:31.944rem;border-radius:1.2rem;color:#fff}.videoarr .video-alert .dialog .title{font-weight:700;font-size:.972rem;margin-bottom:.694rem}.videoarr .video-alert .dialog .v2-list{font-size:.833rem;overflow:hidden}.videoarr .video-alert .dialog .v2-list .v2item{width:14.305rem;height:2.534rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;float:left;margin-right:.55rem;margin-bottom:.55rem;background:#1e2633;border:1px solid #283344;border-radius:.35rem}.videoarr .video-alert .dialog .v2-list .v2item:nth-child(2n){margin-right:0}.videoarr .video-alert .dialog .v2-list .v2item:active{background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e)}.videoarr .video-alert2{top:100vh}.btns{position:fixed;right:1.041rem;top:50%;margin-top:-5.1rem;width:1.736rem;z-index:100}.btns img{width:100%;display:block;margin-bottom:1.041rem}.btn-anim{-webkit-animation:animdan 1.5s ease infinite;animation:animdan 1.5s ease infinite}.btn-anim2{-webkit-animation:animdan2 1.5s ease infinite;animation:animdan2 1.5s ease infinite}@-webkit-keyframes animdan2{30%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animdan2{30%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animdan{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}10%{-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}20%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}40%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes animdan{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}10%{-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}20%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}40%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.tips-bg{width:100vw;height:100vh;display:block}.play-list{width:160px;top:50%;left:15px}.play-list img{width:100%}.quit{width:5rem;height:2rem;position:absolute;right:7.4vw;top:11.1vw;z-index:10}.quit img{width:100%}.mask[data-v-f6abb60a]{overflow:hidden;border-radius:50%}.btn[data-v-f6abb60a]{text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s;transition:all .2s}.btn[data-v-f6abb60a]:active{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s;transition:all .3s}.pointer[data-v-f6abb60a]{cursor:pointer}.opacity[data-v-f6abb60a]{opacity:0}.nodata[data-v-f6abb60a]{text-align:center;font-size:.833rem;color:#fff;padding:3.47rem 0}.off[data-v-f6abb60a]{position:fixed;top:0;left:0;background:#000;z-index:100}.off[data-v-f6abb60a],.wechat video[data-v-f6abb60a]{width:100vw;height:100vh}.wechat .wechatbg[data-v-f6abb60a]{width:100vw;height:100vh;display:block}.wechat .next[data-v-f6abb60a]{width:2.4rem;height:2.4rem;position:fixed;right:1.2rem;z-index:100;top:50%}.wechat .student-list[data-v-f6abb60a]{position:fixed;top:32vh;right:20vw;background:-webkit-gradient(linear,left top,left bottom,from(#fceaf2),to(#ef8daa));background:linear-gradient(180deg,#fceaf2,#ef8daa);border-radius:24px;z-index:10}.wechat .student-list .clear[data-v-f6abb60a]{position:absolute;width:1.5rem;height:1.5rem;right:.5rem;top:-2rem}.wechat .student-list .student-box[data-v-f6abb60a]{position:relative;max-width:27.6rem;border:3px solid transparent;-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:24px;z-index:10;display:block;overflow:hidden;overflow-x:scroll}.wechat .student-list .student-box .sign-student[data-v-f6abb60a]{float:left;background:#0f1219;padding:.6rem .8rem;margin:0 -1px}.wechat .student-list .student-box .sign-student .head-box[data-v-f6abb60a]{width:3rem;height:3rem}.wechat .student-list .student-box .sign-student .name[data-v-f6abb60a]{font-size:.6rem;color:#fff;text-align:center}.wechat .student-list .student-box .sign-student .signbtn[data-v-f6abb60a]{width:4rem;height:1.4rem;border-radius:1.7rem;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);color:#fff;font-size:.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wechat .student-list .student-box .sign-student .signbtn img[data-v-f6abb60a]{width:.9rem}.wechat .student-list .student-box .sign-student .phone[data-v-f6abb60a]{font-size:.6rem;color:#fff;text-align:center;margin-left:0;margin-top:.4rem}.wechat .student-list .student-box .sign-student[data-v-f6abb60a]:nth-child(2n){background:#161a23}.wechat .student-list .student-sub[data-v-f6abb60a]{width:.9rem;height:.9rem;background:#ef8daa;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;z-index:9;right:1.8rem;bottom:-.4rem}.wechat .student-list2[data-v-f6abb60a]{top:27vh;right:13vw}.wechat .student-list2 .student-box[data-v-f6abb60a]{max-width:27.8rem;background:#161a23;margin:.1rem}.wechat .student-list2 .student-sub[data-v-f6abb60a]{right:2rem}.camera_outer[data-v-d32e7de6]{position:relative;overflow:hidden;background-size:100%}.camera_outer .btn_camera[data-v-d32e7de6]{position:absolute;bottom:4px;left:0;right:0;height:50px;background-color:rgba(0,0,0,.3);line-height:50px;text-align:center;color:#fff}.camera_outer .bg_r_img[data-v-d32e7de6]{position:absolute;bottom:0;left:0;right:0;top:0}.camera_outer .img_bg_camera img[data-v-d32e7de6]{width:100%;height:100%}.camera_outer .img_bg_camera .img_btn_camera[data-v-d32e7de6]{position:absolute;bottom:0;left:0;right:0;height:50px;line-height:50px;text-align:center;background-color:rgba(0,0,0,.3);color:#fff}.camera_outer .img_bg_camera .img_btn_camera .loding_img[data-v-d32e7de6]{width:50px;height:50px}.btns[data-v-d32e7de6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btns .btn[data-v-d32e7de6]{width:45px;height:20px;line-height:20px;border-radius:5px;border:1px solid #f5f5f5;margin:5px 20px}.content[data-v-d32e7de6]{text-align:center}.posenet[data-v-d32e7de6]{width:400px;position:relative}.posenet img[data-v-d32e7de6]{width:100%}.posenet .dian[data-v-d32e7de6]{position:absolute;background:red;width:4px;height:4px;border-radius:50%;margin-left:-2px;margin-top:-2px}.posenet-video[data-v-d32e7de6]{position:relative;overflow:hidden}.posenet-video .dian[data-v-d32e7de6]{position:absolute;background:red;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;z-index:1000}.ball-main{width:100vw;height:100vh;overflow:hidden}.userlist{position:absolute;top:0;padding-top:20vw;margin-right:5vw;-webkit-box-sizing:border-box;box-sizing:border-box;right:0;z-index:2;width:10vw;height:100vh}.userlist .user{width:10vw;height:10vw;border-radius:50%;background:#cc266a;margin-bottom:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative}.userlist .user .head{width:10vw}.userlist .user .border{width:100%;height:100%;position:absolute;top:0;left:0}.userlist p{margin-bottom:.5rem;width:10vw;color:#fff3c9;text-align:center;font-size:1rem;font-weight:700;overflow:hidden;text-shadow:-1px 1px 0 #ca4805,1px 1px 0 #ca4805,1px -1px 0 #ca4805,-1px -1px 0 #ca4805}.play-btn{width:30vw;height:15vw;top:102vw;left:18vw}.niu,.play-btn{position:absolute}.niu{width:100vw;height:100vh;left:0;top:0;background:url(../img/niu.7461ad19.jpg);background-size:100vw 100vh}.window{position:absolute;left:18vw;top:52vw;z-index:4;width:46.6vw;height:40vw;border-radius:3vw;background:url(../img/window.02d39e36.png) no-repeat;background-size:100% 100%;overflow:hidden}.play-anim{width:20vw;height:10vw}.window2{background:url(../img/2.5c86a6bf.png) no-repeat;background-size:100% 100%;background-position:0 100%;z-index:2}.anim-ball{left:18vw;top:51vw;z-index:3;width:46.6vw;height:41vw;border-radius:38px}.anim-ball,.anim-ball .ball{position:absolute;overflow:hidden}.anim-ball .ball{width:3.5rem;height:3.5rem;border-radius:50%;background:#cc266a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.anim-ball .ball img{width:100%}.anim-ball .ball-0{top:31vw;left:14vw;-webkit-animation:ball_late_0 1.2s linear infinite;animation:ball_late_0 1.2s linear infinite}.anim-ball .ball-1{top:31vw;left:26vw;-webkit-animation:ball_late_1 1.2s linear infinite;animation:ball_late_1 1.2s linear infinite}.anim-ball .ball-2{top:29vw;left:4vw;-webkit-animation:ball_late_2 1.2s linear infinite;animation:ball_late_2 1.2s linear infinite}.anim-ball .ball-3{top:20vw;left:11vw;-webkit-animation:ball_late_3 1.2s linear infinite;animation:ball_late_3 1.2s linear infinite}.anim-ball .ball-4{top:19vw;left:32vw;-webkit-animation:ball_late_4 1.2s linear infinite;animation:ball_late_4 1.2s linear infinite}.anim-ball .ball-5{top:22vw;left:21vw;-webkit-animation:ball_late_5 1.2s linear infinite;animation:ball_late_5 1.2s linear infinite}.anim-ball .ball-6{top:12vw;left:23vw;-webkit-animation:ball_late_6 1.2s linear infinite;animation:ball_late_6 1.2s linear infinite}.anim-ball .ball-7{top:17vw;left:1vw;-webkit-animation:ball_late_7 1.2s linear infinite;animation:ball_late_7 1.2s linear infinite}.anim-ball .ball-8{top:29vw;left:36vw;-webkit-animation:ball_late_8 1.5s linear infinite;animation:ball_late_8 1.5s linear infinite}.anim-ball .ball-9{top:7vw;left:4vw;-webkit-animation:ball_late_9 1.5s linear infinite;animation:ball_late_9 1.5s linear infinite}.anim-ball .ball-10{top:10vw;left:13vw;-webkit-animation:ball_late_10 1.5s linear infinite;animation:ball_late_10 1.5s linear infinite}.anim-ball .ball-11{top:9vw;left:34vw;-webkit-animation:ball_late_11 1.5s linear infinite;animation:ball_late_11 1.5s linear infinite}.ball-stop .ball{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes ball_late_0{25%{-webkit-transform:translate(23vw,-16vw);transform:translate(23vw,-16vw)}40%{-webkit-transform:translate(16vw,-30vw);transform:translate(16vw,-30vw)}75%{-webkit-transform:translate(-14vw,-18vw);transform:translate(-14vw,-18vw)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes ball_late_0{25%{-webkit-transform:translate(23vw,-16vw);transform:translate(23vw,-16vw)}40%{-webkit-transform:translate(16vw,-30vw);transform:translate(16vw,-30vw)}75%{-webkit-transform:translate(-14vw,-18vw);transform:translate(-14vw,-18vw)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes ball_late_1{18%{-webkit-transform:translate(12vw,-6vw);transform:translate(12vw,-6vw)}50%{-webkit-transform:translate(-20vw,-30vw);transform:translate(-20vw,-30vw)}70%{-webkit-transform:translate(-26vw,-12vw);transform:translate(-26vw,-12vw)}}@keyframes ball_late_1{18%{-webkit-transform:translate(12vw,-6vw);transform:translate(12vw,-6vw)}50%{-webkit-transform:translate(-20vw,-30vw);transform:translate(-20vw,-30vw)}70%{-webkit-transform:translate(-26vw,-12vw);transform:translate(-26vw,-12vw)}}@-webkit-keyframes ball_late_2{25%{-webkit-transform:translate(20vw,-28vw);transform:translate(20vw,-28vw)}50%{-webkit-transform:translate(18vw);transform:translate(18vw)}75%{-webkit-transform:translate(2vw,-28vw);transform:translate(2vw,-28vw)}}@keyframes ball_late_2{25%{-webkit-transform:translate(20vw,-28vw);transform:translate(20vw,-28vw)}50%{-webkit-transform:translate(18vw);transform:translate(18vw)}75%{-webkit-transform:translate(2vw,-28vw);transform:translate(2vw,-28vw)}}@-webkit-keyframes ball_late_3{15%{-webkit-transform:translate(-10vw,-6vw);transform:translate(-10vw,-6vw)}50%{-webkit-transform:translate(14vw,-16vw);transform:translate(14vw,-16vw)}70%{-webkit-transform:translate(26vw,-12vw);transform:translate(26vw,-12vw)}}@keyframes ball_late_3{15%{-webkit-transform:translate(-10vw,-6vw);transform:translate(-10vw,-6vw)}50%{-webkit-transform:translate(14vw,-16vw);transform:translate(14vw,-16vw)}70%{-webkit-transform:translate(26vw,-12vw);transform:translate(26vw,-12vw)}}@-webkit-keyframes ball_late_4{30%{-webkit-transform:translate(-30vw,-6vw);transform:translate(-30vw,-6vw)}70%{-webkit-transform:translate(-10vw,-16vw);transform:translate(-10vw,-16vw)}}@keyframes ball_late_4{30%{-webkit-transform:translate(-30vw,-6vw);transform:translate(-30vw,-6vw)}70%{-webkit-transform:translate(-10vw,-16vw);transform:translate(-10vw,-16vw)}}@-webkit-keyframes ball_late_5{30%{-webkit-transform:translate(-10vw,-20vw);transform:translate(-10vw,-20vw)}70%{-webkit-transform:translate(-18vw,10vw);transform:translate(-18vw,10vw)}}@keyframes ball_late_5{30%{-webkit-transform:translate(-10vw,-20vw);transform:translate(-10vw,-20vw)}70%{-webkit-transform:translate(-18vw,10vw);transform:translate(-18vw,10vw)}}@-webkit-keyframes ball_late_6{25%{-webkit-transform:translate(-20vw,10vw);transform:translate(-20vw,10vw)}50%{-webkit-transform:translate(-6vw,20vw);transform:translate(-6vw,20vw)}75%{-webkit-transform:translate(14vw,10vw);transform:translate(14vw,10vw)}}@keyframes ball_late_6{25%{-webkit-transform:translate(-20vw,10vw);transform:translate(-20vw,10vw)}50%{-webkit-transform:translate(-6vw,20vw);transform:translate(-6vw,20vw)}75%{-webkit-transform:translate(14vw,10vw);transform:translate(14vw,10vw)}}@-webkit-keyframes ball_late_7{25%{-webkit-transform:translate(20vw,-17vw);transform:translate(20vw,-17vw)}50%{-webkit-transform:translate(35vw,4vw);transform:translate(35vw,4vw)}75%{-webkit-transform:translate(20vw,14vw);transform:translate(20vw,14vw)}}@keyframes ball_late_7{25%{-webkit-transform:translate(20vw,-17vw);transform:translate(20vw,-17vw)}50%{-webkit-transform:translate(35vw,4vw);transform:translate(35vw,4vw)}75%{-webkit-transform:translate(20vw,14vw);transform:translate(20vw,14vw)}}@-webkit-keyframes ball_late_8{25%{-webkit-transform:translate(-22vw,-27vw);transform:translate(-22vw,-27vw)}50%{-webkit-transform:translate(-28vw);transform:translate(-28vw)}75%{-webkit-transform:translate(-10vw,-27vw);transform:translate(-10vw,-27vw)}}@keyframes ball_late_8{25%{-webkit-transform:translate(-22vw,-27vw);transform:translate(-22vw,-27vw)}50%{-webkit-transform:translate(-28vw);transform:translate(-28vw)}75%{-webkit-transform:translate(-10vw,-27vw);transform:translate(-10vw,-27vw)}}@-webkit-keyframes ball_late_9{35%{-webkit-transform:translate(32vw,15vw);transform:translate(32vw,15vw)}55%{-webkit-transform:translate(15vw,25vw);transform:translate(15vw,25vw)}85%{-webkit-transform:translate(-4vw,8vw);transform:translate(-4vw,8vw)}}@keyframes ball_late_9{35%{-webkit-transform:translate(32vw,15vw);transform:translate(32vw,15vw)}55%{-webkit-transform:translate(15vw,25vw);transform:translate(15vw,25vw)}85%{-webkit-transform:translate(-4vw,8vw);transform:translate(-4vw,8vw)}}@-webkit-keyframes ball_late_10{30%{-webkit-transform:translate(12vw,20vw);transform:translate(12vw,20vw)}60%{-webkit-transform:translate(25vw,7vw);transform:translate(25vw,7vw)}}@keyframes ball_late_10{30%{-webkit-transform:translate(12vw,20vw);transform:translate(12vw,20vw)}60%{-webkit-transform:translate(25vw,7vw);transform:translate(25vw,7vw)}}@-webkit-keyframes ball_late_11{18%{-webkit-transform:translate(-12vw,-6vw);transform:translate(-12vw,-6vw)}50%{-webkit-transform:translate(-30vw,6vw);transform:translate(-30vw,6vw)}70%{-webkit-transform:translate(-16vw,20vw);transform:translate(-16vw,20vw)}}@keyframes ball_late_11{18%{-webkit-transform:translate(-12vw,-6vw);transform:translate(-12vw,-6vw)}50%{-webkit-transform:translate(-30vw,6vw);transform:translate(-30vw,6vw)}70%{-webkit-transform:translate(-16vw,20vw);transform:translate(-16vw,20vw)}}.anim-board .maskbox{width:10vw;height:10vw;line-height:10vw;position:fixed;left:50%;margin-left:-5vw;top:10vw;z-index:100;color:#fff;font-weight:700;text-align:center;font-size:5rem}#videoCamera{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#clipCamera{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(2);transform:scale(2)}.shaow{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-box-shadow:inset 0 0 0 #ff7272;box-shadow:inset 0 0 0 #ff7272;z-index:200;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scale(0);transform:scale(0)}.timenum-anim{-webkit-animation:timeanim 1s ease;animation:timeanim 1s ease}.flap{width:150vmax;height:150vmax;position:fixed;bottom:50%;right:50%;pointer-events:none;will-change:transform;background:hsl(calc(1turn*var(--p)),80%,80%);background:linear-gradient(35deg,#555,#000);border:4px solid #999;--p:calc(var(--i)/var(--flaps));-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(-.5turn) rotate(calc(1turn*var(--p))) skewX(30deg) translateX(-100%) translateY(90%);transform:rotate(-.5turn) rotate(calc(1turn*var(--p))) skewX(30deg) translateX(-100%) translateY(90%);z-index:300}.flap-anim .flap{-webkit-animation:click 1.2s cubic-bezier(.5,0,.5,1) .1s;animation:click 1.2s cubic-bezier(.5,0,.5,1) .1s}@-webkit-keyframes timeanim{60%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes timeanim{60%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes click{48%,52%{-webkit-transform:rotate(-90deg) rotate(calc(1turn*var(--p))) skewX(30deg) translateX(0) translateY(0);transform:rotate(-90deg) rotate(calc(1turn*var(--p))) skewX(30deg) translateX(0) translateY(0)}}@keyframes click{48%,52%{-webkit-transform:rotate(-90deg) rotate(calc(1turn*var(--p))) skewX(30deg) translateX(0) translateY(0);transform:rotate(-90deg) rotate(calc(1turn*var(--p))) skewX(30deg) translateX(0) translateY(0)}}.photo-album{width:18.75rem;height:33.33rem;position:fixed;left:50%;top:50%;margin-left:-9.37rem;margin-top:-13.19rem;z-index:100;border-radius:1.3rem}.photo-album .snapshot{width:18.75rem;height:33.33rem;-webkit-transform:scale(.98);transform:scale(.98)}.photo-album .level{width:18.75rem;height:33.33rem;position:absolute;top:0;left:0;-webkit-transform:scale(1.2);transform:scale(1.2);margin-top:-50px}.photo-album .score{width:3.47rem;height:3.47rem;line-height:3.82rem;border-radius:50%;color:#ff7272;text-align:center;position:absolute;font-size:1.74rem;right:1rem;bottom:1.74rem;background:url(data:image/png;base64,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);background-size:100% 100%;font-family:Cooper;color:#ce3042}.video-box{position:fixed;top:0;left:0;overflow:hidden}.assist,.video-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.assist{position:absolute;z-index:10}.assist-box{position:absolute!important;left:0;top:0;border-radius:10px;position:relative}.assist-box .assist-dian{position:absolute;width:10px;height:10px;border-radius:50%;margin-left:-5px;margin-top:-5px;z-index:20;background:#e35868}.strat{width:10vw;position:absolute;top:50%;left:50%;margin-left:-5vw;margin-top:-62vw;z-index:300;-webkit-animation:stratlate 14s ease-out infinite;animation:stratlate 14s ease-out infinite}.shadow{width:14vw;height:14vw;border-radius:50%;position:fixed;top:12vw;right:5vw;-webkit-animation:shadowlate 14s ease-out infinite;animation:shadowlate 14s ease-out infinite}.qiang{width:0;-webkit-animation:late 14s ease-out infinite;animation:late 14s ease-out infinite}@-webkit-keyframes stratlate{0%{-webkit-transform:scale(0);transform:scale(0);left:50%;top:50%}70%{-webkit-transform:scale(0);transform:scale(0);left:50%;top:50%}75%{-webkit-transform:scale(2);transform:scale(2);left:50%;top:50%}80%{-webkit-transform:scale(2);transform:scale(2);left:50%;top:50%}88%{-webkit-transform:scale(.5);transform:scale(.5);left:87vw;top:82vw}92%{-webkit-transform:scale(0);transform:scale(0);left:87vw;top:82vw}to{-webkit-transform:scale(0);transform:scale(0);left:87vw;top:82vw}}@keyframes stratlate{0%{-webkit-transform:scale(0);transform:scale(0);left:50%;top:50%}70%{-webkit-transform:scale(0);transform:scale(0);left:50%;top:50%}75%{-webkit-transform:scale(2);transform:scale(2);left:50%;top:50%}80%{-webkit-transform:scale(2);transform:scale(2);left:50%;top:50%}88%{-webkit-transform:scale(.5);transform:scale(.5);left:87vw;top:82vw}92%{-webkit-transform:scale(0);transform:scale(0);left:87vw;top:82vw}to{-webkit-transform:scale(0);transform:scale(0);left:87vw;top:82vw}}@-webkit-keyframes shadowlate{88%{top:18vw;right:5.5vw;-webkit-box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a;box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a}91%{top:18vw;right:5.5vw;-webkit-box-shadow:-10px 0 30px #f0e94a,0 -10px 30px #f0e94a,10px 0 30px #f0e94a,0 10px 30px #f0e94a;box-shadow:-10px 0 30px #f0e94a,0 -10px 30px #f0e94a,10px 0 30px #f0e94a,0 10px 30px #f0e94a}94%{top:18vw;right:5.5vw;-webkit-box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a;box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a}97%{top:18vw;right:5.5vw;-webkit-box-shadow:-10px 0 30px #f0e94a,0 -10px 30px #f0e94a,10px 0 30px #f0e94a,0 10px 30px #f0e94a;box-shadow:-10px 0 30px #f0e94a,0 -10px 30px #f0e94a,10px 0 30px #f0e94a,0 10px 30px #f0e94a}to{top:18vw;right:5.5vw;-webkit-box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a;box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a}}@keyframes shadowlate{88%{top:18vw;right:5.5vw;-webkit-box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a;box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a}91%{top:18vw;right:5.5vw;-webkit-box-shadow:-10px 0 30px #f0e94a,0 -10px 30px #f0e94a,10px 0 30px #f0e94a,0 10px 30px #f0e94a;box-shadow:-10px 0 30px #f0e94a,0 -10px 30px #f0e94a,10px 0 30px #f0e94a,0 10px 30px #f0e94a}94%{top:18vw;right:5.5vw;-webkit-box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a;box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a}97%{top:18vw;right:5.5vw;-webkit-box-shadow:-10px 0 30px #f0e94a,0 -10px 30px #f0e94a,10px 0 30px #f0e94a,0 10px 30px #f0e94a;box-shadow:-10px 0 30px #f0e94a,0 -10px 30px #f0e94a,10px 0 30px #f0e94a,0 10px 30px #f0e94a}to{top:18vw;right:5.5vw;-webkit-box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a;box-shadow:0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a,0 0 0 #f0e94a}}@-webkit-keyframes late{0%{-webkit-transform:scale(0);transform:scale(0);margin-top:-15.5vw}58%{-webkit-transform:scale(4);transform:scale(4);opacity:1;margin-top:-11.5vw}70%{-webkit-transform:scale(0);transform:scale(0);margin-top:-63.5vw}to{-webkit-transform:scale(0);transform:scale(0);margin-top:-63.5vw}}@keyframes late{0%{-webkit-transform:scale(0);transform:scale(0);margin-top:-15.5vw}58%{-webkit-transform:scale(4);transform:scale(4);opacity:1;margin-top:-11.5vw}70%{-webkit-transform:scale(0);transform:scale(0);margin-top:-63.5vw}to{-webkit-transform:scale(0);transform:scale(0);margin-top:-63.5vw}}@font-face{font-family:Cooper;src:url("../fonts/Cooper Std Black Italic.39212a38.otf")}.parkour{width:100vw;height:100vh;overflow:hidden}.parkour .user .head{width:8vw}.parkour .userlist{overflow-x:inherit!important;width:15vw}.parkour .userlist .item{width:10vw;margin:0 auto}.parkour .userlist .item:first-child .user{margin-bottom:30px;-webkit-transform:scale(1.4)!important;transform:scale(1.4)!important}.rank{position:fixed;left:0;top:0;z-index:100;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rank .rank-bg{width:100%;height:100%;background:url(../img/bg2.8bf27998.jpg);background-size:100% 100%;position:absolute;top:0;left:0}.rank .rank-box{width:90vw;height:165vw;background:url(../img/bg.62a3d5ad.png);margin-top:5vw;background-size:100% 100%;position:relative;z-index:100}.rank .rank-box .rank-list{margin-top:50vw;height:1050px;overflow-y:scroll}.rank .rank-box .rank-itme{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60vw;margin:0 auto .7rem}.rank .rank-box .rank-itme .rank-num{font-family:Cooper;background:url(data:image/png;base64,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);background-size:100% 100%;width:1.9rem;height:1.9rem;margin-right:.5rem;position:relative;text-align:center;line-height:2rem;color:#ce3042;font-weight:700}.rank .rank-box .rank-itme .rank-num img{width:2.36remrem;height:2rem;position:absolute;left:-1rem;top:-1.3rem}.rank .rank-box .rank-itme .rank-info{-webkit-box-flex:1;-ms-flex:1;flex:1;height:4.51rem;background:url(../img/kuang.2b378164.png);background-size:100% 100%;padding:0 6px}.rank .rank-box .rank-itme .rank-info,.rank .rank-box .rank-itme .rank-info .rank-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rank .rank-box .rank-itme .rank-info .rank-user{width:4.16rem;height:4.16rem;border-radius:50%;overflow:hidden;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rank .rank-box .rank-itme .rank-info .rank-user .border{width:100%;height:100%;position:absolute;background:url(../img/border.d797dbb7.png);background-size:100% 100%;z-index:10}.rank .rank-box .rank-itme .rank-info .rank-user img{width:80%}.rank .rank-box .rank-itme .rank-info .rank-name{margin-left:1.73rem;line-height:4.16rem;color:#f7ef9c;font-size:1.32rem;width:6.25rem;margin-right:1rem;font-weight:700}.rank .rank-box .rank-itme .rank-info .rank-sc{width:6.25rem;height:2.43rem;color:#fff;background:#ee9d05;border-radius:2.43rem;text-align:center;line-height:2.43rem;font-size:1.6rem;font-weight:700}.bg{width:100vw;height:100vh}.qiang{width:20vw;height:29vw;position:absolute;top:50%;left:50%;margin-left:-10vw;z-index:10;-webkit-animation-name:late;animation-name:late;-webkit-animation-duration:24s;animation-duration:24s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#zan{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:100}.g-glossy-bg{z-index:11;background-color:rgba(0,0,0,.6)}.g-glossy,.g-glossy-bg{position:absolute;left:0;top:0;width:100vw;height:100vh}.g-glossy{background-color:rgba(0,0,0,.3);overflow:hidden;z-index:10}.g-glossy .g-glossy-box{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;-webkit-filter:blur(20px);filter:blur(20px);z-index:-1}.guess{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;width:100vw;height:100vh}.guess .userlist2{z-index:20}.guess .userlist .item{width:14vw;position:relative;margin-bottom:20px}.guess .userlist .item .score{font-size:1rem;position:absolute;right:.3rem;top:-1rem;color:#f56c6c;font-weight:800}.guess .userlist .user{width:8vw;height:8vw;margin:0 auto 10px}.guess .userlist p{font-size:.8rem;text-align:center;width:14vw}.guess .guess-box{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.guess .guess-item{position:relative;overflow:hidden}.guess .guess-item img{width:100vw;height:100vh}.guess .guess-item .mask{width:20vw;height:20vw;border-radius:50%}.guess .guess-item .mask img{width:100%;height:100%}.guess .btns{position:absolute;top:0;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100}.guess .btns button{margin:0 20px;background:#f56c6c;border:1px solid #eee;color:#fff;padding:2px 10px;border-radius:5px}.guess .btns .next{z-index:100;top:50%}.guess .btns .next,.guess .btns .zanbtn{width:2.4rem;height:2.4rem;position:fixed;right:1.2rem}.guess .btns .zanbtn{z-index:0;top:40%}.guess .vdr.active:before{outline:none}.candy{position:fixed;width:150px;margin-left:-50px;bottom:110vh;-webkit-animation:candyDrop 5s ease-in;animation:candyDrop 5s ease-in}.candy .add{position:absolute;left:50%;top:50%;margin-top:-25px;margin-left:-25px;width:50px;height:50px;line-height:50px;text-align:center;opacity:1;font-size:50px;color:#002da1;-webkit-animation:candynum 1s ease-in;animation:candynum 1s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-family:baiti;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.candy .add .jia{height:1rem}.candy .add .num{height:1.5rem}.candy-bg{width:100%;-webkit-animation:candybg 5s ease-in;animation:candybg 5s ease-in}.candyPaused{-webkit-animation-play-state:paused;animation-play-state:paused}.candy-user{-webkit-transform:scale(1);transform:scale(1);opacity:1}.candy-user .candy-user-header{width:150px;height:150px;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.candy-user .candy-user-header img{width:80%}.candy-user .candy-user-header .border{width:100%;height:100%;position:absolute;left:0;top:0;z-index:200}.candy-user .candy-user-name{width:100%;font-size:28px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8d613b}.candy-head-anim{opacity:0;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes candybg{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes candybg{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes candyDrop{to{bottom:10vh}}@keyframes candyDrop{to{bottom:10vh}}@-webkit-keyframes candynum{80%{margin-top:-120px;opacity:1}to{margin-top:-120px;opacity:0}}@keyframes candynum{80%{margin-top:-120px;opacity:1}to{margin-top:-120px;opacity:0}}@font-face{font-family:baiti}.rain{width:100vw;height:100vh;background:url(../img/rainbg.601b5fd0.png) no-repeat;background-size:100% 100%;position:relative;overflow:hidden}.rain .group .groupbg{width:100vw;position:fixed;left:0;top:100vh;z-index:100}.rain .group .groupAll{width:23rem;min-height:20rem;z-index:110;position:fixed;left:50%;top:50%;margin-left:-11.5rem;margin-top:-18rem;background:url(../img/yun1.8a0367f7.png) no-repeat;background-size:100% 100%;opacity:0;padding:0 2rem}.rain .group .groupAll .g-title{display:-webkit-box;display:-ms-flexbox;display:flex;width:10rem;margin:3rem auto .5rem}.rain .group .g-item{width:4.2rem;text-align:center;float:left;margin-right:.2rem}.rain .group .g-item .g-head{width:3.5rem;height:3.5rem;margin:0 auto .3rem;border-radius:50%;overflow:hidden}.rain .group .g-item .g-head img{width:100%}.rain .group .g-item .g-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#412810}.rain .group .group-child{width:20rem;height:10rem;background:url(../img/yun2.0e8d43fd.png) no-repeat;background-size:100% 100%;position:fixed;z-index:100}.rain .group .group-child .g-list{width:18rem;margin:0 auto;-webkit-transform:scale(.8);transform:scale(.8);overflow:hidden}.rain .group .group-child .group-child-title{display:block;width:2.4rem;margin:.6rem auto 1rem;margin-left:6.2rem}.rain .group .group-child-a{left:-20rem;top:15rem}.rain .group .group-child-b{background:url(../img/yun3.dc97be4a.png) no-repeat;background-size:100% 100%;right:-20rem;top:25rem}.rain .group .group-child-b .group-child-title{display:block;width:2.4rem;margin-left:11.2rem}.rain .group .group-child-b .g-item{float:right}.rain .group .qiqiu{width:6rem;position:fixed;z-index:100;left:-6rem;top:50%}.rain .group .qiqiuAnim1{-webkit-animation:dot 1.8s ease-in forwards;animation:dot 1.8s ease-in forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.54,.29,.46,.68);animation-timing-function:cubic-bezier(.54,.29,.46,.68)}.rain .group .qiqiuAnim2{-webkit-animation:dot2 1.8s ease-in forwards;animation:dot2 1.8s ease-in forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.54,.29,.46,.68);animation-timing-function:cubic-bezier(.54,.29,.46,.68)}.rain .group .qiqiuAnim3{-webkit-animation:dot3 1.8s ease-in forwards;animation:dot3 1.8s ease-in forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.54,.29,.46,.68);animation-timing-function:cubic-bezier(.54,.29,.46,.68)}.rain .group .qiqiuAnim4{-webkit-animation:dot4 1.8s ease-in forwards;animation:dot4 1.8s ease-in forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.54,.29,.46,.68);animation-timing-function:cubic-bezier(.54,.29,.46,.68)}.rain .group .qiqiuAnim5{-webkit-animation:dot5 1.8s ease-in forwards;animation:dot5 1.8s ease-in forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.54,.29,.46,.68);animation-timing-function:cubic-bezier(.54,.29,.46,.68)}.rain .group .qiqiuAnim6{-webkit-animation:dot6 1.8s ease-in forwards;animation:dot6 1.8s ease-in forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.54,.29,.46,.68);animation-timing-function:cubic-bezier(.54,.29,.46,.68)}.rain .group .qiqiuAnim7{-webkit-animation:dot7 1.8s ease-in forwards;animation:dot7 1.8s ease-in forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.54,.29,.46,.68);animation-timing-function:cubic-bezier(.54,.29,.46,.68)}.rain .group .qiqiuAnim8{-webkit-animation:dot8 1.8s ease-in forwards;animation:dot8 1.8s ease-in forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.54,.29,.46,.68);animation-timing-function:cubic-bezier(.54,.29,.46,.68)}@-webkit-keyframes dot{to{-webkit-transform:translate(100vw,-120vw);transform:translate(100vw,-120vw)}}@keyframes dot{to{-webkit-transform:translate(100vw,-120vw);transform:translate(100vw,-120vw)}}@-webkit-keyframes dot2{to{-webkit-transform:translate(143vw,-110vw);transform:translate(143vw,-110vw)}}@keyframes dot2{to{-webkit-transform:translate(143vw,-110vw);transform:translate(143vw,-110vw)}}@-webkit-keyframes dot3{to{-webkit-transform:translate(95vw,-140vw);transform:translate(95vw,-140vw)}}@keyframes dot3{to{-webkit-transform:translate(95vw,-140vw);transform:translate(95vw,-140vw)}}@-webkit-keyframes dot4{to{-webkit-transform:translate(120vw,-102vw);transform:translate(120vw,-102vw)}}@keyframes dot4{to{-webkit-transform:translate(120vw,-102vw);transform:translate(120vw,-102vw)}}@-webkit-keyframes dot5{to{-webkit-transform:translate(120vw,-90vw);transform:translate(120vw,-90vw)}}@keyframes dot5{to{-webkit-transform:translate(120vw,-90vw);transform:translate(120vw,-90vw)}}@-webkit-keyframes dot6{to{-webkit-transform:translate(90vw,-130vw);transform:translate(90vw,-130vw)}}@keyframes dot6{to{-webkit-transform:translate(90vw,-130vw);transform:translate(90vw,-130vw)}}@-webkit-keyframes dot7{to{-webkit-transform:translate(88vw,-130vw);transform:translate(88vw,-130vw)}}@keyframes dot7{to{-webkit-transform:translate(88vw,-130vw);transform:translate(88vw,-130vw)}}@-webkit-keyframes dot8{to{-webkit-transform:translate(150vw,-80vw);transform:translate(150vw,-80vw)}}@keyframes dot8{to{-webkit-transform:translate(150vw,-80vw);transform:translate(150vw,-80vw)}}.rain .redend{width:100vw;height:100vh;position:fixed;left:0;top:0;background:rgba(0,0,0,.4);z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rain .redend .redend-box{width:30rem;height:50rem;background:url(../img/bg.a6235d6a.png) no-repeat;background-size:100% 100%;padding:1rem 3rem;position:relative}.rain .redend .redend-box .r-clear{width:2.5rem;position:absolute;right:0;top:-4rem}.rain .redend .redend-box .title{width:13rem;display:block;margin:1.2rem auto 1.5rem}.rain .redend .redend-box .slist{height:40rem;overflow-y:scroll}.rain .redend .redend-box .item{background:hsla(0,0%,100%,.425);height:4.5rem;border-radius:.3rem;margin-bottom:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 1.5rem}.rain .redend .redend-box .item,.rain .redend .redend-box .item .rleft{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rain .redend .redend-box .item .rleft{color:#875829}.rain .redend .redend-box .item .level{width:1.5rem;margin-right:1rem}.rain .redend .redend-box .item .r-name{font-size:.972rem}.rain .redend .redend-box .item p{color:#aaa;width:1.5rem;text-align:center;font-weight:700;font-weight:.972rem;margin-right:1rem}.rain .redend .redend-box .item .r-student{width:3rem;height:3rem;border-radius:50%;margin-right:1rem;overflow:hidden}.rain .redend .redend-box .item .r-student img{width:100%}.rain .redend .redend-box .item .r-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:3rem;color:#875829;font-size:1.214rem;font-weight:700}.rain .redend .redend-box .item .r-right img{width:2rem;display:block;margin-top:-.5rem;margin-right:.5rem}.rain .head{z-index:10}.rain .head,.rain .maskbox{width:100vw;position:fixed;left:0;top:0}.rain .maskbox{height:100vh;background:rgba(0,0,0,.322);z-index:100;color:#fff;font-weight:700;text-align:center;line-height:100vh;font-size:20rem}.rain .rain-item{position:absolute;width:6rem;height:6rem;top:-8rem;left:10rem}.rain .rain-item .huan{border-radius:50%;border:.3rem solid #6ff5d3}.rain .rain-item .gradient,.rain .rain-item .huan{position:absolute;left:50%;top:50%;margin-top:-3rem;margin-left:-3rem;width:6rem;height:6rem;-webkit-transform:scale(.1);transform:scale(.1)}.rain .rain-item .gradient{border-radius:50%;background:radial-gradient(#fff,#9df9dd 30%,hsla(0,0%,100%,0) 60%)}.rain .rain-item .rain-icon{display:block;width:1rem;height:1rem;position:relative;z-index:10;-webkit-transform:scale(.2);transform:scale(.2)}.rain .rain-item .rain-icon img{width:100%;height:100%}.rain .rain-item .studenthead{width:5rem;height:5rem;position:absolute;left:50%;top:50%;margin-left:-2.5rem;margin-top:-2.5rem;-webkit-transform:scale(0);transform:scale(0)}.rain .rain-item .studenthead .head-mask{width:5rem;height:5rem;border-radius:50%;border:1px solid hsla(0,0%,100%,.4);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rain .rain-item .studenthead .head-mask img{width:102%;height:102%}.rain .rain-item .studenthead .crown{position:absolute;width:3.33rem;height:3.045rem;left:-.6rem;top:-1.4rem}.rain .rain-item .studenthead .studentname{width:100%;font-size:.764rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8d613b}.rain .rain-item .studenthead .score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.972rem;line-height:1.4rem;position:absolute;right:-2.4rem;top:0;font-weight:700;color:#875829}.rain .rain-item .studenthead .score img{width:1.4rem;margin-right:.3rem;display:block}.rain .left{-webkit-transition:right .8s;transition:right .8s;right:-18rem}.rain .left,.rain .right{position:absolute;width:3rem}.rain .right{-webkit-transition:left .8s;transition:left .8s;left:-18rem}.rain .right-1{top:21rem;left:4rem}.rain .right-1,.rain .right-2{width:10rem;-webkit-transition:left .8s;transition:left .8s}.rain .right-2{bottom:7rem;left:0}.rain .left-1{width:6rem;top:14rem;right:10rem}.rain .left-1,.rain .left-2{-webkit-transition:right .8s;transition:right .8s}.rain .left-2{width:14rem;top:24rem;right:.5rem}.rain .left-3{width:10rem;top:35rem}.rain .left-3,.rain .left-4{right:0;-webkit-transition:right .8s;transition:right .8s}.rain .left-4{width:18rem;bottom:0}.bg-mat{width:100vw;height:100vh;position:fixed;z-index:5;left:0;top:0}.tool-box .student-list{position:fixed;top:32vh;right:28vw;height:0;background:-webkit-gradient(linear,left top,left bottom,from(#fceaf2),to(#ef8daa));background:linear-gradient(180deg,#fceaf2,#ef8daa);border-radius:24px;z-index:10}.tool-box .student-list .student-box{position:relative;max-width:24rem;border:3px solid transparent;-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:24px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;overflow-x:scroll;height:5.4rem}.tool-box .student-list .student-box .sign-student{background:#0f1219;padding:.6rem .8rem;margin:0 -1px}.tool-box .student-list .student-box .sign-student .head-box{width:3rem;height:3rem}.tool-box .student-list .student-box .sign-student .name{font-size:.6rem;color:#fff;text-align:center}.tool-box .student-list .student-box .sign-student .signbtn{width:4rem;height:1.4rem;border-radius:1.7rem;background:-webkit-gradient(linear,left top,right top,from(#5734a2),to(#e6366e));background:linear-gradient(90deg,#5734a2,#e6366e);color:#fff;font-size:.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tool-box .student-list .student-box .sign-student .signbtn img{width:.9rem}.tool-box .student-list .student-box .sign-student .phone{font-size:.6rem;color:#fff;text-align:center;margin-left:0;margin-top:.4rem}.tool-box .student-list .student-box .sign-student:nth-child(2n){background:#161a23}.tool-box .student-list .student-sub{width:.9rem;height:.9rem;background:#ef8daa;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;z-index:9;right:1.8rem;bottom:-.4rem}.tool-box .student-anim{height:5.7rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.tool-box .student-list2{height:8.6rem;top:27vh;right:15vw}.tool-box .student-list2 .student-box{height:8.3rem;max-width:860px}.tool-box .student-list2 .student-sub{right:2rem}.rest-time{width:100vw;height:100vh;left:0;top:0;position:fixed;z-index:200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rest-time .rest-time-box{width:60vw;height:80vw;background:#999;color:#fff;text-align:center;padding:20px 0 0;background:url(../img/timebg.33fec4c2.png) no-repeat;background-size:100% auto;position:relative;font-weight:800}.rest-time .rest-time-box .rest-cleat{position:absolute;right:0;top:0;padding:1rem}.rest-time .rest-time-box .rest-cleat img{width:1.5rem}.rest-time .rest-time-box .rest-time-title{font-size:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rest-time .rest-time-box .rest-time-title img{width:2rem}.rest-time .rest-time-box .rest-icon{width:4rem;height:4rem;margin:2rem auto 4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(../img/iconbg.80a31421.png) no-repeat;background-size:100% 100%}.rest-time .rest-time-box .rest-icon img{width:2rem;margin-bottom:-.1rem;margin-left:-.1rem}.rest-time .rest-time-box .rest-time-num{font-size:7rem;height:25vw;line-height:29vw}.rest-time .rest-time-box .rest-time-operate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rest-time .rest-time-box .rest-time-operate span{padding:20px 40px 10px}.rest-time .rest-time-box .rest-time-operate .add-time{font-size:1.5rem}.tool-student{position:fixed;top:200px;left:0;width:100vw}.tool-student .sign-item{width:29vw;float:left;margin:0 2vw}.sign-box{z-index:2000!important}.praise,.sign-box{position:fixed;left:0;top:0;width:100vw;height:100vh}.next-tips{position:fixed;right:1.041rem;top:90%;z-index:100;background-color:#333;color:#fff;padding:.3rem;border-radius:15px}.tool-box{position:fixed;right:1.1rem;top:50%;margin-top:-10rem;z-index:20!important}.tool-box .tool-btn{width:1.736rem;border-radius:50%;text-align:center}.tool-box .tool-btn2 img,.tool-box .tool-btn img{width:100%}.tool-box .tool-list{position:fixed;right:2.8rem;top:50%;margin-top:-5.4rem;border-radius:.6rem;height:5rem;line-height:5rem;width:0;overflow:hidden;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;background:url(../img/row.1f984a5b.png) 0 0 no-repeat;background-size:100% 100%;font-size:.8rem;color:#fff;z-index:10}.tool-box .tool-list .tool-item{float:left;width:4rem;text-align:center;padding:.6rem 0;margin:0 .3rem}.tool-box .tool-list .tool-item img{display:block;width:2rem;margin:0 auto .5rem}.tool-box .tool-list .tool-item p{line-height:1rem}.tool-box .tool-list-action{width:21rem;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;padding:0 1.2rem}.mask[data-v-e09c01d4]{overflow:hidden;border-radius:50%}.btn[data-v-e09c01d4]{text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s;transition:all .2s}.btn[data-v-e09c01d4]:active{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s;transition:all .3s}.pointer[data-v-e09c01d4]{cursor:pointer}.opacity[data-v-e09c01d4]{opacity:0}.nodata[data-v-e09c01d4]{text-align:center;font-size:.833rem;color:#fff;padding:3.47rem 0}.off[data-v-e09c01d4]{position:fixed;width:100vw;height:100vh;top:0;left:0;background:#000;z-index:100}.timing[data-v-e09c01d4]{width:6.037rem;height:11.5rem;padding:.83rem .555rem;background:#303541;border-radius:.6rem;position:fixed;left:.278rem;bottom:4.513rem;-webkit-transition:left .5s;transition:left .5s}.timing .shou[data-v-e09c01d4]{width:.833rem;height:.833rem;position:absolute;right:.555rem;top:.83rem}.timing h3[data-v-e09c01d4]{color:#fff;font-size:.694rem;padding-bottom:.5rem;border-bottom:1px solid #fff;width:2.78rem}.timing .item[data-v-e09c01d4]{margin-top:.83rem}.timing .time[data-v-e09c01d4]{color:#fff;line-height:2.257rem;font-size:1.25rem;font-weight:700}.timing .time-color[data-v-e09c01d4]{color:red;font-size:.972rem}.timing .name[data-v-e09c01d4]{font-size:.694rem;color:hsla(0,0%,100%,.6)}.timing2[data-v-e09c01d4]{left:-4rem;-webkit-transition:left .5s;transition:left .5s}.monitor[data-v-5f6a7c92]{width:100vw;height:100vh;position:fixed;left:100vw;top:0}.box[data-v-5f6a7c92]{position:relative}.box .dian[data-v-5f6a7c92]{position:absolute;background:red;width:10px;height:10px;border-radius:50%;margin-left:-5px;margin-top:-5px}.box .dianbox[data-v-5f6a7c92]{position:absolute;width:675px;height:500px;left:0;top:0}.mask{overflow:hidden;border-radius:50%}.btn{text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s;transition:all .2s}.btn:active{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s;transition:all .3s}.pointer{cursor:pointer}.opacity{opacity:0}.nodata{text-align:center;font-size:.833rem;color:#fff;padding:3.47rem 0}.off{position:fixed;width:100vw;height:100vh;top:0;left:0;background:#000;z-index:100}