.app { padding: 0 0 50rpx 0; .rate { width: 95%; margin: 0 auto; height: 100%; background: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx 20rpx 0 0; padding-bottom: 20rpx; .itemimgs { display: inline-block; width: 30.5%; height: 212rpx; margin: 0 0 20rpx 2%; position: relative; padding-top: 20rpx; .itemimg { width: 100%; height: 100%; } } } .score { background-color: #FFFFFF; width: 95%; margin: 0 auto; padding-top: 50rpx; position: relative; height: 500rpx; border-radius: 0 0 20rpx 20rpx; ::v-deep .u-rate { position: absolute; top: 52rpx; left: 200rpx; } .text { margin-top: 20rpx; ::v-deep .uni-textarea-textarea { width: 93%; display: block; margin: 0 20rpx; } ::v-deep .u-input__textarea { margin-left: 20rpx; } } .title { margin: 0 20rpx; font-size: 36rpx; color: #000000; padding-bottom: 50rpx; border-bottom: 1rpx solid #D8D4D4; } } .content { width: 95%; background: #FFFFFF; box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; margin: 30rpx auto; position: relative; padding-bottom: 130rpx; .detailslist { display: flex; image { width: 182rpx; height: 182rpx; margin: 20rpx 0 0 20rpx; } .model { width: 70%; margin: 30rpx 0 0 20rpx; span { font-size: 32rpx; color: #000000; } span:nth-child(1) { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; } span:nth-child(2) { color: #969394; float: right; margin-right: 30rpx; } .bottom { margin-top: 40rpx; .box { color: #969394; font-size: 30rpx; } } } } .payinfo { width: 95%; position: absolute; left: 2.5%; bottom: 20rpx; .pay { font-size: 30rpx; color: #020000; } .price { float: right; font-size: 41rpx; color: #D43953; margin-right: 10rpx; } } } }