.app { padding: 0; height: 100vh; padding: 3%; .img{ line-height: 90rpx; view{ font-size: 32rpx; padding: 20rpx 0; } image{ width: 100%; height: 700rpx; } } .details { width: 100%; height: 250rpx; background: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; margin: 0 auto; position: relative; image { width: 170rpx; height: 170rpx; border-radius: 10rpx; margin: 20rpx 0 0 30rpx; } .detailsinfo { width: 60%; height: 200rpx; border-radius: 10rpx; position: absolute; top: 12%; left: 35%; .change { width: 100%; color: #000000; font-size: 34rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .time { width: 100%; font-size: 32rpx; color: #999999; position: absolute; top: 32%; } .price { width: 100%; font-size: 30rpx; color: #D43953; position: absolute; top: 65%; } } } .info { width: 100%; background: #FFFFFF; box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; position: relative; top: 20rpx; .item { line-height: 110rpx; border-bottom: 1rpx solid #D8D4D4; font-size: 32rpx; color: #000000; margin-left: 30rpx; } } .submit { width: 100%; height: 100rpx; height: 68rpx; font-size: 32rpx; color: #FFFFFF; text-align: center; position: fixed; bottom: 80rpx; // background-color: red; left: 15%; // padding: 20rpx; .return { width: 216rpx; height: 68rpx; background: #E1AE3C; border-radius: 26rpx; line-height: 68rpx; display: inline-block; } .finish { width: 217rpx; height: 68rpx; line-height: 68rpx; background: #4C7BC9; border-radius: 26rpx; display: inline-block; margin-left: 30rpx; } } }