.content { width: 750rpx; height: 1334rpx; position: relative; } .top_img { width: 750rpx; height: 600rpx; } .logo_car { position: absolute; left: 303rpx; top: 134rpx; width: 447rpx; height: 333rpx; z-index: 10; } .top_title { width: 100rpx; height: 21rpx; position: absolute; top: 166rpx; left: 52rpx; font-weight: 400; font-size: 26rpx; color: #FFFFFF; text-align: left; font-style: normal; text-transform: none; color: #80A5EE; } .top_login { width: 275rpx; height: 68rpx; position: absolute; left: 51rpx; top: 221rpx; font-weight: 400; font-size: 63rpx; color: #FFFFFF; } .top_Firstaid { position: absolute; top: 306rpx; left: 51rpx; width: 220rpx; height: 52rpx; font-size: 55rpx; color: #FFFFFF; text-align: left; } .logo { height: 600rpx; width: 750rpx; } .con_rectangle { width: 726rpx; height: 581rpx; position: absolute; left: 13rpx; top: 391rpx; background-color: #FFFFFF; border-radius: 31rpx 31rpx 31rpx 31rpx; } .con_view { width: 726rpx; height: 120rpx; } .con_phone { width: 567rpx; height: 90rpx; padding-left: 88rpx; display: flex; align-items: center; } .line { width: 547rpx; height: 1rpx; position: absolute; left: 88rpx; background: #848484; } .con_password { width: 567rpx; height: 100rpx; padding-left: 88rpx; display: flex; align-items: center; position: relative; } .phone_ico { display: flex; align-items: center; } .phone_ico image { width: 24rpx; height: 34rpx; vertical-align: middle; } .phone_line { width: 1rpx; height: 18rpx; opacity: 0.22; padding-left: 21rpx; padding-bottom: 7rpx; padding-top: 9rpx; } .uni-input { padding-left: 30rpx; width: 185rpx; height: 24rpx; padding-top: 9rpx; } .uni-icon { width: 33rpx; height: 23rpx; opacity: 0.75; position: absolute; right: 91rpx; line-height: 23rpx; } .btn { width: 567rpx; height: 104rpx; /* background: radial-gradient(NaN% 0% at 0% 0%, #446FE0 0%, #5581FF 100%); */ box-shadow: 6rpx 0rpx 10rpx 0rpx #1579FD; background-color: #1579FD; border-radius: 18rpx 18rpx 18rpx 18rpx; margin-left: 72rpx; display: flex; align-items: center; justify-content: center; } .log_in { width: 77rpx; height: 34rpx; font-weight: 400; font-size: 36rpx; color: #FFFFFF; line-height: 34rpx; text-align: center; font-style: normal; text-transform: none; } .login_agreement { width: 450rpx; height: 20rpx; margin-left: 136rpx; margin-top: 30rpx; font-weight: 400; font-size: 18rpx; color: #666666; line-height: 20rpx; text-align: left; font-style: normal; text-transform: none; } .login_agreement text { color: #F34141; } /* 登录成功的弹出层 */ .popup {} .popup_img { width: 361rpx; height: 381rpx; position: relative; } .popup_ok { position: absolute; top: 45%; left: 30%; font-size: 31rpx; color: #333333; line-height: 31rpx; width: 124rpx; height: 30rpx; } .popup_btn { position: absolute; width: 237rpx; height: 63rpx; background: #5581FF; border-radius: 31rpx 31rpx 31rpx 31rpx; top: 70%; left: 15%; font-size: 28rpx; color: #FFFFFF; line-height: 63rpx; }