123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- 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;
- }
|