|
|
@@ -22,9 +22,12 @@ body {
|
|
|
|
|
|
|
|
|
/* 强制去掉滚动条 */
|
|
|
+
|
|
|
+
|
|
|
/* html {
|
|
|
overflow-x: hidden !important;
|
|
|
} */
|
|
|
+
|
|
|
* {
|
|
|
-webkit-user-select: none;
|
|
|
-moz-user-select: none;
|
|
|
@@ -116,12 +119,11 @@ a {
|
|
|
|
|
|
.page_main_left,
|
|
|
.page_main_right {
|
|
|
- width: 32%;
|
|
|
+ width: 35%;
|
|
|
height: 100%;
|
|
|
position: absolute;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.page_main_left {
|
|
|
left: 0;
|
|
|
}
|
|
|
@@ -130,25 +132,24 @@ a {
|
|
|
right: 0;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.page_main_center {
|
|
|
- width: calc(45% - 30px);
|
|
|
+ width: calc(41% - 30px);
|
|
|
height: 100%;
|
|
|
position: absolute;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.page_main_center .page_main_center_image {
|
|
|
width: 90%;
|
|
|
- height: 110%;
|
|
|
- transform: scale(1.0) translate(5.5%, 6%);
|
|
|
+ z-index: 0;
|
|
|
+ height: 84%;
|
|
|
+ transform: scale(1.15) translate(5%, 20%);
|
|
|
}
|
|
|
|
|
|
.center_top {
|
|
|
@@ -158,7 +159,7 @@ img {
|
|
|
box-sizing: border-box;
|
|
|
/* background-color: #ffffff; */
|
|
|
position: absolute;
|
|
|
- top: 0;
|
|
|
+ top: 4.5%;
|
|
|
}
|
|
|
|
|
|
.center_main {
|
|
|
@@ -169,8 +170,8 @@ img {
|
|
|
}
|
|
|
|
|
|
.center_main_item {
|
|
|
- width: 405px;
|
|
|
- height: 405px;
|
|
|
+ width: 350px;
|
|
|
+ height: 350px;
|
|
|
position: absolute;
|
|
|
background: url("../images/humanResources/icon2.png");
|
|
|
background-repeat: no-repeat;
|
|
|
@@ -244,13 +245,13 @@ img {
|
|
|
|
|
|
.right_top {
|
|
|
width: 100%;
|
|
|
- height: calc(32% - 15px);
|
|
|
+ height: calc(25% - 15px);
|
|
|
background-color: var(--bgc);
|
|
|
}
|
|
|
|
|
|
.right_main {
|
|
|
width: 100%;
|
|
|
- height: calc(28% - 15px);
|
|
|
+ height: calc(35% - 15px);
|
|
|
background-color: var(--bgc);
|
|
|
}
|
|
|
|
|
|
@@ -260,7 +261,6 @@ img {
|
|
|
background-color: var(--bgc);
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.main_item_top {
|
|
|
width: 100%;
|
|
|
height: calc(40% - 15px);
|
|
|
@@ -278,7 +278,6 @@ img {
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.item_content_6,
|
|
|
.item_content_6_false {
|
|
|
width: 100%;
|
|
|
@@ -344,8 +343,6 @@ img {
|
|
|
line-height: 50px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
.img_class {
|
|
|
width: 22px;
|
|
|
/* height: 16px; */
|
|
|
@@ -384,31 +381,20 @@ img {
|
|
|
0% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
-
|
|
|
25% {
|
|
|
transform: translateY(-5%);
|
|
|
}
|
|
|
-
|
|
|
50% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
-
|
|
|
75% {
|
|
|
transform: translateY(5%);
|
|
|
}
|
|
|
-
|
|
|
100% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-.warp {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
.item {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
@@ -435,7 +421,7 @@ li {
|
|
|
.main_item_title {
|
|
|
width: 270px;
|
|
|
height: 50px;
|
|
|
- background: url("../images/humanResources/btn_off.png") no-repeat;
|
|
|
+ background: url("../images/humanResources/btn_on.png") no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
font-size: 24px;
|
|
|
font-family: Source Han Sans CN;
|
|
|
@@ -452,7 +438,7 @@ li {
|
|
|
}
|
|
|
|
|
|
.center_top_item {
|
|
|
- width: 38%;
|
|
|
+ width: 45%;
|
|
|
height: 210px;
|
|
|
}
|
|
|
|
|
|
@@ -499,7 +485,7 @@ li {
|
|
|
background: red;
|
|
|
-webkit-mask: url('../images/humanResources/e9951400.png') no-repeat;
|
|
|
-webkit-mask-size: auto 150px;
|
|
|
- /* transform: scale(2.65); */
|
|
|
+ transform: scale(2.65);
|
|
|
animation: fireworks 2s steps(24) infinite, random 8s steps(1) infinite, random_color 1s infinite;
|
|
|
/* animation: fireworks 2s steps(24) infinite; */
|
|
|
/* display: none; */
|
|
|
@@ -514,7 +500,6 @@ li {
|
|
|
background: red;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.fireworks_line {
|
|
|
position: absolute;
|
|
|
width: 10px;
|
|
|
@@ -528,7 +513,6 @@ li {
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.line {
|
|
|
width: 1px;
|
|
|
height: 50px;
|
|
|
@@ -550,37 +534,36 @@ li {
|
|
|
|
|
|
@keyframes random {
|
|
|
25% {
|
|
|
- transform: translate(200%, 50%) scale(1);
|
|
|
+ transform: translate(200%, 50%) scale(1.4);
|
|
|
}
|
|
|
-
|
|
|
50% {
|
|
|
- transform: translate(80%, 80%) scale(1.2);
|
|
|
+ transform: translate(80%, 80%) scale(1.7);
|
|
|
}
|
|
|
-
|
|
|
75% {
|
|
|
- transform: translate(-20%, -60%) scale(1.65);
|
|
|
+ transform: translate(-20%, -60%) scale(1.95);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
@keyframes random_color {
|
|
|
0% {
|
|
|
background-color: #ffefad;
|
|
|
}
|
|
|
-
|
|
|
25% {
|
|
|
background-color: #ffadad;
|
|
|
}
|
|
|
-
|
|
|
50% {
|
|
|
background-color: #aeadff;
|
|
|
}
|
|
|
-
|
|
|
75% {
|
|
|
background-color: #adffd9;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.warp {
|
|
|
+ width: 100%;
|
|
|
+ height: 92%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
|
|
|
.item_title {
|
|
|
width: 100%;
|
|
|
@@ -589,7 +572,7 @@ li {
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: bolder;
|
|
|
color: #7CC8FF;
|
|
|
- margin: 30px 0;
|
|
|
+ margin: 15px 0;
|
|
|
}
|
|
|
|
|
|
.item_con {
|
|
|
@@ -602,7 +585,6 @@ li {
|
|
|
justify-content: flex-start;
|
|
|
align-items: flex-start;
|
|
|
letter-spacing: 9px;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.item_con span:nth-child(1) {
|
|
|
@@ -633,7 +615,6 @@ li {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.main_item_8_box {
|
|
|
@@ -646,10 +627,8 @@ li {
|
|
|
width: 10px;
|
|
|
height: calc(100% - 10px);
|
|
|
background-color: #0093E9;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.main_item_8 .el-progress-bar__inner {
|
|
|
background-image: linear-gradient(270deg, #0093E9 0%, #80D0C7 100%) !important;
|
|
|
}
|
|
|
@@ -660,7 +639,6 @@ li {
|
|
|
|
|
|
.main_item_8 .el-progress-bar {
|
|
|
width: 95% !important;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.main_item_box {
|
|
|
@@ -703,10 +681,10 @@ li {
|
|
|
}
|
|
|
|
|
|
.main_item_main_bg img {
|
|
|
- width: 80%;
|
|
|
- height: 140%;
|
|
|
+ width: 75%;
|
|
|
+ height: 180%;
|
|
|
position: absolute;
|
|
|
- top: -20%;
|
|
|
+ top: -45%;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
}
|
|
|
@@ -715,10 +693,8 @@ li {
|
|
|
font-size: 40px;
|
|
|
font-weight: bolder;
|
|
|
margin-top: 10px;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.left {
|
|
|
background: rgba(102, 130, 245, 0.4);
|
|
|
border: 2px solid #839BFF;
|
|
|
@@ -732,19 +708,15 @@ li {
|
|
|
0% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
-
|
|
|
25% {
|
|
|
transform: translateY(-5%);
|
|
|
}
|
|
|
-
|
|
|
50% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
-
|
|
|
75% {
|
|
|
transform: translateY(5%);
|
|
|
}
|
|
|
-
|
|
|
100% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
@@ -754,19 +726,15 @@ li {
|
|
|
0% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
-
|
|
|
25% {
|
|
|
transform: translateY(10%);
|
|
|
}
|
|
|
-
|
|
|
50% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
-
|
|
|
75% {
|
|
|
transform: translateY(-10%);
|
|
|
}
|
|
|
-
|
|
|
100% {
|
|
|
transform: translateY(0);
|
|
|
}
|
|
|
@@ -811,7 +779,7 @@ li {
|
|
|
}
|
|
|
|
|
|
.main_item_right {
|
|
|
- width: calc(80% - 10px);
|
|
|
+ width: calc(100% - 10px);
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
@@ -819,14 +787,14 @@ li {
|
|
|
width: 100%;
|
|
|
height: 20%;
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ /* flex-direction: column; */
|
|
|
justify-content: space-around;
|
|
|
align-items: flex-start;
|
|
|
}
|
|
|
|
|
|
.right_item_tit {
|
|
|
- width: 100%;
|
|
|
- height: 30%;
|
|
|
+ width: 25%;
|
|
|
+ height: 100%;
|
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
@@ -834,7 +802,7 @@ li {
|
|
|
|
|
|
.icon_tit {
|
|
|
width: 5px;
|
|
|
- height: 100%;
|
|
|
+ height: 30%;
|
|
|
background: #40A9FF;
|
|
|
margin: 5px 10px 0;
|
|
|
}
|
|
|
@@ -846,10 +814,9 @@ li {
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.echarts_dom_else {
|
|
|
- width: 100%;
|
|
|
- height: 70%;
|
|
|
+ width: 75%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
.main_item_left_item {
|
|
|
@@ -907,25 +874,25 @@ li {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
-.mark_select_options{
|
|
|
+.mark_select_options {
|
|
|
width: 100%;
|
|
|
height: 50px;
|
|
|
line-height: 50px;
|
|
|
}
|
|
|
|
|
|
-.time_box{
|
|
|
+.time_box {
|
|
|
width: 50%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
+
|
|
|
.time {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: rgba(75, 172, 255, 0.2);
|
|
|
font-size: 28px;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
-.changeTime{
|
|
|
+.changeTime {
|
|
|
width: 190px;
|
|
|
height: 60px;
|
|
|
background-color: var(--bgc);
|
|
|
@@ -937,22 +904,22 @@ li {
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
-.humanResources_times{
|
|
|
+.humanResources_times {
|
|
|
width: 50px;
|
|
|
height: 50px;
|
|
|
}
|
|
|
|
|
|
-.humanResources_text{
|
|
|
+.humanResources_text {
|
|
|
font-size: 30px;
|
|
|
margin: 0 20px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-.humanResources_icon_time{
|
|
|
+.humanResources_icon_time {
|
|
|
width: 24px;
|
|
|
height: 16px;
|
|
|
}
|
|
|
-.mark_month_box{
|
|
|
+
|
|
|
+.mark_month_box {
|
|
|
width: 190px;
|
|
|
background-color: var(--bgc);
|
|
|
position: absolute;
|
|
|
@@ -969,7 +936,7 @@ li {
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
-.echarts_icon{
|
|
|
+.echarts_icon {
|
|
|
width: 70px;
|
|
|
height: 70px;
|
|
|
position: fixed;
|
|
|
@@ -978,53 +945,49 @@ li {
|
|
|
z-index: 9999;
|
|
|
}
|
|
|
|
|
|
-.svg_box{
|
|
|
+.svg_box {
|
|
|
width: 40%;
|
|
|
height: 500px;
|
|
|
position: absolute;
|
|
|
left: 50%;
|
|
|
- bottom: 11%;
|
|
|
+ bottom: 15%;
|
|
|
transform: translateX(-15%);
|
|
|
transform-origin: center bottom;
|
|
|
transform-style: preserve-3d;
|
|
|
}
|
|
|
|
|
|
-.svg_item{
|
|
|
+.svg_item {
|
|
|
width: 800px;
|
|
|
height: 800px;
|
|
|
transform-origin: center top;
|
|
|
- transform: rotateX(81deg) scale(2.83);
|
|
|
+ transform: rotateX(81deg) scale(2.33);
|
|
|
position: absolute;
|
|
|
- bottom: -54%;
|
|
|
+ bottom: -73%;
|
|
|
}
|
|
|
|
|
|
-.svg_item_s{
|
|
|
+.svg_item_s {
|
|
|
width: 800px;
|
|
|
height: 800px;
|
|
|
transform-origin: center top;
|
|
|
- transform: rotateX(81deg) scale(2.01) translateX(-1.2%);
|
|
|
+ transform: rotateX(81deg) scale(1.85) translateX(-1.2%);
|
|
|
position: absolute;
|
|
|
- bottom: -54%;
|
|
|
+ bottom: -59%;
|
|
|
}
|
|
|
|
|
|
-.svg_item_shu{
|
|
|
- width: 800px;
|
|
|
+.svg_item_shu {
|
|
|
+ width: 800px;
|
|
|
height: 800px;
|
|
|
transform-origin: center top;
|
|
|
- transform: rotateX(81deg) scale(2.15) translateX(-1%);
|
|
|
+ transform: rotateX(81deg) scale(2.1) translateX(-1%);
|
|
|
position: absolute;
|
|
|
- bottom: -54%;
|
|
|
+ bottom: -63%;
|
|
|
}
|
|
|
|
|
|
-.svg{
|
|
|
+.svg {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
-
|
|
|
::-webkit-scrollbar {
|
|
|
-
|
|
|
display: none;
|
|
|
-
|
|
|
}
|
fengxu
