.qualification-page.data-v-67489628 { padding: 28rpx 0; } .section.data-v-67489628 { margin-bottom: 30rpx; } .section-title.data-v-67489628 { display: flex; align-items: center; margin-bottom: 30rpx; } .title-bar.data-v-67489628 { width: 6rpx; height: 30rpx; background-color: #E8101E; margin-right: 7rpx; border-radius: 5rpx; } .title-text.data-v-67489628 { 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-67489628 { font-size: 36rpx; color: #1D2129; font-weight: 500; } .box-cont.data-v-67489628 { background: #FFFFFF; border-radius: 20rpx; margin-bottom: 24rpx; margin-left: 8rpx; margin-right: 8rpx; box-shadow: none; } .form-item.data-v-67489628 { padding: 24rpx 22rpx; } .form-item-one.data-v-67489628 { display: flex; align-items: center; padding: 24rpx; } .form-item-two.data-v-67489628 { display: flex; justify-content: space-between; align-items: center; padding: 24rpx; } .label-wrapper.data-v-67489628 { display: inline-flex; align-items: center; } .label.data-v-67489628 { font-size: 28rpx; color: #333333; font-weight: 500; line-height: 1; } .label-icon.data-v-67489628 { width: 26rpx; height: 26rpx; margin-left: 8rpx; align-items: center; } .upload-label.data-v-67489628 { font-family: Helvetica; font-size: 28rpx; color: #999; line-height: 40rpx; text-align: left; font-style: normal; margin-top: 24rpx; } .required.data-v-67489628::before { content: '*'; color: #FF0000; margin-right: 4rpx; } .upload-tip.data-v-67489628 { font-size: 26rpx; color: #999; margin: 5rpx 0 24rpx 0; font-weight: 400; font-family: PingFangSC, PingFang SC; text-align: left; font-style: normal; } .upload-container.data-v-67489628 { display: flex; flex-direction: column; align-items: center; } .upload-box.data-v-67489628 { display: flex; justify-content: center; align-items: center; } .upload-camera.data-v-67489628 { 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-67489628 { display: flex; flex-direction: column; padding: 40rpx 24rpx 0 24rpx; } .idcard-upload-vertical-item.data-v-67489628 { display: flex; flex-direction: column; align-items: center; margin-bottom: 30rpx; } .upload-placeholder.data-v-67489628 { display: flex; flex-direction: column; align-items: center; justify-content: center; } .upload-icon.data-v-67489628 { width: 120rpx; height: 120rpx; /* margin-bottom: 16rpx; */ } .camera-icon.data-v-67489628 { width: 446rpx; height: 298rpx; border-radius: 48rpx; } .preview-image.data-v-67489628 { border-radius: 20rpx; width: 100%; height: 100%; } /* 识别状态遮罩 */ .recognize-overlay.data-v-67489628 { 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-67489628 { width: 60rpx; height: 60rpx; border: 4rpx solid #fff; border-top: 4rpx solid #E8101E; border-radius: 50%; -webkit-animation: spin-data-v-67489628 1s linear infinite; animation: spin-data-v-67489628 1s linear infinite; margin-bottom: 16rpx; } .recognize-text.data-v-67489628 { color: #fff; font-size: 24rpx; } @-webkit-keyframes spin-data-v-67489628 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-data-v-67489628 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .picker-content.data-v-67489628 { display: flex; align-items: center; justify-content: flex-end; flex: 1; } .placeholder.data-v-67489628 { color: #999999; font-size: 28rpx; } .picker-value.data-v-67489628 { font-size: 28rpx; color: #333333; } .input.data-v-67489628 { flex: 1; font-size: 28rpx; color: #333333; text-align: right; margin-left: 20rpx; } .radio-group.data-v-67489628 { display: flex; margin-top: 24rpx; width: 100%; } .radio-item.data-v-67489628 { display: flex; align-items: center; margin-right: 130rpx; } .radio.data-v-67489628 { 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-67489628 { background-color: #E8101E; border-color: #E8101E; } .radio-icon-image.data-v-67489628 { width: 32rpx; height: 32rpx; } .radio-label.data-v-67489628 { font-size: 28rpx; color: #333333; } /* 日期范围容器样式 */ .date-range-container.data-v-67489628 { padding: 24rpx; display: flex; justify-content: space-between; } .date-item.data-v-67489628 { flex: 1; display: flex; flex-direction: column; } .date-item.data-v-67489628:first-child { margin-right: 24rpx; } .date-label.data-v-67489628 { font-size: 28rpx; color: #333333; margin-bottom: 16rpx; font-weight: 500; margin-left: 8rpx; } .date-picker-box.data-v-67489628 { display: flex; align-items: center; justify-content: space-between; border: 2rpx solid #E9E9E9; border-radius: 10rpx; padding: 12rpx 19rpx; background-color: transparent; } .date-value.data-v-67489628 { font-size: 28rpx; color: #333; } .date-divider.data-v-67489628 { width: 2rpx; height: 30rpx; background-color: #E9E9E9; margin: 0 15rpx 0 0; } .date-arrow.data-v-67489628 { width: 35rpx; height: 33rpx; } /* 日期选择框置灰状态 */ .date-picker-box.disabled.data-v-67489628 { border: 2rpx solid #F3F3F3; } .date-picker-box.disabled .date-value.data-v-67489628, .date-picker-box.disabled .placeholder.data-v-67489628 { color: #CCCCCC; } /* 日期选择框竖线分隔符 */ .date-divider.data-v-67489628 { width: 2rpx; height: 30rpx; background-color: #E9E9E9; margin: 0 15rpx 0 0; } /* 置灰状态下的竖线 */ .date-picker-box.disabled .date-divider.data-v-67489628 { background-color: #F3F3F3; } /* 确保日期文字区域可以自动扩展 */ .date-picker-box text.data-v-67489628 { flex: 1; } /* 技师资质照片样式 */ .qualifications-container.data-v-67489628 { /* margin-top: 15rpx; */ margin: 20rpx 5rpx 10rpx 6rpx; } .qualifications-list.data-v-67489628 { display: flex; flex-wrap: wrap; gap: 9rpx; } .qualification-item.data-v-67489628 { position: relative; width: 208rpx; height: 208rpx; border-radius: 6rpx; overflow: hidden; display: flex; align-items: center; justify-content: center; } .add-item.data-v-67489628 { background: #F5F5F5 ; } .qualification-image.data-v-67489628 { width: 100%; height: 100%; } .upload-icon.data-v-67489628 { width: 123rpx; height: 100rpx; border-radius: 20rpx; } .delete-btn.data-v-67489628 { position: absolute; top: 8rpx; right: 8rpx; width: 36rpx; height: 36rpx; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24rpx; font-weight: bold; } .arrow-right.data-v-67489628 { width: 14rpx; height: 26rpx; margin-left: 16rpx; } /* 弹出框样式 */ .popup.data-v-67489628 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; visibility: hidden; opacity: 0; transition: all 0.3s ease; } .popup.show.data-v-67489628 { visibility: visible; opacity: 1; } .popup-mask.data-v-67489628 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } .popup-content.data-v-67489628 { 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-67489628 { -webkit-transform: translateY(0); transform: translateY(0); } .popup-header.data-v-67489628 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32rpx; } .popup-title.data-v-67489628 { font-size: 32rpx; color: #333333; font-weight: 500; } .popup-close.data-v-67489628 { font-size: 40rpx; color: #999999; padding: 16rpx; } .popup-body.data-v-67489628 { max-height: 400rpx; overflow-y: auto; } .radio-list .radio-item.data-v-67489628 { margin-bottom: 32rpx; } .popup-footer.data-v-67489628 { margin-top: 32rpx; } .popup-btn.data-v-67489628 { 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-67489628 { font-size: 32rpx; font-weight: 500; color: #FFFFFF; } .cancel-text.data-v-67489628, .confirm-text.data-v-67489628 { font-size: 32rpx; padding: 16rpx; } .cancel-text.data-v-67489628 { color: #666666; } .confirm-text.data-v-67489628 { color: #E8101E; font-weight: 500; } .picker-scroll.data-v-67489628 { height: 400rpx; } .picker-item.data-v-67489628 { height: 68rpx; line-height: 68rpx; text-align: center; font-size: 28rpx; } /* 提示弹窗样式 */ .tip-popup.data-v-67489628 { 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-67489628 { visibility: visible; opacity: 1; } .tip-popup-mask.data-v-67489628 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } .tip-popup-content.data-v-67489628 { position: relative; width: 620rpx; height: 810rpx; /* z-index: 1001; */ } .tip-popup-bg.data-v-67489628 { width: 620rpx; height: 810rpx; position: absolute; top: 0; left: 0; } .tip-popup-body.data-v-67489628 { position: relative; /* z-index: 1002; */ /* height: 100%; */ /* display: flex; */ flex-direction: column; padding: 80rpx 20rpx 40rpx 20rpx; box-sizing: border-box; } .tip-title.data-v-67489628 { font-size: 36rpx; font-weight: bold; color: #333; text-align: center; margin-top: 107rpx; margin-bottom: 37rpx; } .tip-image-container.data-v-67489628 { /* flex: 1; */ /* display: flex; */ align-items: center; justify-content: center; margin-bottom: 50rpx; } .tip-image.data-v-67489628 { width: 521rpx; height: 327rpx; margin-left: 30rpx; } /* 店铺名称图片的特殊样式 */ .tip-image.for_shop.data-v-67489628 { width: 627rpx; height: 327rpx; margin-left: 13rpx; } .tip-buttons.data-v-67489628 { display: flex; justify-content: space-between; padding: 0 28rpx; } .tip-btn.data-v-67489628 { 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-67489628 { border: #E8101E 2rpx solid; background-color: transparent; color: #e8101e; } .tip-btn.confirm.data-v-67489628 { background: linear-gradient(180deg, #f52540 0%, #e8101e 100%); color: #FFFFFF; } .tip-btn .btn-text.data-v-67489628 { color: inherit; /* 继承父元素的颜色 */ }