/** 初始化 **/ 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 { width: 100%; height: 8.8%; position: relative; background: url(../images/title_border.png) center center no-repeat; } .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: 110px; width: 98%; margin-top: 5%; margin-bottom: 25px; display: flex; justify-content: space-between; } .con_div .con_div_text { height: 100%; background-color: #034c6a; width: 20%; 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: 13px; color: #ffffff; } .text01_div p:nth-child(2) { font-size: 28px; color: #ffff43; font-weight: 600; } /* 表格 */ .div_table { } .div_table_box { width: 98%; margin-left: 1%; margin-bottom: 25px; display: flex; justify-content: space-between; } .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: 35px; width: 60%; position: absolute; left: 20%; top: -15px; color: #ffffff; font-weight: bold; font-size: 16px; 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: 3%; position: relative; } .table_p .tt{ /* background-color: #030e22; */ display: flex; align-items: center; width: 100%; } .table_p span{ display: block; color: #61d2f7; font-size: 14px; font-weight: 600; padding-top: 5px; padding-bottom: 5px; flex-shrink: 0; width:14.28%; text-align: center; } .table_p .dowebok{ height: 300px; 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: 30px; 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%; } @media screen and (max-height: 610px) {}