/* 注册页面 */ .register-close {width: 26rpx;height: 25rpx;} .register-title {color: #03affb;} .register-phone-img{ width: 0; height: 0; border-left: 8rpx solid transparent; border-top: 10rpx solid #000; border-right: 8rpx solid transparent; margin: 0 20rpx 0 10rpx; } .clear-input { width: 100%; border: none; border-bottom: 1rpx solid #d9d9d9; font-weight: 400; font-size: 24rpx; box-sizing: border-box; height: 66rpx; padding-right: 60rpx; } .obtain-code { flex-shrink: 0; border: 1rpx solid #03affb; color: #03affb; width: 170rpx; height: 45rpx; line-height: 45rpx; border-radius: 24rpx; padding: 4rpx 0rpx; text-align: center; margin-left: 20rpx; } .obtainIng { background-color: #03affb; color: #FFFFFF; } .placeholderColor {color: #bfbfbf;} .register-radio {transform: scale(0.5);margin-left: -10rpx;margin-right: -10rpx;} uni-radio .uni-radio-input {border: 1rpx solid #444444;} .register-agree-policy {color: #03affb;} .register-btn {width: 422rpx;height: 76rpx;line-height: 76rpx;text-align: center;margin: 0 auto;border-radius: 76rpx;margin-top: 60rpx; background-color: #03affb;color: #FFFFFF;} .clear-box { position: absolute;right: 0; top: 50%; transform: translateY(-50%); z-index: 1; } .clear-close { position: relative; display: flex;justify-content: center;align-items: center; width: 40rpx;height: 40rpx; border-radius: 100%; background-color: rgba(0,0,0,.3); } .clear-close span { position: absolute; width: 0; border: 2rpx solid #FFFFFF; height: 20rpx; border-radius: 2rpx; } .clear-close span:first-child {transform: rotate(45deg);} .clear-close span:last-child {transform: rotate(-45deg);} /* 登录 */ .login-img { width: 100%; } .login-box { position: absolute; left: 0; right: 0; top: 46%; padding: 0 50rpx; } .login-input-box { position: relative; display: flex; align-items: center; border: 1rpx solid #cbcccb; border-radius: 10rpx; padding: 20rpx; margin-bottom: 40rpx; } .login-code-btn { position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); background-color: #03affb; color: #FFFFFF; padding: 10rpx 20rpx; border-radius: 10rpx; } .login-input-box input { border-left: 1rpx solid #EEEEEE; margin-left: 20rpx; padding-left: 20rpx; } .login-btn { height: 80rpx; line-height: 80rpx; text-align: center; background-color: #03affb; border-radius: 10rpx; color: #FFFFFF; } /* 忘记密码 */ .forget-title{color: #787a81;} .forget-input-box{ border-bottom: 1rpx solid #EEEEEE; padding: 20rpx 0; margin-bottom: 30rpx; } .forget-obtain-code { position: absolute; right: 0rpx; top: 0rpx; background-color: #03affb; color: #FFFFFF; padding: 10rpx 20rpx; border-radius: 10rpx; } .forget-btn { width: 422rpx; height: 75rpx; line-height: 75rpx; text-align: center; background-color: #03affb; color: #FFFFFF; border-radius: 75rpx; margin: 0 auto; box-shadow: 0rpx 10rpx 30rpx rgba(3, 175, 251,0.3); margin-top: 80rpx; } /* 首页 */ .home-message-box {line-height: 60rpx;} .home-message-box image { width: 30rpx; height: 35rpx; } .home-message-box view { position: absolute; left: 14rpx; top: -16rpx; width: 40rpx; height: 40rpx; line-height: 40rpx; text-align: center; border-radius: 100%; font-size: 22rpx; background-color: #e93030; color: #FFFFFF; transform: scale(.8); } .project-notice-box { position: relative; z-index: 1; background-color: #FFFFFF; margin: 20rpx 0; border-radius: 10rpx; box-shadow: 6rpx 6rpx 20rpx rgba(0, 162, 234, 0.3); margin-top: -70rpx; padding: 20rpx 0; } .home-fun-box { background-color: #FFFFFF; padding: 30rpx; margin-bottom: 20rpx; } .fun-title::before { content: ''; display: block; width: 7rpx; height: 30rpx; background: linear-gradient(to top, #FFFFFF 0%, #03affb 40%, #03affb 100%); border-radius: 26%; margin-right: 10rpx; } .home-solution { background-color: #FFFFFF; } .solution-title { bottom: 6rpx; left: -40rpx; right: -40rpx; padding: 6rpx; background-color: rgba(255,255,255,0.6); transform: scale(.6); text-align: center; } .engineer-num { position: absolute; top: -16rpx; right: -12rpx; font-size: 24rpx; background-color: #f03232; width: 36rpx; height: 36rpx; line-height: 36rpx; text-align: center; border-radius: 100%; color: #FFFFFF; transform: scale(.8); }