.top{ width: 100%; background-color: white; height: 70rpx; line-height: 70rpx; color: #000; text-align: left; border-bottom: 2rpx solid #eee; display: flex; } .s_it{ width: 100%; display: flex; background-color: white; } .s_prom{ width: 100%; background-color: white; min-height: 200rpx; } swiper { display:block; height:400rpx; } .right_k{ width: 30rpx; height: 100%; margin-left: 580rpx; } .right_k image{ width: 30rpx; height: 30rpx} .top .t_left{ width: 10rpx; height: 38rpx; background: #C4182E; margin-top:18rpx; margin-right:12rpx; margin-left:20rpx; } .sp{ min-height: 300rpx; width: 100%; background-color: white; padding:18rpx; display: flex; } .sp .sp_top{ height: 220rpx; min-width: 30%; } .sp .sp_top .s_img{ width: 210rpx; height: 100%; } .sp .sp_top .s_img image{ width: 210rpx; height: 100%; position: relative; top: -74rpx; left:0rpx; } .sp .sp_top .s_top_kill { background-color:#C4182E; font-size:24rpx; height:38rpx; line-height:38rpx; left:6rpx; padding:4rpx 10rpx; border-radius:10rpx; z-index: 999; position: relative; top:-6rpx; width: 210rpx; color: #fff; text-align: center; } .po{ position: absolute; } .sp .sp_top .s_foot_kill{ font-size: 20rpx; position: relative; top:-90rpx; width: 210rpx; height: 38rpx; line-height: 38rpx; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); } .sp_wz{ width: 210rpx; min-height:100rpx; } .sp_wz .sp_wzi{ font-size: 30rpx; border-bottom: 2rpx solid #dcdcdc; width: 100%; text-align: left; padding: 4rpx 0; overflow: hidden; height: 48rpx; text-overflow: ellipsis; white-space: nowrap; line-height: 48rpx; } .sp_wz .sp_jg{ color: #C4182E; font-size: 30rpx; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; margin-right: 10rpx; } .sp_wz .sp_jgx{ color: #adadad; text-decoration: line-through; font-size: 24rpx; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .one{ margin-left: 14rpx; } .sp .sp_top .s_top1_kill{ position: absolute; background-color:#C4182E; font-size:24rpx; height:38rpx; line-height:38rpx; left:265rpx; top:100rpx; padding:0 10rpx; color:white; border-radius:10rpx; } .sp .sp_top .s_top2_kill{ position: absolute; background-color:#C4182E; font-size:24rpx; height:38rpx; line-height:38rpx; right:146rpx; top:100rpx; padding:0 10rpx; color:white; border-radius:10rpx; } .sp .sp_top .s_foot1_kill{ font-size: 20rpx; position: absolute; top:270rpx; width: 210rpx; height: 38rpx; line-height: 38rpx; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); } .po1{ position: absolute; } .sp .sp_top .s_foot2_kill{ font-size: 20rpx; position: absolute; top:270rpx; width: 210rpx; height: 38rpx; line-height: 38rpx; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); } .sp2{ width: 100%; min-height: 240rpx; } .sp2 .one1{ width: 100%; background-color: white; height: 252rpx; display: flex; padding: 20rpx; border-bottom:6rpx#eee solid; } .sp2 .one1 .o1_img{ width: 200rpx; height: 240rpx; margin-right: 24rpx; } .o1_right .sp_wzi{ font-size: 36rpx; margin-bottom:6rpx; width: 100%; text-align: left; padding: 4rpx 0; overflow: hidden; height: 48rpx; text-overflow: ellipsis; white-space: nowrap } .o1_right .o1_sj_kill{ height: 60rpx; margin-bottom: 10rpx; } .o1_right .o1_sj_kill text{ background-color: #fdcb08; text-align: center; border-radius: 10rpx; padding:4rpx; margin-left:6rpx; } .o1_right .sp_jg{ color: #C4182E; font-size: 36rpx; overflow: hidden; display: inline-block; margin-right: 10rpx; } .o1_right .sp_jgx{ color: #dcdcdc; text-decoration: line-through; font-size: 26rpx; overflow: hidden; display: inline-block; } .o1_img image{ width: 100%; height: 100%; position:relative; top:-23rpx; left:0rpx; } .o1_right .wo{ background-color: #C4182E; width: 160rpx; height: 60rpx; line-height: 60rpx; color: white; text-align: center; font-size: 38rpx; margin-left:298rpx; border-radius:14rpx; padding-left: 10rpx; padding-right: 10rpx; }