tuoheng_qmhh_web_move_20240715/package_mine/pages/approveId/index.wxss

/* 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);
}