page{ background-color: #fff; } .form{ padding: 30rpx; } .form-title{ line-height: 50rpx; font-size: 36rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #333333; } .form-item-title{ line-height: 45rpx; font-size: 32rpx; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; color: #333333; margin-top: 32rpx; } .upload-pic{ width: 690rpx; height: 400rpx; background: #F8F8F8; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; margin:30rpx auto 0; text-align: center; line-height: 45rpx; font-size: 32rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #999999; flex-direction: column; justify-content: center; } .upload-pic image{ width: 59rpx; height: 62rpx; } .upload-image{ width: 690rpx; height: 400rpx; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; margin:30rpx auto 0; } .form-limit{ line-height: 33rpx; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #999999; margin-top: 20rpx; } .upload-photo{ width: 120rpx; height: 120rpx; background: #F8F8F8; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; margin-bottom: 20rpx; } .upload-photo image{ width: 46rpx; height: 35rpx; margin: auto; } .upload-photo-image{ width: 120rpx; height: 120rpx; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; margin-right: 20rpx; position: relative; margin-bottom: 20rpx; } .upload-photo-image:nth-child(5n){ margin-right: 0rpx; } .upload-photo-image image{ width: 120rpx; height: 120rpx; border-radius: 10rpx 10rpx 10rpx 10rpx; } .upload-photo-close{ width: 28rpx !important; height: 28rpx !important; position: absolute; top:-14rpx; right: -14rpx; } .form-border{ height: 20rpx; background: #F8F8F8; border-radius: 0rpx 0rpx 0rpx 0rpx; opacity: 1; } .form-input-box{ padding: 30rpx 0; border-bottom: 2rpx solid #DEDEDE; line-height: 45rpx; font-size: 32rpx; } .form-input-box input{ font-size: 32rpx; } .form-input-placeholder{ color: #CCCCCC; font-size: 32rpx; } .more{ float: right; } .more image{ width: 14rpx; height: 22rpx; margin-left: 10rpx; } .next-btn{ height: 88rpx; line-height: 88rpx; background: #27D699; border-radius: 44rpx 44rpx 44rpx 44rpx; font-size: 36rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; text-align: center; margin: 150rpx auto 30rpx; } .form-number-select{ margin-top: 30rpx; } .form-number-select view:first-child,.form-number-select view:last-child{ width: 80rpx; height: 67rpx; line-height: 67rpx; background: #F8F8F8; border-radius: 4rpx 4rpx 4rpx 4rpx; opacity: 1; text-align: center; color: #B3B3B3; font-size: 40rpx; } .form-number-select input{ width: 112rpx; height: 63rpx; background: #FFFFFF; border-radius: 4rpx 4rpx 4rpx 4rpx; opacity: 1; border: 2rpx solid #DEDEDE; margin: 0 20rpx; text-align: center; padding: 0 10rpx; } .form-date-select{ background: #F8F8F8; border-radius: 5rpx 5rpx 5rpx 5rpx; text-align: center; line-height: 76rpx; height: 76rpx; color: #CCCCCC; font-size: 32rpx; } .mask{position: fixed;top: 50px;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 48;} .popup{background: #fff;position: fixed;top: 0px;left: 0;right: 0;z-index: 49;overflow: hidden;} .popupc{height: 600rpx;align-items: flex-start;} .pleft{width: 40%;background: #f8f8f8;position: absolute;left: 0;top: 0;bottom: 0;overflow: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;} .pleft .li{font-size: 26rpx;color: #333;padding: 20rpx 30rpx;} .pleft .li:last-child{border-bottom: none;} .pleft .li.active{background: #fff;color: var(--main);border-left: 5rpx solid var(--main);padding-left: 25rpx;} .pright{width: 60%;position: absolute;right: 0;top: 0;bottom: 0;overflow: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;} .pright .li{font-size: 26rpx;color: #333;padding: 20rpx 30rpx;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}