* {
    margin: 0;
    padding: 0;
    font-family: PingFangSC-Light, 微软雅黑;
}
body, html {
    width: 100%;
    height: auto;
    color: #333;
    /* overflow: hidden; */
    background: url('../img/true.png');
    background-size: 100% 100%;
}
/* 各浏览器显示不同，去掉蓝色边框 */
fieldset, img, input, button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}
img {
    border: 0;
    vertical-align: middle;
}
ul, li {
    list-style: none;
}
a {
    text-decoration: none;
    cursor: pointer;
}
/* 清除浮动 */
.clear-both:before, .clear-both:after {
    display: table;
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}
.clearfix {
    zoom: 1; /* IE/7/6 */
}
.fl {
    float: left;
}
.fr {
    float: right;
}

/* header开始 */
.header {
    width: 100%;
    height: 7.41vh; /* 80px = 80 / 1080 * 100 */
    padding: 0 1.04vw; /* 20px = 20 / 1920 * 100 */
    min-width: 71.15vw; /* 1366px = 1366 / 1920 * 100 */
}

/* 缩放logo大小 */
.img_logo {
    height: 625%;
    margin-top: -12%;
    width: 60%;
}

/* 时间戳 */
.zcq_dateBox {
    right: 1%;
    margin-top: -12%;
    margin-right: 0.5%;
    font-size: 2.5rem;
    position: absolute;
    line-height: .75rem;
    color: rgba(255, 255, 255, .7);
    font-family: electronicFont;
}


.bg_header {
    width: 100%;
    height: 7.41vh; /* 80px */
    margin-top: 2%;
    background-size: 100% 100%;
}
.header > .header_logo {
    padding: 1.67vh 0.52vw 0.93vh 0; /* 18px, 10px, 10px */
}
.header > .header_logo > a {
    display: block;
}

.header > .header_logo > a > img {
    width: 13.54vw; /* 260px = 260 / 1920 * 100 */
}

.header > .header_nav {
    margin-left: 1.04vw; /* 20px = 20 / 1920 * 100 */
}
.header > .header_nav > ul > li {
    float: left;
    margin-right: 0.31vw; /* 6px = 6 / 1920 * 100 */
    position: relative;
}
.header > .header_nav > ul > li > a {
    display: block;
    height: 7.41vh; /* 80px = 80 / 1080 * 100 */
    padding: 0 0.52vw 0 1.56vw; /* 10px, 30px = 10 / 1920 * 100, 30 / 1920 * 100 */
    line-height: 7.41vh; /* 80px = 80 / 1080 * 100 */
    color: #fff;
}
.header > .header_nav > ul > li > a:hover {
    border-bottom: 0.37vh solid #4b8df8; /* 4px = 4 / 1080 * 100 */
}
.header > .header_nav > ul > li > img {
    float: left;
    position: absolute;
    top: 3.06vh; /* 33px = 33 / 1080 * 100 */
    left: 0.52vw; /* 10px = 10 / 1920 * 100 */
}
.header > .header_nav > ul > li > a.nav_current {
    border-bottom: 0.37vh solid #4b8df8; /* 4px */
}

.header > .header_myself {
    width: 4.69vw; /* 90px = 90 / 1920 * 100 */
    text-align: center;
}
.header > .header_myself > p {
    color: #fff;
    font-size: 0.68vw; /* 13px = 13 / 1920 * 100 */
    margin-top: 1.39vh; /* 15px = 15 / 1080 * 100 */
}
.header > .header_myself > a {
    color: #fff;
    font-size: 0.68vw; /* 13px */
}

/* content 开始 */
.content {
    margin: 1.04vw; /* 20px */
    width: calc(100% - 2.08vw); /* 40px */
    min-width: 71.15vw; /* 1366px = 1366 / 1920 * 100 */
}
.content > .content_title {
    width: 100%;
    height: 3.24vh; /* 35px = 35 / 1080 * 100 */
    line-height: 3.24vh; /* 35px */
    background-color: #4b8df8;
    box-sizing: border-box;
    margin-bottom: 1.85vh; /* 20px */
}
.content > .content_title > p {
    color: #fff;
    font-size: 0.83vw; /* 16px = 16 / 1920 * 100 */
    font-weight: 600;
}
.content > .content_title > img {
    margin: 0.93vh 0.52vw 0 0.52vw; /* 10px */
}
.content > .content_main {
    min-width: 71.15vw; /* 1366px */
}
.content > .content_main > .content_search > div {
    margin-right: 1.30vw; /* 25px = 25 / 1920 * 100 */
}
.content > .content_main > .content_search > div > label {
    width: 4.17vw; /* 80px = 80 / 1920 * 100 */
    text-align: right;
}
.content > .content_main > .content_search > div > select,
.content > .content_main > .content_search > div > input {
    width: 10.42vw; /* 200px = 200 / 1920 * 100 */
}
.content > .content_main > .content_table {
    margin-top: 2.78vh; /* 30px = 30 / 1080 * 100 */
}
.content > .content_main > .content_table > table {
    margin-top: 1.39vh; /* 15px = 15 / 1080 * 100 */
}
.content > .content_main > .content_table > table th:nth-child(1),
.content > .content_main > .content_table > table td:nth-child(1) {
    width: 2.60vw; /* 50px = 50 / 1920 * 100 */
    text-align: center;
}

