.CLASSPAGE[data-v-3f216394]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f1f1f0;color:#333}.CLASSPAGE .main_div[data-v-3f216394]{padding-top:40px}.CLASSPAGE .main_div .courseCard[data-v-3f216394],.CLASSPAGE .main_div[data-v-3f216394]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.CLASSPAGE .main_div .courseCard[data-v-3f216394]{width:400px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.CLASSPAGE .main_div .courseCard .teacherInfo[data-v-3f216394]{min-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;padding:20px;border-radius:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.CLASSPAGE .main_div .courseCard .teacherInfo .left[data-v-3f216394],.CLASSPAGE .main_div .courseCard .teacherInfo[data-v-3f216394]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.CLASSPAGE .main_div .courseCard .teacherInfo .left .new_img[data-v-3f216394]{width:65px;height:65px;border-radius:50%;overflow:hidden;-webkit-transform:translate(calc(-50% - 20px));transform:translate(calc(-50% - 20px))}.CLASSPAGE .main_div .courseCard .teacherInfo .left .info[data-v-3f216394]{-webkit-transform:translate(-20px);transform:translate(-20px)}.CLASSPAGE .main_div .courseCard .teacherInfo .online-status[data-v-3f216394]{cursor:default}.CLASSPAGE .main_div .courseCard .dateInfo[data-v-3f216394]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:20px}.CLASSPAGE .main_div .courseCard .dateInfo .cont[data-v-3f216394]{background-color:#2472b3;color:#fff;min-width:70px;height:70px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;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;padding:0 20px}.CLASSPAGE .main_div .courseCard .dateInfo .cont.slot[data-v-3f216394]{background-color:#f6c752;color:#333}.CLASSPAGE .main_div .courseCard .courseInfo[data-v-3f216394]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;background-color:#fff;border-radius:16px}.CLASSPAGE .main_div .courseCard .courseInfo .row[data-v-3f216394]{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;font-weight:500}.CLASSPAGE .main_div .courseCard .courseInfo .row .icon[data-v-3f216394]{width:20px;height:20px;margin-right:10px}.CLASSPAGE .main_div .courseCard .courseInfo .row .icon>img[data-v-3f216394]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.CLASSPAGE .main_div .courseCard .courseInfo .row>span[data-v-3f216394]{font-size:16px}.CLASSPAGE .main_div .cancelDiv[data-v-3f216394]{margin-top:60px}.CLASSPAGE .main_div .cancelDiv .cancelBtn[data-v-3f216394]{display:block;width:280px;height:50px;line-height:50px;background-color:#2472b3;color:#fff;font-size:20px;font-weight:700;border-radius:15px;cursor:pointer;margin-bottom:15px}.CLASSPAGE .main_div .classOnline[data-v-3f216394]{margin-top:15px}.CLASSPAGE .main_div .classOnline>span[data-v-3f216394]{cursor:pointer}.CLASSPAGE .main_div .classOnline .disabled[data-v-3f216394]{background-color:#f1f1f0!important;padding:15px 30px!important;color:#9e9e9f!important;text-align:center}.CLASSPAGE .main_div .classOnline .check[data-v-3f216394]{display:block;background-color:#f5c653;color:#333;padding:5px 20px;border-radius:50px;font-size:14px;font-weight:400;margin-bottom:50px}.CLASSPAGE .main_div .classOnline .check[data-v-3f216394]:hover{background-color:#2472b3;color:#fff}.CLASSPAGE .main_div .classOnline .start[data-v-3f216394]{margin:auto;display:block;width:200px;height:200px;border-radius:50%;background-color:#f5c653;font-size:50px;font-weight:700;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;margin-bottom:20px;-webkit-transition:all .6s;transition:all .6s;font-size:2.3em;-webkit-box-shadow:0 10px 0 #fff;box-shadow:0 10px 0 #fff}.CLASSPAGE .main_div .classOnline .start[data-v-3f216394]:hover{-webkit-box-shadow:0 5px 0 #fff;box-shadow:0 5px 0 #fff;-webkit-transform:translateY(3px)!important;transform:translateY(3px)!important}.CLASSPAGE .main_div .classOnline .start[data-v-3f216394]:active{-webkit-box-shadow:0 0 0 #fff;box-shadow:0 0 0 #fff;-webkit-transform:translateY(9px)!important;transform:translateY(9px)!important}.CLASSPAGE .main_div .classUnderLine[data-v-3f216394]{margin-top:40px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.CLASSPAGE .main_div .classUnderLine .daka[data-v-3f216394],.CLASSPAGE .main_div .classUnderLine[data-v-3f216394]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.CLASSPAGE .main_div .classUnderLine .daka[data-v-3f216394]{width:190px;height:250px;background-color:#f6c752;border-radius:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .5s;transition:all .5s;text-align:center}.CLASSPAGE .main_div .classUnderLine .daka .zh[data-v-3f216394]{font-size:60px}.CLASSPAGE .main_div .classUnderLine .daka .en[data-v-3f216394]{font-size:22px;font-weight:700}.CLASSPAGE .main_div .classUnderLine .daka.active[data-v-3f216394]{-webkit-transform:translateY(60px);transform:translateY(60px)}.CLASSPAGE .main_div .classUnderLine .daka[data-v-3f216394]:hover{background-color:#2472b3;color:#fff}.CLASSPAGE .main_div .classUnderLine .dibu[data-v-3f216394]{width:300px}.CLASSPAGE .main_div .classUnderLine .dibu>img[data-v-3f216394]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}