.market { width: 100%; height: 100%; } .tabs { width: 100% !important; height: 88rpx; text-align: center; } .i-tab { width: 30% !important; display: inline-block; } .section { margin-top: 2%; } .detail_msg { width: 92%; height: 200rpx !important; background: #fff; display: flex; margin: 0 4%; margin-top: 2%; border-bottom: 1rpx solid #ededed; } .logo { display: block; width: 180rpx; height: 180rpx; border: 1px solid #f8f8f8; border-radius: 16rpx; overflow: hidden; } .logo image { display: block; width: 180rpx; height: 180rpx; } .info view:nth-child(1) { display: flex; justify-content: space-between; padding: 0 4%; margin-top: 8rpx; } .info { width: 100%; } .info view:nth-child(1) { margin-bottom: 15rpx; } .info view:nth-child(1) text { font-size: 30rpx; /* width: 340rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */ } .info .sucess { font-size: 28rpx; color: #02c0ff; letter-spacing: 0; text-align: right; line-height: 28px; } .wait { font-size: 28rpx; color: #ff4949; letter-spacing: 0; text-align: right; line-height: 28rpx; } .close { font-size: 28rpx; color: #999; letter-spacing: 0; text-align: right; line-height: 28rpx; } .info view:nth-child(2), .info view:nth-child(3) { color: #f96563; font-size: 24rpx; padding-left: 4%; } .info view:nth-child(2) text, .info view:nth-child(3) text { font-size: 22rpx; color: #b8b8b8; } .info view:nth-child(3) { margin-top: 5rpx; } .payment { position: relative; width: 92%; height: 120rpx; line-height: 120rpx; padding: 0 4%; display: flex; justify-content: space-between; border-bottom: 20rpx solid #f8f8f8; } .payment view:nth-child(1) text:nth-child(1) { font-size: 36rpx; color: #f96563; } .payment view:nth-child(1) text:nth-child(2) { font-size: 24rpx; color: #b4b4b4; padding-left: 18rpx; text-decoration: line-through; } .btn { position: absolute; top: 0; bottom: 0; margin: auto; right: 20rpx; width: 180rpx; height: 60rpx; line-height: 60rpx; text-align: center; color: #fff; float: right; font-size: 28rpx; border: 2rpx solid #02c0ff; border-radius: 30rpx; } .payment view:nth-child(2) text { font-size: 30rpx; color: #02C0FF; } .dingdan { margin-top: 33rpx; } .dingdan text:nth-of-type(1) { display: block; font-size: 34rpx; color: #333; letter-spacing: 0; text-align: center; } .dingdan text:nth-of-type(2) { display: block; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: center; } .dingdan image { display: block; width: 300rpx; height: 300rpx; margin: 0 auto 16rpx; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #999; } .loading image { width: 40rpx; height: 40rpx; vertical-align: middle; margin-right: 10rpx; }