.container-two{margin:0 auto;width:1240px}.video{padding-top:10px;padding-bottom:30px}.video-box{display:flex;flex-wrap:wrap}.video-item{position:relative;display:block;padding:0 25px;padding-top:30px;margin-top:23px;width:412px;height:357px;background:#fff;transform:all .3s;box-sizing:border-box;cursor:pointer}.video-item .item-img{position:relative;width:360px;height:203px;background-repeat:no-repeat;background-size:cover;background-position:center center}.video-item .item-img .ing{position:absolute;right:20px;bottom:14px;width:31px;height:34px;background-repeat:no-repeat;background-size:cover;background-image:url("../../images/video/ing.png")}.video-item .item-name{padding-top:17px;font-size:18px;font-weight:500;color:#333;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:all .3s}.video-item .item-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px}.video-item .item-bottom .item-teacher{flex:1;font-size:18px;font-weight:400;color:#666;line-height:24px}.video-item .item-date{display:flex;align-items:center;font-size:16px;font-weight:400;color:#999;line-height:24px;transform:all .3s}.video-item .item-date .date-icon{margin-right:8px;width:22px;height:22px}.video-item .item-line{position:absolute;bottom:0;left:25px;height:1px;width:calc(100% - 25px);background-color:rgba(191,191,191,0.3)}.video-item:nth-child(3n + 2) .item-line{left:0;width:100%}.video-item:nth-child(3n) .item-line{left:0}.video-item:nth-last-child(1) .line,.video-item:nth-last-child(2) .line,.video-item:nth-last-child(3) .line{display:none}.video-item:hover{box-shadow:0 8px 40px 0 rgba(187,187,187,0.24)}.video-item:hover .item-name{color:#ef0021}.video-item:hover .item-line{display:none}.video-mask{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:50}.loading{padding:0;height:auto}.video-top{display:flex;align-items:center;justify-content:space-between;padding-top:90px;padding-bottom:40px;padding-right:30px;width:100%}.video-top .video-top-left{display:flex;flex-wrap:wrap;width:730px}.video-top .video-top-left .top-item{display:flex;justify-content:center;position:relative;margin-right:30px;padding-bottom:40px}.video-top .video-top-left .top-item .item-top{display:flex;align-items:center;font-size:18px;font-weight:500;color:#000;line-height:26px}.video-top .video-top-left .top-item .item-top .item-number{display:flex;align-items:center;justify-content:center;margin-left:5px;padding:0 7px;height:17px;font-size:14px;font-weight:500;color:#fff;line-height:26px;background:#ef0021;opacity:.4;transition:all .3s}.video-top .video-top-left .top-item .poiter{cursor:pointer}.video-top .video-top-left .top-item .item-bottom-box{position:absolute;top:40px;left:auto;display:none;padding:15px;min-width:126px;width:fit-content;background:#fff;box-shadow:0 0 10px 3px rgba(227,227,227,0.68);z-index:3;transition:all .3s}.video-top .video-top-left .top-item .item-bottom-box .item-rangle{position:absolute;top:-20px;left:10px;width:10px;height:10px;border:10px solid transparent;border-bottom:10px solid #fff}.video-top .video-top-left .top-item .item-bottom .bottom-item{padding-bottom:10px;font-size:16px;font-weight:400;color:#666;line-height:30px;cursor:pointer}.video-top .video-top-left .top-item .item-bottom .bottom-item:last-child{padding-bottom:0}.video-top .video-top-left .top-item .item-bottom .bottom-item.active{color:#ef0021}.video-top .video-top-left .top-item.active .item-top .item-number{opacity:1}.video-top .video-top-left .top-item:hover .item-top .item-number{opacity:1}.video-top .video-top-left .top-item:hover .item-bottom-box{display:block}.video-top .video-top-line{margin:0 55px;width:1px;height:80px;background:#e5e5e5}.video-top .video-top-item{position:relative;display:flex;align-items:center;margin-bottom:18px;font-size:18px;font-weight:bold;color:#333;line-height:26px}.video-top .video-top-item .date{position:absolute;right:18px;top:10px;width:18px;z-index:2;pointer-events:none}.video-top .flatpickr{padding:0 15px;margin-left:15px;width:280px;height:38px;border:1px solid #bfbfbf;font-size:16px;font-weight:400;color:#a6a6a6}.video-top .select-btn{display:flex;justify-content:center;align-items:center;width:120px;height:40px;font-size:16px;font-weight:400;color:#fff;background-color:#ef0021;cursor:pointer}