.course__item[data-v-f5e32602]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 15px rgba(218,220,237,.5)}.course__image[data-v-f5e32602]{width:100%;height:150px;overflow:hidden}.course__image img[data-v-f5e32602]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s ease-in-out}.course__image:hover img[data-v-f5e32602]{transform:scale(1.1)}.course__info[data-v-f5e32602]{padding:8px 16px 24px}.course__info .course__desc[data-v-f5e32602],.course__info .course__title[data-v-f5e32602]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.course__info .course__title[data-v-f5e32602]{min-height:30px;margin-bottom:8px;font-size:20px;font-weight:700;-webkit-line-clamp:1;transition:all .4s ease}.course__info .course__title[data-v-f5e32602]:hover{color:#656ef1}.course__info .course__desc[data-v-f5e32602]{min-height:42px;margin-bottom:8px;font-size:14px;color:#747474;-webkit-line-clamp:2}.course__info .course__time[data-v-f5e32602]{display:flex;align-items:center;margin-bottom:8px}.course__info .course__time i[data-v-f5e32602]{color:#000}.course__info .course__time p[data-v-f5e32602]{min-height:auto;margin-left:5px;margin-bottom:0;font-size:14px}.course__info .course__time span[data-v-f5e32602]{margin-left:5px;color:#000}.course__info .course_hashtag[data-v-f5e32602]{margin-bottom:8px;min-height:21px}.course__info .course_hashtag p[data-v-f5e32602]{margin-bottom:0;max-width:-moz-fit-content;max-width:fit-content;font-size:14px;color:#747474;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.course__info button[data-v-f5e32602]{padding:8px 12px;background-color:#fff;color:#000;font-size:14px;font-weight:700;border:1px solid #000;border-radius:4px;transition:all .4s ease}.course__info button[data-v-f5e32602]:hover{background-color:#000;color:#fff}@media screen and (max-width:767px){.course__info h4[data-v-f5e32602]{font-size:16px}.course__info button[data-v-f5e32602],.course__info p[data-v-f5e32602]{font-size:14px}.course__info button[data-v-f5e32602]{padding:6px 10px}.course__image[data-v-f5e32602]{height:200px}}.course-detail-page{width:100%;max-width:1170px;padding:0 15px;margin:80px auto}.course-detail-page .box-noData{padding:30px;background-color:#fff;border-radius:16px}.course-detail-page .box-2{margin-top:80px}.course-detail-page .box-2 .title{margin-bottom:30px;font-size:24px!important;text-align:center}.course-info{margin-bottom:30px!important;padding:30px;background-color:#fff;border-radius:16px}.course-info img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}.course-info .title{margin-bottom:8px;font-size:30px}.course-info .description{margin-bottom:16px;font-size:16px}.course-info .description button{color:#868686}.course-info .hashtag{display:flex;flex-wrap:wrap;gap:8px}.course-info .hashtag p{margin-bottom:0;padding:4.5px 16px;font-size:14px;background-color:#f2f2f2;color:#525252;border-radius:30px}.my-collapse{font-size:16px;border:none}.my-collapse.ant-collapse{border-radius:16px;overflow:hidden}.my-collapse .ant-collapse-item{border:none}.my-collapse .ant-collapse-header{min-height:65px;display:flex;align-items:center}.my-collapse .ant-collapse-content{overflow:unset}.my-collapse .ant-collapse-content-box{padding:0}.chapter-item{display:flex;align-items:center;height:65px;padding:0 16px;cursor:pointer;transition:all .3s ease}.chapter-item:hover{transform:translateZ(1px)!important;box-shadow:0 4px 6px #e8eaf1!important}.chapter-item+.chapter-item{border-top:1px solid #f2f3f7}.chapter-item>div,.chapter-item a{display:flex;align-items:center;justify-content:space-between;width:100%}.chapter-item .name{max-width:calc(90% - 240px);display:flex;align-items:center}.chapter-item .name img{width:30px;margin-right:10px}.chapter-item .name p{margin:0;font-size:16px;color:#000;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;transition:all .3s ease}.chapter-item:hover .name p{color:#636cf5}.chapter-item .status{display:flex;align-items:center}.chapter-item .history-link{position:relative;width:-moz-fit-content;width:fit-content;margin-right:15px;color:#007fff;z-index:1}.chapter-item .history-link:after{content:"";position:absolute;width:100%;height:1px;bottom:0;background-color:transparent;transition:all .3s ease}.chapter-item .history-link:hover:after{background-color:#007fff}.chapter-item .box-progress{width:120px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:16px;font-weight:700;border:1.5px solid rgba(204,40,29,.5);background-color:rgba(204,40,29,.2);color:#cc281d}.chapter-item .box-progress.lesson{background-color:rgba(46,204,64,.2);color:#2ecc40;border-color:rgba(46,204,64,.5)}.chapter-item .box-progress.form{background-color:rgba(99,108,245,.2);color:#636cf5;border-color:rgba(99,108,245,.5)}@media screen and (max-width:767px){.course-detail-page{margin:50px auto}.course-info .title{margin-top:8px;font-size:24px}.course-info .description,.my-collapse{font-size:14px}.chapter-item{height:70px}.chapter-item .name{max-width:calc(90% - 80px)}.chapter-item .status{flex-direction:column-reverse;text-align:center}.chapter-item .status a{margin-top:5px;margin-right:0}.chapter-item p.test-name{display:flex;flex-direction:column;font-size:14px}.chapter-item .test-name span{margin-left:0!important}.chapter-item .box-progress,.chapter-item .status{width:80px;font-size:12px}}