body{background:#f8f9fb}.container{margin:0 auto;width:1000px;padding-top:12px}.nav-wrap{font-size:14px;line-height:20px;color:#666}.nav-wrap a{color:#09f}.nav-wrap .text{display:inline-block;max-width:300px}.room-wrap{margin-top:12px;padding:20px;background:#fff;position:relative}.room-wrap .left{width:167px;height:94px}.room-wrap .left .room-img{width:100%;height:100%}.room-wrap .left .teacher-desc{position:absolute;top:53px;left:40px;width:100px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.6)}.room-wrap .right{width:780px}.room-wrap .right .top{margin-top:4px}.room-wrap .right .room-name{color:#333;font-size:18px;line-height:26px;font-weight:700}.room-wrap .right .live-status{margin-left:16px}.room-wrap .right .live-text{color:#b60014;font-size:14px;line-height:20px;vertical-align:middle}.room-wrap .right .live-icon{display:inline-block;width:14px;height:15px;vertical-align:middle}.room-wrap .right .intro{margin-top:16px;color:#666;font-size:14px;line-height:22px}.list-wrap{margin-top:26px}.list-wrap .title{margin-bottom:2px;color:#333;font-size:20px;line-height:28px;font-weight:700}.list-wrap .load-btn{margin:10px auto 0;width:122px;height:30px;text-align:center;line-height:27px;background:#ebeff3;border-radius:15px;cursor:pointer}.list-wrap .load-btn img{display:inline-block;width:12px;height:7px}.list-wrap .end-load-btn img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.list-box{font-size:0;margin-left:-10px;margin-right:-10px}.list-item{vertical-align:middle;overflow:hidden;display:inline-block;background:#fff;width:235px;margin:10px}.list-item:hover{-webkit-box-shadow:0 0 10px 2px rgba(201,208,213,.5);box-shadow:0 0 10px 2px rgba(201,208,213,.5)}.list-item:hover .video-bg{-webkit-transform:scale(1.2);transform:scale(1.2)}.list-item:hover .play-icon{display:block}.list-item .top-box{position:relative;overflow:hidden;width:100%;height:132px}.list-item .video-bg{width:100%;height:100%;-webkit-transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:transform 1s cubic-bezier(.4,0,.2,1) 0s, -webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s}.list-item .play-icon{display:none;z-index:10;position:absolute;left:50%;top:50%;margin-top:-23px;margin-left:-23px;width:46px;height:46px}.list-item .mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}.list-item .bottom-box{padding:8px}.list-item .video-title{color:#333;font-size:14px;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-all}.list-item .bottom-bottom{margin-top:4px;color:#999;font-size:12px;line-height:17px}.selected-wrap{margin-top:20px}.selected-wrap .title{margin-bottom:2px;color:#333;font-size:20px;line-height:28px;font-weight:700}.selected-wrap .right-box{margin-top:5px;color:#666;font-size:14px;line-height:20px}.selected-wrap .right-box span{vertical-align:middle}.selected-wrap .right-box img{display:inline-block;width:6px;height:11px;vertical-align:middle}.vam{vertical-align:middle}.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.none{display:none}.line-two{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}