|
- /* package_mine/pages/approveId/index.wxss */
- .approve_container {
- width: 100%;
- padding: 0 60rpx;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .approve_title {
- margin-top: 20rpx;
- font-size: 32rpx;
- font-weight: bold;
- }
- .form_container {
- width: 100%;
- margin-top: 30rpx;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .form_item {
- width: 100%;
- min-height: 68rpx;
- padding: 0 20rpx;
- margin-bottom: 30rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- position: relative;
- font-size: 26rpx;
- background-color: #F8F8F8;
- border-radius: 34rpx;
- }
- .use_purpose {
- width: 100%;
- padding: 14rpx 0 14rpx 40rpx;
- margin-bottom: 30rpx;
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- position: relative;
- font-size: 26rpx;
- background-color: #F8F8F8;
- border-radius: 34rpx;
- }
- .value_box {
- width: 480rpx;
- min-height: 68rpx;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- position: relative;
- color: #333333;
- font-size: 24rpx;
- }
- .tips{
- position: absolute;
- bottom: -32rpx;
- left: -13rpx;
- color: red;
- font-size: 24rpx;
- transform: translate(27rpx, -5rpx);
- display: none;
- }
- .form_item.warning .tips, .use_purpose.warning .tips {
- display: block;
- }
-
- /* 按钮区 */
- .btn_list {
- width: 100%;
- margin-top: 20rpx;
- padding: 10rpx 30rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .btn_item {
- width: 140rpx !important;
- padding: 0 !important;
- height: 80rpx;
- border-radius: 40rpx;
- text-align: center;
- line-height: 80rpx;
- font-size: 28rpx;
- }
- .cancel_btn {
- color: #ffffff;
- background-color: #A4A4A4;
- }
- .submit_btn {
- color: #ffffff;
- background-color: #2a82e4;
- }
- /* 用户协议确认框 */
- .safe_box {
- width: 100%;
- margin-top: 50rpx;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- font-size: 24rpx;
- }
- .checkbox {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- }
- checkbox {
- transform: scale(0.7);
- }
|