@charset "UTF-8";:root{--cl-font-family:"PingFang SC","Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;--cl-red-color:#fc5b08;--cl-graybg-color:#f3f3f8;--cl-gray999-color:#999;--cl-gray-color-9:#999;--cl-000-color:#000;--cl-fff-color:#fff;--cl-orange-color:#fc5b08;--el-color-primary:#fc5b08!important;--el-color-primary-light-3:#fc5b08;--el-color-primary-light-5:#fc5b08;--el-color-primary-light-7:#fc5b08;--el-color-primary-light-8:#fc5b08;--el-color-primary-light-9:#fc5b08;--el-color-primary-dark-2:#fc5b08;--el-menu-hover-bg-color:#fff3ee;--brand-primary:var(--cl-red-color)!important}.course-list{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:20px}.course-list:after{content:"";flex:auto}.course-list .empty{margin:0 auto}.course-list .item{background-color:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 20px 30px rgba(162,162,183,.5);font-size:0;height:320px;margin:0 20px 20px 0;overflow:hidden;position:relative;width:224px}.course-list .item>.tips{background:#fc5b08;border-radius:2px;color:#fff;font-size:12px;font-weight:700;height:19px;left:-2px;line-height:19px;padding:0 8px;position:absolute;top:18px;z-index:1}.course-list .item:nth-child(5n){margin-right:0}.course-list .item .pic-box{border-radius:8px;height:150px;overflow:hidden;width:220px}.course-list .item .pic{border:1px solid #fff;border-radius:8px;display:inline-block;height:150px;transition:all .5s;width:220px}.course-list .item .pic.active{transform:scale(1.1) translateZ(0)}.course-list .item .content{padding:15px 10px 0;position:relative}.course-list .item .content .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;display:-webkit-box;font-size:16px;height:42px;line-height:21px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.course-list .item .content .time{border-top:1px solid #ededf4;color:var(--cl-gray999-color);display:flex;font-size:12px;justify-content:space-between;line-height:36px}.course-list .item .content .label{font-size:12px;height:25px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-list .item .content .label span{background-color:#fff7f2;border-radius:2px;color:var(--cl-red-color);display:inline-block;font-size:12px;height:18px;line-height:18px;margin-right:5px;margin-top:7px;padding:0 3px}.course-list .item .content .label span:first-child{background:rgba(87,173,75,.05);border-radius:2px;color:#178508}.course-list .item .content .price{bottom:15px;color:var(--cl-red-color);display:flex;font-size:16px;font-weight:700;justify-content:space-between;left:2px;line-height:40px}.course-list .item .content .price .text{font-size:14px;margin-right:5px}.course-list .item .content .price .rmb:before{bottom:-10px}.course-list .item .content .price .normb:before{display:none}.course-list .item .content .price .teacher{align-items:center;display:flex}.course-list .item .content .price .teacher .avatar{border-radius:50%;display:block;height:24px;margin-right:5px;-o-object-fit:cover;object-fit:cover;width:24px}