.content > .content_main > .content_page > span {
    font-size: 0.67vw; /* 12.8px = 12.8 / 1920 * 100 */
    margin-top: 0.65vh; /* 7px = 7 / 1080 * 100 */
}
.content > .content_main > .content_page > select {
    width: 3.65vw; /* 70px = 70 / 1920 * 100 */
    margin-right: 0.52vw; /* 10px */
}
/* content 结束 */

.top_menu {
    position: absolute;
    top: 0.46vh; /* 5px / 1080 * 100 */
    right: 1.56vw; /* 30px / 1920 * 100 */
}

/* 热力图 begin */
.chart_map_css {
    width: 100%;
}

.zcq_map_container {
    width: 100%;
    height: 100%;
}

.map_left {
    width: 100%;
}

.map_right {
    width: 100%;
    height: 105%;
    position: relative;
}

/* 滑道图片 缩放滑道 */
.img_zcq_hd {
    height: 8vh;
    width: 80vw;
    margin-left: 17.5%;
    margin-top: 0%;
}

.zcq_A1 {
    width: calc(160vw - 10.42vw); /* 200px = 200 / 1920 * 100 */
    height: calc(108vh - 18.52vh); /* 200px = 200 / 1080 * 100 */
    margin-top: -5%;
    margin-left: -15%;
    padding: 9.26vh; /* 100px / 1080 * 100 */
    float: left;
}

.zcq_A2 {
    width: 100vw;
    height: 11vh;
    margin-left: -5.7%;
    margin-top: -50.5%;
    float: left;
}

/* 波次汇总信息 begin */
.item {
    margin-bottom: 2.22vh; /* 24px / 1080 * 100 */
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 0.74vh; /* 8px / 1080 * 100 */
}

.itemTit {
    padding: 1.11vh 1.56vw; /* 12px / 1080 * 100 and 30px / 1920 * 100 */
    border-bottom: 0.09vh solid #1e5b6b; /* 1px / 1080 * 100 */
}

.itemTit span {
    display: block;
    height: 1.85vh; /* 20px / 1080 * 100 */
    line-height: 1.85vh; /* 20px / 1080 * 100 */
    border-left: 0.26vw solid transparent; /* 5px / 1920 * 100 */
    font-size: 0.94vw; /* 18px / 1920 * 100 */
    color: #fff;
    padding-left: 0.42vw; /* 8px / 1920 * 100 */
}

.itemTit span small {
    margin-left: 0.21vw; /* 4px / 1920 * 100 */
}

.itemCon {
    padding: 1.11vh 1.56vw; /* 12px / 1080 * 100 and 30px / 1920 * 100 */
}

.billState .StateTit {
    border-bottom: 0.09vh dashed #404040; /* 1px / 1080 * 100 */
}

.billState .StateBox span {
    height: 2.87vh; /* 31px / 1080 * 100 */
    line-height: 2.87vh; /* 31px / 1080 * 100 */
    font-size: 1.1vh; /* 12px / 1080 * 100 */
}

.billState .StateBox span {
    float: left;
    width: 33%; /* 33% remains the same */
    line-height: 3.52vh; /* 38px / 1080 * 100 */
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.billState .StateBox span:nth-child(1) {
    width: 15%; /* 15% remains the same */
}

.billState .StateBox span:nth-child(2) {
    width: 32%; /* 32% remains the same */
}

.billState .StateBox span:nth-child(3) {
    width: 40%; /* 40% remains the same */
}

.billState .StateBox span:nth-child(4) {
    padding-left: 0.09vw; /* 1px / 1920 * 100 */
    width: 13%; /* 13% remains the same */
}

/* 滚动条 设置高度以自动滚动 */
#FontScroll {
    width: 100%; /* 100% remains the same */
    height: 17.59vh; /* 190px / 1080 * 100 */
    overflow: hidden;
}

.billState .StateBox .fontInner {
    border-bottom: 0.09vh dashed #404040; /* 1px / 1080 * 100 */
}

.billState .progress {
    height: 0.93vh; /* 10px / 1080 * 100 */
    position: relative;
    margin-top: 1.39vh; /* 15px / 1080 * 100 */
}

/* 待验证 波次进度条样式 */
.billState .progress .progressBar {
    height: 0.93vh; /* 10px / 1080 * 100 */
    background: rgba(255, 255, 255, 0.5);
}

.billState .progress .progressBar span {
    display: block;
    height: 0.93vh; /* 10px / 1080 * 100 */
    width: 0;
}

.billState .progress h3 {
    position: absolute;
    height: 1.85vh; /* 20px / 1080 * 100 */
    width: 2.08vw; /* 40px / 1920 * 100 */
    line-height: 1.85vh; /* 20px / 1080 * 100 */
    top: -0.65vh; /* -7px / 1080 * 100 */
    right: 0;
}

.billState .progress h3 i {
    font-style: normal;
}

/* 颜色卡 begin */
.bg-red {
    background-color: #ff0e0d !important;
}

.bg-yellow {
    background-color: #ffd220 !important;
}

.bg-green {
    background-color: #32ffc7 !important;
}

.bg-blue {
    background-color: #1eb6fe !important;
}

.color-yellow {
    color: #ffd220 !important;
}

.color-green {
    color: #32ffc7 !important;
}

.color-blue {
    color: #1eb6fe !important;
}

.color-red {
    color: #ff0e0d !important;
}

/* 颜色卡 end */

/* 隐藏滚动条边框 */
body {
    font-family: 'Source Han Sans', Microsoft YaHei, Arial, sans-serif;
    overflow: hidden;
}


/*-------------------------------------------------------------------------------- 20241021 begin*/


/*-------------------------------------------------------------------------------- 20241021 end*/