.app { padding: 0; .buy { background: #FFFFFF; position: fixed; bottom: 0; height: 100rpx; width: 100%; .logistics { width: 216rpx; height: 68rpx; text-align: center; color: #ffffff; border-radius: 26rpx; font-size: 36rpx; line-height: 68rpx; position: absolute; right: 260rpx; top: 50%; background: #E1AE3C; transform: translateY(-50%); z-index: 999; } .pay { width: 216rpx; height: 68rpx; text-align: center; color: #ffffff; background: #4C7BC9; border-radius: 26rpx; font-size: 36rpx; line-height: 68rpx; position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); } } .info { padding: 30rpx 0; height: 40%; background: #FFFFFF; box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03); border-radius: 20rpx; width: 95%; margin: 0 auto; font-size: 30rpx; color: #020000; span { display: block; line-height: 65rpx; margin-left: 20rpx; text { color: #BFBDBE; word-break: break-all; } } } .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; .details { height: 380rpx; position: relative; .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: 95%; } } } .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; } } } } .time { height: 80rpx; width: 95%; text-align: center; line-height: 80rpx; background-color: #fff; margin: 30rpx auto 0; border-radius: 20rpx; } }