/* pages/job/detailPage.wxss */
page{
  background: #f4f4f4;
}
.containers {
  height: 100%;
  padding-bottom: 120rpx;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
} 
.loginTop{
 width: 100%;
 
 
  height: 100rpx;
  text-align: center;
  background: #2577e3;
  line-height: 100rpx;
  color: #fff;
}
.loginTopC{
  width:20%;
  padding-left: 5%;
   font-size:1em;
  height: 100rpx;
  float: left;
  line-height: 100rpx;
  text-align: left;
 
}
.loginTopR{
  width: 50%;
  font-size:1em;
  height: 100rpx;
  float: left;
 text-align:center;
}

.top{
  width: 100%;
  height: 360rpx;
  background: #fff;
  margin-top: 20rpx;
}
.title{
   width: 100%;
  height: 80rpx;
  padding-top: 10rpx;
  line-height: 80rpx;
  text-align: center;
  background: #fff;
  white-space:nowrap;
  font-weight: bold;
  font-size: 26rpx;
  text-overflow:ellipsis;
  overflow:hidden;
  color: #555555;
}
.topTwo{
  width: 90%;
  margin-left: 5%;
  margin-bottom:10rpx;
  height:40rpx;
  font-size: 24rpx;
  color:#555555;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}

.topThree{
  width: 90%;
  margin-left: 5%;
  margin-bottom:10rpx;
  height:215rpx;
  font-size: 22rpx;
  color:#555555;
  font-weight: normal;
  background: #fff;
}
.threeLeft{
  float: left;
  width: 70%;
  height:240rpx;
  margin-right: 10%;
 
}
.threetxt{
  line-height:35rpx;
  font-size: 24rpx;
  color:#555555;
  font-weight: normal;
  
}
.over{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

.threeRight{
  float: left;
  width: 20%;
  height:60rpx;
  line-height: 60rpx;
  text-align: center;
  color: #fff;
  margin-top:140rpx;
  border-radius: 10rpx;
  background: #2577e3;
}
.colr{
  color: #ff9913;
}

.center{
  width: 100%;
  height: auto;
  background: #fff;
}

.centerTop{
  width:90%;
  margin-left: 5%;
  height: 60rpx;
  background: #efefef;
}
.centerTxt{
  width:24%;
  color: #fff;
  height: 60rpx;
  text-align: center;
  font-size: 24rpx;
  line-height: 25rpx;
  background: #2577e3;
}
.centerTit{
  width: 100%;
  height: 40rpx;
  font-weight: bold;
   text-align: center;
  font-size: 26rpx;
  color: #555555;
}
.pt40{
 padding-top:40rpx;
}
.pd40{
 padding-bottom:40rpx;
}
.centerTxtTwo{
  width: 90%;
  padding-left: 5%;
 
  line-height: 38rpx;
  font-size:26rpx;
  color:#555555;
  font-weight:normal;

}
.textright{
  text-align: right;
}
.txtTwoTxt{
  line-height:38rpx;
font-size:24rpx;
color:#555555;
font-weight:normal;

}
.pd80{
  padding-bottom: 80rpx;
}

.botm{
  width: 100%;
  height: 90rpx;
 
 
  background: #fff;
   position:fixed;
  bottom: 0rpx; 
}
.botmLeft{
  width: 50%;
  height: 90rpx;
  float: left;
  
}
.diT{
  margin: 14rpx 0 0 160rpx;
  width: 37.5rpx;
  height: 62.5rpx;
}
.diTwo{
  margin: 14rpx 0 0 120rpx;
  width: 96.25rpx;
  height: 62.5rpx;
}