| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230 |
- 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;
- }
- .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;
- }
- .p-form{
- padding:40rpx;
- }
- .p-form-item{
- margin-bottom: 40rpx;
- }
- .p-label{
- line-height: 45rpx;
- font-size: 32rpx;
- font-family: PingFang SC-Semibold, PingFang SC;
- font-weight: 500;
- color: #333333;
- margin-top: 20rpx;
- margin-bottom: 20rpx;
- }
- .p-input{
- background: #F8F8F8;
- border-radius: 8rpx;
- padding: 24rpx;
- opacity: 1;
- font-size: 26rpx;
- }
- .p-placeholder{
- font-size: 26rpx;
- color: #999999;
- }
- .p-select{
- line-height: 47rpx;
- font-size: 32rpx;
- font-family: Source Han Sans CN-Regular, Source Han Sans CN;
- font-weight: 400;
- color: #999999;
- }
- .p-select-item{
- margin-right: 70rpx;
- }
- .p-select-item:last-child{
- margin-right: 0;
- }
- .p-select-item image{
- width: 30rpx;
- height: 30rpx;
- margin-right: 12rpx;
- }
- .p-select-group{
- }
- .p-select-group-item{
- line-height: 70rpx;
- font-size: 28rpx;
- font-family: PingFang SC-Regular, PingFang SC;
- font-weight: 400;
- color: #333333;
- background: #F3F5F7;
- border-radius: 35rpx 35rpx 35rpx 35rpx;
- padding: 0 30rpx;
- margin-right: 20rpx;
- }
- .p-select-group-item-active{
- background-color: var(--main);
- color: #fff;
- }
- .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;
- }
- .add-btn{
- width: 30rpx;
- height: 30rpx;
- margin: auto;
- border-radius: 100%;
- background-color: var(--main);
- padding: 20rpx;
- }
- .add-btn image{
- width: 100%;
- height:100%;
- }
- .next-btn{
- position: fixed;
- bottom: 30rpx;
- left: 0;
- right: 0;
- 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: 30rpx 30rpx 30rpx;
- }
- .more{
- float: right;
- }
- .more image{
- width: 14rpx;
- height: 22rpx;
- margin-left: 10rpx;
- }
- .option-input{
- border: 2rpx solid #eeeeee;
- font-size: 26rpx;
- padding: 10rpx 20rpx;
- margin-top: 20rpx;
- border-radius: 4rpx;
- }
- .option-input input{
- color: #333;
- font-size: 26rpx;
- }
- .option-input-placeholder{
- font-size: 26rpx;
- }
- .option-input-delete{
- border: 2rpx solid red;
- background-color: red;
- color: #fff;
- font-size: 24rpx;
- padding: 0rpx 10rpx;
- /* margin-top: 20rpx; */
- border-radius: 6rpx;
- }
- .add-option-btn{
- background-color: var(--main);
- width: 180rpx;
- height: 60rpx;
- line-height: 60rpx;
- color: #fff;
- font-size: 26rpx;
- text-align: center;
- margin: auto;
- border-radius: 100rpx;
- margin-top: 20rpx;
-
- }
- /* 核销弹窗 */
- .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
- .hx-pop{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;border-radius: 32rpx 32rpx 0 0;z-index: 100;transition: all .3s ease;}
- .pop-tit{font-size: 36rpx;color: #333;text-align: center;padding: 40rpx 0 0;font-weight: bold;}
- .pop-list{margin-top: 10rpx;padding: 10rpx 44rpx 48rpx;overflow-y: scroll;max-height: 600rpx;}
- ::-webkit-scrollbar{
- display: none;
- background-color: transparent;
- }
- .pop-list .li{height: 130rpx;background-color: #fff;border-radius: 10rpx;padding: 0 39rpx 0 49rpx;font-size: 30rpx;color: #333;margin-top: 30rpx;}
- .li-ico{width: 48rpx;height: 48rpx;margin-right: 17rpx;}
- .pop-cancel{font-size: 36rpx;color: #666;padding: 42rpx 0 52rpx;text-align: center;background-color: #fff;}
|