.market { width: 100%; height: 100%; } .tabs { width: 100% !important; height: 88rpx; text-align: center; } .i-tab { width: 25% !important; display: inline-block; } .section { position: relative; } .detail_msg { width: 92%; height: 186rpx !important; background: #fff; display: flex; padding: 30rpx 4%; border-bottom: 1px solid #ededed; } .logo { width: 348rpx; height: 184rpx; border: 1px solid #f8f8f8; border-radius: 15rpx; } .logo image { width: 100%; height: 100%; border-radius: 15rpx; } .info view:nth-child(1) { display: flex; justify-content: space-between; padding: 0 4%; } .info { width: 100%; } .info view:nth-child(1) text { font-size: 30rpx; margin-top: 10rpx; color: #666; } .info view:nth-child(2) { color: #ff3434; font-size: 24rpx; padding-left: 4%; margin-top: 1%; } .info view:nth-child(3) { margin-left: 20rpx; } .btns { position: absolute; top: 0; right: 20rpx; bottom: 0; margin: auto; width: 180rpx; height: 60rpx; line-height: 60rpx; text-align: center; background: #00c0ff; color: #fff; border-radius: 15rpx; font-size: 28rpx; } .txt1 { font-size: 22rpx; color: #999; } .txt2 { font-size: 22rpx; color: #f96563; } .nocoupon image { width: 203rpx; display: block; margin: 200rpx auto 0; } .nocoupon text { display: block; text-align: center; font-size: 30rpx; color: #00c0ff; } .nocoupon button { background: #00c0ff; color: #fff; font-style: 30rpx; width: 70%; margin: 30rpx auto 0; } .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; }