@charset "utf-8";html{overflow-x: hidden}body{background-color:#6aaf30;overflow-x: hidden}.page{width: 100%}.page .main{width: 100%}.page .dayun{position: absolute;top: 0;left: 0;width: 10vw;animation:yun1 6s infinite;-webkit-animation:yun1 6s infinite}.page .xiaoyun{position: absolute;top: 52vw;left: 74vw;width: 19vw}.page .shangying{position: absolute;top: 11vw;left: 78vw;width: 15vw}.page .xiaying{position: absolute;top: 0vw;left: -19vw;width: 19vw;animation: myRotate1 5s infinite 2s;-webkit-animation:myRotate1 5s infinite 2s}.page .fengling{position: absolute;top: 61vw;left: 31vw;width: 8vw;animation: myRotate2 5s infinite;-moz-animation:myRotate2 5s infinite;-webkit-animation:myRotate2 5s infinite;-o-animation:myRotate2 5s infinite;transform-origin:1% 1%;-ms-transform-origin:1% 1%;-moz-transform-origin:1% 1%;-webkit-transform-origin:1% 1%;-o-transform-origin:1% 1%}.page .next{width: 100%;text-align: center}.page .btn{margin:2vw 0;width: 50vw;animation: myBtn 5s infinite}:root{--startRotate: 0deg;--endRotate:360deg;--sr:0deg;--mr:-30deg;--xr:-25deg;--er:-45deg}@keyframes myBtn{0%{border: solid 0.5vw yellow;border-radius: 7vw;opacity: 0.5}50%{border: solid 0.5vw #6AAF30;border-radius: 7vw;opacity: 1}100%{border: solid 0.5vw yellow;border-radius: 7vw;opacity: 0.5}}@-moz-keyframes myBtn{0%{border: solid 0.5vw yellow;border-radius: 7vw;opacity: 0.5}50%{border: solid 0.5vw #6AAF30;border-radius: 7vw;opacity: 1}100%{border: solid 0.5vw yellow;border-radius: 7vw;opacity: 0.5}}@-webkit-keyframes myBtn{0%{border: solid 0.5vw yellow;border-radius: 7vw;opacity: 0.5}50%{border: solid 0.5vw #6AAF30;border-radius: 7vw;opacity: 1}100%{border: solid 0.5vw yellow;border-radius: 7vw;opacity: 0.5}}@-o-keyframes myBtn{0%{border: solid 0.5vw yellow;border-radius: 7vw;opacity: 0.5}50%{border: solid 0.5vw #6AAF30;border-radius: 7vw;opacity: 1}100%{border: solid 0.5vw yellow;border-radius: 7vw;opacity: 0.5}}@-webkit-keyframes yun1{0%{opacity:0;-webkit-transform:translate(0vw,0vw);transform:translate(0vw,0vw)}50%{opacity:0.8;-webkit-transform:translate(30vw,30vw) scale(3.0);transform:translate(30vw,30vw) scale(3.0)}100%{opacity:0;-webkit-transform:translate(120vw,0vw) scale(3.0);transform:translate(120vw,0vw) scale(3.0)}}@keyframes yun1{0%{opacity:0;-webkit-transform:translate(0vw,0vw);transform:translate(0vw,0vw)}50%{opacity:0.8;-webkit-transform:translate(30vw,30vw) scale(3.0);transform:translate(30vw,30vw) scale(3.0)}100%{opacity:0;-webkit-transform:translate(120vw,0vw) scale(3.0);transform:translate(120vw,0vw) scale(3.0)}}@keyframes yun2{0%{opacity:1;transform:translate(30vw,0vw)}100%{opacity:0.1;transform:translate(-45vw,-70vw)}}@keyframes myRotate0{0%{opacity:1;transform:translate(22vw,-10vw) rotate(var(--startRotate));-ms-transform: translate(22vw,-10vw) rotate(var(--startRotate));-moz-transform: translate(22vw,-10vw) rotate(var(--startRotate));-webkit-transform:translate(22vw,-10vw) rotate(var(--startRotate));-o-transform:translate(22vw,-10vw) rotate(var(--startRotate));}100%{opacity:0;transform:translate(-100vw,130vw) rotate(var(--endRotate));-ms-transform:translate(-100vw,130vw) rotate(var(--endRotate));-moz-transform:translate(-100vw,130vw) rotate(var(--endRotate));-webkit-transform:translate(-100vw,130vw) rotate(var(--endRotate));-o-transform:translate(-100vw,130vw) rotate(var(--endRotate))}}@-webkit-keyframes myRotate1{0%{opacity:1;-webkit-transform:translate(-30vw,0) rotate(var(--startRotate));transform:translate(-30vw,0) rotate(var(--startRotate))}100%{opacity:0;-webkit-transform:translate(70vw,100vw) rotate(var(--endRotate));transform:translate(70vw,100vw) rotate(var(--endRotate))}}@keyframes myRotate1{0%{opacity:1;-webkit-transform:translate(-30vw,0) rotate(var(--startRotate));transform:translate(-30vw,0) rotate(var(--startRotate))}100%{opacity:0;-webkit-transform:translate(70vw,100vw) rotate(var(--endRotate));transform:translate(70vw,100vw) rotate(var(--endRotate))}}@keyframes myRotate2{0%{transform:rotate(var(--sr));-ms-transform:rotate(var(--sr));-moz-transform:rotate(var(--sr));-webkit-transform:rotate(var(--sr));-o-transform:rotate(var(--sr))}35%{transform:rotate(var(--mr));-ms-transform:rotate(var(--mr));-moz-transform:rotate(var(--mr));-webkit-transform:rotate(var(--mr));-o-transform:rotate(var(--mr))}70%{transform:rotate(var(--xr));-ms-transform:rotate(var(--xr));-moz-transform:rotate(var(--xr));-webkit-transform:rotate(var(--xr));-o-transform:rotate(var(--xr))}100%{transform:rotate(var(--sr));-ms-transform:rotate(var(--sr));-moz-transform:rotate(var(--sr));-webkit-transform:rotate(var(--sr));-o-transform:rotate(var(--sr))}}@-moz-keyframes myRotate2{0%{transform:rotate(var(--sr));-ms-transform:rotate(var(--sr));-moz-transform:rotate(var(--sr));-webkit-transform:rotate(var(--sr));-o-transform:rotate(var(--sr))}35%{transform:rotate(var(--mr));-ms-transform:rotate(var(--mr));-moz-transform:rotate(var(--mr));-webkit-transform:rotate(var(--mr));-o-transform:rotate(var(--mr))}70%{transform:rotate(var(--xr));-ms-transform:rotate(var(--xr));-moz-transform:rotate(var(--xr));-webkit-transform:rotate(var(--xr));-o-transform:rotate(var(--xr))}100%{transform:rotate(var(--sr));-ms-transform:rotate(var(--sr));-moz-transform:rotate(var(--sr));-webkit-transform:rotate(var(--sr));-o-transform:rotate(var(--sr))}}@-webkit-keyframes myRotate2{0%{transform:rotate(var(--sr));-ms-transform:rotate(var(--sr));-moz-transform:rotate(var(--sr));-webkit-transform:rotate(var(--sr));-o-transform:rotate(var(--sr))}35%{transform:rotate(var(--mr));-ms-transform:rotate(var(--mr));-moz-transform:rotate(var(--mr));-webkit-transform:rotate(var(--mr));-o-transform:rotate(var(--mr))}70%{transform:rotate(var(--xr));-ms-transform:rotate(var(--xr));-moz-transform:rotate(var(--xr));-webkit-transform:rotate(var(--xr));-o-transform:rotate(var(--xr))}100%{transform:rotate(var(--sr));-ms-transform:rotate(var(--sr));-moz-transform:rotate(var(--sr));-webkit-transform:rotate(var(--sr));-o-transform:rotate(var(--sr))}}@-o-keyframes myRotate2{0%{transform:rotate(var(--sr));-ms-transform:rotate(var(--sr));-moz-transform:rotate(var(--sr));-webkit-transform:rotate(var(--sr));-o-transform:rotate(var(--sr))}35%{transform:rotate(var(--mr));-ms-transform:rotate(var(--mr));-moz-transform:rotate(var(--mr));-webkit-transform:rotate(var(--mr));-o-transform:rotate(var(--mr))}70%{transform:rotate(var(--xr));-ms-transform:rotate(var(--xr));-moz-transform:rotate(var(--xr));-webkit-transform:rotate(var(--xr));-o-transform:rotate(var(--xr))}100%{transform:rotate(var(--sr));-ms-transform:rotate(var(--sr));-moz-transform:rotate(var(--sr));-webkit-transform:rotate(var(--sr));-o-transform:rotate(var(--sr))}}