/** 初始化 **/
|
|
html,
|
body {
|
width: 100%;
|
height: 100%;
|
overflow: hidden;
|
}
|
|
body,
|
div,
|
dl,
|
dt,
|
dd,
|
ul,
|
ol,
|
li,
|
h1,
|
h2,
|
h3,
|
h4,
|
h5,
|
h6,
|
input,
|
button,
|
textarea,
|
p,
|
blockquote,
|
th,
|
td,
|
form,
|
pre {
|
margin: 0;
|
padding: 0;
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
color: #333;
|
}
|
|
body {
|
-webkit-font-feature-settings: 'kern' 1;
|
-moz-font-feature-settings: 'kern' 1;
|
-o-font-feature-settings: 'kern' 1;
|
text-rendering: geometricPrecision;
|
font-family: "Microsoft YaHei";
|
}
|
|
a:active,
|
a:hover {
|
outline: 0
|
}
|
|
img {
|
display: inline-block;
|
border: none;
|
vertical-align: middle;
|
}
|
|
li {
|
list-style: none;
|
}
|
|
table {
|
border-collapse: collapse;
|
border-spacing: 0;
|
}
|
|
h1,
|
h2,
|
h3 {
|
font-size: 14px;
|
font-weight: 400;
|
}
|
|
h4,
|
h5,
|
h6 {
|
font-size: 100%;
|
font-weight: 400;
|
}
|
|
button,
|
input,
|
select,
|
textarea {
|
font-size: 100%;
|
}
|
|
input,
|
button,
|
textarea,
|
select,
|
optgroup,
|
option {
|
font-family: inherit;
|
font-size: inherit;
|
font-style: inherit;
|
font-weight: inherit;
|
outline: 0;
|
}
|
|
pre {
|
white-space: pre-wrap;
|
white-space: -moz-pre-wrap;
|
white-space: -pre-wrap;
|
white-space: -o-pre-wrap;
|
word-wrap: break-word;
|
}
|
|
|
/** 滚动条 **/
|
|
::-webkit-scrollbar {
|
width: 5px;
|
height: 10px;
|
}
|
|
::-webkit-scrollbar-button:vertical {
|
display: none;
|
}
|
|
::-webkit-scrollbar-track,
|
::-webkit-scrollbar-corner {
|
background-color: rgba(14, 148, 234, 0.2);
|
}
|
|
::-webkit-scrollbar-thumb {
|
border-radius: 0;
|
background-color: rgba(0, 0, 0, .3);
|
}
|
|
::-webkit-scrollbar-thumb:vertical:hover {
|
background-color: rgba(0, 0, 0, .35);
|
}
|
|
::-webkit-scrollbar-thumb:vertical:active {
|
background-color: rgba(0, 0, 0, .38);
|
}
|
|
|
/*下拉框*/
|
|
.select {
|
width: 1.6rem;
|
height: 0.4rem;
|
position: relative;
|
font-size: 0.18rem;
|
color: #cdddf7;
|
outline: none;
|
}
|
|
.select-div {
|
box-sizing: border-box;
|
width: 1.6rem;
|
height: 0.4rem;
|
line-height: 0.4rem;
|
border: 1px solid #0E94EA;
|
background: url(../images/arrow.png) 95% center no-repeat;
|
padding-left: 10px;
|
cursor: default;
|
position: absolute;
|
top: 0;
|
left: 0;
|
color: #cdddf7;
|
}
|
|
.select-ul {
|
position: absolute;
|
width: 1.6rem;
|
top: 0.5rem;
|
left: 0;
|
z-index: 10;
|
display: none;
|
}
|
|
.select-ul.company {
|
height: 1.2rem;
|
overflow-y: auto;
|
}
|
|
.select-ul>li {
|
height: 0.4rem;
|
line-height: 0.4rem;
|
padding-left: 10px;
|
box-sizing: border-box;
|
background-color: rgba(14, 148, 234, 0.2);
|
cursor: default;
|
color: #cdddf7;
|
}
|
|
.select-ul>li.active,
|
.select-ul>li:hover {
|
color: white;
|
background: #0e94eb;
|
}
|
|
.select-ul>li {
|
width: 1.6rem;
|
}
|
|
|
.container-flex {
|
width: 100%;
|
height: 100%;
|
background: url(../images/index_bg_2.jpg) left top no-repeat;
|
background-size: 100% 100%;
|
}
|
|
|
|
|
|
|
.box-center {
|
width: 44%;
|
margin: 0 auto;
|
/* height: 100%; */
|
/* background: green;*/
|
}
|
|
.box-center .center-top {
|
padding-top: 11px;
|
padding-bottom: 30px;
|
width: 100%;
|
height: 9%;
|
position: relative;
|
background: url(../images/title_border.png) center center no-repeat;
|
background-size: 100% 100%;
|
}
|
|
.box-center .center-top h1 {
|
font-size: 0.45rem;
|
font-weight: 900;
|
text-align: center;
|
font-weight: bolder;
|
/* position: absolute; */
|
color: #02f2f3;
|
letter-spacing: 5px;
|
text-shadow: 0 0 15px #00d8ff;
|
padding-top: 1.4%;
|
}
|
|
|
/* 数据总览 */
|
.con_div {
|
margin: 0 auto;
|
height: 136px;
|
width: 98%;
|
margin-top: 4%;
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.con_div .con_div_text {
|
height: 100%;
|
background-color: #034c6a;
|
width: 24%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.con_div .con_div_text .text01_img {
|
width: 40px;
|
height: 40px;
|
}
|
|
.text01_div {
|
margin-left: 10%;
|
}
|
|
.text01_div p {
|
line-height: 35px;
|
}
|
|
.text01_div p:nth-child(1) {
|
font-size: 21px;
|
font-weight: 600;
|
color: #ffffff;
|
}
|
|
.text01_div p:nth-child(2) {
|
font-size: 29px;
|
color: #ffff43;
|
font-weight: 600;
|
margin-top: 15px;
|
|
}
|
|
/* 表格 */
|
.div_table {
|
|
}
|
|
.div_table_box {
|
width: 98%;
|
margin-left: 1%;
|
margin-bottom: 25px;
|
display: flex;
|
justify-content: space-between;
|
overflow: hidden;
|
}
|
|
.div_any_child {
|
width: 49%;
|
|
box-shadow: -10px 0px 15px #034c6a inset,
|
0px -10px 15px #034c6a inset,
|
10px 0px 15px #034c6a inset,
|
0px 10px 15px #034c6a inset;
|
border: 1px solid #034c6a;
|
box-sizing: border-box;
|
position: relative;
|
margin-top: 25px;
|
}
|
|
.div_any_title {
|
background-color: #034c6a;
|
border-radius: 18px;
|
height: 46px;
|
width: 60%;
|
position: absolute;
|
left: 20%;
|
top: -15px;
|
color: #ffffff;
|
font-weight: bold;
|
font-size: 22px;
|
text-align: center;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.div_any_title img {
|
width: 18px;
|
height: 18px;
|
position: relative;
|
top: 2px;
|
margin-right: 5px;
|
}
|
|
.table_p {
|
margin-top: 48px;
|
position: relative;
|
}
|
|
|
.table_p .tt{
|
/* background-color: #030e22; */
|
display: flex;
|
align-items: center;
|
width: 100%;
|
}
|
|
.table_p span{
|
display: block;
|
color: #61d2f7;
|
font-size: 17px;
|
font-weight: 600;
|
padding-top: 5px;
|
padding-bottom: 5px;
|
flex-shrink: 0;
|
width:14.8%;
|
text-align: center;
|
}
|
|
.table_p span:first-child{
|
width: 22%;
|
}
|
|
.table_p .dowebok{
|
/* border: 1px solid red; */
|
height: 558px;
|
color: #ffffff;
|
font-size: 13px;
|
/* border: 1px solid red; */
|
display: flex;
|
align-items: center;
|
width: 100%;
|
flex-direction: column;
|
width: 98%;
|
margin: 0 auto;
|
border-collapse: collapse;
|
position: relative;
|
text-align: center;
|
display: flex;
|
flex-direction: column;
|
|
}
|
.table_p .dowebok .str_move{
|
width: 100%;
|
}
|
.table_p .dowebok ul{
|
width: 100%;
|
}
|
.table_p .dowebok li {
|
width: 100%;
|
height: 40px;
|
display: flex;
|
align-items: center;
|
}
|
|
.table_p .dowebok li:nth-child(2n+1) {
|
background-color: #072951;
|
box-shadow: -10px 0px 15px #034c6a inset,
|
10px 0px 15px #034c6a inset;
|
}
|
|
.table_p .dowebok li span {
|
display: block;
|
color: #ffffff;
|
flex-shrink: 0;
|
/* width:14.28%; */
|
word-wrap: break-word;
|
}
|
|
|
.box_up{
|
width: 98%;
|
margin-top: 25px;
|
margin-left: 1%;
|
display: flex;
|
justify-content: space-between;
|
}
|
.box_up_left{
|
width: 49%;
|
}
|
.box_up_right{
|
width: 49%;
|
|
}
|
.div_any_child.div_any_child2 {
|
width: 100%;
|
}
|
.table_p.table_p_my3 .dowebok{
|
height: 75px;
|
}
|
.titleHt{
|
color: white;
|
position: absolute;
|
position: absolute;
|
top: 12px;
|
font-size: 20px;
|
}
|
.titleHt span{
|
font-weight: 700;
|
}
|
.title_lt{
|
left: 10px;
|
}
|
.title_rt{
|
right: 10px;
|
}
|
.table_p span.no_data{
|
color: white !important;
|
font-size: 20px !important;
|
text-align: center !important;
|
display: block !important;
|
width: 100%;
|
padding-top: 4%;
|
}
|
