page { background: #fff; } .container { padding-bottom: 160rpx; .content{ background: #fff; padding-bottom: 50rpx; .topIcon{ display: flex; flex-direction: column; align-items: center; // height:600rpx; padding-top: 150rpx; justify-content: center; image{ width: 100rpx; height: 100rpx; border-radius: 50%; } .txt{ margin-top: 50rpx; font-size: 34rpx; color:#26B3A0 ; } } .btn{ width:90%; background: #26B3A0; height: 90rpx; border-radius: 20rpx; font-size: 30rpx; display: flex; align-items: center; justify-content: center; color: #fff; // font-weight: 600; margin-left: 50%; transform: translateX(-50%); margin-top: 80rpx; } .tips{ font-size: 32rpx; color: #26B3A0; margin-top: 100rpx; height: 100rpx; display: flex; align-items: center; justify-content: center; } } .line{ height: 12rpx; background: #eee; } .sunTitle{ padding: 0 40rpx; font-size: 36rpx; font-weight: 600; margin-top: 40rpx; margin-bottom: 20rpx; } .content2{ margin-left: 50%; transform: translateX(-50%); margin-top: 30rpx; width: 90%; background: #eee; padding: 30rpx; border-radius: 20rpx; margin-bottom: 50rpx; line-height: 50rpx; font-size: 32rpx; } } // 图片上传区域 .chooscontainer { display: flex; flex-wrap: wrap; position: relative; // border-bottom: 1rpx solid #EDEDED; margin-bottom: 48rpx; padding: 0 30rpx; .addpicall { width: 28%; margin-right: 6rpx; margin-left: 6rpx; margin-top: 15rpx; position: relative; // z-index: 10; &:nth-child(3n) { margin-right: 0; } .image { width: 100%; height: 100%; border-radius: 20rpx; } .playBtn{ position: absolute; width: 50rpx; height: 50rpx; z-index: 11; right: 40%; transform: translateX(40%); top: 50%; transform: translateY(-50%); } } } // 图片上传区域结束