*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}html,body{width:100%}img{width:100%;display:block}.block-wrapper{position:relative;width:100%;height:100%}.app{width:100%;font-weight:bolder;height:100vh;overflow:hidden;display:block;position:relative}.block{position:absolute;top:0;overflow:hidden;width:50%;height:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all ease-in-out .7s;transition:all ease-in-out .7s}.block .video{position:absolute;height:100%;left:-40%}.block .video2{position:absolute;height:100%;left:-30%}.block .video video{display:block;height:100%}.block .notice{position:absolute;bottom:5%;left:5%;width:25%}.left{left:0;width:50%}.right{width:50%;right:0}.right .notice{width:25%;left:70%;bottom:5%}.right_a{width:55%;-webkit-filter:grayscale(0);filter:grayscale(0)}.right_n{width:45%}.poster{width:50%;height:100%;position:absolute;top:0;opacity:0}.logo{position:absolute;width:15%;top:5%;left:42.5%}.btn{position:absolute;bottom:5%;left:40%;width:20%;-webkit-animation:btn 1.5s ease-in-out;animation:btn 1.5s ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.btn img{-webkit-transition:all ease .3s;transition:all ease .3s}.btn:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.p2{right:10%}@-webkit-keyframes fade{from{opacity:1}to{opacity:0}}@keyframes fade{from{opacity:1}to{opacity:0}}@-webkit-keyframes btn{from{-webkit-transform:translateX(3%);transform:translateX(3%)}50%{-webkit-transform:translateX(-3%);transform:translateX(-3%)}to{-webkit-transform:translateX(3%);transform:translateX(3%)}}@keyframes btn{from{-webkit-transform:translateX(3%);transform:translateX(3%)}50%{-webkit-transform:translateX(-3%);transform:translateX(-3%)}to{-webkit-transform:translateX(3%);transform:translateX(3%)}}