page{ background-color: #f6f6f6; } .main{ .cont{ margin: 20rpx 20rpx 0 20rpx; background-color: #FFFFFF; border-radius: 16rpx; padding-bottom: 25rpx; .cont_top{ margin: 0 25rpx 25rpx 25rpx; padding:25rpx 0 25rpx 0; border-bottom: 1rpx solid #f6f6f6; display: flex; align-items: center; justify-content: space-between; .cont_top_l{ display: flex; align-items: center; .cont_top_text{ font-size: 32rpx; color: #333333; font-weight: 500; .cont_top_num{ color: #FF0000; margin-left: 10rpx; } } .cont_top_btn{ width: 133rpx; height: 49rpx; border-radius: 25rpx; border: 1px solid #FF0000; font-size: 26rpx; color: #FF0000; display: flex; align-items: center; justify-content: center; margin-left: 30rpx; } } .cont_top_r{ font-size: 26rpx; color: #000000; } } .cont_shop{ display: flex; align-items: center; justify-content: space-between; padding: 0rpx 25rpx 0rpx 25rpx ; .cont_shop_l{ display: flex; .cont_shop_img{ width: 114rpx; height: 114rpx; background: #FFFFFF; border-radius: 4rpx; border: 1rpx solid #F3F3F3; .cont_shop_imgUrl{ width: 114rpx; height: 114rpx; display: block; } } .cont_shop_x{ .cont_shop_title{ font-size: 28rpx; color: #333333; margin-left: 25rpx; font-weight: 500; } .cont_shop_type{ display: flex; .cont_goos{ display: flex; align-items: center; color: #999999; font-size: 26rpx; padding: 25rpx 25rpx 0rpx 25rpx ; .cont_goos_img{ width: 40rpx; height: 40rpx; display: block; margin-right: 10rpx; } } } } } .cont_shop_r{ width: 106rpx; height: 46rpx; background: linear-gradient( 90deg, #FD4955 0%, #FD343C 100%); border-radius: 39rpx; display: flex; align-items: center; justify-content: center; font-size: 24rpx; color: #FFFFFF; } } .cont_shop_border{ margin:25rpx; height: 1rpx; background-color: #f6f6f6; } .cont_shop_edit{ margin:25rpx 25rpx 0rpx 25rpx; background: #F7F8FA; border-radius: 16rpx; padding-bottom: 25rpx; .cont_text{ color: #333333; font-size: 28rpx; padding: 25rpx 25rpx 0rpx 25rpx ; display: flex; .cont_text_img{ width: 28rpx; height: 28rpx; } .cont_textarea{ padding: 0; margin: 0; border: none; outline: none; background-color: transparent; box-sizing: border-box; height:140rpx; margin-left: 25rpx; } } .cont_ul{ display: flex; flex-wrap: wrap; .cont_li{ width: 192rpx; height: 192rpx; background: #FFFFFF; border-radius: 4rpx; border: 1px solid #F3F3F3; margin-left: 20rpx; margin-top: 25rpx; 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: #F7F8FA; .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: 23rpx; margin-top: 10rpx; } } } } } .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; } } }