.title[data-v-6ddf16bf]{font-size:20px;font-weight:600;text-align:center;padding:10px 0;background-color:#e3e3e3;position:relative}.title span[data-v-6ddf16bf]{font-size:14px;color:#fad142;margin-left:10px}.title img[data-v-6ddf16bf]{position:absolute;top:50%;left:9px;width:11px;height:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}img[data-v-6ddf16bf]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.middle[data-v-6ddf16bf]{height:40px;width:100%;margin-top:-5px;background-color:rgba(252,144,17,.1);text-align:center}.middle div[data-v-6ddf16bf]{display:inline-block}.canvasBox[data-v-6ddf16bf]{position:relative;height:100%}.canvasBox .greenFlag[data-v-6ddf16bf]{position:absolute;width:100%;height:99%;background-color:rgba(0,0,0,.4)}.canvasBox .greenFlag .startFalg[data-v-6ddf16bf]{width:60px;height:60px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.canvasBox .greenFlag .teacherRate[data-v-6ddf16bf]{width:100%;height:30px;position:absolute;top:278px;color:#fff;background-color:rgba(0,0,0,.3);padding:10px 0 10px 20px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.canvasBox .greenFlag .teacherRate span[data-v-6ddf16bf]{margin-right:5px}.canvasBox .loading[data-v-6ddf16bf]{position:absolute;width:100%;height:100%;background-color:#fff;display:-webkit-box;display:flex;justify-content:space-around;-webkit-box-align:center;align-items:center}.canvasBox .loading img[data-v-6ddf16bf]{width:50%;height:50%}.btn_box[data-v-6ddf16bf]{height:51px;width:51px;background-color:#fff;border-radius:50%;position:relative;box-shadow:0 4px 8px 0 rgba(87,87,87,.2)}.opusjs[data-v-6ddf16bf]{margin:10px}.opusjs .opusTitle[data-v-6ddf16bf]{font-size:13pt;font-weight:700;color:#333}.opusjs p[data-v-6ddf16bf]{text-indent:20px;font-size:12pt;color:#333}.opkey[data-v-6ddf16bf]{height:230px}.footer1[data-v-6ddf16bf]{height:100%;background-color:rgba(0,0,0,.2);box-sizing:border-box;position:relative}.footer1 .Div[data-v-6ddf16bf]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;width:80%;text-align:center}.footer[data-v-6ddf16bf]{display:-webkit-box;display:flex;height:100%;position:relative;background-color:rgba(0,0,0,.9);box-sizing:border-box;z-index:1}.footer .footer2_left[data-v-6ddf16bf]{-webkit-box-flex:3;flex:3;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.footer .footer2_left img[data-v-6ddf16bf]{width:51px;height:51px}.footer .footer2_left .turn_left[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end}.footer .footer2_left .turn_left .btn_box[data-v-6ddf16bf]{height:51px;width:51px;background-color:#fff;border-radius:50%;position:relative}.footer .footer2_left .turn_left .btn_box .left_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-right:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-78%,-50%);transform:translate(-78%,-50%)}.footer .footer2_left .turn_direction[data-v-6ddf16bf]{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;box-sizing:border-box}.footer .footer2_left .turn_direction>div[data-v-6ddf16bf]:first-child{margin-bottom:33px;position:relative}.footer .footer2_left .turn_direction>div:first-child .top_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-bottom:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-78%);transform:translate(-50%,-78%)}.footer .footer2_left .turn_direction>div[data-v-6ddf16bf]:nth-child(2){position:relative}.footer .footer2_left .turn_direction>div:nth-child(2) .bottom_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-top:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-22%);transform:translate(-50%,-22%)}.footer .footer2_left .turn_right[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2;text-align:left}.footer .footer2_left .turn_right>div[data-v-6ddf16bf]{position:relative}.footer .footer2_left .turn_right>div .right_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-left:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-22%,-50%);transform:translate(-22%,-50%)}.footer .footer2_right[data-v-6ddf16bf]{-webkit-box-flex:3;flex:3;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.footer .footer2_right img[data-v-6ddf16bf]{width:51px;height:51px}.footer .footer2_right .turn_left[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end}.footer .footer2_right .turn_left .btn_box[data-v-6ddf16bf]{height:51px;width:51px;background-color:#fff;border-radius:50%;position:relative}.footer .footer2_right .turn_left .btn_box .left_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-right:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-78%,-50%);transform:translate(-78%,-50%)}.footer .footer2_right .turn_direction[data-v-6ddf16bf]{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;box-sizing:border-box}.footer .footer2_right .turn_direction>div[data-v-6ddf16bf]:first-child{margin-bottom:33px;position:relative}.footer .footer2_right .turn_direction>div:first-child .top_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-bottom:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-78%);transform:translate(-50%,-78%)}.footer .footer2_right .turn_direction>div[data-v-6ddf16bf]:nth-child(2){position:relative}.footer .footer2_right .turn_direction>div:nth-child(2) .bottom_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-top:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-22%);transform:translate(-50%,-22%)}.footer .footer2_right .turn_right[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2;text-align:left}.footer .footer2_right .turn_right>div[data-v-6ddf16bf]{position:relative}.footer .footer2_right .turn_right>div .right_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-left:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-22%,-50%);transform:translate(-22%,-50%)}.footer .footer3[data-v-6ddf16bf]{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.footer .footer3 img[data-v-6ddf16bf]{width:51px;height:51px}.footer .footer3 .turn_box[data-v-6ddf16bf]{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex}.footer .footer3 .turn_box .turn_left[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2}.footer .footer3 .turn_box .turn_left .btn1_box[data-v-6ddf16bf]{width:100%;text-align:right}.footer .footer3 .turn_box .turn_middle[data-v-6ddf16bf]{-webkit-box-flex:1;flex:1;text-align:center}.footer .footer3 .turn_box .turn_right[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2}.footer .footer_left[data-v-6ddf16bf]{-webkit-box-flex:3;flex:3;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.footer .footer_left img[data-v-6ddf16bf]{width:51px;height:51px}.footer .footer_left .turn_left[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end}.footer .footer_left .turn_left .btn_box[data-v-6ddf16bf]{height:51px;width:51px;background-color:#fff;border-radius:50%;position:relative}.footer .footer_left .turn_left .btn_box .left_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-right:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-78%,-50%);transform:translate(-78%,-50%)}.footer .footer_left .turn_direction[data-v-6ddf16bf]{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;box-sizing:border-box}.footer .footer_left .turn_direction>div[data-v-6ddf16bf]:first-child{margin-bottom:33px;position:relative}.footer .footer_left .turn_direction>div:first-child .top_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-bottom:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-78%);transform:translate(-50%,-78%)}.footer .footer_left .turn_direction>div[data-v-6ddf16bf]:nth-child(2){position:relative}.footer .footer_left .turn_direction>div:nth-child(2) .bottom_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-top:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-22%);transform:translate(-50%,-22%)}.footer .footer_left .turn_right[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2;text-align:left}.footer .footer_left .turn_right>div[data-v-6ddf16bf]{position:relative}.footer .footer_left .turn_right>div .right_button[data-v-6ddf16bf]{height:0;width:0;border:10px solid transparent;border-left:14px solid #bc7942;position:absolute;left:50%;top:50%;-webkit-transform:translate(-22%,-50%);transform:translate(-22%,-50%)}.footer .footer_right[data-v-6ddf16bf]{-webkit-box-flex:2;flex:2;position:relative}.footer .footer_right div[data-v-6ddf16bf]{position:absolute;border-radius:40px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.btn[data-v-6ddf16bf]{cursor:pointer;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;color:#666}.playPause[data-v-6ddf16bf]{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-bottom:10px}.playPause .pause[data-v-6ddf16bf]{width:15px;height:15px}.bg[data-v-6ddf16bf],.bgColor[data-v-6ddf16bf]{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;justify-content:space-around;border-radius:3px;width:25px;height:25px;cursor:pointer}.bgColor[data-v-6ddf16bf]{background-color:#b1d2ff}.bgColorPause[data-v-6ddf16bf]{margin-left:10px}