.videos{padding:30px 0}.videos .list-tag{margin-bottom:20px}.videos .list-tag button{color:#fff}.videos .tab-list>li{display:block;color:#333;padding:7px 15px 6px;border-radius:20px;background:#EBEAEA}.videos .tab-list>li.active{color:#fff;background:var(--style-color)}.videos .row{margin-bottom:-30px}.videos .row>div{margin-bottom:30px}.videos .img{position:relative;cursor:pointer}.videos .img img{width:100%;aspect-ratio:450 / 260}.videos .tit{padding:10px 15px;background:#EBEAEA}.videos .icon-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#fff;font-size:40px;line-height:1}.videos .iframe-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:111;display:none}.videos .iframe-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 80px);height:auto;aspect-ratio:800 / 450;max-width:800px}.videos .iframe-item iframe{width:100%;height:100%;display:block}.videos .iframe-item .icon-close{position:absolute;top:0;right:0;transform:translate(calc(100% + 5px),-50%);font-size:20px;line-height:1;color:#fff;cursor:pointer}@media (min-width:768px){.videos .tab-list>li:not(:last-child){margin-right:26px}.videos .tab-list>li{padding-left:25px;padding-right:25px}}@media (min-width:1200px){.videos{padding:60px 0}.videos .list-tag{margin-bottom:40px}.videos .tab-list>li{padding-left:30px;padding-right:30px}.videos .tab-list>li:hover{color:#fff;background:var(--style-color)}.videos .row{margin-left:calc(-45px / 2);margin-right:calc(-45px / 2);margin-bottom:-45px;display:flex}.videos .row>div{padding:0 calc(45px / 2);margin-bottom:45px}.videos .icon-play{font-size:55px}.videos .tit{padding:15px 30px;transition:all .3s}.videos .block:hover .tit{color:#fff;background:var(--style-color)}}@media (min-width:1440px){.videos{padding-bottom:100px}.videos .list-tag{margin-bottom:50px}.videos .tit{padding-top:20px;padding-bottom:20px}}