* {box-sizing: border-box;margin: 0;padding: 0;border: none;text-align: left;font-family: "PingFang SC,Microsoft YaHei,SourceHanSansCN-Normal,HiraginoSansGB,HiraginoSans-W3,Helvetica Neue,Helvetica,STHeiTi,sans-serif";} span,p,div {font-size: .13rem;} html,body { width: 100%; } .back { width: 100%; position: absolute; top: 0; left: 0; } .button { width: 3.04rem; /* height: .5rem; */ position: absolute; top: 6.45rem; left: 50%; transform: translate(-50%,0); font-size: .12rem; } .form { width: 3.34rem; position: absolute; top: 4.62rem; left: 50%; transform: translate(-50%,0); } .input,.paw { width: 3.34rem; height: .56rem; padding: 0 .16rem; border-radius: .05rem; margin-bottom: .12rem; display: flex; justify-content: space-between; align-items: center; /* background: #fff; */ } .input input, .paw input { height: .54rem; color: #21222B; font-size: .16rem; background: transparent; flex: 1; } .paw { padding-right: .16rem; } .check { background: transparent; color: #3364FF; font-size: .16rem; } p { padding-left: .01rem; color: #fff; } span { padding-left: .06rem; } input::-webkit-input-placeholder{ color: #9B9EB7; font-size: .16rem; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color: #9B9EB7; font-size: .16rem; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color: #9B9EB7; font-size: .16rem; } input::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color: #9B9EB7; font-size: .16rem; } .alert-info { position: fixed; top: 1.74rem; right: 0; left: 0; bottom: 0; text-align: center; z-index: 2; display: none; } .alert-info p { display: inline-block; height: .38rem; color: #fff; font-size: .14rem; line-height: .38rem; padding: 0 .1rem; background: rgba(0, 0, 0,.9); border-radius: 5px; } .loading { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100vh; } .loading img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 0.3rem; height: 0.3rem; } .notice input{ margin-right: 0.05rem;vertical-align: sub; } .notice input[type='checkbox']{ width: 0.14rem; height: 0.14rem; -webkit-appearance:none; background: url("../img/radio.png") no-repeat center; background-size:100%; border-radius: 0; outline: none; } .notice input[type=checkbox]:checked{ background: url("../img/radio_yes.png") no-repeat center; background-size:0.16rem; } .notice { color: rgba(255, 255, 255,.8);font-size: 0.13rem;line-height: 0.18rem; } .notice span{ color: #fff; }