body {
  background-color: #F4F4F4;
}

.containers .main {
  padding-top: 45px;
}

.containers .main .nav-link {
  background     : url(../image/login/homebanner.png) no-repeat;
  background-size: 100% 100%;
  width          : 100%;
}

.containers .main .nav-link .nav-login-link {
  height   : 100%;
  padding  : 25px 15px 15px 15px;
  color    : #fff;
  font-size: 14px;
  display  : flex;
}

.containers .main .nav-link .nav-login-link .fa-angle-right {
  color     : #fff;
  font-size : 30px;
  margin-top: 15px;
}

.containers .main .nav-link .nav-login-link .signout {
  float: left;
}

.containers .main .nav-link .nav-login-link .signout .btn {
  color           : #fff;
  background-color: unset;
  border-color    : #fff;
  padding         : 2px 12px;
  font-size       : 12px;
}

.containers .main .nav-link .nav-login-link .nav-portrait {
  padding   : 0;
  margin    : 0 auto;
  text-align: center;
}

.containers .main .nav-link .nav-login-link .nav-portrait img {
  width : 80px;
  height: 80px;
}

.containers .main .nav-link .nav-login-link .nav-login-tips {
  padding: 0 10px;
  flex   : auto;
}

.containers .main .nav-link .nav-login-link .nav-login-tips p {
  font-size    : 16px;
  font-family  : PingFangSC-Regular;
  font-weight  : 400;
  margin-bottom: 10px;
}


.containers .main .nav-link .nav-login-link .nav-login-tips .nav-login-info {
  line-height: 18px;
}

.containers .main .nav-link .nav-login-link .nav-login-tips .nav-login-info h6 {
  margin-bottom: 5px;
}

.containers .main .nav-link .nav-login-link .nav-login-tips .nav-login-info img {
  width         : 16px;
  margin-right  : 5px;
  vertical-align: bottom;
}

.containers .main .nav-link .nav-login-link .nav-login-tips .nav-login-info p {
  margin-bottom: 0;
  font-size    : 14px;
  padding-top  : 3px;
  display      : flex;
  align-items  : center;
  border       : none;
}

.containers .main .Employment-classify {
  padding-bottom: 45px;
}

.containers .main .nav-sign {
  height          : 50%;
  padding         : 17px 0 15px 0;
  background-color: #fff;
  margin          : 10px 0;
}

.containers .main .nav-sign a {
  text-align: center;
  padding   : 0;
  font-size : 13px;
}

.containers .main .nav-sign a img {
  width        : 38px;
  height       : 38px;
  margin-bottom: 2px;
}

.containers .main .nav-sign a p {
  font-size  : 14px;
}

.containers .main .Employment-classify ul {
  background-color: #fff;
  margin-bottom   : 10px;
}

.containers .main .Employment-classify ul li {
  border-bottom: 1px solid #DCDCDC;
  padding      : 10px 0 5px 0;
  display: flex;
}

.containers .main .Employment-classify ul li h4 {
  font-size    : 15px;
  display      : block;
  padding-left : 5px;
  line-height  : 14px;
  margin-bottom: 10px;
  height       : 15px;
  width: 100%;
}

.containers .main .Employment-classify ul li a {
  padding      : 0;
  text-align   : center;
  color        : #474750;
  font-size    : 12px;
  margin-bottom: 15px;
}

.containers .main .Employment-classify ul li a img {
  width        : 40px;
  height       : 40px;
  margin-bottom: 3px;
}

.containers .main .Employment-classify ul li p {
  font-size: 12px;
}

.containers .main .companyHome .adopt {
  color: #0089EB !important;
}

.containers .main .companyHome .adopt::before {
  content            : "";
  position           : absolute;
  top                : -15px;
  width              : 25px;
  height             : 15px;
  background         : url(../image/home/company/icon1.png) no-repeat;
  background-size    : 15px 15px;
  background-position: 4px;
}

.containers .main .companyHome .approved::before {
  content            : "";
  position           : absolute;
  top                : -15px;
  width              : 25px;
  height             : 15px;
  background         : url(../image/home/company/icon2.png) no-repeat;
  background-size    : 15px 15px;
  background-position: 4px;
}

.containers .main .companyHome .company-list {
  padding: 0;
}

.containers .main .companyHome .company-list a {
  display   : inline-block;
  text-align: center;
  padding   : 10px 10px;
  color     : #474750;
  font-size : 12px;
}

.containers .main .companyHome .company-list a img {
  width : 42px;
  height: 42px;
}

.containers .main .companyHome .company-list .nav-sign {
  padding         : 17px 0 15px 0;
  background-color: #fff;
  margin          : 10px 0;
}

