/* pages/login/login.wxss */ .login_box { width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .login_head { box-sizing: border-box; width: 100%; height: 350rpx; padding-left: 50rpx; margin-bottom: 70rpx; background: linear-gradient(90deg, rgba(115, 164, 255, 1) 0%, rgba(67, 160, 255, 1) 100%); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #fff; font-size: 48rpx; } .form_box { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; } .login_box .form-item{ padding-bottom:50rpx; position: relative; } .login_box .form-item input{ width: 600rpx; height: 80rpx; padding-left: 20px; border-radius: 39rpx; background-color: rgba(218, 204, 204, 0.2); } .login_box .tips{ position: absolute; bottom: 0; left:0; color: red; font-size:26rpx; transform: translate(20rpx,-10rpx); display: none; } .login_box .form-item.warning .tips{ display: block; } .check_lable { box-sizing: border-box; height: 60rpx; display: flex; justify-content: flex-end; align-items: center; color: #666666; } .check_contanier { width: 100%; display: flex; justify-content: flex-start; align-items: center; } .check_box { width: 30rpx; height: 30rpx; margin-right: 20rpx; margin-bottom: 5rpx; } radio-group { width: 200rpx; align-self: flex-start !important; } checkbox .wx-checkbox-input { width: 30rpx; height: 30rpx; margin-bottom: 10rpx; } .login_btn { margin-top: 80rpx; color: #fff; font-weight: normal; border-radius: 39rpx; background: linear-gradient(90deg, rgba(115, 164, 255, 1) 0%, rgba(67, 160, 255, 1) 100%); }