.md-video.layout3{position:relative}.md-video.layout3 .bg-mask{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.md-video.layout3 .video-container{position:relative;display:flex;align-items:flex-end;gap:50px}.md-video.layout3 .text-content{width:40%}.md-video.layout3 .text-content .layout3-title{text-align:left}.md-video.layout3 .text-content .layout3-desc{margin-top:40px;text-align:left}@media (max-width: 600px){.md-video.layout3 .text-content{width:100%}.md-video.layout3 .text-content .layout3-desc{margin-top:20px}}.md-video.layout3 .video-list-content{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:20px}.md-video.layout3 .video-list-content .video-group{width:100%;display:flex;justify-content:flex-end;gap:20px}.md-video.layout3 .video-list-content .video-item{width:100%;aspect-ratio:4 / 3;position:relative}.md-video.layout3 .video-list-content .video-item.len-2,.md-video.layout3 .video-list-content .video-item.len-3,.md-video.layout3 .video-list-content .video-item.len-4{width:calc((100% - 20px) / 2)}.md-video.layout3 .video-list-content .video-item.len-5,.md-video.layout3 .video-list-content .video-item.len-6{width:calc((100% - 40px) / 3)}.md-video.layout3 .video-list-content .video-item .video-content{width:100%;height:100%}.md-video.layout3 .video-list-content .video-mask{position:absolute;background:rgba(25,25,25,0.5);left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;object-fit:none;object-position:center}.md-video.layout3 .video-list-content .banner-video.is-play ~ .video-mask{display:none}.md-video.layout3 .video-list-content .banner-video{width:100%;height:100%}.md-video.layout3 .video-list-content .banner-video .preview,.md-video.layout3 .video-list-content .banner-video .video-box video{width:100%;height:100%;object-fit:cover}.md-video.layout3 .video-list-content .banner-video .play-video{width:40px;height:40px;background:rgba(255,255,255,0.5);border:none}.md-video.layout3 .video-list-content .banner-video .play-video:after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid rgba(25,25,25,0.5);left:15px}.md-video.layout3 .video-list-content .banner-video .play-video:hover{background:rgba(255,255,255,0.8)}.md-video.layout3 .video-list-content .banner-video.defalt-wrap{background:rgba(218,218,218,0.3)}.md-video.layout3 .video-list-content .banner-video.defalt-wrap img{width:50px;height:44px;opacity:0.3}.md-video.layout3 .video-list-content .banner-video .pop-video{height:100% !important}@media (max-width: 800px){.md-video.layout3 .video-container{flex-direction:column;gap:20px}.md-video.layout3 .text-content{width:calc(100% - 40px)}.md-video.layout3 .video-list-content{display:block;flex:none;width:100%}.md-video.layout3 .video-list-content .video-item:first-child{margin-left:20px}.md-video.layout3 .video-list-content .video-item:last-child{margin-right:20px !important}.md-video.layout3 .video-list-content .video-content{width:100%;height:100%}.md-video.layout3 .video-list-content.video-default{flex:none;width:100%}.md-video.layout3 .video-list-content.video-default .video-item:first-child{margin-left:0}}.md-video.layout3 .btn-wrap{display:flex;justify-content:center}.md-video.layout3 .btn-wrap .swiper-button-wrap{width:130px;height:50px;display:flex;justify-content:space-between}.md-video.layout3 .btn-wrap .swiper-button-wrap .swiper-button{display:block;width:50px;height:100%;line-height:50px;text-align:center;cursor:pointer;border-radius:50%;color:var(--g-btn-color);border:1px solid var(--g-btn-color);position:relative}.md-video.layout3 .btn-wrap .swiper-button-wrap .swiper-button:hover::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;top:0;right:0;bottom:0;left:0;background-color:var(--g-btn-color)}.md-video.layout3 .btn-wrap .swiper-button-wrap .swiper-button.swiper-button-disabled,.md-video.layout3 .btn-wrap .swiper-button-wrap .swiper-button.swiper-button-lock{cursor:not-allowed;opacity:0.3}.md-video.layout3 .btn-wrap .swiper-button-wrap .swiper-button.swiper-button-disabled:hover,.md-video.layout3 .btn-wrap .swiper-button-wrap .swiper-button.swiper-button-lock:hover{cursor:not-allowed}.md-video.layout3 .btn-wrap .swiper-button-wrap .swiper-button .iconfont{font-size:20px}@media (max-width: 600px){.md-video.layout3 .text-content{width:calc(100% - 30px)}}