body{background:#f4f4f4}.video-index-wrap{margin-bottom:100px}.video-index-wrap .video-title{font-size:20px;font-family:PingFangSC, PingFangSC-Medium;font-weight:500;text-align:left;color:#0f2540;margin-bottom:15px;line-height:28px}.video-index-wrap .floor-footer-w{margin:35px auto 0px;width:140px;height:40px}.video-index-wrap .video-index-banner{width:1200px;margin:35px auto 30px;height:510px;overflow:hidden}.video-index-wrap .video-index-banner .swiper-container{height:510px}.video-index-wrap .video-index-banner .swiper-button{width:60px;height:60px;background:rgba(0,0,0,0.6);border-radius:50%;text-align:center;opacity:.6;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:300}.video-index-wrap .video-index-banner .swiper-button:hover{opacity:.9}.video-index-wrap .video-index-banner .swiper-pagination-bullet-active{background:#fff}.video-index-wrap .video-index-banner .button-fonts{font-size:20px;line-height:60px;top:1px;color:#fff}.video-index-wrap section{width:1200px;margin:0 auto}.video-index-wrap .recommend-user{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:65px}.video-index-wrap .recommend-user .recommend-user-list{width:290px;height:138px;background:#ffffff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:13px}.video-index-wrap .recommend-user .recommend-user-list:nth-of-type(4){margin-right:0px}.video-index-wrap .recommend-user .recommend-user-list-l{width:80px;height:80px;margin-right:12px;overflow:hidden}.video-index-wrap .recommend-user .recommend-user-list-r{-webkit-box-flex:1;-ms-flex:1;flex:1}.video-index-wrap .recommend-user .recommend-user-list-r h6{font-size:20px;font-family:PingFangSC, PingFangSC-Medium;font-weight:500;text-align:left;color:#0f2540;margin-bottom:5px;line-height:28px}.video-index-wrap .recommend-user .recommend-user-list-r p{font-size:12px;font-family:PingFangSC, PingFangSC-Regular;font-weight:400;text-align:left;color:#bcbcbc;line-height:17px}.video-index-wrap .recommend-video{-ms-flex-wrap:wrap;flex-wrap:wrap}.video-index-wrap .recommend-video .recommend-video-list-1{width:389px;font-size:18px;text-align:left;line-height:25px;margin-right:16px;margin-bottom:25px;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s}.video-index-wrap .recommend-video .recommend-video-list-1 div{width:100%;height:219px}.video-index-wrap .recommend-video .recommend-video-list-1 h5{font-size:18px;font-family:PingFangSC, PingFangSC-Medium;font-weight:500;color:#0f2540;margin:11px auto 8px;height:50px;word-break:break-word}.video-index-wrap .recommend-video .recommend-video-list-1 p{font-family:PingFangSC, PingFangSC-Regular;font-weight:400;color:#bcbcbc}.video-index-wrap .recommend-video .recommend-video-list-1:nth-of-type(3n){margin-right:0}