body[data-v-0f88b059],html[data-v-0f88b059]{margin:0;padding:0;list-style:none}.reverse-enter-active[data-v-0f88b059]{-webkit-transition:all .3s linear .3s;transition:all .3s linear .3s}.reverse-leave-active[data-v-0f88b059]{-webkit-transition:all .3s linear;transition:all .3s linear}.reverse-enter[data-v-0f88b059]{-webkit-transform:rotate3d(0,-90,0,90deg);transform:rotate3d(0,-90,0,90deg)}.reverse-leave-to[data-v-0f88b059]{-webkit-transform:rotate3d(0,90,0,90deg);transform:rotate3d(0,90,0,90deg)}.mul-enter-active[data-v-0f88b059],.mul-leave-active[data-v-0f88b059]{-webkit-transition:all .3s linear;transition:all .3s linear}.mul-enter[data-v-0f88b059],.mul-leave-to[data-v-0f88b059]{-webkit-transform:translateY(-100%) scale(0);transform:translateY(-100%) scale(0)}.rot-enter-active[data-v-0f88b059],.rot-leave-active[data-v-0f88b059]{-webkit-transition:all .3s linear;transition:all .3s linear}.rot-enter[data-v-0f88b059],.rot-leave-to[data-v-0f88b059]{-webkit-transform:rotate(1turn) scale(0);transform:rotate(1turn) scale(0)}.fade-enter-active[data-v-0f88b059],.fade-leave-active[data-v-0f88b059]{-webkit-transition:all .3s linear;transition:all .3s linear}.fade-enter[data-v-0f88b059],.fade-leave-to[data-v-0f88b059]{opacity:0}.main[data-v-0f88b059]{width:100%;height:100%;font-family:Microsoft YaHei}.main .study-info[data-v-0f88b059]{width:100%;height:100px}.main .study-info .info-item[data-v-0f88b059]{float:left;display:-webkit-box;display:-ms-flexbox;display:flex}.main .study-info .info-item .info-margin[data-v-0f88b059]{width:22px}.main .study-info .info-item .info-one[data-v-0f88b059]{width:280px;height:100px;border-radius:8px;background:#55efc4}.main .study-info .info-item .info-one div[data-v-0f88b059]{float:left;text-align:center}.main .study-info .info-item .info-one .info-img[data-v-0f88b059]{width:20%;padding-top:25px;padding-left:10%}.main .study-info .info-item .info-one .info-text[data-v-0f88b059]{width:48%;color:#fff;margin-top:40px;font-size:18px}.main .study-info .info-item .info-one .info-num[data-v-0f88b059]{width:22%;color:#ff7675;text-align:left;margin-top:40px;font-size:18px}.main .study-info .info-item .info-one .info-num-color[data-v-0f88b059]{color:#fdcd6e}.main .study-info .info-item .info-one .info-time[data-v-0f88b059]{width:65%;margin-left:5%;height:100px}.main .study-info .info-item .info-one .info-time div[data-v-0f88b059]{text-align:left;display:block}.main .study-info .info-item .info-one .info-time .info-time-text[data-v-0f88b059]{width:100%;color:#fff;margin-top:20px;font-size:18px}.main .study-info .info-item .info-one .info-time .info-time-num[data-v-0f88b059]{width:100%;color:#ff7675;font-size:22px}.main .study-info .info-item .info-one .info-time .info-loginTime-text[data-v-0f88b059]{width:100%;color:#fff;margin-top:15px;font-size:18px}.main .study-info .info-item .info-one .info-time .info-loginTime-date[data-v-0f88b059],.main .study-info .info-item .info-one .info-time .info-loginTime-time[data-v-0f88b059]{width:100%;color:#fdcd6e;font-size:22px}.main .study-info .info-item .info-color-two[data-v-0f88b059]{background-color:#74b9ff}.main .study-info .info-item .info-color-three[data-v-0f88b059]{background-color:#fab1a0}.main .study-info .info-item .info-color-four[data-v-0f88b059]{background-color:#a29bfe}.main .study-content[data-v-0f88b059]{width:100%;height:450px;margin-top:30px}.main .study-content .content-left[data-v-0f88b059]{float:left;width:29%;margin-right:2%;height:100%;border-radius:8px;background:-webkit-gradient(linear,right top,left bottom,from(#819bf6),to(#6f86d6));background:linear-gradient(to bottom left,#819bf6,#6f86d6)}.main .study-content .content-left div[data-v-0f88b059]{width:100%;text-align:center;color:#fff}.main .study-content .content-left .avatar[data-v-0f88b059]{width:100px;height:100px;cursor:pointer;border-radius:50%;background:#f0f8ff;margin:60px auto 20px;-webkit-box-shadow:5px 2px 6px #000;box-shadow:5px 2px 6px #000}.main .study-content .content-left .avatar img[data-v-0f88b059]{width:100%}.main .study-content .content-left .userName[data-v-0f88b059]{font-size:28px}.main .study-content .content-left .description[data-v-0f88b059]{font-size:22px}.main .study-content .content-left .description span[data-v-0f88b059]{color:#fdcd6e}.main .study-content .content-left .grade[data-v-0f88b059]{font-size:18px}.main .study-content .content-left .force-value[data-v-0f88b059]{width:75%;margin:0 auto}.main .study-content .content-left .sign-integral[data-v-0f88b059]{margin-top:20px}.main .study-content .content-left .sign-integral .sign[data-v-0f88b059]{float:left;width:50%;font-size:18px}.main .study-content .content-left .sign-integral .sign .sign-btn[data-v-0f88b059]{width:68px;color:#fff;cursor:pointer;padding:2px;position:relative;z-index:1;overflow:hidden;border-radius:5px;display:inline-block;border:1px solid #67c23a}.main .study-content .content-left .sign-integral .sign .sign-btn[data-v-0f88b059]:before{content:"";z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;background:#3f51b5;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleY(2);transform:scaleY(2);-webkit-transition:-webkit-transform .3s,opacity .3s;-webkit-transition:opacity .3s,-webkit-transform .5s;transition:opacity .3s,-webkit-transform .5s;transition:transform .5s,opacity .3s;transition:transform .5s,opacity .3s,-webkit-transform .5s;-webkit-transition-timing-function:cubic-bezier(.7,0,.9,1);transition-timing-function:cubic-bezier(.7,0,.9,1)}.main .study-content .content-left .sign-integral .sign .sign-btn[data-v-0f88b059]:hover:before{-webkit-transform:scale3d(9,9,1);transform:scale3d(9,9,1)}.main .study-content .content-left .sign-integral .sign .signed-btn[data-v-0f88b059]{width:68px;color:#fdcb6e;cursor:not-allowed;padding:2px;border-radius:5px;display:inline-block;border:1px solid #fdcb6e}.main .study-content .content-left .sign-integral .integral[data-v-0f88b059]{float:left;width:50%;height:30px;font-size:18px;line-height:30px}.main .study-content .content-right[data-v-0f88b059]{float:left;width:69%;height:100%;color:#fff;font-size:32px;text-align:center}.main .study-content .content-right img[data-v-0f88b059]{display:inline-block;margin-top:10px}.main .study-content .content-right .module-img[data-v-0f88b059]{width:134px;border-radius:20px;margin:10px auto 0;transition:all .3s linear 50ms;-o-transition:all .3s linear 50ms;-moz-transition:all .3s linear 50ms;-webkit-transition:all .3s linear 50ms}.main .study-content .content-right .module-title[data-v-0f88b059]{transition:all .3s linear .1s;-o-transition:all .3s linear .1s;-moz-transition:all .3s linear .1s;-webkit-transition:all .3s linear .1s}.main .study-content .content-right .content-right-top[data-v-0f88b059]{width:100%;height:225px;margin-bottom:25px}.main .study-content .content-right .content-right-top .iWord[data-v-0f88b059]{float:left;width:52%;height:100%;cursor:pointer;margin-right:3%;border-radius:8px;background:-webkit-gradient(linear,right top,left bottom,from(#38ef7d),to(#41d278));background:linear-gradient(to bottom left,#38ef7d,#41d278)}.main .study-content .content-right .content-right-top .iWord:hover .module-title[data-v-0f88b059]{text-shadow:0 1px 0 #999,0 2px 0 #888,0 3px 0 #777,0 4px 0 #666,0 5px 0 #555,0 6px 0 #444,0 7px 0 #333}.main .study-content .content-right .content-right-top .iWord:hover .module-img[data-v-0f88b059]{-webkit-box-shadow:0 10px 10px rgba(0,0,0,.2);box-shadow:0 10px 10px rgba(0,0,0,.2);margin-top:0}.main .study-content .content-right .content-right-top .selectCourse[data-v-0f88b059]{float:left;width:45%;height:100%;cursor:pointer;border-radius:8px;background:-webkit-gradient(linear,right top,left bottom,from(#08c3bb),to(#48b1bf));background:linear-gradient(to bottom left,#08c3bb,#48b1bf)}.main .study-content .content-right .content-right-top .selectCourse:hover .module-title[data-v-0f88b059]{text-shadow:0 1px 0 #999,0 2px 0 #888,0 3px 0 #777,0 4px 0 #666,0 5px 0 #555,0 6px 0 #444,0 7px 0 #333}.main .study-content .content-right .content-right-top .selectCourse:hover .module-img[data-v-0f88b059]{-webkit-box-shadow:0 10px 10px rgba(0,0,0,.2);box-shadow:0 10px 10px rgba(0,0,0,.2);margin-top:0}.main .study-content .content-right .content-right-bottom[data-v-0f88b059]{width:100%;height:200px}.main .study-content .content-right .content-right-bottom .phoneme[data-v-0f88b059]{float:left;width:45%;height:100%;cursor:pointer;border-radius:8px;background:-webkit-gradient(linear,right top,left bottom,from(#fe9a8b),to(#f78ca0));background:linear-gradient(to bottom left,#fe9a8b,#f78ca0)}.main .study-content .content-right .content-right-bottom .phoneme:hover .module-title[data-v-0f88b059]{text-shadow:0 1px 0 #999,0 2px 0 #888,0 3px 0 #777,0 4px 0 #666,0 5px 0 #555,0 6px 0 #444,0 7px 0 #333}.main .study-content .content-right .content-right-bottom .phoneme:hover .module-img[data-v-0f88b059]{-webkit-box-shadow:0 10px 10px rgba(0,0,0,.2);box-shadow:0 10px 10px rgba(0,0,0,.2);margin-top:0}.main .study-content .content-right .content-right-bottom .iTest[data-v-0f88b059]{float:left;width:52%;height:100%;cursor:pointer;margin-left:3%;border-radius:8px;background:-webkit-gradient(linear,right top,left bottom,from(#fc3),to(#ffb347));background:linear-gradient(to bottom left,#fc3,#ffb347)}.main .study-content .content-right .content-right-bottom .iTest:hover .module-title[data-v-0f88b059]{text-shadow:0 1px 0 #999,0 2px 0 #888,0 3px 0 #777,0 4px 0 #666,0 5px 0 #555,0 6px 0 #444,0 7px 0 #333}.main .study-content .content-right .content-right-bottom .iTest:hover .module-img[data-v-0f88b059]{-webkit-box-shadow:0 10px 10px rgba(0,0,0,.2);box-shadow:0 10px 10px rgba(0,0,0,.2);margin-top:0}.main .change-password-alert-box[data-v-0f88b059]{position:fixed;width:450px;height:364px;border-radius:8px;left:calc(50% - 225px);top:calc(50% - 182px);z-index:9999;background:#fff}.main .change-password-alert-box .box-header[data-v-0f88b059]{width:100%;height:50px;border-radius:8px;background:#e1e1e1;line-height:50px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main .change-password-alert-box .box-header .icon-close[data-v-0f88b059]{font-size:32px;line-height:50px;padding-right:20px;cursor:pointer;transition:all .3s linear 50ms;-o-transition:all .3s linear 50ms;-moz-transition:all .3s linear 50ms;-webkit-transition:all .3s linear 50ms}.main .change-password-alert-box .box-header .icon-close[data-v-0f88b059]:hover{color:#3498db;transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}.main .change-password-alert-box .input-box[data-v-0f88b059]{width:268px;position:relative;margin:0 auto 20px auto}.main .change-password-alert-box .input-box .code-box[data-v-0f88b059]{position:absolute;top:3px;right:2px;width:100px;height:34px;background:#3498db;z-index:2}.main .change-password-alert-box .input-box .code-box .imgCode[data-v-0f88b059]{width:100px;height:34px}.main .change-password-alert-box .input-box .get-phone-code[data-v-0f88b059]{position:absolute;top:0;right:0;width:108px;height:40px;line-height:40px;cursor:pointer;color:#fff;font-size:14px;text-align:center;background:#3498db;border-bottom-right-radius:3px;border-top-right-radius:3px;z-index:2;-webkit-transition:.5s;transition:.5s}.main .change-password-alert-box .input-box .get-phone-code[data-v-0f88b059]:hover{background:#6bbdff}.main .change-password-alert-box .input-box .inputStyle[data-v-0f88b059]{width:270px;height:40px;border:1px solid #dcdfe6;color:#606266;border-radius:4px;outline:none;-webkit-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:30px}.main .change-password-alert-box .input-box .inputStyle[data-v-0f88b059]:hover{border:1px solid #a4a9b6}.main .change-password-alert-box .input-box .inputStyle[data-v-0f88b059]:focus{border-color:#3498db}.main .change-password-alert-box .input-box .inputStyle[data-v-0f88b059]::-webkit-input-placeholder{color:#a7aaa7}.main .change-password-alert-box .input-box .redPlaceHolder[data-v-0f88b059]::-webkit-input-placeholder{color:#ce6767}.main .change-password-alert-box .input-box .current-page-icon[data-v-0f88b059]{position:absolute;top:11px;left:10px;color:#606266}.main .change-password-alert-box .btn-box-wrapper-one[data-v-0f88b059]{width:268px;margin:20px auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.main .bg-color[data-v-0f88b059]{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,.4)}