*{border:0;margin:0;padding:0}html{min-height:100%}html,body{width:100%;height:100%;font-size:14px}#app{height:100%;position:relative;overflow:hidden}.main{background:url(/assets/mm_h5_bg-5sk6-NU1.jpg) 0 0/100% 100% no-repeat;width:100%;min-height:100%}.main h2{color:#fff;text-align:center;padding:1em 0;font-size:18px}.main h2:first-child{padding-top:2rem;padding-bottom:2rem}.main h2 a{color:#ff7200}.main .img-cont{width:58%;margin:0 auto;padding-top:15%;position:relative}.main .img-cont img{width:100%;display:block}.main .img-cont img:first-child{z-index:2;width:30%;margin:0 auto;position:absolute;top:0;left:46%}.main .img-cont img:last-child{animation:20s linear infinite rot}.main .btn-cont{justify-content:space-around;align-items:center;width:calc(100% - 20px);padding:30px 10px 10px;display:flex}.main .btn-cont .btn{text-align:center;border:1px solid #1677ff;border-radius:3em;width:68%;font-size:18px}.main .btn-cont .btn.active{color:#fff;background:#1677ff}.main .btn-cont .btn span{color:#ff7200;width:100%;height:100%;padding:.8em 0;text-decoration:none;display:block}.main .btn-cont .btn.active span{color:#fff;width:100%;height:100%;display:block}.big_ratio .main .img-cont{width:50%}.big_ratio .main .btn-cont{padding-top:0}@keyframes rot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}