.courseBox[data-v-5972ea22]{width:100%;text-align:left;padding-bottom:2.25rem;background-color:#f4f5f7}.courseBox i[data-v-5972ea22]{font-style:normal}.courseBox .dataBox[data-v-5972ea22]{width:75.25rem;padding-top:2.25rem;margin:0 auto}.courseBox .dataBox .nav[data-v-5972ea22]{color:rgba(0,0,0,.45098039215686275);font-size:.88rem}.courseBox .dataBox .nav span[data-v-5972ea22]{color:rgba(0,0,0,.6509803921568628)}.courseBox .dataBox .nav i[data-v-5972ea22]{color:#039dea}.courseBox .dataBox .screenBox[data-v-5972ea22]{margin-top:.65rem;border-radius:.75rem;width:100%;height:10rem;background-color:#fff;font-style:.88rem}.courseBox .dataBox .screenBox .geadeClass[data-v-5972ea22]{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:1.69rem;color:#b4babd;font-size:.88rem}.courseBox .dataBox .screenBox .geadeClass span[data-v-5972ea22]{display:inline-block;width:2rem;padding-left:2.25rem;padding-right:1.5rem}.courseBox .dataBox .screenBox .geadeClass ul[data-v-5972ea22]{width:100%;display:flex}.courseBox .dataBox .screenBox .geadeClass ul .gradeActive[data-v-5972ea22]{color:#039dea}.courseBox .dataBox .screenBox .geadeClass ul li[data-v-5972ea22]{margin-left:.75rem;margin-right:.75rem;cursor:pointer}.courseBox .dataBox .screenBox .courseClass[data-v-5972ea22]{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:1.69rem;color:#b4babd;font-size:.88rem}.courseBox .dataBox .screenBox .courseClass span[data-v-5972ea22]{display:inline-block;width:2rem;padding-left:2.25rem;padding-right:1.5rem}.courseBox .dataBox .screenBox .courseClass ul[data-v-5972ea22]{width:100%;display:flex;flex-wrap:wrap}.courseBox .dataBox .screenBox .courseClass ul .courseActive[data-v-5972ea22]{color:#039dea}.courseBox .dataBox .screenBox .courseClass ul li[data-v-5972ea22]{margin-left:.75rem;margin-right:.75rem;cursor:pointer}.courseBox .dataBox .screenBox .sortClass[data-v-5972ea22]{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:1rem;color:#b4babd;font-size:.88rem}.courseBox .dataBox .screenBox .sortClass span[data-v-5972ea22]{display:inline-block;width:2rem;padding-left:2.25rem;padding-right:1.5rem}.courseBox .dataBox .screenBox .sortClass ul[data-v-5972ea22]{width:100%;display:flex;flex-wrap:wrap}.courseBox .dataBox .screenBox .sortClass ul .sortActive[data-v-5972ea22]{color:#039dea}.courseBox .dataBox .screenBox .sortClass ul li[data-v-5972ea22]{margin-left:.75rem;margin-right:.75rem;cursor:pointer}.courseBox .dataBox .listBox[data-v-5972ea22]{width:100%;border-radius:.75rem;background-color:#fff;margin-top:1.63rem;padding-bottom:2.25rem}.courseBox .dataBox .listBox .totalClass[data-v-5972ea22]{width:100%;font-size:.88rem;padding-top:1rem;padding-left:1.25rem}.courseBox .dataBox .listBox .totalClass span[data-v-5972ea22]{color:#039dea}.courseBox .dataBox .listBox .box[data-v-5972ea22]{width:100%}.courseBox .dataBox .listBox .box ul[data-v-5972ea22]{width:96%;display:flex;flex-wrap:wrap;margin:0 auto}.courseBox .dataBox .listBox .box ul li[data-v-5972ea22]{width:12.88rem;height:11.88rem;background:#fcfdff;box-shadow:0 .13rem .75rem 0 hsla(0,0%,80%,.5);border-radius:0 0 .25rem .25rem;display:flex;flex-direction:column;justify-content:space-between;margin-top:1.8rem;margin-bottom:1.8rem;margin-left:.75rem;margin-right:.75rem;cursor:pointer;transition:all .4s ease 0s;position:relative}.courseBox .dataBox .listBox .box ul li[data-v-5972ea22]:hover{transform:scale(1.04);box-shadow:0 10px 20px rgba(0,0,0,.156)}.courseBox .dataBox .listBox .box ul li:hover .play[data-v-5972ea22]{visibility:visible}.courseBox .dataBox .listBox .box ul li .play[data-v-5972ea22]{position:absolute;visibility:hidden;top:20%;right:40%;filter:none;background-color:rgba(0,0,0,.35);display:inline-block;width:3.24rem;height:3.24rem;line-height:3.6rem;border-radius:50%;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#76000000,endColorStr=#76000000);color:#fff;font-size:1.88rem;text-align:center;text-decoration:none;text-shadow:0 -1px rgba(0,0,0,.35)}.courseBox .dataBox .listBox .box ul li .snapshot[data-v-5972ea22]{width:100%;height:7.25rem;border-top-right-radius:.25rem;border-top-left-radius:.25rem}.courseBox .dataBox .listBox .box ul li .name[data-v-5972ea22]{font-size:.9rem;padding-left:.6rem}.courseBox .dataBox .listBox .box ul li .bottom[data-v-5972ea22]{font-size:.88rem;display:flex;justify-content:space-between;color:#575c5e!important}.courseBox .dataBox .listBox .box ul li .bottom .pinpai[data-v-5972ea22]{padding-left:.6rem}.courseBox .dataBox .listBox .box ul li .bottom i[data-v-5972ea22]{padding-right:.6rem;display:flex;align-items:center}.courseBox .dataBox .listBox .box ul li .bottom img[data-v-5972ea22]{width:.88rem;height:.63rem;background:#fcfdff;margin-right:.2rem}.courseBox .dataBox .listBox .null[data-v-5972ea22]{width:100%;text-align:center;position:relative}.courseBox .dataBox .listBox .null p[data-v-5972ea22]{color:#5ecbfc;padding-top:1rem;position:absolute;top:1.4rem;left:38%}.courseBox .dataBox .listBox .null img[data-v-5972ea22]{padding-bottom:6rem}.courseBox .dataBox .listBox .block[data-v-5972ea22]{width:100%;padding-top:3rem;text-align:center;font-size:.9rem}