.inspect .content { background-color: #fff; /* padding: 28rpx 0; */ padding-top: 28rpx; } .inspect .title .item { height: 60rpx; background: #FFF7FA; font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; } .inspect .content .list { position: relative; } .inspect .content .module { position: absolute; bottom: 0; left: 0; width: 100%; height: 154rpx; background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 100%); } .inspect .module .icon { transform: rotate(90deg); } .inspect .content .list view,.content .list text { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; } .content .list .item { border-bottom: 2rpx solid #d3d3d3; } .content .left { width: 174rpx; padding: 30rpx 0; border-right: 2rpx solid #d3d3d3; } .content .item-btn image { width: 48rpx; height: 48rpx; /* background-color: #ccc; */ border-radius: 50%; } .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 .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: 30rpx 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%; } .btn { margin: 30rpx 0; height: 96rpx; width: 100%; background: #FF77B0; border-radius: 48rpx; font-size: 36rpx; color: #fff; } .check-list .item { padding-top: 30rpx; } .check-list .item-top { padding: 0 28rpx; } .check-list .item-top .btn { width: 154rpx; height: 52rpx; border-radius: 26rpx; border: 2rpx solid #333333; box-sizing: border-box; font-size: 28rpx; } .check-list .user-info { margin-bottom: 20rpx; } .check-list .user-info image { width: 64rpx; height: 64rpx; border-radius: 50%; /* background-color: red; */ margin-right: 14rpx; } .check-list .more { width: 48rpx; height: 48rpx; padding: 0 4rpx; box-sizing: border-box; } .check-list .more text { width: 8rpx; height: 8rpx; background: #333; border-radius: 50%; } .check-list .box { display: grid; grid-gap: 20rpx 22rpx; grid-template-columns: repeat(3, 1fr); padding: 0rpx 0 30rpx; } .check-list .box .item-media { width: 198rpx; height: 198rpx; border-radius: 16px; box-sizing: border-box; overflow: hidden; position: relative; } .check-list .box image { width: 100%; height: 100%; border-radius: 16rpx; /* background-color: red; */ } .check-list .box .icon-01 { width: 64rpx; height: 64rpx; position: absolute; }