[data-v-6decbbc8]{height:100%;width:100%}[data-v-6decbbc8]::-webkit-scrollbar{width:.08rem;height:.08rem;background-color:transparent}[data-v-6decbbc8]::-webkit-scrollbar-thumb{border-radius:.1rem;background-color:#d9d9d9}[data-v-6decbbc8]::-webkit-scrollbar-track{border-radius:.1rem;background-color:transparent}.lesson-container[data-v-6decbbc8]{width:100%;height:100vh;padding-top:1rem;box-sizing:border-box;background-image:url(../image/bg-keli.809a4ee9.png);background-size:cover}.lesson-container .lesson-list[data-v-6decbbc8]{width:100%;overflow:auto}.lesson-container .nextLoad[data-v-6decbbc8]{height:1.1rem;line-height:1.1rem;text-align:center;font-size:.19rem;color:#181818}.list-wrap[data-v-6decbbc8]{display:flex;flex-wrap:wrap;width:80%;margin:auto;padding-top:1px}.card[data-v-6decbbc8]{width:25%;height:3.4rem;display:flex;justify-content:center;align-items:center}.card-container[data-v-6decbbc8]{width:95%;height:94%;background-color:#fff;box-shadow:0 0 .6px 0 rgba(0,0,0,.3);border-radius:12px;transition:transform .2s linear}.card-container .play[data-v-6decbbc8]{display:none}.card-container[data-v-6decbbc8]:hover{transform:translateY(-10px);box-shadow:1px 3px 35px 0 rgba(105,144,247,.68);border-top-color:#045fd6!important;cursor:pointer}.card-container:hover .title-box .title[data-v-6decbbc8]{color:#009cff}.card-container:hover .play[data-v-6decbbc8]{display:block;position:absolute;float:left;border:25px solid #404040;background-color:#404040;height:0;width:0;border-radius:100%;margin:-1.4rem 1.6rem}.card-container:hover .play .triangle[data-v-6decbbc8]{position:absolute;margin:-9px -6px;height:1px;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff}.card-container .lesson-img[data-v-6decbbc8]{background-color:rgba(0,0,0,.3);border-radius:12px 12px 0 0;width:100%;height:55%}.card-container .lesson-img img[data-v-6decbbc8]{border-radius:12px 12px 0 0}.card-container .title-box[data-v-6decbbc8]{padding-left:.15rem;box-sizing:border-box;width:100%;height:15%;line-height:50%}.card-container .title-box .title[data-v-6decbbc8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.18rem;color:#181818}.card-container .lesson-message[data-v-6decbbc8]{display:flex;height:15%;font-size:.16rem;color:#8c8c8c;text-align:center}.card-container .lesson-message .lesson-grade[data-v-6decbbc8]{width:auto}.card-container .lesson-message .lesson-subject[data-v-6decbbc8]{padding:0 .1rem;margin:0 .1rem 0 .15rem;width:auto;height:.23rem;line-height:.23rem;border:1px solid #7d9cff;background-color:#7d9cff;color:#fff;border-radius:11px}.card-container .lesson-school[data-v-6decbbc8]{height:10%;width:90%;margin:.05rem .1rem 0 .18rem;padding-top:.15rem;font-size:.14rem;color:#999;border-top:1px solid rgba(221,204,221,.8)}.video-bg[data-v-6decbbc8]{position:fixed;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:rgba(0,0,0,.5)}.video-bg .video-box[data-v-6decbbc8]{width:10.8rem;height:6.5rem;background-color:#d9d9d9;border-radius:20px;overflow:hidden}.video-bg .close[data-v-6decbbc8]{position:relative;margin:.03rem;width:.24rem;height:.24rem;cursor:pointer;box-sizing:border-box}.video-bg .close[data-v-6decbbc8]:hover:after,.video-bg .close[data-v-6decbbc8]:hover:before{background:red}.video-bg .close[data-v-6decbbc8]:before{transform:rotate(45deg)}.video-bg .close[data-v-6decbbc8]:after,.video-bg .close[data-v-6decbbc8]:before{position:absolute;content:"";width:.05rem;height:.35rem;background:#fff;bottom:3.07rem;left:11.4rem}.video-bg .close[data-v-6decbbc8]:after{transform:rotate(-45deg)}