page{ background: #FFFFFF; } .login-bg-img { position: fixed; width: 100%; bottom: -84upx; left: 0; z-index: -1; } .tip-re { color: #f56c6c; font-size: 12px; line-height: 1; padding-top: 4px; width: 550upx; margin: 0 auto 16upx; } .login-bg { width: 100%; margin-bottom: 120upx; } .login-bg .logo-view { width: 160upx; height: 160upx; background: #fff; border-radius: 100%; transform: translate(295upx, 80upx); } .login-bg .logo-view image { width: 150upx; height: 150upx; margin-left: 5upx; margin-top: 5upx; } .login-main { width: 690upx; margin: 0 auto; background: #fff; border-radius: 18upx; } .login-main .input-view { height: 98upx; line-height: 98upx; width: 600upx; margin: 0 auto 40upx; position: relative; } .login-main .input-view .get-yzm { font-size: 26upx; color: #45A418; position: absolute; top: 0; right: 24upx; z-index: 9; } .login-main .input-view .ibonfont { font-size: 40rpx; color: #666666; position: absolute; top: 50%; left: 24upx; transform: translateY(-50upx); } .login-main .input-view .input-input { height: 100%; width: calc(100% - 86upx); margin-left: 86upx; font-size: 28upx; border-bottom: 2upx solid #eee; } .login-main .button-view { color: #fff; width: 540upx; margin: 50upx auto 0; height: 84upx; line-height: 84upx; border-radius: 10upx; text-align: center; background: linear-gradient(315deg, #56ab2f 0%, #a8e063 100%); box-shadow: 0px 2upx 24upx 0px rgba(94, 176, 52, 0.4); } .login-main .other-view { text-align: center; color: #999; font-size: 24upx; font-weight: 300; margin-top: 50upx; } .login-main .other-view .wx-icon { width: 64upx; height: 64upx; margin-top: 50upx; } .login-main .fu-btn-view { color: #999; font-size: 24upx; width: 600upx; font-weight: 400; margin: 0 auto; }