You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
575 lines
8.9 KiB
575 lines
8.9 KiB
body,
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background: #000d4a url(../images/bg.jpg) center top;
|
|
}
|
|
|
|
.divHeader {
|
|
height: 8%;
|
|
background: url(../images/head_bg.png) no-repeat center center;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
font-size: 32px;
|
|
}
|
|
|
|
.divBody {
|
|
display: flex;
|
|
height: 91.5%;
|
|
}
|
|
|
|
.reportPPT {
|
|
background: #428BCA;
|
|
color: #FFF;
|
|
padding: 5px 10px;
|
|
position: absolute;
|
|
top: 35px;
|
|
right: 20px;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.reportWord {
|
|
background: #428BCA;
|
|
color: #FFF;
|
|
padding: 5px 10px;
|
|
position: absolute;
|
|
top: 35px;
|
|
right: 135px;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
}
|
|
|
|
a:link {
|
|
font-size: 12px;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited {
|
|
font-size: 12px;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@-webkit-keyframes rotation {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.rotation {
|
|
-webkit-transform: rotate(360deg);
|
|
animation: rotation 3s linear infinite;
|
|
-moz-animation: rotation 3s linear infinite;
|
|
-webkit-animation: rotation 3s linear infinite;
|
|
-o-animation: rotation 3s linear infinite;
|
|
}
|
|
|
|
.img-title {
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.txt-title {
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #fff;
|
|
font-weight: bolder;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.left {
|
|
width: 30%;
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.left_1 {
|
|
height: 20%;
|
|
padding: 25px 10px 0 10px;
|
|
}
|
|
|
|
.left_1_box {
|
|
height: 100%;
|
|
border: 1px solid #237BBC;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.left_1_box_tb {
|
|
height: 91%;
|
|
margin-top: 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.circle-div-1 {
|
|
position: relative;
|
|
}
|
|
|
|
.circle-div-2 {
|
|
position: relative;
|
|
}
|
|
|
|
.circle-div-1-icon {
|
|
position: absolute;
|
|
top: 48%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.circle-div-2-icon {
|
|
position: absolute;
|
|
top: 48%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.circle-div-1-content {
|
|
margin-left: -70px;
|
|
color: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.circle-div-2-content {
|
|
margin-left: -70px;
|
|
color: #fff;
|
|
}
|
|
|
|
.left_2 {
|
|
height: 72%;
|
|
padding: 40px 10px 0 10px;
|
|
color: #02C8D3;
|
|
}
|
|
|
|
.left_2_box {
|
|
height: 100%;
|
|
border: 1px solid #237BBC;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.left_2_box_tb {
|
|
height: 97%;
|
|
margin-top: 15px;
|
|
/* border: 1px solid red; */
|
|
}
|
|
|
|
.boxTextNum {
|
|
font-size: 30px;
|
|
position: absolute;
|
|
top: 39px;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.boxTextTtile {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
bottom: 26px;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
font-weight: bolder;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.yqItem {
|
|
height: 40px;
|
|
position: relative;
|
|
background: linear-gradient(90deg, rgba(40, 73, 132, 1) 1%, rgba(1, 18, 76, 1) 97%);
|
|
margin-bottom: 7%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.jiao {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
.left_up_jiao {
|
|
border-top: 2px solid #85E5FF;
|
|
border-left: 2px solid #85E5FF;
|
|
position: absolute;
|
|
top: -3px;
|
|
left: -3px;
|
|
}
|
|
|
|
.left_down_jiao {
|
|
border-bottom: 2px solid #85E5FF;
|
|
border-left: 2px solid #85E5FF;
|
|
position: absolute;
|
|
left: -3px;
|
|
bottom: -3px;
|
|
}
|
|
|
|
.right_up_jiao {
|
|
border-top: 2px solid #85E5FF;
|
|
border-right: 2px solid #85E5FF;
|
|
position: absolute;
|
|
top: -3px;
|
|
right: -3px;
|
|
}
|
|
|
|
.right_down_jiao {
|
|
border-right: 2px solid #85E5FF;
|
|
border-bottom: 2px solid #85E5FF;
|
|
position: absolute;
|
|
bottom: -3px;
|
|
right: -3px;
|
|
}
|
|
|
|
.yqContent {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.yqOrg {
|
|
margin-left: 15px;
|
|
width: 350px;
|
|
}
|
|
|
|
.yqOrgA {
|
|
margin-left: 15px;
|
|
width: 230px;
|
|
}
|
|
|
|
.yqSub {
|
|
width: 120px;
|
|
}
|
|
|
|
.middle {
|
|
width: 40%;
|
|
height: 100%;
|
|
color: #02C8D3;
|
|
}
|
|
|
|
.middle_1 {
|
|
height: 96.7%;
|
|
padding: 25px 10px 0 10px;
|
|
}
|
|
|
|
.middle_1_box {
|
|
height: 100%;
|
|
border: 1px solid #237BBC;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.middle_1_box_1_tb {
|
|
height: 20%;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.wcjd {
|
|
height: 89%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.wcjd_num {
|
|
position: absolute;
|
|
top: 47px;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 36px;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.wcjd_text {
|
|
position: absolute;
|
|
bottom: -2px;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
font-weight: bolder;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.middle_1_box_2_tb {
|
|
height: 35%;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.qsfb {
|
|
height: 97%;
|
|
}
|
|
|
|
.middle_1_box_3_tb {
|
|
height: 39%;
|
|
margin-top: 15px;
|
|
|
|
}
|
|
|
|
.ssjd {
|
|
display: flex;
|
|
|
|
height: 94%;
|
|
}
|
|
|
|
.ssjd_left {
|
|
width: 60%;
|
|
}
|
|
|
|
.ssjd_right {
|
|
width: 40%;
|
|
|
|
}
|
|
|
|
.ssjd_right_yjl {
|
|
height: 50%;
|
|
}
|
|
|
|
.ssjd_right_wjl {
|
|
height: 50%;
|
|
|
|
}
|
|
|
|
.ssjd_ul li {
|
|
margin: 10px 0 10px 0;
|
|
}
|
|
|
|
.right {
|
|
width: 30%;
|
|
height: 100%;
|
|
color: #3CD5FF;
|
|
}
|
|
|
|
.right_1 {
|
|
height: 65%;
|
|
padding: 25px 10px 0 10px;
|
|
}
|
|
|
|
.right_1_box {
|
|
height: 100%;
|
|
border: 1px solid #237BBC;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.tableSelect {
|
|
height: 50px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
ul, li {
|
|
margin: 0;
|
|
padding: 0;
|
|
/* list-style: none; */
|
|
}
|
|
|
|
.tab-tilte {
|
|
width: 100%;
|
|
color: #3CD5FF;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.tab-tilte li {
|
|
float: left;
|
|
width: 16.6%;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.tab-tilte .active {
|
|
background-color: #2E61A2;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.tabBottomLine {
|
|
width: 91%;
|
|
border-bottom: 1px solid #17468D;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.scroll {
|
|
width: 100%;
|
|
height: 90%;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.scroll>div:last-child {
|
|
margin-top: 15px;
|
|
height: 94%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.scroll .item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 15px 10px 0 10px;
|
|
/* height: 106px; */
|
|
}
|
|
|
|
.orgItems {
|
|
height: 100px;
|
|
width: 100%;
|
|
border: 1px solid #2B99D1;
|
|
margin: 0 10px 0 10px;
|
|
display: block;
|
|
border-radius: 0 20px 0 20px;
|
|
}
|
|
|
|
.orgItem {
|
|
position: relative;
|
|
}
|
|
|
|
.orgItemTitle {
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 21px;
|
|
}
|
|
|
|
.orgTitleNum {
|
|
border: 1px solid #F59A23;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-right: 10px;
|
|
color: #F59A23;
|
|
font-size: 12px;
|
|
background: #393D43;
|
|
}
|
|
|
|
.orgTitleTxt {
|
|
color: #3CD5FF;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.orgItemTypeList {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
height: 63px;
|
|
/* margin: 6px 0 0 21px; */
|
|
margin-left: 21px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.typeListItems {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 135px;
|
|
}
|
|
|
|
.typeItemTxt {
|
|
margin-left: 10px;
|
|
color: #AAAAAA;
|
|
}
|
|
|
|
.typeItemNum {
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.dot {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.dotColor0 {
|
|
border: 3px solid #0085FF;
|
|
}
|
|
|
|
.dotColor1 {
|
|
border: 3px solid #F8B551;
|
|
}
|
|
|
|
.dotColor2 {
|
|
border: 3px solid #B769FF;
|
|
}
|
|
|
|
.dotColor3 {
|
|
border: 3px solid #32B16C;
|
|
}
|
|
|
|
.dotColor4 {
|
|
border: 3px solid #BF3A68;
|
|
}
|
|
|
|
.circle {
|
|
width: 66px;
|
|
height: 66px;
|
|
border-radius: 50%;
|
|
border: 1px solid #195A97;
|
|
color: #3CD5FF;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: #0B2F67;
|
|
position: absolute;
|
|
top: 18%;
|
|
right: 18px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.right_2 {
|
|
height: 27%;
|
|
padding: 40px 10px 0 10px;
|
|
}
|
|
|
|
.right_2_box {
|
|
height: 100%;
|
|
border: 1px solid #237BBC;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.right_2_box_1_tb {
|
|
height: 93%;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.wnfb {
|
|
height: 90%;
|
|
} |