1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
.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;
}
}
}