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.
370 lines
7.3 KiB
370 lines
7.3 KiB
.data_content{ |
|
/*overflow-x: hidden;*/ |
|
min-width: 1366px; |
|
padding-top: 20px; |
|
padding-bottom: 20px; |
|
} |
|
.data_content .data_time{ |
|
width: 340px; |
|
height: 35px; |
|
background-color: #2C58A6; |
|
line-height: 35px; |
|
color: #fff; |
|
font-size: 12.8px; |
|
position: relative; |
|
margin-bottom: 25px; |
|
margin-left: 20px; |
|
text-align: center; |
|
} |
|
.data_content .data_time img{ |
|
position: absolute; |
|
top: 8px; |
|
left: 15px; |
|
} |
|
.data_content .data_info{ |
|
width: calc(100% - 40px); |
|
margin-bottom: 40px; |
|
height: 110px; |
|
margin-left: 20px; |
|
} |
|
.data_content .data_info .info_1{ |
|
width: 40%; |
|
height: 110px; |
|
} |
|
.data_content .data_info .info_1>.text_1{ |
|
width: calc(100% - 25px); |
|
background-color: #034c6a; |
|
height: 110px; |
|
} |
|
|
|
.data_content .data_info .info_2{ |
|
width: 31%; |
|
height: 110px; |
|
} |
|
.data_content .data_info .info_2>.text_2{ |
|
width: calc(100% - 25px); |
|
background-color: #034c6a; |
|
height: 110px; |
|
} |
|
|
|
.data_content .data_info .info_3{ |
|
width: 29%; |
|
height: 110px; |
|
} |
|
.data_content .data_info .info_3>.text_3{ |
|
width:100%; |
|
background-color: #034c6a; |
|
height: 110px; |
|
|
|
} |
|
|
|
.data_content .data_info>div.info_1>.text_1>div{ |
|
width: 33.333%; |
|
position: relative; |
|
} |
|
.data_content .data_info>div.info_2>div>div, |
|
.data_content .data_info>div.info_3>div>div{ |
|
width: 50%; |
|
position: relative; |
|
} |
|
.data_content .data_info img{ |
|
position: absolute; |
|
top: 35px; |
|
left: 15px; |
|
} |
|
.data_content .data_info>div>div>div>div{ |
|
margin-left:65px; |
|
margin-top: 23px; |
|
} |
|
.data_content .data_info>div.info_2>div>div>div{ |
|
margin-left: 70px; |
|
margin-top: 23px; |
|
} |
|
.data_content .data_info p:nth-child(1){ |
|
color:#fff; |
|
font-size: 12.8px; |
|
} |
|
.data_content .data_info p:nth-child(2){ |
|
font-weight: 600; |
|
font-size: 28px; |
|
color:#ffff43; |
|
} |
|
.data_content .data_info>div.info_2 p:nth-child(2){ |
|
font-weight: 600; |
|
font-size: 28px; |
|
color:#25f3e6; |
|
} |
|
.data_content .data_info>div.info_3 p:nth-child(2){ |
|
font-weight: 600; |
|
font-size: 28px; |
|
color:#ff4e4e; |
|
} |
|
|
|
.data_content .data_main{ |
|
width: calc(100% - 40px); |
|
margin-bottom: 40px; |
|
height: 615px; |
|
margin-left: 20px; |
|
} |
|
.data_content .data_main .main_left{ |
|
width: 24%; |
|
} |
|
.data_content .data_main .main_left>div{ |
|
width: 100%; |
|
height: 280px; |
|
box-sizing: border-box; |
|
border: 1px solid #2C58A6; |
|
position: relative; |
|
box-shadow: 0 0 10px #2C58A6; |
|
} |
|
.data_content .data_main .main_left div.left_1{ |
|
/*background: url("../images/chart_1.png") no-repeat center;*/ |
|
} |
|
|
|
.data_content .data_main .main_left div.left_2{ |
|
/*background: url("../images/chart_2.png") no-repeat center;*/ |
|
} |
|
.data_content .data_main .main_left div:nth-child(1){ |
|
margin-bottom: 50px; |
|
} |
|
.main_title{ |
|
height: 35px; |
|
line-height: 33px; |
|
background-color: #2C58A6; |
|
border-radius: 18px; |
|
position: absolute; |
|
top: -17px; |
|
left: 40%; |
|
margin-left: -90px; |
|
color:#fff; |
|
font-size: 18px; |
|
font-weight: 600; |
|
padding: 0 20px; |
|
z-index: 1000; |
|
text-align: center; |
|
img{ |
|
position: absolute; |
|
top: 8px; |
|
left: 20px; |
|
} |
|
} |
|
|
|
.data_content .data_main .main_center{ |
|
width: 52%; |
|
height: 610px; |
|
|
|
} |
|
.data_content .data_main .main_center .center_text{ |
|
width: calc(100% - 50px); |
|
height: 610px; |
|
margin-left: 25px; |
|
margin-right: 25px; |
|
box-sizing: border-box; |
|
border: 1px solid #2C58A6; |
|
box-shadow: 0px 0px 6px #2C58A6; |
|
position: relative; |
|
} |
|
.l_t_line{ |
|
width: 5px; |
|
height: 24px; |
|
left: -3px; |
|
top: -3px; |
|
} |
|
.t_l_line{ |
|
height: 5px; |
|
width: 26px; |
|
left: -3px; |
|
top: -3px; |
|
} |
|
.t_line_box { |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.t_line_box i{ |
|
background-color: #4788fb; |
|
box-shadow: 0px 0px 10px #4788fb; |
|
position: absolute; |
|
} |
|
.t_r_line{ |
|
height: 5px; |
|
width: 26px; |
|
right: -3px; |
|
top: -3px; |
|
} |
|
.r_t_line{ |
|
width: 5px; |
|
height: 24px; |
|
right: -3px; |
|
top: -3px; |
|
} |
|
.l_b_line{ |
|
width: 5px; |
|
height: 24px; |
|
left: -3px; |
|
bottom: -3px; |
|
} |
|
.b_l_line{ |
|
height: 5px; |
|
width: 26px; |
|
left: -3px; |
|
bottom: -3px; |
|
} |
|
.r_b_line{ |
|
width: 5px; |
|
height: 24px; |
|
right: -3px; |
|
bottom: -3px; |
|
} |
|
.b_r_line{ |
|
height: 5px; |
|
width: 26px; |
|
right: -3px; |
|
bottom: -3px; |
|
} |
|
|
|
.data_content .data_main .main_right{ |
|
width: 24%; |
|
} |
|
.data_content .data_main .main_right>div{ |
|
width: 100%; |
|
height: 280px; |
|
box-sizing: border-box; |
|
border: 1px solid #2C58A6; |
|
position: relative; |
|
box-shadow: 0 0 10px #2C58A6; |
|
} |
|
.data_content .data_main .main_right div.right_1 .choice{ |
|
position: absolute; |
|
top: 25px; |
|
right: 30px; |
|
z-index: 1000; |
|
} |
|
.data_content .data_main .main_right div.right_1 .choice label{ |
|
color:#fff; |
|
} |
|
|
|
.data_content .data_main .main_right div.right_2{ |
|
/*background: url("../images/chart_4.png") no-repeat center;*/ |
|
} |
|
.data_content .data_main .main_right div.right_2 .chart_text { |
|
width: 18%; |
|
color:#fff; |
|
text-align: center; |
|
margin-top: 12px; |
|
} |
|
.data_content .data_main .main_right div.right_2 .chart_text p{ |
|
margin-top: 21px; |
|
} |
|
.data_content .data_main .main_right div.right_2 .chart_text p img{ |
|
margin-right: 5px; |
|
margin-top: -4px; |
|
} |
|
.data_content .data_main .main_right div.right_2 .chart_text p:nth-child(1){ |
|
font-size: 14px; |
|
font-weight: 600; |
|
} |
|
.data_content .data_main .main_right div.right_2 .text_sum{ |
|
text-align: center; |
|
color:#ffff43; |
|
font-weight: 600; |
|
} |
|
.data_content .data_main .main_right div.right_2 .text_sum div:nth-child(2){ |
|
font-size: 18px; |
|
font-weight: 600; |
|
} |
|
.data_content .data_main .main_right div:nth-child(1){ |
|
margin-bottom: 50px; |
|
} |
|
.data_content .data_bottom{ |
|
width: calc(100% - 40px); |
|
height: 280px; |
|
margin-left: 20px; |
|
} |
|
.data_content .data_bottom div{ |
|
|
|
} |
|
.data_content .data_bottom .bottom_1{ |
|
width: 24%; |
|
height: 280px; |
|
position: relative; |
|
box-sizing: border-box; |
|
border: 1px solid #2C58A6; |
|
box-shadow: 0 0 10px #2C58A6; |
|
} |
|
.data_content .data_bottom .bottom_center{ |
|
width: 52%; |
|
height: 280px; |
|
} |
|
.data_content .data_bottom .bottom_2{ |
|
width: calc(50% - 35px); |
|
height: 280px; |
|
position: relative; |
|
box-sizing: border-box; |
|
border: 1px solid #2C58A6; |
|
margin-left: 25px; |
|
box-shadow: 0 0 10px #2C58A6; |
|
} |
|
.data_content .data_bottom .bottom_3{ |
|
width: calc(50% - 40px); |
|
height: 280px; |
|
position: relative; |
|
box-sizing: border-box; |
|
border: 1px solid #2C58A6; |
|
margin-left:25px; |
|
box-shadow: 0 0 10px #2C58A6; |
|
} |
|
.data_content .data_bottom .bottom_4{ |
|
width: 24%; |
|
height: 280px; |
|
position: relative; |
|
box-sizing: border-box; |
|
border: 1px solid #2C58A6; |
|
box-shadow: 0 0 10px #2C58A6; |
|
} |
|
|
|
.data_content .data_bottom div .main_table tr{ |
|
height: 42px; |
|
} |
|
.data_content .data_bottom div .main_table{ |
|
width: 100%; |
|
margin-top: 25px; |
|
} |
|
.data_content .data_bottom div .main_table table{ |
|
width: 100%; |
|
} |
|
.data_content .data_bottom div .main_table thead tr{ |
|
height: 42px; |
|
} |
|
.data_content .data_bottom div .main_table th{ |
|
font-size: 12px; |
|
font-weight: 600; |
|
color:#61d2f7; |
|
text-align: center; |
|
} |
|
.data_content .data_bottom div .main_table th:nth-child(1){ |
|
|
|
} |
|
.data_content .data_bottom div .main_table th:nth-child(2){ |
|
|
|
} |
|
.data_content .data_bottom div .main_table td{ |
|
color:#fff; |
|
font-size: 10px; |
|
text-align: center; |
|
} |
|
.data_content .data_bottom div .main_table tbody tr:nth-child(1), |
|
.data_content .data_bottom div .main_table tbody tr:nth-child(3), |
|
.data_content .data_bottom div .main_table tbody tr:nth-child(5){ |
|
background-color: #072951; |
|
box-shadow:-10px 0px 15px #2C58A6 inset, /*左边阴影*/ |
|
10px 0px 15px #2C58A6 inset; /*右边阴影*/ |
|
} |
|
.t_btn8,.t_btn2,.t_btn3{ |
|
position: relative; |
|
z-index: 100; |
|
cursor: pointer; |
|
} |
|
.table_zdy a{ |
|
color: #fff; |
|
} |