.content[data-v-78a90596]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:hsla(0,0%,100%,.5);display:flex;justify-content:center;align-items:center}.chat-bubble[data-v-78a90596]{position:relative;background-color:#fff;border-radius:10px;padding:10px 0}.container[data-v-78a90596]{position:relative;min-height:100vh}.container[data-v-78a90596]:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;filter:blur(10px);background-size:100% 100%;background-image:var(--bg-url);background-repeat:no-repeat}[data-v-78a90596] .el-divider--horizontal{margin:20px 0}.did[data-v-78a90596]{clear:both}[data-v-78a90596] .el-tabs__nav-wrap:after{height:1px;background:#ddd}.courseList[data-v-78a90596]:hover{cursor:pointer;color:#70bf73;background:rgba(242,243,244,.6);transition:all .3s}@media screen and (min-width:1025px){[data-v-78a90596] .el-button{font-size:16px;width:-moz-fit-content;width:fit-content;padding:10px 15px;height:-moz-fit-content;height:fit-content}.chat-bubble[data-v-78a90596]{font-size:16px;line-height:1.6}[data-v-78a90596] .el-progress__text{font-size:16px!important}[data-v-78a90596] .el-progress-bar{padding-right:15px;margin-right:-15px}[data-v-78a90596] .el-tabs__item{font-size:16px}.list[data-v-78a90596]{float:left;width:calc(70% - 30px);height:-moz-fit-content;height:fit-content;min-height:600px;box-sizing:border-box;overflow:hidden;border-radius:5px;border:1px solid #ddd;padding:10px}.list h3[data-v-78a90596]{margin-top:0;float:left;max-width:100%;width:auto;font-size:22px;line-height:100%;height:30px;border-bottom:2px solid #70bf73}.top-box[data-v-78a90596]{height:250px;overflow:hidden}.top-box .img-box[data-v-78a90596]{width:260px}.top-box .right-box[data-v-78a90596]{width:calc(100% - 260px)}.top-box .cover[data-v-78a90596]{width:240px;height:240px;overflow:hidden;border-radius:3px}.top-box .title[data-v-78a90596]{font-size:16px;font-weight:700;min-height:60px;margin-bottom:40px}.top-box .tutor[data-v-78a90596]{font-size:16px}.courseList[data-v-78a90596]{margin:0;border-bottom:1px dashed #ddd;padding:12px 0}.cover-box[data-v-78a90596]{width:120px;text-align:right}.cover-box .cover[data-v-78a90596]{height:106px;display:flex;align-items:center}.cover-box .cover-img[data-v-78a90596]{width:106px;height:106px;border-radius:3px;overflow:hidden}.cover-box .cover-time[data-v-78a90596]{width:106px;height:26px;background:rgba(0,0,0,.2);position:absolute;bottom:0;text-align:center;color:#fff;line-height:26px}.cover-box .seq[data-v-78a90596]{position:absolute;z-index:0;top:0;margin-left:-120px;border-radius:0 0 5px 0}.cover-box .duration[data-v-78a90596]{width:105px;height:26px;background:rgba(0,0,0,.2);position:absolute;top:80px;text-align:center;color:#fff;line-height:26px}.title-box[data-v-78a90596]{width:calc(100% - 120px)}.title-box .title[data-v-78a90596]{margin:0;height:60px;font-size:16px;font-weight:600}.title-box .progress[data-v-78a90596]{font-size:16px;width:90px}.title-box .progress2[data-v-78a90596]{width:calc(100% - 90px)}.title-box .reback[data-v-78a90596]{font-size:16px;color:#8c959f;margin-top:5px}}@media screen and (min-width:769px) and (max-width:1024px){[data-v-78a90596] .el-button{font-size:16px;width:-moz-fit-content;width:fit-content;padding:10px 15px;height:-moz-fit-content;height:fit-content}.chat-bubble[data-v-78a90596]{font-size:16px;line-height:1.6}[data-v-78a90596] .el-progress__text{font-size:16px!important}[data-v-78a90596] .el-progress-bar{padding-right:15px;margin-right:-15px}[data-v-78a90596] .el-tabs__item{font-size:16px}.list[data-v-78a90596]{margin-bottom:30px;float:left;width:55%;height:-moz-fit-content;height:fit-content;min-height:600px;box-sizing:border-box;margin-right:20px;overflow:hidden;border-radius:5px;border:1px solid #ddd;padding:10px}.list h3[data-v-78a90596]{margin-top:0;float:left;max-width:100%;width:auto;font-size:22px;line-height:100%;height:30px;border-bottom:2px solid #70bf73}.top-box[data-v-78a90596]{height:190px;overflow:hidden}.top-box .img-box[data-v-78a90596]{width:195px}.top-box .right-box[data-v-78a90596]{width:calc(100% - 195px)}.top-box .cover[data-v-78a90596]{width:180px;height:180px;overflow:hidden;border-radius:3px}.top-box .title[data-v-78a90596]{font-size:16px;font-weight:700;min-height:60px;margin-bottom:40px}.top-box .tutor[data-v-78a90596]{font-size:16px}.courseList[data-v-78a90596]{margin:0;border-bottom:1px dashed #ddd;padding:12px 0}.cover-box[data-v-78a90596]{width:120px;text-align:right}.cover-box .cover[data-v-78a90596]{height:106px;display:flex;align-items:center}.cover-box .cover-img[data-v-78a90596]{width:106px;height:106px;border-radius:3px;overflow:hidden}.cover-box .cover-time[data-v-78a90596]{width:106px;height:26px;background:rgba(0,0,0,.2);position:absolute;bottom:0;text-align:center;color:#fff;line-height:26px}.cover-box .seq[data-v-78a90596]{position:absolute;z-index:0;top:0;margin-left:-120px;border-radius:0 0 5px 0}.cover-box .duration[data-v-78a90596]{width:105px;height:26px;background:rgba(0,0,0,.2);position:absolute;top:80px;text-align:center;color:#fff;line-height:26px}.title-box[data-v-78a90596]{width:calc(100% - 120px)}.title-box .title[data-v-78a90596]{margin:0;height:60px;font-size:16px;font-weight:600}.title-box .progress[data-v-78a90596]{font-size:16px;width:85px}.title-box .progress2[data-v-78a90596]{width:calc(100% - 85px)}.title-box .reback[data-v-78a90596]{font-size:16px;color:#8c959f;margin-top:5px}}@media screen and (min-width:601px) and (max-width:768px){[data-v-78a90596] .el-button{font-size:1.3rem;width:-moz-fit-content;width:fit-content;padding:10px 15px;height:-moz-fit-content;height:fit-content}[data-v-78a90596] .el-progress__text{font-size:1.3rem!important}[data-v-78a90596] .el-progress-bar{padding-right:15px;margin-right:-15px}.list[data-v-78a90596]{margin:10px 5px 10px 5px;float:left;width:calc(100% - 10px);height:-moz-fit-content;height:fit-content;min-height:600px;box-sizing:border-box;overflow:hidden;border-radius:5px;border:1px solid #ddd;padding:10px}.list h3[data-v-78a90596]{margin-top:0;float:left;max-width:100%;width:auto;font-size:22px;line-height:100%;height:30px;border-bottom:2px solid #70bf73}.top-box[data-v-78a90596]{height:210px;overflow:hidden}.top-box .img-box[data-v-78a90596]{width:215px}.top-box .right-box[data-v-78a90596]{width:calc(100% - 215px)}.top-box .cover[data-v-78a90596]{width:195px;height:195px;overflow:hidden;border-radius:3px}.top-box .title[data-v-78a90596]{font-size:1.3rem;font-weight:700;min-height:60px;margin-bottom:40px}.top-box .tutor[data-v-78a90596]{font-size:1.3rem}.courseList[data-v-78a90596]{margin:0;border-bottom:1px dashed #ddd;padding:12px 0}.cover-box[data-v-78a90596]{width:120px;text-align:right}.cover-box .cover[data-v-78a90596]{height:106px;display:flex;align-items:center}.cover-box .cover-img[data-v-78a90596]{width:106px;height:106px;border-radius:3px;overflow:hidden}.cover-box .cover-time[data-v-78a90596]{width:106px;height:26px;background:rgba(0,0,0,.2);position:absolute;bottom:0;text-align:center;color:#fff;line-height:26px}.cover-box .seq[data-v-78a90596]{position:absolute;z-index:0;top:0;margin-left:-120px;border-radius:0 0 5px 0}.cover-box .duration[data-v-78a90596]{width:105px;height:26px;background:rgba(0,0,0,.2);position:absolute;top:80px;text-align:center;color:#fff;line-height:26px}.title-box[data-v-78a90596]{width:calc(100% - 120px)}.title-box .title[data-v-78a90596]{margin:0;height:60px;font-size:1.3rem;font-weight:600}.title-box .progress[data-v-78a90596]{font-size:1.3rem;width:110px}.title-box .progress2[data-v-78a90596]{width:calc(100% - 110px)}.title-box .reback[data-v-78a90596]{font-size:1.3rem;color:#8c959f;margin-top:5px}.chat-bubble[data-v-78a90596]{font-size:1.3rem;line-height:1.6}[data-v-78a90596] .el-tabs__item{font-size:1.3rem;line-height:1.4;margin:10px 0 0 0}}@media screen and (max-width:600px){[data-v-78a90596] .el-button{font-size:1.1rem;width:-moz-fit-content;width:fit-content;padding:10px 15px;height:-moz-fit-content;height:fit-content}[data-v-78a90596] .el-progress__text{font-size:1.1rem!important}[data-v-78a90596] .el-progress-bar{padding-right:15px;margin-right:-15px}.list[data-v-78a90596]{margin-top:0;float:left;width:100%;height:-moz-fit-content;height:fit-content;min-height:600px;box-sizing:border-box;overflow:hidden;border-radius:5px;border:1px solid #ddd;padding:10px;margin-bottom:10px}.list h3[data-v-78a90596]{margin-top:0;float:left;max-width:100%;width:auto;font-size:22px;line-height:100%;height:30px;border-bottom:2px solid #70bf73}.top-box[data-v-78a90596]{height:-moz-fit-content;height:fit-content;overflow:hidden}.top-box .img-box[data-v-78a90596],.top-box .right-box[data-v-78a90596]{width:100%}.top-box .cover[data-v-78a90596]{width:100%;height:210px;overflow:hidden;border-radius:3px}.top-box .title[data-v-78a90596]{margin-top:10px;font-size:1.1rem;margin-bottom:20px}.top-box .tutor[data-v-78a90596]{font-size:1.1rem;padding-bottom:10px;border-bottom:12px solid #f7f7f7}.courseList[data-v-78a90596]{margin:0;border-bottom:1px dashed #ddd;padding:12px 0}.cover-box[data-v-78a90596]{width:120px;text-align:right}.cover-box .cover[data-v-78a90596]{height:106px;display:flex;align-items:center}.cover-box .cover-img[data-v-78a90596]{width:106px;height:106px;border-radius:3px;overflow:hidden}.cover-box .cover-time[data-v-78a90596]{width:106px;height:26px;background:rgba(0,0,0,.2);position:absolute;bottom:0;text-align:center;color:#fff;line-height:26px}.cover-box .seq[data-v-78a90596]{position:absolute;z-index:0;top:0;margin-left:-120px;border-radius:0 0 5px 0}.cover-box .duration[data-v-78a90596]{width:105px;height:26px;background:rgba(0,0,0,.2);position:absolute;top:80px;text-align:center;color:#fff;line-height:26px}.title-box[data-v-78a90596]{width:calc(100% - 120px)}.title-box .title[data-v-78a90596]{margin:0;height:60px;font-size:1.1rem;font-weight:600}.title-box .progress[data-v-78a90596]{font-size:1.1rem;width:100px}.title-box .progress2[data-v-78a90596]{width:calc(100% - 100px)}.title-box .reback[data-v-78a90596]{font-size:1.1rem;color:#8c959f;margin-top:5px}.chat-bubble[data-v-78a90596]{font-size:1.1rem;line-height:1.6}[data-v-78a90596] .el-tabs__item{font-size:1.1rem;line-height:1.4;margin:10px 0 0 0}}