.videos-tutorial .main-title{padding:15px 0;font-size:25px}.videos-tutorial .sub-title{font-size:18px;padding:15px}.videos-tutorial .video-banner{background:#1c1f21;background:url(http://files.animiz.cn/web/animiz/images/banner/download_banner.png);background-repeat:round;padding:3% 0}.videos-tutorial .video-banner .video-content-section{padding:20px}.videos-tutorial .video-banner .play-video-section{position:relative;overflow:hidden}.videos-tutorial .video-banner .play-video-section .breadcrumb{height:50px;line-height:50px}.videos-tutorial .video-banner .play-video-section .video{position:relative;margin-right:280px}.videos-tutorial .video-banner .play-video-section .video video{width:100%}.videos-tutorial .video-banner .play-video-section .video-list{position:absolute;top:50px;right:0;bottom:3px;width:280px;background:#2c2f31;color:#fff}.videos-tutorial .video-banner .play-video-section .video-list .video-title{font-size:16px;padding:15px;word-break:break-word}.videos-tutorial .video-banner .play-video-section .video-list ul{position:absolute;top:65px;bottom:0;margin-bottom:10px;overflow-y:scroll}.videos-tutorial .video-banner .play-video-section .video-list ul::-webkit-scrollbar{width:10px}.videos-tutorial .video-banner .play-video-section .video-list ul::-webkit-scrollbar-thumb{background:#979797}.videos-tutorial .video-banner .play-video-section .video-list ul::-webkit-scrollbar-track{background:#4e4f4f}.videos-tutorial .video-banner .play-video-section .video-list li{padding:4px 15px;color:#999;cursor:pointer}.videos-tutorial .video-banner .play-video-section .video-list li:hover{background:#494c4d;color:#fff}.videos-tutorial .video-banner .play-video-section .video-list li:hover .mask{opacity:1}.videos-tutorial .video-banner .play-video-section .video-list li .table-td{position:relative;width:50%}.videos-tutorial .video-banner .play-video-section .video-list li .table-td img{width:100%}.videos-tutorial .video-banner .play-video-section .video-list li .table-td i{font-size:25px}.videos-tutorial .video-banner .play-video-section .video-list li .table-td .video-item-title{padding-left:10px;font-size:12px}.videos-tutorial .video-banner .play-video-section .video-list li .table-td .video-item-time{padding-left:10px;font-size:12px}.videos-tutorial .video-banner .play-video-section .video-list li .mask{position:absolute;z-index:2;background:rgba(1,1,1,.3);color:#fff;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0}.videos-tutorial .video-banner .play-video-section .video-list .active{background:#494c4d;color:#fff}.videos-tutorial .tutorial-section .layui-container{padding:20px}.videos-tutorial .tutorial-section .tutorial-item{display:inline-block;text-align:center;width:49%}.videos-tutorial .tutorial-section .tutorial-item .img-box{position:relative;margin:3%}.videos-tutorial .tutorial-section .tutorial-item .img-box img{width:100%}.videos-tutorial .tutorial-section .tutorial-item .img-box img:hover{background:rgba(1,1,1,.3)}.videos-tutorial .tutorial-section .tutorial-item .img-box .mask{position:absolute;z-index:2;background:rgba(1,1,1,.3);color:#fff;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0}.videos-tutorial .tutorial-section .tutorial-item .img-box .mask i{font-size:50px}.videos-tutorial .tutorial-section .tutorial-item .img-box:hover .mask{opacity:1}.videos-tutorial .tutorial-list .search-box{width:36%;float:right;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.videos-tutorial .tutorial-list .search-box .search-btn{position:absolute;right:0;height:38px;width:50px;text-align:center;line-height:38px;border-left:1px solid #e6e6e6;background:#f1f1f1;cursor:pointer}.videos-tutorial .tutorial-list .search-box .search-btn:active,.videos-tutorial .tutorial-list .search-box .search-btn:hover{background:#e4e2e2}.videos-tutorial .tutorial-list .table{width:100%}.videos-tutorial .tutorial-list .table-tr{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0;background:#f7f8f8}.videos-tutorial .tutorial-list .table-td{width:50%;padding:15px}.videos-tutorial .tutorial-list .table-td:last-child{text-align:right}@media screen and (max-width:768px){.videos-tutorial .video-banner .play-video-section .video{margin-right:0}.videos-tutorial .video-banner .play-video-section .video-list{position:static;width:100%}.videos-tutorial .video-banner .play-video-section .video-list ul{position:initial}}