* { margin: 0 auto; padding: 0; font-family: HYQiHei; list-style: none; } html { font-size: 26.66666667vw; height: 100%; } body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; font-size: 0.14rem; height: 100%; } @media screen and (min-width: 900px) { html { transform: scale(0.3); background: #fff; transform-origin: 50% 0px 0px; height: calc(100vh); } #app { height: 6rem !important; background: #6e71ff; overflow-y: scroll; } .mask { height: 6rem !important; } } #app { width: 100%; height: 100%; box-sizing: border-box; overflow: scroll; background: #6e71ff; } .content { padding: 0.18rem; padding-top: 0; box-sizing: border-box; .title-img { width: 100%; display: block; } .time { color: #fff; font-size: 0.13rem; text-align: center; margin-top: 0.1rem; } .explain { margin-top: 0.24rem; } .explain-box { background: url(./img/middle.png); background-size: 100% 100%; min-height: 3.6rem; margin-top: -0.01rem; padding-top: 0.16rem; } .group_image { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .instruction { padding: 0 0.2rem; box-sizing: border-box; color: #666; font-size: 0.14rem; line-height: 0.24rem; } .mt-1 { margin-top: -0.01rem; } } .banner-box { position: relative; .banner { width: 100%; max-height: 100%; } .but { width: 74%; display: block; margin: 0 auto; margin-bottom: 0.24rem; margin-top: -0.7rem; } .title { position: absolute; color: #ffffff; width: 1.6rem; top: 38%; left: calc(50% - 1.6rem / 2); font-size: 0.22rem; font-weight: bold; text-align: center; } } .mask { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); text-align: center; display: flex; align-items: center; justify-content: center; top: 0; left: 0; z-index: 9999; .model { width: 80%; background-color: #fff; border-radius: 0.12rem; padding: 0.16rem; box-sizing: border-box; margin-top: -2rem; display: flex; flex-direction: column; justify-content: space-between; .m-title { font-size: .18rem; color: #000; } .m-icon { width: 50%; max-height: 100%; } .m-msg { color: #666666; padding: 0.2rem 0; display: flex; align-items: center; justify-content: center; min-height: 0.4rem; } .m-but { font-size: 0.16rem; color: #fff; background-color: #FF0000; border-radius: 0.2rem; height: 0.42rem; border: 0; outline: 0; width: 50%; margin: 0 auto; } } }