.demo-spin-container{display:inline-block;width:100%;height:400px;top:-400px;position:relative;border:1px solid #eee}.index-content-title{width:100%;height:50px;line-height:50px;padding-left:20px;background:#fff;box-shadow:2px 1px 1px .06px rgb(4 26 55/10%);margin-bottom:5px}.index-content-button{width:500px;height:50px;line-height:50px;margin-right:35px;text-align:right}.index-content-title h1{font-weight:700;width:300px;float:left;height:50px;line-height:50px}.course-video-views label:last-child{float:right;line-height:25px;margin-right:10px}.course-links-box{border-top:15px solid #f6f6f6}.course-video-play{width:100%;display:none;height:100%;line-height:120px;text-align:center;z-index:100px;background:url(../img/default.e82133f2.png);top:0;bottom:0;left:0;right:0;color:#fff;font-size:30px}.course-video-headimg label img{width:25px;height:25px;border-radius:50%}.course-video-headimg label{float:left;margin-left:10px;line-height:25px;font-size:12px}.course-video-headimg{width:100%;height:30px;margin-top:5px}.course-video-views label:last-child{font-size:13px;margin-top:2px}.course-video-views label:first-child{margin-left:11px;font-size:20px;margin-top:-5px}.course-video-views label{float:left;margin-left:5px;line-height:30px}.course-video-views{width:100%;float:left;height:30px}.course-video-li h1{font-size:14px;color:#666;font-weight:400;padding:5px;float:left;width:100%;max-height:30px;overflow:hidden}.course-video-image img{width:100%;border-radius:5px 5px 0 0;min-height:150px}.course-video-image{width:100%;height:150px;overflow:hidden}.course-video-li:hover{cursor:pointer;transform:translateY(-10px);box-shadow:0 2px 5px #eee}.course-video-li{width:calc(16.66667% - 28.33333px);box-shadow:1px 2px 8px 0 rgb(0 0 0/10%);min-width:225px;height:210px;color:#999;border-radius:5px;margin:11px;margin-left:16px;margin-top:20px;margin-bottom:10px;transition:transform .3s}.course-content-right{width:19%;height:510px}.course-content-left{width:100%;min-width:1350px}.course-content{width:100%;margin-top:20px;padding-bottom:30px}.topic-title-more:hover{color:#ff4d4d}.topic-title-more{float:right;margin-right:20px;font-size:400;font-size:15px;cursor:pointer;color:#666;margin-top:10px}.topic-title-text{color:#333;margin-left:20px;margin-top:25px;float:left;font-size:15px;border-left:3px solid #ff4d4d;padding-left:5px;line-height:15px}.topic-title-icon{color:#7e41e6;font-size:30px;float:left;margin-left:20px}.topic-box h1{font-size:16px;font-weight:700;width:100%;float:left}.ivu-icon-ios-searchs{color:#999;margin-top:1px;cursor:pointer}.course-list-so input{width:215px;height:25px;border:none;padding-left:5px;font-size:15px;margin-left:5px}.course-list-so{width:250px;height:30px;border:1px solid #ccc;margin:10px;border-radius:3px}.course-list-type ul li:first-child{font-weight:700}.course-list-type ul li:hover{color:#ff4d4d}.course-list-type ul li{float:left;line-height:50px;margin-left:10px;margin-right:10px;color:#666;font-size:14px;cursor:pointer}.course-list-type{width:100%;height:50px;border-bottom:1px solid #eee}.course-list-li{width:100%;min-height:200px;background:#fff;border-radius:20px}.course-list-banner img{width:100%}.course-list-banner{width:100%;padding:10px;background:#fff}.course-list-contents{min-width:1200px;max-width:1700px;overflow:auto;margin-bottom:15px}.course-list-content,.course-list-contents{width:100%;min-height:200px;height:100%}.course-list-box{min-height:200px;width:100%;height:calc(100% - 80px);margin-top:10px}