/* pages/forget/forget.wxss */ .main { height: 100%; width: 100%; position: relative; } .main_image { height: 1334rpx; width: 750rpx; margin-top: -128rpx; } .logo_view{ margin: 0rpx 268rpx; } .login_logo1 { height: 213rpx; width: 214rpx; margin-top: 90rpx; } .login_logo2 { height: 120rpx; width: 184rpx; margin: 0rpx 15rpx; } .main .context { height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-shadow: 0rpx 6rpx 6rpx #f5f5f5 inset; } .context_input { margin-top: 20rpx; margin-right: 32rpx; margin-left: 32rpx; margin-bottom: 30rpx; } .account_img { width: 30rpx; height: 32rpx; margin: 28rpx 0rpx 28rpx 30rpx; padding-right:30rpx; border-right: 2rpx #999999 solid; } .phone_img { width: 31rpx; height: 30rpx; margin: 29rpx 0rpx 29rpx 30rpx; padding-right:29rpx; border-right: 2rpx #999999 solid; } .email_img { width: 39rpx; height: 39rpx; margin: 27rpx 0rpx 26rpx 20rpx; padding-right:29rpx; border-right: 2rpx #999999 solid; } .context_input input { width: calc(100% - 122rpx); display: inline-block; font-size: 32rpx; height: 88rppx; line-height: 88rpx; min-height: 88rpx; padding-left: 30rpx; color: #434343; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } .context_input .placeholder { color: #999999; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } .input_view{ box-shadow: 0rpx 0rpx 10rpx #dedede; border-radius: 10rpx; margin: 40rpx 0rpx; height: 88rpx; } .errorMsg{ height: 28rpx; margin: -28rpx 30rpx 0rpx 30rpx; font-size: 28rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: red; text-overflow: ellipsis; white-space: nowrap; } .login_button { width: calc(100% - 270rpx); font-size: 32rpx; /* margin: 0rpx 32rpx; */ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #fff; text-overflow: ellipsis; white-space: nowrap; background-color: #00a8dc; border-radius: 40rpx; height: 80rpx; border: none; margin: 20rpx 135rpx 0 135rpx; } .login_button_disable{ width: calc(100% - 270rpx); font-size: 32rpx; /* margin: 0rpx 32rpx; */ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #fff; text-overflow: ellipsis; white-space: nowrap; background-color: #c9c9c9; border-radius: 40rpx; height: 80rpx; border: none; margin: 20rpx 135rpx 0 135rpx; } .password_img { width: 26rpx; height: 34rpx; margin: 27rpx 0rpx 27rpx 32rpx; padding-right:32rpx; border-right: 2rpx #999999 solid; } .login_button.button-hover { background-color: #36a9a6; } .varification_button { display: inline-block; position: absolute; margin-top: 15rpx; padding: 0 15rpx; right: 45rpx; z-index:999; height: 60rpx; border-radius: 8rpx; color:rgba(255, 255, 255, 1); line-height:60rpx; text-align:center; font-size:24rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } .getCode { background:#00AADD; } .getCode_disable { background-color: #c9c9c9; } .phone_call_class{ text-align: center; margin: 280rpx 0rpx; color: #c9c9c9; font-size: 28rpx; } .context_input input.vcode_input{ width: calc(100% - 322rpx); }