.qualification-page.data-v-c16a2baa { /* padding: 0rpx 0; */ } .section.data-v-c16a2baa { margin-bottom: 30rpx; } .section-title.data-v-c16a2baa { display: flex; align-items: center; margin-bottom: 30rpx; } .title-bar.data-v-c16a2baa { width: 6rpx; height: 30rpx; background-color: #E8101E; margin-right: 7rpx; border-radius: 5rpx; } .title-text.data-v-c16a2baa { font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #1D2129; line-height: 48rpx; text-align: left; font-style: normal; } .section-title text.data-v-c16a2baa { font-size: 36rpx; color: #1D2129; font-weight: 500; } .box-cont.data-v-c16a2baa { background: #FFFFFF; border-radius: 20rpx; margin-bottom: 24rpx; margin-left: 8rpx; margin-right: 8rpx; box-shadow: none; } .form-item.data-v-c16a2baa { padding: 24rpx 22rpx; } .form-item-one.data-v-c16a2baa { display: flex; align-items: center; padding: 24rpx; } .label-wrapper.data-v-c16a2baa { display: inline-flex; align-items: center; } .label.data-v-c16a2baa { font-size: 28rpx; color: #333333; font-weight: 500; line-height: 1; } .label-icon.data-v-c16a2baa { width: 26rpx; height: 26rpx; margin-left: 8rpx; align-items: center; } .required.data-v-c16a2baa::before { content: '*'; color: #FF0000; margin-right: 4rpx; } .upload-tip.data-v-c16a2baa { font-size: 26rpx; color: #999; margin: 16rpx 0 24rpx 0; font-weight: 400; font-family: PingFangSC, PingFang SC; text-align: left; font-style: normal; } .upload-container.data-v-c16a2baa { display: flex; flex-direction: column; align-items: center; } .upload-box.data-v-c16a2baa { display: flex; justify-content: center; align-items: center; } .upload-camera.data-v-c16a2baa { width: 446rpx; height: 298rpx; display: flex; align-items: center; justify-content: center; border-radius: 48rpx; overflow: hidden; background-color: #F8F9FD; position: relative; } .idcard-upload-vertical-container.data-v-c16a2baa { display: flex; flex-direction: column; padding: 24rpx; } .idcard-upload-vertical-item.data-v-c16a2baa { display: flex; flex-direction: column; align-items: center; margin-bottom: 40rpx; } .idcard-upload-vertical-item.data-v-c16a2baa:last-child { margin-bottom: 0; } .upload-label.required.data-v-c16a2baa::before { content: '*'; color: #FF0000; margin-right: 4rpx; } .license-upload.data-v-c16a2baa { background-size: cover; background-repeat: no-repeat; } .idcard-front.data-v-c16a2baa { background-size: cover; background-repeat: no-repeat; } .idcard-back.data-v-c16a2baa { background-size: cover; background-repeat: no-repeat; } .camera-icon.data-v-c16a2baa { width: 446rpx; height: 298rpx; border-radius: 48rpx; } .preview-image.data-v-c16a2baa { border-radius: 48rpx; width: 100%; height: 100%; } /* 识别状态样式 */ .recognize-overlay.data-v-c16a2baa { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 48rpx; } .recognize-loading.data-v-c16a2baa { width: 60rpx; height: 60rpx; border: 4rpx solid #fff; border-top: 4rpx solid #E8101E; border-radius: 50%; -webkit-animation: spin-data-v-c16a2baa 1s linear infinite; animation: spin-data-v-c16a2baa 1s linear infinite; margin-bottom: 16rpx; } .recognize-text.data-v-c16a2baa { color: #fff; font-size: 24rpx; } @-webkit-keyframes spin-data-v-c16a2baa { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-data-v-c16a2baa { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .picker-content.data-v-c16a2baa { display: flex; align-items: center; justify-content: flex-end; flex: 1; } .picker-content text.data-v-c16a2baa { margin-right: 19rpx; } /* 日期选择框竖线分隔符 */ .date-divider.data-v-c16a2baa { width: 2rpx; height: 30rpx; background-color: #E9E9E9; margin: 0 15rpx 0 0; } /* 置灰状态下的竖线 */ .date-picker-box.disabled .date-divider.data-v-c16a2baa { background-color: #F3F3F3; } /* 确保日期文字区域可以自动扩展 */ .date-picker-box text.data-v-c16a2baa { flex: 1; } .arrow-right.data-v-c16a2baa { width: 14rpx; height: 26rpx; } .placeholder.data-v-c16a2baa { color: #999999; font-size: 28rpx; } .picker-value.data-v-c16a2baa { font-size: 28rpx; color: #333333; } .input.data-v-c16a2baa { flex: 1; font-size: 28rpx; color: #333333; text-align: right; margin-left: 20rpx; } .radio-group.data-v-c16a2baa { display: flex; margin-top: 24rpx; width: 100%; } .radio-item.data-v-c16a2baa { display: flex; align-items: center; margin-right: 130rpx; } .radio.data-v-c16a2baa { width: 30rpx; height: 30rpx; border: 2rpx solid #DDDDDD; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 16rpx; } .radio.checked.data-v-c16a2baa { background-color: #E8101E; border-color: #E8101E; } .radio-icon-image.data-v-c16a2baa { width: 32rpx; height: 32rpx; } .radio-label.data-v-c16a2baa { font-size: 28rpx; color: #333333; } /* 日期范围容器样式 */ .date-range-container.data-v-c16a2baa { padding: 24rpx; display: flex; justify-content: space-between; } .date-item.data-v-c16a2baa { flex: 1; display: flex; flex-direction: column; } .date-item.data-v-c16a2baa:first-child { margin-right: 24rpx; } .date-label.data-v-c16a2baa { font-size: 28rpx; color: #333333; margin-bottom: 16rpx; font-weight: 500; margin-left: 8rpx; } .date-picker-box.data-v-c16a2baa { display: flex; align-items: center; justify-content: space-between; border: 2rpx solid #E9E9E9; border-radius: 10rpx; padding: 12rpx 19rpx; background-color: transparent; } .date-picker-box.disabled.data-v-c16a2baa { border: 2rpx solid #F3F3F3; } .date-picker-box.disabled .date-value.data-v-c16a2baa, .date-picker-box.disabled .placeholder.data-v-c16a2baa { color: #CCCCCC; } .date-value.data-v-c16a2baa { font-size: 28rpx; color: #333; } .date-arrow.data-v-c16a2baa { width: 35rpx; height: 33rpx; } .upload-label.data-v-c16a2baa { font-family: Helvetica; font-size: 28rpx; color: #999; line-height: 40rpx; text-align: left; font-style: normal; margin-top: 24rpx; } /* 弹出框样式 */ .popup.data-v-c16a2baa { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; visibility: hidden; opacity: 0; transition: all 0.3s ease; } .popup.show.data-v-c16a2baa { visibility: visible; opacity: 1; } .popup-mask.data-v-c16a2baa { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } .popup-content.data-v-c16a2baa { position: relative; background-color: #FFFFFF; border-radius: 24rpx 24rpx 0 0; padding: 32rpx; -webkit-transform: translateY(100%); transform: translateY(100%); transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; max-height: 70vh; } .popup.show .popup-content.data-v-c16a2baa { -webkit-transform: translateY(0); transform: translateY(0); } .popup-header.data-v-c16a2baa { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32rpx; } .popup-title.data-v-c16a2baa { font-size: 32rpx; color: #333333; font-weight: 500; } .popup-close.data-v-c16a2baa { font-size: 40rpx; color: #999999; padding: 16rpx; } .popup-body.data-v-c16a2baa { max-height: 400rpx; overflow-y: auto; } .radio-list .radio-item.data-v-c16a2baa { margin-bottom: 32rpx; } .popup-footer.data-v-c16a2baa { margin-top: 32rpx; } .popup-btn.data-v-c16a2baa { height: 88rpx; border-radius: 44rpx; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #f52540 0%, #e8101e 100%); } .popup-btn .btn-text.data-v-c16a2baa { font-size: 32rpx; font-weight: 500; color: #FFFFFF; } .cancel-text.data-v-c16a2baa, .confirm-text.data-v-c16a2baa { font-size: 32rpx; padding: 16rpx; } .cancel-text.data-v-c16a2baa { color: #666666; } .confirm-text.data-v-c16a2baa { color: #E8101E; font-weight: 500; } .picker-scroll.data-v-c16a2baa { height: 400rpx; } .picker-item.data-v-c16a2baa { height: 68rpx; line-height: 68rpx; text-align: center; font-size: 28rpx; } /* 提示弹窗样式 */ .tip-popup.data-v-c16a2baa { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: all 0.3s ease; } .tip-popup.show.data-v-c16a2baa { visibility: visible; opacity: 1; } .tip-popup-mask.data-v-c16a2baa { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } .tip-popup-content.data-v-c16a2baa { position: relative; width: 620rpx; height: 810rpx; } .tip-popup-bg.data-v-c16a2baa { width: 620rpx; height: 810rpx; position: absolute; top: 0; left: 0; } .tip-popup-body.data-v-c16a2baa { position: relative; flex-direction: column; padding: 80rpx 20rpx 40rpx 20rpx; box-sizing: border-box; } .tip-title.data-v-c16a2baa { font-size: 36rpx; font-weight: bold; color: #333; text-align: center; margin-top: 107rpx; margin-bottom: 37rpx; } .tip-image-container.data-v-c16a2baa { flex: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 50rpx; } .tip-image.data-v-c16a2baa { width: 90%; max-height: 400rpx; } .tip-buttons.data-v-c16a2baa { display: flex; justify-content: space-between; padding: 0 28rpx; } .tip-btn.data-v-c16a2baa { width: 250rpx; height: 80rpx; border-radius: 40rpx; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: 500; } .tip-btn.cancel.data-v-c16a2baa { border: #E8101E 2rpx solid; background-color: transparent; color: #e8101e; } .tip-btn.confirm.data-v-c16a2baa { background: linear-gradient(180deg, #f52540 0%, #e8101e 100%); color: #FFFFFF; } .tip-btn .btn-text.data-v-c16a2baa { color: inherit; }