/* 身份信息 */ .schedule{ display: flex; align-items: center; justify-content: space-around; padding: 50rpx 30rpx; } .schedule-item{ font-size: 28rpx; color: gray; padding-top: 60rpx; position: relative; } .schedule-item::after{ content: " "; position: absolute; left: 50%; top: 0; width: 40rpx; height: 40rpx; margin-left: -25rpx; background: #ddd; text-align: center; border-radius: 50%; line-height: 40rpx; font-size: 28rpx; border: solid 5rpx #f7f8f9; } .schedule-item:nth-child(1)::after{ content: "1"; } .schedule-item:nth-child(2)::after{ content: "2"; } .schedule-item:nth-child(3)::after{ content: "3"; } .schedule-item.show{color: #da2b54;} .schedule-item.show::after{ background: #da2b54; color: white; border-color: #fbccd7; } /* 上传身份证 */ .upds{ padding: 0 60rpx; } .upds-item{ background: #f7f8f9; border-radius: 20rpx; margin-top: 20rpx; width: 100%; padding-top:58%; border: dashed 1rpx #ddd; position: relative; overflow: hidden; } .upds-text{ font-size: 28rpx; color: gray; width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; } .upds-icon{ width: 58rpx; height: 58rpx; margin: 20rpx 0; } .upds-back{ position: absolute; top: 50%; left: 50%; width: 400rpx; height: 185rpx; opacity: .2; margin-left: -200rpx; margin-top: -92rpx; } .upds-src{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .idcard-input{ background: #f7f8f9; border-radius: 20rpx; height: 90rpx; margin-top: 20rpx; display: flex; align-items: center; padding: 0 30rpx; box-sizing: border-box; } .idcard-input input{ width: calc(100% - 140rpx); height: 90rpx; line-height: 90rpx; font-size: 30rpx; box-sizing: border-box; padding-left: 20rpx; } .idcard-input label{ width: 140rpx; font-size: 30rpx; } /* 认证信息 */ .info-block{ background: #f7f8f9; margin: 0 50rpx; border-radius: 20rpx; padding: 30rpx; } .info-flex{ display: flex; align-items: flex-start; justify-content: space-between; line-height: 40rpx; padding: 15rpx 0; font-size: 30rpx; } .info-flex label{ color: gray; } /* 认证结果信息 */ .idcard-success{ margin: 0 50rpx; display: flex; align-items: center; justify-content: center; height: 75vh; flex-direction: column; } .idcard-icon{ width: 128rpx; margin-bottom: 50rpx; } .idcard-title{ font-size: 50rpx; font-weight: bold; line-height: 50rpx; } .idcard-subtitle{ font-size: 30rpx; color: gray; line-height: 40rpx; margin-top: 20rpx; margin-bottom: 100rpx; text-align: center; } .idcard-info{ margin-top: 20rpx; font-size: 30rpx; } /* 下一步 */ .idcard-btn{ padding: 50rpx 60rpx; width: 100vw; box-sizing: border-box; } .idcard-btn button[size='default']{ background: #da2b54; width: 100%; height: 90rpx; border-radius: 45rpx; color: white; line-height: 90rpx; padding: 0; font-size: 32rpx; }