*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.app{width:100%;height:100vh;overflow:hidden;background:#011121;position:relative;background-image:url(../image/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.girl{width:35%;position:absolute;bottom:-34%;left:10%}.girl img{width:100%;display:block}.logo{position:absolute;width:13%;left:80%;top:5%}.logo img{width:100%}.notice{position:absolute;width:27%;top:1%;left:16.5%}.notice img{width:100%}.sunduk{position:absolute;bottom:-10%;right:15%;width:25%}.sunduk img{width:100%}.main-field{width:100%;height:100%;position:absolute;top:0;left:0}.main-field .block-wrap{position:relative;width:100%;height:100%}.main-field .block-wrap .items{position:absolute;top:-30%;left:0;width:6%;-webkit-transition:all linear 2s;transition:all linear 2s;z-index:10}.main-field .block-wrap .items img{width:100%}.main-field .block-wrap .items .fade-img{-webkit-animation:item-anim 1s ease;animation:item-anim 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main-field .block-wrap .item1{left:60%}.main-field .block-wrap .item2{left:50%}.main-field .block-wrap .item3{left:70%}.main-field .block-wrap .item4{left:55%}.main-field .block-wrap .item5{left:45%}.main-field .block-wrap .item6{left:65%}.main-field .block-wrap .item7{left:75%}@-webkit-keyframes item-anim{from{opacity:1}5%{opacity:0}10%{opacity:1}15%{opacity:0}20%{opacity:1}25%{opacity:0}30%{opacity:1}35%{opacity:0}40%{opacity:1}45%{opacity:0}50%{opacity:1}55%{opacity:0}100%{opacity:0}}@keyframes item-anim{from{opacity:1}5%{opacity:0}10%{opacity:1}15%{opacity:0}20%{opacity:1}25%{opacity:0}30%{opacity:1}35%{opacity:0}40%{opacity:1}45%{opacity:0}50%{opacity:1}55%{opacity:0}100%{opacity:0}}.scope{position:absolute;top:0;left:0;width:10%}.scope img{width:100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.438);opacity:0;-webkit-transition:all ease 1s;transition:all ease 1s}.notice2{position:absolute;top:20%;left:29%;width:42%;-webkit-transition:all ease 1;transition:all ease 1;opacity:0}.notice2 img{width:100%}.button{position:absolute;top:0;left:0;width:100%;height:100%;display:block;-webkit-transition:all ease 1s;transition:all ease 1s;opacity:0;display:block}.button img{width:100%;-webkit-animation:btn 1s linear;animation:btn 1s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes btn{from{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes btn{from{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}