body { min-height: 14.99rem; background-size: 100% 100%; position: relative; } * {box-sizing:border-box;font-family: "PingFang SC,Microsoft YaHei,SourceHanSansCN-Normal,HiraginoSansGB,HiraginoSans-W3,Helvetica Neue,Helvetica,STHeiTi,sans-serif"} .form { width: 6.73rem; position: absolute; top: 9.92rem; left: 50%; transform: translate(-50%,0); } .input,.paw { width: 100%; height: 1.16rem; padding: .38rem .25rem; border-radius: .1rem; background: #fff; box-shadow: 0 0 0.7rem rgba(51,135,226,.35); margin-bottom: .22rem; } .paw { display: flex; justify-content: space-between; align-items: center; } input { width: 50%; height: .4rem; border: 0; outline: 0; line-height: .4rem; } .check { border: none; width: 1.92rem; height: .69rem; line-height: .69rem; text-align: center; border-radius: .35rem; font-size: .33rem; background: transparent; color: #007DFC; } .bottom { font-size: .24rem; color: #fff; position: absolute; bottom: .3rem; left: 50%; transform: translate(-50%,0); } input::-webkit-input-placeholder{ color: #A1A3AD; font-size: .33rem; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color: #A1A3AD; font-size: .33rem; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color: #A1A3AD; font-size: .33rem; } input::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color: #A1A3AD; font-size: .33rem; } .alert-info { position: fixed; top: 3.48rem; right: 0; left: 0; bottom: 0; text-align: center; z-index: 2; display: none; } .alert-info p { display: inline-block; height: .76rem; color: #fff; font-size: .28rem; line-height: .76rem; padding: 0 .2rem; background: rgba(0, 0, 0,.9); border-radius: 5px; } .button { width: 5.01rem; height: 1.22rem; background-image: url("../img/btn.png?v=1.0.2"); background-size: 100% 100%; border-radius: .11rem; border: none; color: #DC0000; font-size: .2rem; margin: auto; margin-top: .38rem; margin-bottom: .44rem; }