.containers .main .companyHome .company-list .nav-sign a {
  text-align: center;
  padding   : 0;
  font-size : 13px;
}

.containers .main .companyHome .company-list .nav-sign img {
  width        : 38px;
  height       : 38px;
  margin-bottom: 2px;
}

.containers .main .companyHome .company-list .company-info-box {
  background-color: #fff;
}

.containers .main .companyHome .company-list .company-info {
  padding: 10px 0 5px 0;
}

.containers .main .companyHome .company-list .company-info h4 {
  font-size    : 15px;
 
  font-weight  : 500;
  border-left  : 2px solid #1e99f0;
  display      : block;
  padding-left : 5px;
  line-height  : 14px;
  margin-bottom: 15px;
}

.containers .main .companyHome .company-list .company-info a {
  padding      : 0;
  text-align   : center;
  color        : #474750;
  font-size    : 12px;
  margin-bottom: 15px;
}

.containers .main .companyHome .company-Schedule {
  margin-top   : 10px;
  padding      : 0;
  margin-bottom: 45px;
}

.containers .main .companyHome .company-Schedule .company-list-content {
  background-color: #fff;
 
  padding         : 0;
  margin-bottom   : 10px;
}

.containers .main .companyHome .company-Schedule .company-list-content h4 {
  font-size   : 15px;
  
  font-weight : 500;
  border-left : 2px solid #1e99f0;
  display     : block;
  padding-left: 5px;
  line-height : 14px;
  margin      : 15px;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress {
  padding   : 15px;
  border-top: 1px solid #eee;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .por-title {
  margin-bottom: 5px;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .por-title span:first-child {
  font-size  : 14px;
  font-weight: 500;
  color      : #4C4C4C;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .por-title span {
  color: #8A8A8A;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress i {
  color: #8A8A8A;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress span {
  color    : #666666;
  font-size: 12px;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa {
  padding: 10px 0;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li {
  padding : 0;
  position: relative;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li .fa-check-circle {
  position: absolute;
  left    : 0px;
  top     : -10px;
  color   : #0095FF;
  z-index : 999;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li p {
  font-size  : 12px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  position   : absolute;
  left       : -2px;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li .progress-Tips-info {
  position: relative;
  height  : 15px;
  padding : 0;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li .progress-Tips-info span:first-child {
  left: 0;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li .progress-Tips-info span:nth-child(2) {
  left: 30%;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li .progress-Tips-info span:last-child {
  right: 0px;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li .progress-Tips-info span:nth-child(3) {
  left: 60%;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa li .progress-Tips-info span {
  position: absolute;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa .progress {
  height          : 5px;
  margin-bottom   : 5px;
  background-color: #F3F3F3;
}

.containers .main .companyHome .company-Schedule .company-list-content .Schedule-progress .progress-bar-fa .progress .progress-bar {
  background-color: #0095FF;
}

.containers .main .companyHome .company-Schedule .company-list-content ul {
  padding: 0 15px;
}

.containers .main .companyHome .company-Schedule .company-list-content ul:first-child {
  border-top: 1px solid#DCDCDC;
}

.containers .main .companyHome .company-Schedule .company-list-content ul li {
  border-bottom: 1px solid #DCDCDC;
  padding      : 6px 0;
  position     : relative;
}

.containers .main .companyHome .company-Schedule .company-list-content ul li p {
  font-size         : 12px;
  font-family       : PingFangSC-Regular;
  font-weight       : 400;
  color             : #666666;
  display           : -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow          : hidden;
}

.containers .main .companyHome .company-Schedule .company-list-content ul li p:first-child {
  font-size    : 14px;
 
  font-weight  : 500;
  color        : #4C4C4C;
  margin-bottom: 5px;
}

.containers .main .companyHome .company-Schedule .company-list-content ul .icon-map-marker {
  background     : url(../image/address.png) no-repeat left;
  background-size: 9px;
  overflow       : hidden;
  text-overflow  : ellipsis;
  white-space    : nowrap;
  padding-left   : 15px;
}

.containers .main .companyHome .company-Schedule .company-list-content ul .icon-time {
  background     : url(../image/time.png) no-repeat left;
  background-size: 10px;
  padding-left   : 15px;
}

.containers .main .companyHome .progress-bar {
  width: 30%;
}

.containers .main .companyHome .company-Schedule .company-list-content ul li .btn-primary {
  background-color: #1E99F0;
  border-color    : #1E99F0;
}

.containers .main .companyHome .company-Schedule .company-list-content ul li p:first-child {
  font-size    : 14px;
 
  font-weight  : 500;
  color        : #4C4C4C;
  margin-bottom: 5px;
}