body,html{margin:0 auto;max-width:640px;min-width:320px;overflow:hidden}.wrapper-h5,body,html{width:100%;height:100%}.wrapper-h5{background:-webkit-gradient(linear,left bottom,left top,from(#56adff),to(#339dff));background:linear-gradient(0deg,#56adff,#339dff)}.wrapper-h5 .content{position:relative;width:100%;height:68%;background-color:#fff;-webkit-box-shadow:0 .32rem .16rem 0 rgba(11,126,244,.2);box-shadow:0 .32rem .16rem 0 rgba(11,126,244,.2);border-radius:0 0 .78rem .78rem;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.28rem;text-align:center}.wrapper-h5 .content img{display:inline-block;width:2.5rem;height:auto;margin-top:-.4rem}.wrapper-h5 .content h1{color:#333;font-size:.48rem;margin-bottom:.3rem}.wrapper-h5 .content p{line-height:1;font-size:.4rem;color:#666;margin-bottom:.5rem}.wrapper-h5 .btn-wrapper{top:3rem;left:0;font-size:0;text-align:center}.wrapper-h5 .btn-wrapper .btn{display:inline-block;color:#fff;font-size:.3rem;width:4.5rem;height:.88rem;line-height:.88rem;border-radius:.44rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.wrapper-h5 .btn-wrapper .btn.teacher{background-color:#1990ff;margin-bottom:.3rem}.wrapper-h5 .btn-wrapper .btn.parent{background-color:#ffc343}.wrapper-h5 .footer{position:absolute;display:inline-block;width:6.98rem;height:auto;bottom:0;left:50%;margin-left:-3.49rem;z-index:0}