app.wxss

/**app.wxss**/
.container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  box-sizing: border-box;
} 


/*************** employee card *****************/

.employee-group {
  width: 100%;
  margin-bottom: 100rpx;
}

.employee-item {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
  position:relative;
  padding:5px 15px;
  font-size:12px;
  color:#333;
  background-color:#fafafa;
  box-sizing:border-box;
}

.employee-item .thumb {
  width:66px;
  height:100px;
  margin-right:10px;
  -webkit-flex:none; 
  flex:none;
  display:block;

}

.employee-item .thumb image{
  width:100%;
  height:100%;
  display:inline-block;
  overflow:hidden;
}

.employee-item .info .price {
  position: absolute; 
  right:15px; 
  top: 8px; 
  font-size: 14px; 
  font-weight: bold; 
  color: #ff4040;
}

.employee-item .info .title {
  font-weight:700;
  line-height:24px;
}

.employee-item .info .text {
  line-height:18px;
  color:#7d7e80;
  display: block;
}

.employee-item .info .star {
  color: #f7cf5e;
}

.employee-item .info .like {
  position: absolute; 
  right:10px; 
  bottom:2px; 
  font-size: 16px; 
  font-weight: bold; 
  color: #ff4040;
}