.course-bg{height: 223px;background: url('coursebg.png') no-repeat top center;width: 100%;}
.box-select{margin-top: -103px;padding-top: 0;}
/**内页列表页**/
.disabled-list { padding-top: 20px; padding-bottom: 100px; } 
.disabled-list ul { margin-right: -20px; } 
.disabled-list li {width: 285px;float: left;margin-right: 20px;
margin-bottom: 20px;border-radius: 16px;overflow: hidden;background: #fff;box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32); } 
.disabled-list .class-course___img{ display: block;position: relative;height: 160px; } 
.disabled-list .class-course___img span{width: 100px;height: 36px;background: url('../index/label-bg.png') no-repeat center right;background-size: auto 100%;left: 0px;top: 0px;font-size: 20px;color: #874100;display: block;text-align: center;line-height: 36px;position: absolute;}
.disabled-list .class-course___img img{width: 100%;height: 100%;object-fit: cover;}
.disabled-list .class-course___info{padding: 8px 12px 16px;}
.disabled-list .class-course___info h2{font-size: 16px;font-weight: 400;color: #333333;line-height: 23px;height: 46px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;margin-bottom: 12px;}
.disabled-list .class-course___intro{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.disabled-list .class-course___intro span {line-height: 19px;font-size: 14px;color: #9DA0A6;}
.disabled-list .class-course___intro a {display: block;width: 88px;height: 28px;text-align: center;line-height: 28px;border-radius: 28px;background: #127DFD;color: #fff;font-size: 14px;}

.live-list { padding-top: 30px; padding-bottom: 30px; background: #f8f8f8; } 
.live-list ul li { padding: 20px; margin-bottom: 20px; background: #fff; } 
.live-list ul li .images { float: left; width: 360px; height: 223px; line-height: 223px; } 
.live-list ul li .images img { height: 100%; width: 100%; object-fit: cover; display: block; } 
.live-list ul li .text { float: right; width: 980px; height: 224px; overflow: hidden; } 
.live-list ul li .text .title { color: #36404a; line-height: 30px; font-size: 16px; } 
.live-list ul li .text .serialize { margin-top: 15px; margin-bottom: 10px; } 
.live-list ul li .text .serialize span { display: inline-block; padding: 0 12px; border: 1px solid #127DFD; border-radius: 2px; color: #127DFD; line-height: 24px; } 
.live-list ul li .text .serialize .icon { width: 106px; float: right; } 
.live-list ul li .text .serialize .icon i { float: left; display: block; width: 24px; height: 24px; overflow: hidden; border-radius: 100%; } 
.live-list ul li .text .serialize .icon img { float: left; display: block; width: 24px; height: 24px; overflow: hidden; border-radius: 100%; margin-right: 10px; } 
.live-list ul li .text .serialize .icon i img { display: block; min-height: 100%; } 
.live-list ul li .text .serialize .icon em { line-height: 24px; width: 70px; float: right; overflow: hidden; } 
.live-list ul li .text .details { height: 96px; color: #999; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } 
.live-list ul li .text .bottom { margin-top: 14px; } 
.live-list ul li .text .bottom span { display: inline-block; font-size: 14px; color: #999; line-height: 42px; } 
.live-list ul li .text .bottom .student { padding: 0 30px; background: url("../images/student.png") no-repeat left center; } 
.live-list ul li .text .bottom .period { padding: 0 30px; background: url("../images/period.png") no-repeat left center; } 
.live-list ul li .text .bottom .price { float: right; font-size: 22px; color: #127DFD; line-height: 42px; } 
.live-list ul li .text .bottom .price span { font-size: 22px; display: inline-block; color: #127DFD; } 

/**内页列表页结束**/