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.
480 lines
7.5 KiB
480 lines
7.5 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;
|
|
}
|
|
|
|
|
|
|
|
.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: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.child_item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
margin-bottom: 3%;
|
|
}
|
|
|
|
.child_item_title {
|
|
margin-left: 60px;
|
|
width: 300px;
|
|
|
|
}
|
|
|
|
.child_item_count {
|
|
margin-right: 21px;
|
|
width: 80px;
|
|
}
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
.xmxxjd {
|
|
display: grid;
|
|
grid-template-columns: 45% 45%;
|
|
grid-template-rows: 40% 40%;
|
|
gap: 30px 30px;
|
|
height: 95%;
|
|
margin: 15px 0 0 40px;
|
|
}
|
|
|
|
.xmxxjd_card {
|
|
position: relative;
|
|
height: 100%;
|
|
background-color: rgba(99, 122, 165, 0.4);
|
|
border-radius: 0 30px 0 0;
|
|
}
|
|
|
|
.card_label_green {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 10px;
|
|
background: #2FC25B;
|
|
padding: 2px 5px;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.card_label_orange {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 10px;
|
|
background: #F59A23;
|
|
padding: 2px 5px;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.card_title {
|
|
text-align: center;
|
|
color: #fff;
|
|
padding: 15px 0 20px 0;
|
|
}
|
|
|
|
.card_progress_out {
|
|
height: 10px;
|
|
background-color: rgba(242, 242, 242, 0.211764705882353);
|
|
border-radius: 5px;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.card_progress_inner {
|
|
background-color: rgba(60, 213, 255, 1);
|
|
height: 10px;
|
|
border-radius: 5px;
|
|
width: 100px;
|
|
}
|
|
|
|
.card_progress_inner_1 {
|
|
background-color: rgba(60, 213, 255, 1);
|
|
height: 10px;
|
|
border-radius: 5px;
|
|
width: 160px;
|
|
}
|
|
|
|
.card_down {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin: 20px 20px 0 20px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.right_1_box_1_tb {
|
|
height: 54%;
|
|
}
|
|
|
|
|
|
.right_1_box_2_tb {
|
|
height: 42%;
|
|
}
|
|
|
|
.right_1_box_2_tb_c {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.ssjd_right_yjl {
|
|
width: 50%;
|
|
}
|
|
|
|
.ssjd_right_wjl {
|
|
width: 50%;
|
|
}
|
|
|
|
.ssjd_ul li {
|
|
margin: 20px 0 10px 0;
|
|
}
|
|
|
|
.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%;
|
|
} |