organization.scss 2.67 KB
.organization{
  width: 100%;
  height: 100%;
  // 组织架构
  .architecture{
    width: calc(100% - .48rem);
    height: calc(100% - .44rem);
    padding: .24rem;
    position: relative;
    .architectureBlock{
      font-family: PingFang-SC-Bold;
      font-size: .14rem;
      color: #000E42;
      text-align: center;
      width: 1.62rem;
      height: 1.4rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -.81rem;
      margin-top: -.7rem;
      background:  url("~@/assets/img/ring.png");
      background-size: 100% 100%;
      .top{
        width: 1.28rem;
        height: .28rem;
        line-height: .28rem;
        background: #30DDF4;
        border-radius: 2px;
        position: absolute;
        top: -35%;
        left: 50%;
        margin-left: -.64rem;
      }
      .left,.right {
        position: absolute;
        top:0;
        margin: 0;
        li{
          width: 1.28rem;
          height: .28rem;
          line-height: .28rem;
          background: #30DDF4;
          border-radius: 2px;
          margin-bottom: .28rem;
        }
      }
      .left {
        left: -80%;
        li {
          &:nth-of-type(2n) {
            margin-left: -.24rem;
          }
        }
      }
      .right{
        left: 100%;
        li {
          &:nth-of-type(2n) {
            margin-left: .24rem;
          }
        }
      }
      
    }
  }
  // 人员分布
  .peopleContent {
    padding: .24rem;
    .select-box {
      justify-content: center;
      font-size: .12rem;
    }
    .jobDistribution {
      width: 100%;
      height: 2.14rem;
    }
  }
  // 人才招聘
  .sum-item {
    text-align: center;
    font-size: .16rem;
    color: #fff;
    .num {
      margin-left: .16rem;
      font-family: ZhenyanGB-Regular,ZhenyanGB;
      color: #30DDF4;
      strong {
        font-size: .24rem;
      }
    }
  }
  // 人才招聘
  .ballBox{
    .ball {
      width: 100%;
      p{
        font-size:.12rem;
        font-family:PingFang-SC-Medium,PingFang-SC;
        color: #30DDF4;
        text-align: center;
        margin: 4px 0;
      }
    }
    .ball1{
      height: 1.2rem;
    }
    .ball2,.ball3 {
      width:.88rem;
      height:.88rem;
      margin: 0 auto;
      align-self: baseline;
  }
  }
  .centerBlock{
    .content{
      height: 6.24rem;
    }
    .search-box {
      margin: 0 auto;
      width: 60%;
      .search {
        width: 100%;
        margin-left: .2rem;
      }
    }
  }
  // 人数统计
  .peopleCounting {
    height: 4.62rem;
    background: url("~@/assets/img/r-border-1.png");
    background-size: 100% 100%;
    margin-bottom: .2rem;
    .lastMonthPerformance {
      width: 100%;
      height: 3.6rem;
    }
  }
  
}