yhb/pages/index/index.wxss

/* 头部 */
.m_head{padding:0 20rpx;margin-top:30rpx;}
.m_head_l{width:152rpx;float:left;background:#F3F3F3;border-radius:100rpx;position:relative;height:60rpx;line-height:60rpx;display:flex;align-items:center;justify-content:center;}

.m_head_l text{font-size:24rpx;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:93rpx;text-align:center;}
.m_head_l image{width:16rpx;margin-left:8rpx;position:relative;height:12rpx;}


.m_head_r{float:right;width:542rpx;height:60rpx;border-radius:100rpx;background:#F3F3F3;}
.m_head_r text{display:block;float:left;width:60%;padding-left:30rpx;font-size:28rpx;color:#6F6F6F;line-height:60rpx;height:60rpx;}
.m_head_buttom{float:right;background:linear-gradient(to right, #6FC1F7 , #4B8DF0);height:60rpx;padding:0 40rpx;font-size:28rpx;line-height:60rpx;color:#FFF;border-radius:100rpx;}

/* 筛选导航 */
.screen_styke_box{border-bottom:1px solid #f8f8f8;width:100%;height:80rpx;border-top:1px solid #f8f8f8;margin-top:40rpx;}

.screen_styke{width:20%;height:100%;float:left;}
.screen_styke picker{width:100%;height:100%;text-align:center;line-height:80rpx;}
.screen_styke text{font-size:26rpx;}
.screen_styke image{width:14rpx;height:10rpx;margin-left:8rpx;position:relative;top:-4rpx;}

.screen_styke view{width:100%;height:100%;text-align:center;line-height:80rpx;}

/* 筛选列表 */
.screen_text_box{width:100%;height:100%;position:fixed;top:203rpx;z-index:10;}
.screen_text_zhez{width: 100%;height:100%;background: #292828;opacity:0.2;position:absolute;top:0;}
.screen_text_list{background:#FFF;z-index:10;position:relative;top:1px;padding:0 40rpx 80rpx 40rpx;max-height:750rpx;overflow:auto}
.screen_text_list text{border-bottom:1px solid #DFDFDF;display:block;font-size:24rpx;color:#292828;padding:15px 0;}


/* 为你推荐 */
.m_wntj{width:90%;margin:auto;}
.m_wntj_list{margin-top:60rpx;position:relative;}
.m_wntj_list navigator{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:10;}
.m_wntj_list_img{float:left;width:140rpx;height:140rpx;border-radius:100rpx;overflow:hidden;}
.m_wntj_list_img image{width: 100%;height:100%;}
.m_wntj_list_r{width:74%;float:left;height:140rpx;margin-left:26rpx;}
.m_r_title text{display:block;max-width:60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 30rpx;color:#292828;font-weight:600;float:left;}
.m_r_style{float:left;margin-left:20rpx;position:relative;}
/* .m_r_style view{font-size:18rpx;color:#FFF;background:#FAC466;float:left;margin-right:16rpx;padding:2rpx 6rpx;} */
.m_r_style view:last-child{margin-right:0;}

.m_r_style .m_r_style_img{width:35rpx;float:left;margin-right:13rpx;position:relative;top:2rpx;}
.m_r_style .m_r_style_img image{width:100%;height:0;}
.m_Age{font-size:26rpx;color:#FFF;margin-top:8rpx;}

.m_Age text:nth-child(1){font-size:26rpx;color:#A7A6A6;float:left;margin-right:20rpx;}
.m_Age text:nth-child(2){font-size:18rpx;color:#FFF;background:#FF79B8;border-radius:100rpx;display:block;float:left;padding:4rpx 14rpx;}

.m_text{margin-top:8rpx;}
.m_text  text{font-size:24rpx;color:#A7A6A6;margin-right:40rpx;}





/* 测试 */

.Choice_dx_box{border-bottom:1px solid;padding-bottom:14rpx;color:#ECECEC;line-height:50rpx;margin-top:30rpx;}
.Choice_dx_title{float:left;font-size:28rpx;color:#000;}
.Choice_dx_text{float:right;font-size:28rpx;color:#B3B3B3;max-width:620rpx;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/* .Choice_dx_text .picker{} */
.Choice_dx_text .picker text{display:block;float:right;}

.NextStep{border:1px solid;text-align:center;font-size:34rpx;color:#FFF;background: linear-gradient(to right, #FF9BCA , #FF79B8);height:88rpx;margin-top:60rpx;line-height:88rpx;border-radius:10rpx;}

.nexgengduo{
  font-size: 28rpx;
  color:#999;
  text-align: center;
  padding: 20rpx 0;
  margin-top: 40rpx;
}


/* 省市区弹窗 */
.Popup_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.Popup_zhez{width:100%;height: 100%;background:rgba(0, 0, 0, 0.5);}
.Popup_gb{width:60rpx;height:60rpx;border-radius:50rpx;position:absolute;bottom:50%;left:50%;margin-left:-30rpx;margin-bottom:-520rpx;}
.Popup_gb image{width:100%;height:100%;}
.Popup{background:#FFF;width:600rpx;height:900rpx;position:absolute;top:50%;left:50%;margin-left:-300rpx;margin-top:-485rpx;border-radius:6rpx;background:#F1F1F1;overflow:hidden;}
.Popup_title{background:#F5F5F5;height:100rpx;text-align:center;line-height:100rpx;font-size:30rpx;color:#333;}
.Unlimited{width:97%;height:80rpx;margin:auto;margin-top:10rpx;background:#FFF;border-radius:6rpx;text-align:center;line-height:80rpx;font-size:28rpx;color:#333;}
.Popup_list{margin-top:10rpx;height:696rpx;}
.province{float:left;width:45%;height:696rpx;}
.city{float:right;width:55%;height:696rpx;background:#FFF;}
.province_li{height:85rpx;font-size:26rpx;color:#333;text-indent:30rpx;line-height:85rpx;}
.province_li.onFFF{background:#FFF;}
.province_li.onNone{background:none;}
.city_li{min-height:85rpx;line-height:85rpx;}
.city_li text{font-size:26rpx;color:#333;text-indent:30rpx;display:block;}
.area{background:#E7E7E7;}
.area .area_text{border-bottom:1px solid #E0DFE4;font-size:25rpx;color:#333;text-indent:50rpx;}
.hidden{display:none;}