.cont { margin: 0; padding: 0; margin-top: 98rpx; line-height: 1; } .main { box-sizing: border-box; padding: 0 20rpx; } .main_goods { margin: 20rpx auto; padding: 20rpx; display: flex; height: 320rpx; background: #fff; box-sizing: border-box; } .main_goods_left { display: flex; width: 40%; height: 100%; background: #fff; align-items: center; } .main_goods_left image { display: block; width: 240rpx; height: 240rpx; } .main_goods_right { position: relative; width: 60%; height: 100%; } .main_goods_title { display: block; margin-top: 20rpx; width: 100%; font-size: 28rpx; line-height: 1.3; color: #333; } .main_goods_desc { position: absolute; left: 0rpx; top: 90rpx; } .main_goods_desc text { display: inline-block; } .desc_introduction { margin-top: 10rpx; line-height: 1.4; font-size: 24rpx; color: #ff495e; width: 400rpx; } .desc_situation { font-size: 24rpx; line-height: 1.3; color: rgb(240, 60, 60); margin-top: 10rpx; } .people { margin: 0 13rpx; } .cl-9 { color: #999; } .desc_footer { margin-top: 15rpx; font-size: 24rpx; } .desc_footer .price_x { margin-right: 25rpx; color: rgb(240, 60, 60); font-size: 28rpx; } .desc_footer .price_y { text-decoration: line-through; } .settlement { position: absolute; right: 0rpx; bottom: 0rpx; line-height: 55rpx; text-align: center; font-size: 28rpx; border-radius: 40rpx; color: #fff; background: linear-gradient(to right, rgb(235, 53, 107) 0%, rgb(240, 60, 60) 100%); box-shadow: 0px 2px 10px -2px rgb(235, 53, 107); border: none; } .header { display: flex; position: fixed; top: 0; width: 100%; height: 88rpx; color: #333; font-size: 28rpx; background: #fff; border-bottom: 1rpx solid #e4e4e4; z-index: 100; overflow: hidden; white-space: nowrap; } .header scroll-view { height: 100%; } .cs { display: inline-block; padding: 0 15rpx; text-align: center; min-width: 20%; height: 87rpx; line-height: 88rpx; box-sizing: border-box; } .cs text { display: block; height: 100%; } .active text { color: #fd4a5f; border-bottom: 2rpx solid #fd4a5f; }