.app { padding: 2%; .masks{ image{ position: absolute; top:50rpx; left:50%; transform: translateX(-50%); z-index: 999; width: 250rpx; border-radius: 25rpx; height: 250rpx; } .ratetitle{ font-size: 34rpx; position: absolute; top:320rpx; left:50%; transform: translateX(-50%); z-index: 999; } .title{ position: absolute; top:40rpx; left:50%; transform: translateX(-50%); font-size: 42rpx; } ::v-deep .u-star-wrap{ padding-right:10rpx; } .mask{ position: absolute; top:200rpx; left: 70rpx; } .btn{ width: 70%; height: 71rpx; background: #26A888; border-radius: 26rpx; position: absolute; top:530rpx; left: 15%; text-align: center; line-height: 71rpx; color: #fff; } .rateitem{ position: absolute; top:350rpx; left: 80rpx; font-size: 42rpx; } } .noorder{ margin-top: 20%; } .item { width: 99%; background: #FFFFFF; box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; padding: 0 0 100rpx 0; margin: 20rpx auto; position: relative; .name { width: 95%; height: 90rpx; font-size: 30rpx; color: #969394; line-height: 90rpx; border-bottom: 1rpx solid #D8D4D4; margin: 0 auto; span { color: #26A888; float: right; } image { width: 15rpx; height: 23rpx; padding-left: 25rpx; } } .detailslist { display: flex; image { width: 182rpx; height: 182rpx; margin: 20rpx 0 0 20rpx; } .model { width: 70%; margin: 30rpx 0 0 20rpx; .top{ span{ word-break: break-all; } } span { font-size: 34rpx; color: #000000; } span:nth-child(1) { display: inline-block; width: 70%; } span:nth-child(2) { color: #969394; float: right; margin-right: 30rpx; } .bottom { margin-top: 40rpx; span { font-size: 32rpx; color: #969394; } } } } .submit { width: 25%; height: 68rpx; line-height: 68rpx; background: #26A888; border-radius: 26rpx; text-align: center; font-size: 32rpx; color: #FFFFFF; position: absolute; right:2%; } } }