/* 注册页面 */ .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; display: flex;justify-content: center;align-items: center; border-radius: 24rpx; padding: 4rpx 0rpx; 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;display: flex;justify-content: center;align-items: 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);} /* panding全局 */ .padding{ padding: 0 27rpx; } /* 按钮全局 */ .submit-button { width: 686rpx; border-radius: 50rpx; height: 90rpx; background-color: #02A2ea !important; display: flex;justify-content: center;align-items: center; color: #FFFFFF !important; font-size: 30rpx; } /* 登录 */ .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%; z-index: 2; 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; display: flex;justify-content: center;align-items: 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; z-index: 2; background-color: #03affb; color: #FFFFFF; padding: 10rpx 20rpx; border-radius: 10rpx; } .forget-btn { width: 422rpx; height: 75rpx; display: flex;justify-content: center;align-items: 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; display: flex;justify-content: center;align-items: 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: -2rpx; 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; display: flex;justify-content: center;align-items: center; border-radius: 100%; color: #FFFFFF; transform: scale(.8); } /* 我的页面 */ .my-exit-btn{ height: 88rpx; display: flex;justify-content: center;align-items: center; border-radius: 88rpx; background-color: #03affb; color: #FFFFFF; margin-top: 40rpx; } /* 个人信息页面 */ .gender-box {margin-right: 80rpx;color: #333333;} .gender-box view{ position: relative; width: 20rpx; height: 20rpx; border: 4rpx solid #818181; border-radius: 100%; margin-right: 10rpx; display: flex; justify-content: center; align-items: center; } .gender-box view::before { content: ''; display: block; /* position: absolute; top: 50%; left: 50%; tran */sform: translate(-50%,-50%); width: 14rpx; height: 14rpx; background-color: #818181; border-radius: 50%; } .gender-active view{ border: 4rpx solid #d81e06!important; } .gender-active view::before { background-color: #d81e06!important; } .person-btn { margin: 0 40rpx; height: 88rpx; display: flex;justify-content: center;align-items: center; border-radius: 88rpx; background-color: #03affb; color: #FFFFFF; margin-top: 40rpx; } /* 电子证件 */ .electronic-head{ background-color: #03affb; padding-top: 80rpx; } /* 服务范围 */ .service-range-status { background-color: #cdcdcd; color: #242323; /* padding: 6rpx 20rpx; */ border-radius: 6rpx; } .service-range-activeStatus { background-color: #03affb; color: #FFFFFF; } /* 我要评价 */ .evaluate-addimg { position: relative; display: flex; justify-content: center; align-items: center; } .evaluate-addimg::before,.evaluate-addimg::after{ content: ''; display: block; width: 2rpx; background-color: #959595; height: 60rpx; } .evaluate-addimg::before{ transform: rotate(90deg); } /* 我的账户 */ .account-active { position: relative; color: #03affb; } .account-active::after{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; display: block; width: 60%; height: 4rpx; background-color: #03affb; } .account-btn { border: 2rpx solid #00a2e9; color: #00a2e9; border-radius: 16rpx; padding: 8rpx 10rpx; } .account-detailed { position: relative; display: flex; align-items: center; font-size: 29rpx; font-weight: bold; padding-left: 20rpx; } .account-detailed::before { position: absolute; left: 0; top: 4rpx; bottom: 4rpx; content: ''; display: block; width: 4rpx; background-color: #03affb; } .account-detailed-item view:nth-child(1) { width: 16%; } .account-detailed-item view:nth-child(2) { width: 40%; text-align: center; } .account-detailed-item view:nth-child(3) { width: 16%; text-align: center; } .account-detailed-item view:nth-child(4) { width: 22%; text-align: center; } .unsettled-btn { font-size: 30rpx; color: #03affb; border: 1rpx solid #03affb; border-radius: 6rpx; padding: 6rpx 20rpx; margin-top: 10rpx; } /* 消息中心 */ .message-circle{display: flex;align-items: center;} .message-circle::before { content: ''; display: flex; flex-shrink: 0; width: 24rpx; height: 24rpx; background-color: #6f91ff; border-radius: 100%; margin-right: 20rpx; } .activity-message::before { background-color: #6f91ff; } .audit-failed::before { background-color: #f15d5d; } .system-notification::before { background-color: #2cfc3b; } .server-message::before { background-color: #FF0000; }