.video-play-component{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:99999;background:rgba(0,0,0,.9)}.video-play-component .close-btn{display:block;width:30px;height:30px;position:absolute;cursor:pointer;top:20px;right:20px;background:url(../img/close-btn.d9bf9f43.svg) no-repeat 50%;background-size:100%}.video-play-component .close-btn:hover{background:url(../img/close-btn-hover.f098ed10.svg) no-repeat 50%;background-size:100%}.video-play-component .title{position:absolute;bottom:100%;padding-bottom:10px;color:#fff;width:100%;text-align:center}.video-play-component .title .cn{font-size:16px;line-height:28px}.video-play-component .title .en{font-size:14px;line-height:22px}.video-play-component .video-wrap{position:absolute;width:60%;min-width:900px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-play-component .video-wrapper{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:56.25%}.video-play-component video{width:100%;border-radius:4px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}.video-play-component .next-btn{position:absolute;left:100%;color:#959595;bottom:0;width:52px;padding-top:60px;background:url(../img/next-btn.efbd5420.svg) no-repeat top;background-size:100%;margin-left:20px;margin-bottom:20px;font-size:14px;line-height:20px;text-align:center;cursor:pointer;letter-spacing:1px}.video-play-component .next-btn:hover{color:#fff;background:url(../img/next-btn-hover.81cbd5ce.svg) no-repeat top;background-size:100%}@media screen and (max-width:600px){.video-play-component .video-wrap{min-width:100%}}