﻿.fw-video-list{display:none;}
.fw-video-list .inner{display:flex;flex-wrap:wrap;}
.fw-video-list .inner .fw-video-item{width:32%;margin-right:2%;margin-bottom:2%;border:1px solid #ccc;box-sizing: border-box;}
.fw-video-list .inner .fw-video-item:nth-child(3n){margin-right:0;}
.video-iframe-cover{position: relative;cursor: pointer;}
.video-iframe-cover .img-cover{position: absolute;top:0;left:0;z-index:2;width:100%;}
.video-iframe-cover .img-cover img.cover{display:block;width:100%;}
.video-iframe-cover .img-cover img.icon{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:2;max-width:100%;width:auto;}
.video-iframe-cover .iframe-container{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.video-iframe-cover .iframe-container iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit}
.fw-video-tab{display:flex;justify-content: center;margin-top:30px;align-items: center;}
.fw-video-tab .item{cursor: pointer;width:50px;height:50px;text-align: center;line-height:50px;font-size:var(--fontsize24);transition: all .3s;border:1px solid var(--fontcolor);color:var(--fontcolor);margin:0 10px;}
.fw-video-tab .item:hover,.fw-video-tab .item.fw-active{color:#fff;background: var(--color);border-color:var(--color)}
.fw-video-titbox{padding:15px;}
.fw-video-titbox .title{font-size:var(--fontsize18);font-weight:var(--fontbold7);margin-bottom:15px;}
@media (max-width:1024px){.fw-video-list .inner{justify-content: space-between;}
.fw-video-list .inner .fw-video-item{width:49%;margin-right:0;margin-bottom:15px;}}
@media (max-width:600px){.fw-video-list .inner .fw-video-item{width:100%;}}