@import '../../style/iconfont/iconfont.wxss';

.recommend_item{
  width: 100vw;
  height: 20vh;
  background-color: #fff;
 
  padding: 20rpx 30rpx;
  margin-bottom: 2rpx;
  box-sizing: border-box;
}

.recommend_top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rpx
}

.right{
  display: flex;
  height: 100%;
  flex-direction: column;
  line-height: 60rpx;
  font-size: 26rpx;
  margin-left: 20rpx;
  flex: 1;
}

.left{
  display: flex;
  align-items: center;
}

.left_img{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%; 
}

.left_img>image{
  width: 120rpx;
  height: 120rpx;
   border-radius: 20rpx;
}

.show_title{
  width: 100vw;
  padding: 30rpx;
  display: flex;
  align-items: center;
}

.right image{
  width:50rpx;
  height:50rpx;
  
}

.show_title>text{
  border-left: 6rpx solid #f2482b;
  padding-left: 20rpx;
}

.show_content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: #fff;
}

.img_box{
  width: 49vw;
  height: 52vw;
  padding: 12rpx 14rpx;
  background: #fff;
  border: 2rpx solid #eee;
  box-sizing: border-box;
  margin-bottom: 8rpx;
}

.show_img{
  width: 45vw;
  height: 48vw;
}

.phone{
  display: flex;
  width:240rpx;
}

.phone image{
  line-height: 80rpx;
}

.recommend_bottom{
  display: flex;
}

.address{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.recommend_bottom image{
  width:40rpx;
  height: 40rpx;
  margin-right: 10rpx; 
}

