*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}img{width:100%;display:block}html,body{width:100%}.block-wrapper{position:relative;width:100%;height:100%}.app{width:100%;overflow:hidden;position:relative;background:#271d1c;display:block;text-decoration:none;background-image:url(../image/bg.jpg);background-size:cover;background-position:50% 15%;background-repeat:no-repeat;font-family:'Arial';height:100vh;height:calc(var(--vh,1vh) * 100)}.text-block{position:absolute;top:28%;left:6%;width:27%;opacity:0;-webkit-animation:fadein 1s ease;animation:fadein 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.text-block .text-img{-webkit-transform:rotateZ(-2deg);transform:rotateZ(-2deg)}.text-block .text-img1{-webkit-transform:translateX(-5%) rotateZ(-2deg);transform:translateX(-5%) rotateZ(-2deg);margin-bottom:15px}.text-block .button{-webkit-animation:aleft 1s ease;animation:aleft 1s ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1s;animation-delay:1s}.text-block .button img:last-child{position:absolute;top:0;left:0;opacity:0}.text-block .button:hover img{opacity:0}.text-block .button:hover img:last-child{opacity:1}.text-block .arrow{margin:0 auto;margin-top:15px;width:60%;-webkit-animation:aright 1s ease;animation:aright 1s ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes aright{from{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(3%);transform:translateX(3%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes aright{from{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(3%);transform:translateX(3%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes aleft{from{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-3%);transform:translateX(-3%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes aleft{from{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-3%);transform:translateX(-3%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadein{from{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadein{from{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}