.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; } } }