.carousel-part .caurse-carousel{display:inline-block;width:860px;height:400px}.carousel-part .caurse-carousel .el-carousel{border-radius:3px}.carousel-part .caurse-carousel .el-carousel__container{width:860px}.carousel-part .caurse-carousel img{height:100%}.carousel-part .caurse-carousel .el-carousel__indicator .el-carousel__button{width:8px;height:8px;border-radius:50%}.carousel-part .popularity-list{display:inline-block;width:320px;background-color:#fff}.carousel-part .popularity-list .humantitle{padding:5px 8px;border-radius:2px;font-size:14px;color:#fff;background-color:#338efc}.carousel-part .popularity-list .el-card__header{padding:25px 10px;margin:0 8px;border-bottom:2px solid #e5e5e5}.carousel-part .popularity-list .el-card__body{height:299px;padding:15px 20px 20px}.carousel-part .popularity-list .humanItem{padding:5px 0}.carousel-part .popularity-list .humanItem i{border-radius:4px}.carousel-part .popularity-list .humanItem a{display:inline-block;width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.carousel-part .popularity-list .humanItem:hover{background-color:#effaff}.carousel-part .popularity-list .humanItem:hover>a{color:#348efc}.carousel-part .popularity-list .humanNun{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#d2d2d2;margin-right:10px}.carousel-part .popularity-list .humanNun.yellowC{background:#f2b732}.course-video-con{margin:20px 0 40px}.filter-nav .el-button{font-size:16px;color:#000}.filter-nav .el-icon-sort-down{margin-left:5px}.filter-nav .cut{margin:0 20px 0 10px;color:#d2d2d2}.filter-nav .blueC{color:#338efc}.course-video-list .course-video-li{float:left;width:290px;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);overflow:hidden;margin:0 13px 20px 0;background:#fff;-moz-transition:all .35s ease-in;-webkit-transition:all .35s ease-in;-o-transition:all .35s ease-in;transition:all .35s ease-in;position:relative}.course-video-list .course-video-li .course-video-li .video-creater-info>a,.course-video-list .course-video-li .course-video-li .video-creater-info>p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-video-list .course-video-li:hover{-webkit-box-shadow:0 6px 7px 0 rgba(0,0,0,.1);-moz-box-shadow:0 6px 7px 0 rgba(0,0,0,.1);box-shadow:0 6px 7px 0 rgba(0,0,0,.1)}.course-video-list .course-video-li .video-thumbnail{height:140px;display:block;overflow:hidden}.course-video-list .course-video-li .video-thumbnail a,.course-video-list .course-video-li .video-thumbnail img{width:100%;height:100%;vertical-align:top}.course-video-list .video-thumbnail a{position:relative}.course-video-list .video-thumbnail a:after{content:"";opacity:0;background:linear-gradient(180deg,rgba(0,0,0,.01) 2%,rgba(0,0,0,.2));transition:opacity .4s ease-in-out;position:absolute;top:2px;left:0;width:100%;height:140px}.course-video-list .video-thumbnail:hover>a:after{opacity:1}.course-video-list .course-video-li .video-creater-info{padding:0 10px 10px;background:#fff}.course-video-list .course-video-li .video-creater-info>a{font-size:14px;color:#020202;line-height:20px;padding-top:13px;display:block;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-video-list .course-video-li .video-creater-info .course-video-li:hover{box-shadow:0 6px 7px 0 rgba(0,0,0,.1)}.course-video-list .course-video-li:nth-of-type(4n){margin:0 0 18px 0}.course-video-list .teacher-info{margin-top:6px;display:flex;justify-content:space-between;align-items:center}.course-video-list .teacher-info .teacher-name{color:#999;display:inline-block;width:153px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-video-list .teacher-info .acatar_img{display:inline-block;width:25px;height:25px;-moz-border-radius:50%;border-radius:50%;overflow:hidden;margin-right:5px}.course-video-list .teacher-info .el-icon-video-play{font-size:18px;color:#b2c5db;vertical-align:middle}.course-video-list .teacher-info strong{margin-left:5px;vertical-align:middle}.course-video-list .category{padding-top:15px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-nice{position:absolute;top:0;right:0;display:inline-block;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAAXNSR0IArs4c6QAAAxtJREFUOBGdVFtIVVEQXedqeTXTfPshmpJiZRplKaaURURBWBBB/UVQ0Z9SH9lXPz0oiiAoIjIqEuojiYrSMKhIkCLTRLxpqWi+H/kKM+9pzZlzHypFNJc9e89jz55ZM+caZhl2wMQTkBzWISgaWH+RgtDUALCyGIZ5kzaSYfbVmuh7Q/PUEFBbAojJdJWZ1t5VZZrvSk29HLVGrgA/eoCsk7xbBjfDGKq1+Ihh9r830f0CCAihZzdQf5rBXddppqM5DTiZEMmB4UYgfiOQsp/KGFvJXPA4BxhpApL2WErfQ/GFQM9LS2mxiCxg+KNXDrSyyTwBhKUBhfeBcobNuQyEpwPd1erYcM5XPw4QhgqJUg/s6wO6qtQpaTdwJwSBlhSaAnQ+VydRGFTbVSDAablIjgN8PsqS/sIE+gnaic4fyGAYJ9YK5uoUmz/bM7NUZYF+ErWa44piYHEykH0G+PqACKQCaQfVcaiOhT01tItSmbTCdYMFNfDstqPNAIMfrLM6tj8EYvO0kYk72Ts6NF8DguOA9CN+juNtwJLlNF4lLDT6Lzui5ripHPhcBuTJNAjZT6tgcX26PJY2jsrbQ2pyUvYs21kdp0f97vJYuQ1oOA/E5AITHZbNO+uzPedIDrRIC0eIffgc0/+K7TKOGixiFb8FTlf2WWB6DKg7xX2cNU4BGcd1POWZsGWaeutd36O9r4GWW9KyBEVRTBnHyNhE6YlQPlGd7ARqjgJ9NUBQpOqDCZyQEaC78J5X3rOCKGIzWyJ9FAoI1nM9s5Veph8GFiXoWhihPg4G9KyMEtWR+8DezOmRjzpuAzDWBvQzq+/NWnpiEfUF3kvzDk1XNAEDM74Mqzm3gpmQBI5eBzReUnnpXiBxFzHunb9S+RFErlY/csVQ8CjiV/GNf1RCoy7g0wWWFKSycPdPDebT6MmDua3XgKKsYJeFtj7T3R5AFcglu9bbKgrG7l/Emg8WsHl+FMjGmvyxvTZ9ucd/7kGPpHtHBWsJ9ekWhAHJhEH2yu2srFJtJtwy2LkM+IiaSL+wvsv/enKjmwBu+Q1IYAa+Z80JrQAAAABJRU5ErkJggg==) no-repeat}.dependent{background-color:#fff;text-align:center;overflow:hidden;margin-bottom:50px;padding-top:30px}.dependent p{color:#999;margin:40px 0}.single-selection .course-sub{font-size:14px;line-height:19px;margin-bottom:10px}.single-selection .course-sub>span{display:block;float:left;color:#666;width:60px;overflow:hidden;height:19px;text-align:left}.single-selection .course-sub:last-of-type{margin-bottom:0}.single-selection .course-li{margin-left:60px;min-height:29px}.single-selection .course-li>label{float:left;color:#000;cursor:pointer;margin:0 3.7735849057% 10px 0}.single-selection .course-li>label>input:checked+span{color:#348efc}.single-selection .course-li>label input{display:none}.single-selection .course-li>label:hover{color:#61a4f5}