.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}.course-box[data-v-d21adffc]{width:100%;height:auto;float:left;display:flex;flex-direction:column}.course-box .course-item[data-v-d21adffc]{width:100%;height:auto;float:left;margin-bottom:15px;display:flex}.course-box .course-item[data-v-d21adffc]:last-child{margin-bottom:0}.course-box .course-item .course-thumb[data-v-d21adffc]{position:relative;width:120px;height:90px;border-radius:4px;margin-right:10px;display:flex;justify-content:center;overflow:hidden}.course-box .course-item .course-thumb img[data-v-d21adffc]{width:120px;height:90px;border-radius:4px}.course-box .course-item .course-thumb .icon[data-v-d21adffc]{position:absolute;bottom:0;right:0;width:56px;height:22px;background:#ff4d4f;border-radius:4px 0 4px 0;font-size:12px;font-weight:400;color:#fff;line-height:12px;display:flex;align-items:center;justify-content:center}.course-box .course-item .course-body[data-v-d21adffc]{flex:1;padding-top:5px}.course-box .course-item .course-body .course-title[data-v-d21adffc]{width:100%;height:40px;float:left;font-size:15px;font-weight:500;color:#171923;line-height:20px;word-break:break-all;margin-bottom:20px;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-d21adffc]{width:100%;height:auto;float:left;font-size:13px;font-weight:400;color:#666;line-height:13px}.container[data-v-a85cb1c4]{margin-bottom:53px}.top-nav[data-v-a85cb1c4]{position:fixed;z-index:400;width:100%;height:auto;float:left;box-sizing:border-box;display:flex;padding:15px 20px 4px 20px;background-color:#fff}.top-nav .nav-item[data-v-a85cb1c4]{position:relative;width:auto;height:auto;margin-right:40px}.top-nav .nav-item[data-v-a85cb1c4]:last-child{margin-right:0}.top-nav .nav-item .item-text[data-v-a85cb1c4]{width:100%;height:auto;float:left;font-size:14px;font-weight:400;color:#666;line-height:14px;text-align:center;padding-bottom:9px}.top-nav .nav-item .item-dot[data-v-a85cb1c4]{position:absolute;bottom:0;width:28px;height:3px;background:#fff;border-radius:2px}.top-nav .nav-item.active .item-text[data-v-a85cb1c4]{color:#3ca7fa;font-weight:600}.top-nav .nav-item.active .item-dot[data-v-a85cb1c4]{background-color:#3ca7fa}.gray[data-v-a85cb1c4]{float:left;width:100%;height:10px;background:#f3f6f9}.courses-box[data-v-a85cb1c4]{width:100%;height:auto;float:left;background-color:#fff;box-sizing:border-box;margin-top:42px;padding:15px}.loadmore-box[data-v-a85cb1c4]{width:100%;height:auto;float:left;padding-top:25px;padding-bottom:25px}.btn-login-box[data-v-a85cb1c4]{width:100%;height:auto;float:left;box-sizing:border-box;padding-left:15px;padding-right:15px}.btn-login-box .btn-login[data-v-a85cb1c4]{width:100%;height:46px;box-sizing:border-box;line-height:46px;background:#3ca7fa;border-radius:4px;float:left;text-align:center;color:#fff;font-size:16px;font-weight:500}.drop[data-v-a85cb1c4]{display:inline-block;width:100%;float:left;text-align:center;color:#ccc;font-size:14px;margin-top:30px;margin-bottom:60px}#page{background-color:#f3f6f9}