.content { padding: 20rpx; } .border-radius { background: #FFFFFF; box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(0, 0, 0, 0.05); border-radius: 24rpx; margin: 20rpx 0; } .detail { padding: 30rpx 28rpx; } .detail .top { padding-bottom: 30rpx; border-bottom: 2rpx solid #F2F2F2; } .detail .top image { width: 112rpx; height: 112rpx; /* background: #ECECEC; */ border-radius: 12rpx; margin-right: 20rpx; } .detail .box-textarea { position: relative; padding-bottom: 30rpx; height: 280rpx; box-sizing: border-box; } .detail textarea { width: 100%; height: 100%; box-sizing: border-box; /* height: 280rpx; box-sizing: border-box; */ padding: 0rpx 0 50rpx; } .detail .box-textarea .box-text { position: absolute; right: 0; bottom: 30rpx; font-size: 28rpx; color: #999999; } .detail .change-img { padding-top: 30rpx; border-top: 2rpx solid #F2F2F2; } .change-img .img-box { margin-top: 30rpx; display: grid; grid-gap: 20rpx 20rpx; grid-template-columns: repeat(3, 1fr); } .change-img .img-box .item { width: 200rpx; height: 200rpx; border-radius: 16px; box-sizing: border-box; overflow: hidden; position: relative; } .change-img .delete-img { position: absolute; top: -24rpx; right: -16rpx; width: 48rpx; height: 48rpx; border-radius: 50%; background-color: black; } .change-img .img-box .item.upload { border: dashed 2rpx #c6c6c6; background: #F4F4F4; } .change-img .upload image { width: 48rpx; height: 48rpx; /* background-color: #ccc; */ margin-bottom: 6rpx; } .change-img .img-box video { width: 100%; height: 100%; } .change-img .img-box .icon-01 { width: 64rpx; height: 64rpx; position: absolute; } .change-img .img-box .img-content { width: 100%; height: 100%; } .btm { height: 170rpx; position: fixed; width: 100%; left: 0; bottom: 0; /* bottom: 56rpx; */ background: #fff; /* padding: 0 28rpx; */ } .btm-btn { width: 100%; height: 84rpx; font-size: 36rpx; color: #FFFFFF; margin: 0 40rpx; background: #FA7D22; border-radius: 42rpx; /* margin-top: 64rpx; */ }