.market { width: 100%; height: 100%; } .tabs { width: 100% !important; height: 88rpx; text-align: center; } .i-tab { width: 25% !important; display: inline-block; } .section { margin-top: 2%; } .detail_msg { width: 92%; height: 220rpx !important; background: #fff; display: flex; padding: 0 4%; margin-top: 2%; border-bottom: 1px solid #ededed; } .logo { width: 248rpx; height: 184rpx; border-radius: 30rpx; } .logo image { width: 100%; height: 100%; } .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; } .info view:nth-child(2) { color: #ff3434; font-size: 24rpx; padding-left: 4%; margin-top: 1%; } .info view:nth-child(2) text { font-size: 22rpx; color: #b8b8b8; } .info view:nth-child(3) { display: flex; justify-content: space-between; } .info view:nth-child(3) text:nth-child(2) { width: 170rpx; height: 50rpx; color: #fff; line-height: 50rpx; text-align: center; background: #00c0ff; border-radius: 10px; font-size: 28rpx; margin-top: 40rpx; }