.empty-box{width:100%;height:auto;float:left;text-align:center;padding-top:50px;padding-bottom:50px}.empty-box>.image-empty-item{display:inline-block}.empty-box>.image-empty-item>img{width:120px;height:120px}.footer[data-v-487962e8]{position:fixed;bottom:0;left:0;right:0;width:100%;height:53px;background:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:5px 30px;z-index:100}.footer .item[data-v-487962e8]{height:53px;display:flex;flex-direction:column;cursor:pointer}.footer .item img[data-v-487962e8]{width:28px;height:28px;margin-bottom:3px}.footer .item span[data-v-487962e8]{height:11px;font-size:11px;font-weight:400;color:#333;line-height:11px;text-align:center}.course-box[data-v-01039ab1]{width:100%;height:auto;float:left;display:flex;flex-direction:column}.course-box .course-item[data-v-01039ab1]{width:100%;height:auto;float:left;margin-bottom:15px;padding-bottom:15px;display:flex;border-bottom:1px solid #f0f0f0;position:relative}.course-box .course-item[data-v-01039ab1]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:95%;height:1px;background-color:#f5f5f5}.course-box .course-item[data-v-01039ab1]:last-child{margin-bottom:0;border-bottom:none}.course-box .course-item[data-v-01039ab1]:last-child:after{display:none}.course-box .course-item .course-thumb[data-v-01039ab1]{position:relative;width:140px;height:90px;border-radius:8px;margin-right:12px;display:flex;justify-content:center;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1)}.course-box .course-item .course-thumb img[data-v-01039ab1]{width:140px;height:90px;border-radius:8px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.course-box .course-item .course-thumb .icon[data-v-01039ab1]{position:absolute;bottom:0;right:0;width:56px;height:22px;background:linear-gradient(135deg,#ff6b6b,#ff4d4f);border-radius:4px 0 8px 0;font-size:12px;font-weight:500;color:#fff;line-height:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.2)}.course-box .course-item .course-body[data-v-01039ab1]{flex:1;padding-top:5px;display:flex;flex-direction:column;justify-content:space-between}.course-box .course-item .course-body .course-title[data-v-01039ab1]{width:100%;height:40px;float:left;font-size:15px;font-weight:600;color:#333;line-height:20px;word-break:break-all;margin-bottom:15px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.course-box .course-item .course-body .at[data-v-01039ab1]{width:100%;height:auto;float:left;font-size:13px;font-weight:400;color:#3ca7fa;line-height:13px;background-color:rgba(60,167,250,.1);padding:6px 10px;border-radius:15px;display:inline-block;width:auto}.slider-box[data-v-84094f72]{width:100%;margin-top:0;box-sizing:border-box;height:120px;overflow:hidden;background:#fff}.slider-box .swiper-pagination-bullets[data-v-84094f72]{bottom:5px}.slider-box .swiper-container[data-v-84094f72]{width:100%;height:120px;overflow:hidden}.slider-box .swiper-container .swiper-slide[data-v-84094f72]{width:100%;height:120px}.slider-box .swiper-container .swiper-slide img[data-v-84094f72]{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.container[data-v-18811ee3]{margin-bottom:53px;background-color:#fff;min-height:100vh}.slider-container[data-v-18811ee3]{width:100%;margin-bottom:0;float:left}.top-nav[data-v-18811ee3]{width:100%;height:auto;float:left;box-sizing:border-box;display:flex;justify-content:space-around;padding:12px 0;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.top-nav .nav-item[data-v-18811ee3]{position:relative;width:33.33%;height:auto;text-align:center;transition:all .3s ease}.top-nav .nav-item .item-text[data-v-18811ee3]{width:100%;height:auto;font-size:16px;font-weight:500;color:#666;line-height:20px;text-align:center;padding-bottom:6px;transition:all .3s ease}.top-nav .nav-item .item-dot[data-v-18811ee3]{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:transparent;border-radius:3px;transition:all .3s ease}.top-nav .nav-item.active .item-text[data-v-18811ee3]{color:#3ca7fa;font-weight:600}.top-nav .nav-item.active .item-dot[data-v-18811ee3]{background-color:#3ca7fa}.gray[data-v-18811ee3]{float:left;width:100%;height:10px;background:#f3f6f9}.section-title[data-v-18811ee3]{width:100%;padding:0 15px;margin:5px 0;float:left}.section-title span[data-v-18811ee3]{font-size:16px;font-weight:500;color:#333;position:relative;padding-left:10px}.section-title span[data-v-18811ee3]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:#3ca7fa;border-radius:1.5px}.courses-box[data-v-18811ee3]{width:100%;height:auto;float:left;background-color:#fff;box-sizing:border-box;margin-top:5px;padding:10px;border-radius:0}.loadmore-box[data-v-18811ee3]{width:100%;height:auto;float:left;padding-top:25px;padding-bottom:25px}.btn-login-box[data-v-18811ee3]{width:100%;height:auto;float:left;box-sizing:border-box;padding:20px 15px}.btn-login-box .btn-login[data-v-18811ee3]{width:100%;height:46px;box-sizing:border-box;line-height:46px;background:linear-gradient(135deg,#42a4ff,#3ca7fa);border-radius:8px;float:left;text-align:center;color:#fff;font-size:16px;font-weight:500;box-shadow:0 4px 10px rgba(60,167,250,.3);transition:all .3s ease}.btn-login-box .btn-login[data-v-18811ee3]:active{transform:scale(.98);box-shadow:0 2px 5px rgba(60,167,250,.2)}.drop[data-v-18811ee3]{display:inline-block;width:100%;float:left;text-align:center;color:#999;font-size:14px;margin-top:30px;margin-bottom:60px}.drop .loading-spinner[data-v-18811ee3]{display:flex;flex-direction:column;align-items:center;justify-content:center}.drop .loading-spinner img[data-v-18811ee3]{width:30px;height:30px;margin-bottom:8px}.drop .loading-spinner p[data-v-18811ee3]{margin:0;font-size:14px;color:#666}.drop .end-text span[data-v-18811ee3]{display:inline-block;padding:8px 15px;background-color:#f5f5f5;border-radius:15px;color:#999;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.05)}#page{background-color:#f3f6f9}