job/pages/company/company.wxss

/* pages/company/company.wxss */
.base{
  display: flex;
  flex-direction: column;
  color: #333;
  background: rgba(244,244,244,1);
  height: 100vh;
  padding-top: 25rpx;
}
.top{
  display: flex;
  flex-direction: roe;
  background: #ffffff;
  padding: 35rpx 25rpx;
}
.top-icon{
  width: 100rpx;
  height: 105rpx;
  border-radius: 50%;
}
.top-word{
  margin-left: 20rpx;
  display: flex;
  flex-direction: column;
  align-self: center;
}
.top-word-name{
  font-size: 17px;
}
.top-word-people{
  margin-top: 10rpx;
  font-size: 13px;
  color: #999999; 
}
.info{
  display: flex;
  flex-direction: column;
  padding: 20rpx 25rpx;
  background: #ffffff;
  margin-top: 25rpx;
}
.info-tittle{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.info-tittle-icon{
  width: 5rpx;
  height: 100%;
  margin: 6rpx 0;
  background: #f37b1d;
}
.info-tittle-word{
  font-size: 16px;
  margin-left: 10rpx;
}
.info-item{
  display: flex;
  flex-direction: row;
  margin-top: 20rpx;
  align-items: center;
}
.info-item-img{
  height: 45rpx;
  width: 45rpx;
}
.info-item-img2{
  height: 35rpx;
  width: 35rpx;
  margin-left: 7rpx;
}
.info-item-word{
  font-size: 13px;
  margin-left: 8rpx;
  color: #999999;
}
.ing{
  margin: 25rpx 0 0 25rpx;
  color: #999999;
  font-size: 14px;
}
.job-item{
  margin: 25rpx 25rpx 0 25rpx;
  background: #ffffff;
  padding: 30rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 10rpx;
}
.job-item-left{
  display: flex;
  flex-direction: column;
}
.job-item-tittle{
  font-size: 15px;
  font-weight: bold;
}
.job-item-money{
  font-size: 14px;
  color: #f37b1d;
  margin-top: 22rpx;
}
.job-item-right-img{
  height: 110rpx;
  width: 120rpx;
  position: absolute;
  right: 70rpx;
}
.job-item-right-img2{
  height: 110rpx;
  width: 120rpx;
  position: absolute;
  right: 180rpx;
}
.job-item-right-img3{
  height: 110rpx;
  width: 120rpx;
  position: absolute;
  right: 290rpx;
}