page{ background: #f6f6f6; } .main{ background: linear-gradient(180deg,#FCEEEF 0%,#f6f6f6 100%); background-repeat: no-repeat; padding-top: 25rpx; .cont{ margin: 0rpx 25rpx 25rpx 25rpx; padding: 30rpx; border-radius: 16rpx; background-color: #FFFFFF; box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.05); .cont_textarea{ width: 100%; height: 100rpx; font-size: 28rpx; color: #333333; } .cont_item{ display: flex; align-items: center; justify-content: space-between; height: 120rpx; padding: 0 30rpx 0 30rpx; .cont_item_l{ display: flex; height: 100%; align-items: center; .cont_item_img{ width: 42rpx; height: 42rpx; display: block; } .cont_item_text{ color: #000000; font-size: 30rpx; font-weight: 500; margin-left: 20rpx; height: 100%; display: flex; align-items: center; } .cont_item_text::before{ content: '*'; font-size: 26rpx; color: #FF0000; margin-right: 5rpx; } } .cont_item_r{ color: #333333; font-size: 28rpx; display: flex; align-items: center; height: 100%; .cont_item_input{ width: 350rpx; text-align: right; height: 100%; } } .cont_item_r text{ margin-left: 20rpx; font-weight: 500; } } .cont_border{ height: 1rpx; background-color: #D5D5D5; margin-left: 75rpx; width: 600rpx; } .cont_shop_text{ font-size: 30rpx; color: #999999; padding:0rpx 30rpx 30rpx 30rpx; } .cont_shop_edit{ border-radius: 16rpx; .cont_ul{ display: flex; flex-wrap: wrap; .cont_li{ width: 192rpx; height: 192rpx; background: #FFFFFF; border-radius: 23rpx; border: 1px solid #F3F3F3; margin-left: 30rpx; margin-bottom: 30rpx; position: relative; .cont_upload_remove{ position: absolute; z-index: 2; width: 40rpx; height: 40rpx; right: -12rpx; top: -12rpx; border-radius: 50rpx; background-color: #FFFFFF; .cont_upload_remove_img{ width: 40rpx; height: 40rpx; border-radius: 50rpx; } } .cont_li_img{ width: 192rpx; height: 192rpx; border-radius: 4rpx; display: block; position: absolute; top: 0; left: 0; z-index: 1; } } .cont_upload{ background-color: #F4F6F8; .cont_upload_img{ margin: 0 auto; width: 80rpx; height: 80rpx; display: block; margin-top: 35rpx; } .cont_upload_text{ text-align: center; color: #999999; font-size: 24rpx; margin-top: 10rpx; } } } } } .cont_padding{ padding: 0; } .footer{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 160; background: #FFFFFF; font-size: 30rpx; padding-bottom: env(safe-area-inset-bottom); display: flex; justify-content: space-between; align-items: center; padding-top: 20rpx; padding-left: 20rpx; padding-right: 20rpx; border-top: 1rpx solid #efefef; .footer_btn{ width: 100%; height: 85rpx; background-color: #FD3F3F; border-radius: 50rpx; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 28rpx; } } }