/* pages/team_guo/team_guo.wxss */ /* pages/wp/wp.wxss */ .kbstyle{ background-color: red; width: 100%; height: 60rpx; } .right_b{ width: 30rpx; height: 100%; background: url(https://mshopimg.yolipai.net/miniapp/images/user/leftTip.png) no-repeat center center; background-size: 22rpx 40rpx; margin-left: 600rpx; } .top_b{ width: 100%; background-color: white; height: 70rpx; line-height: 70rpx; color: #000; text-align: left; border-bottom: 2rpx solid #eee; display: flex; } .top_b .t_left_b{ width: 6rpx; height: 38rpx; background: #C4182E; margin-top:18rpx; margin-right:12rpx; } .sp_b{ min-height: 300rpx; width: 100%; background-color: white; padding:18rpx; display: flex; } .sp_b .sp_top_b{ height: 220rpx; min-width: 30%; background-color: bisque; } .sp_b .sp_top_b .s_img_b{ width: 210rpx; height: 100%; } .sp_b .sp_top_b .s_img_b image{ width: 210rpx; height: 100%; background-color: blueviolet; position:relative; top:-24rpx; left:-64rpx; } .sp_b .sp_top_b .s_top_b{ position: absolute; background-color:#C4182E; font-size:24rpx; height:38rpx; line-height:38rpx; left:40rpx; top:160rpx; padding:0 10rpx; color:white; border-radius:10rpx; } .sp_b .sp_top_b .s_foot_bulk{ font-size: 20rpx; position: relative; top:-40rpx; width: 210rpx; height: 38rpx; line-height: 38rpx; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); } .sp_wz_b{ width: 210rpx; min-height:100rpx; } .sp_wz_b .sp_wzi_b{ font-size: 28rpx; border-bottom: 2rpx solid #dcdcdc; width: 100%; text-align: left; padding: 4rpx 0; overflow: hidden; height: 48rpx; text-overflow: ellipsis; display: inline-block; white-space: nowrap; } .sp_wz_b .sp_jg_b{ color: #C4182E; font-size: 20rpx; width: 50%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .sp_wz_b .sp_jgx_b{ color: #dcdcdc; text-decoration: line-through; font-size: 20rpx; width: 50%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .one_b{ margin-left: 14rpx; } .sp_b .sp_top_b .s_top1_b{ position: absolute; background-color:#C4182E; font-size:24rpx; height:38rpx; line-height:38rpx; left:265rpx; top:160rpx; padding:0 10rpx; color:white; border-radius:10rpx; } .sp_b .sp_top_b .s_top2_b{ position: absolute; background-color:#C4182E; font-size:24rpx; height:38rpx; line-height:38rpx; right:146rpx; top:160rpx; padding:0 10rpx; color:white; border-radius:10rpx; } .sp_b .sp_top_b .s_foot1_bulk{ font-size: 20rpx; position: relative; top:-40rpx; width: 210rpx; height: 38rpx; line-height: 38rpx; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); } .sp_b .sp_top_b .s_foot2_bulk{ font-size: 20rpx; position: relative; top:-40rpx; width: 210rpx; height: 38rpx; line-height: 38rpx; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); } .sp2_b{ width: 100%; min-height: 240rpx; } .sp2_b .one1_b{ width: 100%; background-color: white; height: 252rpx; display: flex; padding: 20rpx; border-bottom:2rpx#eee solid; } .sp2_b .one1_b .o1_img_b{ width: 200rpx; height: 240rpx; background-color: bisque; margin-right: 24rpx; } .o1_right_b .sp_wzi_b{ font-size: 36rpx; margin-bottom:6rpx; width: 100%; text-align: left; padding: 4rpx 0; overflow: hidden; height: 48rpx; text-overflow: ellipsis; } .o1_right_b .o1_sj_b{ height: 60rpx; margin-bottom: 10rpx; } .o1_right_b .o1_sj_b text{ background-color: #fdcb08; text-align: center; border-radius: 10rpx; padding:4rpx; margin-left:6rpx; } .o1_right_b .sp_jg_b{ color: #C4182E; font-size: 36rpx; width: 28%; overflow: hidden; margin-top: 10rpx; } .o1_right_b .sp_jgx_b{ color: #dcdcdc; text-decoration: line-through; font-size: 26rpx; width: 50%; overflow: hidden; display: inline-block; margin-top: 10rpx; } .o1_img_b image{ width: 100%; height: 100%; background-color: blueviolet; position: relative; top:-24rpx; left:-64rpx; } .o1_right_b .wo_b{ background-color: #C4182E; width: 160rpx; height: 60rpx; line-height: 60rpx; color: white; text-align: center; font-size: 38rpx; margin-left:298rpx; border-radius:14rpx; } .guo_b{ width: 100%; border: 1px solid #C4182E; text-align: left; background-color: #fff; border-radius:24rpx; height:44rpx; font-size:26rpx; display: flex; } .g_one_b{ width: 50%; height: 44rpx; line-height: 44rpx; text-align: left; background-color: #C4182E; color: white; border-radius:24rpx; padding-right: 2rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .g_one_b text{ margin-left: 10rpx; text-overflow: ellipsis; } .g_two_b{ height: 44rpx; line-height: 44rpx; text-align: right; width: 50%; color: #C4182E; } .g_two_b text{ margin-right: 10rpx; } .g_top_b{ display: flex; background-color: #fbfaff; color: #333; font-size: 28rpx; height: 60rpx; line-height: 60rpx; width: 94%; } .g_top_b text{ margin-left: 20rpx; } .o1_sj_b text{ background-color: #fdcb08; text-align: center; border-radius: 10rpx; padding:4rpx; margin-left:6rpx; } .o1_sj_b{ margin-left: 370rpx; } .sp2_guo_b{ width: 100%; border: 1px solid #C4182E; text-align: left; background-color: #fff; border-radius:24rpx; height:44rpx; font-size:26rpx; display: flex; } .g_one2_b{ width: 50%; height: 44rpx; line-height: 44rpx; text-align: left; background-color: #C4182E; color: white; border-radius:24rpx; padding-right: 2rpx; } .g_one2_b text{ margin-left: 10rpx; } .g_two2_b{ height: 44rpx; line-height: 44rpx; text-align: right; width: 50%; color: #C4182E; } .g_two2_b text{ margin-right: 10rpx; } .o1_sj1_bulk text{ background-color: #fdcb08; text-align: center; border-radius: 10rpx; padding:4rpx; margin-left:6rpx; } .o1_sj1_bulk { margin-left:306rpx; } .o1_right_b{ width: 456rpx; } .down-arrow { display :inline-block; position: relative; width: 40rpx; height: 30rpx; margin-right: 20rpx; } .down-arrow::after { display: inline-block; content: " "; height: 18rpx; width: 18rpx; border-width: 0 2rpx 2rpx 0; border-color: #999999; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform-origin: center; transition: transform .3s; position: absolute; top: 50%; right: 10rpx; margin-top: -10rpx; } .pt_center{ background: #fff; position: fixed; padding: 15px; } .pt_center .pt_zi span{ color: #333; } .pt_c_img image{ background-color: red; width: 48rpx; height: 48rpx; position: relative; top: 0rpx; right: 0rpx; display: inline-block; } .pt_c_img{ display: inline-block; } .pt_zi{ width: 100%; font-size: 36rpx; } .g_g{ background-color: #fff; width: 100%; }