.video-list{display: flex;flex-wrap: wrap;margin:3% 0;}
.video-list .video-item{position: relative;width:23.5%;margin-right:2%;cursor: pointer;margin-top:10px;margin-bottom:10px;}
.video-list .video-item:nth-child(4n){margin-right:0;}
.video-list .video-item .img-box{position:relative;}
.video-list .video-item img{width:100%;display: block;}
.video-list .video-item .bofang-icon{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background: #fff;text-align: center;line-height:50px;}
.video-list .video-item .bofang-icon em{color:#000;font-size:22px;transform: translateX(2px);display: block;}
.video-list .video-item .video-tit{text-align:center;font-size:17px;margin:7px 0;}
.video-list .video-item .iframe-box{position: fixed;left: 0px;top: 0px;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .8);z-index: 9999999;display:none;padding:20px;}
.video-list .video-item .iframe-box .close{color: #FFF;transition: all .1s linear;font-size: 40px;cursor: pointer;position:absolute;right:60px;top:50px;line-height:1;}
.video-list .video-item .iframe-box .iframe-inner{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;max-width:1000px;}
.video-list .video-item .iframe-box .iframe-inner .container{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.video-list .video-item .iframe-box .iframe-inner .container iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit}
@media (max-width:1440px){.video-list .video-item .iframe-box .iframe-inner{max-width:800px;}}
@media (max-width:768px){.video-list .video-item .iframe-box .iframe-inner{max-width:85%;}}
.video-list-box .video-more{text-align:center}
.video-list-box .video-more a{display:inline-block;justify-content:center;margin-bottom:3%;padding:8px 30px;border-radius: 5px;background: var(--color);color:#fff;font-weight: var(-fontbold7);transition: all .3s;}
.video-list-box .video-more a:hover{box-shadow: 0px 0px 6px 3px var(--color);}
@media (max-width:1024px){.video-list{justify-content: space-between;}
.video-list .video-item{margin-right:0;width:48%;}}
@media (max-width:550px){.video-list .video-item{width:100%;margin:5px 0;}}