/* pages/gameDetail/gameDetail.wxss */ page{ background: #F4F6F8; } .part{ background: #fff; margin-bottom: 16rpx; padding: 16rpx 32rpx; } .detail view{ padding: 8rpx; } .detail text{ color: #999; display: inline-block; width: 150rpx; } .info{ display: flex; flex-wrap: wrap; background: #fff; margin-bottom: 16rpx; } .info view{ width: 50%; color: #999; padding: 16rpx 32rpx; } .info view:first-child{ border-right: 1px solid #F6F6F6; } .info view:nth-child(2){ /* border-right: 1px solid #F6F6F6; */ } .info view:nth-child(3){ border-top: 1px solid #F6F6F6 } .info view:last-child{ border-left: 1px solid #F6F6F6; border-top: 1px solid #F6F6F6 } .info text{ display: block; font-size: 40rpx; font-weight: 500; } .container { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; box-sizing: border-box; height: 50vh; } ec-canvas { width: 100%; height: 100%; } .per{ background: #FF5151; width: 80%; display: block; color: #fff; font-size: 28rpx; border-radius: 16rpx; line-height: 88rpx; text-align: center; margin: 60rpx auto; }