@charset "utf-8";

/* CSS Document */

* {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    text-decoration: none;
}

html, body {
    width: 100%!important;
    height: 100%!important;
    overflow: hidden!important;
}

q,
blockquote {
    quotes: none;
}

    q:before,
    q:after,
    blockquote:before,
    blockquote:after {
        content: "";
        content: none;
    }

a img {
    border: none;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table-container {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.ime-disabled {
    ime-mode: disabled;
}

.clear {
    clear: both;
    font-size: 0px;
    height: 0px;
    overflow: hidden;
}

.line5 {
    clear: both;
    font-size: 0px;
    height: 5px;
    overflow: hidden;
}

.line10 {
    clear: both;
    font-size: 0px;
    height: 10px;
    overflow: hidden;
}

.line15 {
    clear: both;
    font-size: 0px;
    height: 15px;
    overflow: hidden;
}

.line20 {
    clear: both;
    font-size: 0px;
    height: 20px;
    overflow: hidden;
}

.line30 {
    clear: both;
    font-size: 0px;
    height: 30px;
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

textarea {
    overflow: auto;
}


/*ͼ��*/

.legend {
    border: 1px solid #3333CC;
    width: 135px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
}

.legendHead {
    height: 30px;
    width: 125px;
    background-color: #3398CC;
    cursor: pointer;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
    padding-right: 10px;
}

.legendPic {
    background: url(../images/up.png) no-repeat right center;
    padding-right: 5px;
}

.togglePanel {
    background-color: #FFFFFF;
    padding-top: 5px;
    display: none;
    height: 350px;
    margin-right: 1px;
}

.lineCls {
    padding: 5px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 13px;
}

#LSZQdataIndex td {
    text-align: center;
    background-color: #FFF;
    border: 1px solid #0099FF;
    height: auto;
    color: #000;
}

#LSZQdataIndexTH td {
    border: 1px solid #0099FF;
    background-color: #E8F3F7;
    height: 30px;
    color: #000099;
    text-align: center;
    border: 1px solid #000;
}

.mapControl {
    position: absolute;
    right: 450px;
    top: 10px;
    padding: 2px;
    border: none;
}

.control_fit {
    border: 1px solid #000000;
    width: 58px;
    height: 20px;
    display: block;
    line-height: 20px;
    cursor: pointer;
}

.control_fit_left {
    border: 1px solid #000000;
    width: 58px;
    height: 20px;
    display: block;
    line-height: 20px;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.control_fit_right {
    border: 1px solid #000000;
    width: 58px;
    height: 20px;
    display: block;
    line-height: 20px;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.changemap li {
    list-style: none;
}

.changemap {
    float: left;
    white-space: nowrap;
    text-align: center;
    margin-right: 15px;
}

.pic_li_d {
    color: #FFFFFF;
    background: #7ECEF4;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    -moz-border-radius: 10px;
    /* 老的 Firefox */
}

    .pic_li_d a {
        color: #FFFFFF;
    }

.pic_li_n a:hover {
    color: #fff;
    background: #7ECEF4;
}

.pic_li_n {
    border-radius: 5px;
    -moz-border-radius: 10px;
    /* 老的 Firefox */
    margin: 0;
    padding: 0;
    color: #fff;
    background: #fff;
}

#Search_YJQ {
    width: 142px;
    height: 20px;
    top: 30px;
    left: -70px;
    position: absolute;
    display: none;
}

.mapchangebtn {
    display: inline-block;
    width: 60px;
    margin-right: -5px;
}

.warnCircle {
    width: 140px;
    height: auto;
    max-height: 600px;
    position: absolute;
    top: 56px;
    left: -70px;
    background-color: #73BEE6;
    color: #FFFFFF;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-top: 1px;
    cursor: defloat;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9999;
    display: none;
}

#wearthWarnlist {
    width: 400px;
    height: 100px;
    margin-top: 100px;
    background-color: #FFF;
    display: none;
}
/* =========================登录样式.开始========================= */
body {
    font: 14px "微软雅黑",Arial, Helvetica, STHeiti, "宋体";
}

.loginbody {
    background-color: #2697D5;
}

body .popWinSkin .layui-layer-title {
    background: #f8f8f8;
    color: #000;
    border: none;
    height: 45px;
}

body .popWinSkin .layui-layer-btn {
    border-top: 1px solid #E9E7E7;
}

    body .popWinSkin .layui-layer-btn a {
        background: #333;
    }

    body .popWinSkin .layui-layer-btn .layui-layer-btn1 {
        background: #999;
    }


.mainbody {
    /*padding:10px 15px;*/
    margin: 10px 15px;
    min-width: 285px;
}

.login-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.login-wrap {
    margin: auto;
    width: 1580px;
}

.login-logo {
    width: 603px;
    height: 92px;
    padding: 180px 0 20px 0;
}

.login-top {
    width: 100%;
}

.login-con {
    width: 1580px;
    height: 689px;
    background: url(../Images/dl-2_04.png) top center no-repeat;
    position: relative;
}

    .login-con input {
        position: absolute;
    }

.login-user {
    width: 216px;
    height: 38px;
    line-height: 30px;
    top: 395px;
    left: 690px;
    border: none;
    font-size: 16px;
    outline: none;
    background-color: transparent;
}

.login-pwd {
    width: 216px;
    height: 38px;
    line-height: 30px;
    top: 450px;
    left: 690px;
    border: none;
    font-size: 16px;
    outline: none;
    background-color: transparent;
}

.login-YZ {
    width: 100px;
    height: 38px;
    line-height: 30px;
    top: 510px;
    left: 800px;
    border: none;
    font-size: 16px;
    outline: none;
    background-color: transparent;
    position: absolute;
}

.login-YZreset {
    width: 100px;
    height: 38px;
    line-height: 20px;
    top: 510px;
    left: 800px;
    border: none;
    font-size: 12px;
    outline: none;
    background-color: transparent;
    position: absolute;
    display: none;
}

.login-YZinput {
    width: 100px;
    height: 36px;
    line-height: 36px;
    top: 510px;
    left: 680px;
    border: none;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05) inset;
    border-radius: 11px;
    text-indent: 10px;
    font-size: 16px;
    outline: none;
    background-color: #B9DEF2;
    position: absolute;
}

.login-code {
    font-family: Arial;
    font-style: italic;
    color: blue;
    font-size: 30px;
    border: 0;
    padding: 0;
    letter-spacing: 3px;
    font-weight: bolder;
    float: left;
    cursor: pointer;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    background-color: #B9DEF2;
}

.login-submit {
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 30px;
    top: 590px;
    left: 690px;
    border: 0;
    background: url(../Images/dl-n.png) center center no-repeat;
    position: absolute;
    cursor: pointer;
}

.login-set {
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 30px;
    top: 590px;
    left: 820px;
    border: 0;
    background: url(../Images/cz-n.png) center center no-repeat;
    position: absolute;
    cursor: pointer;
}

.login-submit:hover {
    background: url(../Images/dl-v.png) center center no-repeat;
}

.lgoin-error {
    position: absolute;
    top: 550px;
    left: 650px;
    width: 300px;
    text-align: center;
    padding: 2px 0;
    color: Red;
}


.login-set:hover {
    background: url(../Images/cz-v.png) center center no-repeat;
}


.login-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    text-align: center;
    padding: 10px;
    font-size: 15px;
    color: #fff;
}

    .login-bottom span {
        padding-right: 100px;
    }
/* =========================登录样式.结束========================= */


/* =========================主模块样式.开始========================= */

.center-wrap {
    min-height: 600px;
}

.center-title {
    width: 781px;
    padding-top: 85px;
    text-align: right;
    font-size: 120%;
    font-weight: bold;
    margin: auto;
    color: #fff;
    padding-right: 70px;
}

    .center-title a {
        cursor: pointer;
        color: #fff;
        padding-left: 8px;
    }

.center-logo {
    width: 781px;
    padding: 90px 0;
    margin: auto;
}

.center-con {
    margin: 10px auto 0 auto;
    position: relative;
    text-align: center;
}

    .center-con a {
        display: inline-block;
        width: 248px;
        height: 248px;
        text-align: center;
        cursor: pointer;
        margin-right: 90px;
        margin-top: -50px;
    }

div.ccwrap a {
    margin-right: 20px;
}

.center-con a img {
    margin-top: 28px;
}

.center-con a.curr, .center-con a:hover {
    background: url(../Images/nav-d_03.png) center center no-repeat;
}

.center-up {
    position: absolute;
    left: 183px;
}


.center-down {
    position: absolute;
    top: 140px;
}

.header {
    height: 70px;
}

.header-left {
    position: absolute;
    padding: 2px 10px 2px 2px;
    height: 100px;
    width: 700px;
}

    .header-left img {
        border: 0;
    }


.header-sysName {
    float: left;
    position: absolute;
    left: 85px;
    top: 14px;
}

.cnSysName {
    float: left;
    font-family: 黑体;
    font-size: 30px;
    font-weight: bold;
    white-space: nowrap;
}

.enSysName {
    margin-top: 5px;
    float: left;
    font-family: Times New Roman;
    font-size: 15px;
    font-weight: bold;
}

.header-right {
    float: right;
    height: 70px;
    overflow: hidden;
}

.header-seting {
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 20px;
    display: inline-block;
    cursor: pointer;
}

.loginout {
    display: inline-block;
    margin-top: 20px;
    margin-right: 16px;
    cursor: pointer;
}

.loginhome {
    text-align: center;
}

    .loginhome a {
        padding: 0 4px;
    }

.header-nav {
    height: 32px;
    background: #2796d5;
}

    .header-nav li {
        float: left;
        display: block;
        position: relative;
    }

        .header-nav li.cen {
            background: url(../Images/listqf_03.png) right center no-repeat;
        }

.subnav {
    position: absolute;
    left: 0;
    z-index: 999;
    background-color: #2796d5;
    right: 0;
}

.header-nav li a {
    display: block;
    line-height: 32px;
    color: #fff;
    padding: 0 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

    .header-nav li a:hover, .header-nav li a.curr {
        background-color: #1a6899;
    }

.header-alarm {
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #eee;
    font-size: 110%;
    background-color: #fafafa;
}

.alarm-title {
    width: 78px;
    float: left;
    padding: 0 6px 0 28px;
}

.alarm-con {
    margin-left: 84px;
    line-height: 32px;
    text-align: center;
}

    .alarm-con span {
        padding: 0 12px;
    }

    .alarm-con * {
        vertical-align: middle;
    }

.sys-select {
    padding: 10px 12px;
}

.selectleft {
    float: left;
}

.selectright {
    float: right;
}

.logTablecon {
    overflow: auto;
}

tr.th {
    font-weight: bold;
}

.logTable td {
    padding: 4px;
}

.exportbtn {
    background: url(../Images/dc-n.png) center center no-repeat;
    display: inline-block;
    width: 77px;
    height: 23px;
    cursor: pointer;
}

    .exportbtn:hover {
        background: url(../Images/dc-d.png) center center no-repeat;
    }

.selectbtn {
    background: url(../Images/chax-n.png) center center no-repeat;
    display: inline-block;
    width: 77px;
    height: 20px;
    cursor: pointer;
}

    .selectbtn:hover {
        background: url(../Images/chax-d.png) center center no-repeat;
    }

.timebtn {
    background: url(../Images/bk.png) center center no-repeat;
    width: 108px;
    height: 20px;
    border: 0;
    margin-right: 10px;
}

.exprotcon {
    margin: 10px 0 0 0;
}

tr.trodd {
    background: #e4f5fd;
}

.editbtn {
    background: url(../Images/bj.png) center center no-repeat;
    width: 22px;
    height: 18px;
    margin-right: 10px;
}

.deletebtn {
    background: url(../Images/sctb.png) center center no-repeat;
    width: 22px;
    height: 18px;
    margin-right: 10px;
}

.addbtn {
    background: url(../Images/tj-n.png) center center no-repeat;
    display: inline-block;
    width: 77px;
    height: 23px;
    cursor: pointer;
}

    .addbtn:hover {
        background: url(../Images/tj-d.png) center center no-repeat;
    }

.submitbtn {
    background: url(../Images/qr-n.png) center center no-repeat;
    display: inline-block;
    width: 138px;
    height: 36px;
    cursor: pointer;
}

    .submitbtn:hover {
        background: url(../Images/qr-d.png) center center no-repeat;
    }

.cancelbtn {
    background: url(../Images/qx-n.png) center center no-repeat;
    display: inline-block;
    width: 138px;
    height: 36px;
    cursor: pointer;
}

    .cancelbtn:hover {
        background: url(../Images/qx-d.png) center center no-repeat;
    }

.poupde {
    padding: 12px 0;
    text-align: center;
}

    .poupde label {
        width: 84px;
        display: inline-block;
        text-align: right;
    }

    .poupde input {
        border: 1px solid #87d1f6;
        width: 240px;
        height: 28px;
        line-height: 28px;
    }

.poupbottom {
    padding: 20px;
    text-align: center;
}

.poupwrap {
    position: absolute;
    z-index: 99;
    width: 630px;
    left: 300px;
    top: 200px;
    border: 1px solid #eee;
}

.pouptitle {
    padding-left: 50px;
    font-size: 18px;
    height: 38px;
    background: #7ecdf4 url(../Images/tjtb.png) 12px center no-repeat;
    color: #fff;
    font-weight: bold;
    line-height: 38px;
}

.poupcon {
    padding: 6px;
    font-size: 14px;
}

.center {
    position: absolute;
    top: 102px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.centerWrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.mapWrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.mapnav {
    position: absolute;
    left: 150px;
    bottom: 10px;
    background-color: #fff;
    padding: 6px 8px;
    border-radius: 6px;
    box-shadow: 5px 5px 10px #ccc;
}


.subtime * {
    vertical-align: middle;
    display: inline-block;
}

.subtime input {
    margin-right: 2px;
}

.subtime span {
    font-weight: bold;
    font-size: 12px;
}

    .subtime span label {
        font-weight: normal;
    }

.mapTitle {
    width: 150px;
    height: 90px;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    background: url(../images/bq2.png) center left no-repeat;
    border-radius: 6px;
}

.blue {
    background-color: #2f9dd9;
}

.mapTitle p:first-child label {
    margin-top: 10px;
}

.mapTitle label {
    display: block;
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 6px 12px;
    cursor: pointer;
}

.mapalrm {
    position: absolute;
    left: 159px;
    top: 10px;
    text-align: center;
}

    .mapalrm img {
        width: 108px;
        height: 90px;
        margin: 0 2px;
    }

    .mapalrm :hover {
        cursor: pointer;
    }

.maplayer {
    position: absolute;
    right: 10px;
    top: 76px;
    height: 20px; /*padding: 6px 8px;*/
    z-index: 10;
}

.maplayerright * {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.maplayerleft {
    /*padding: 2px 4px ;*/ /*border-radius: 4px;*/
    height: 21px;
}

.maplayerright {
    margin-left: 1px;
    background-color: rgba(0,0,0,0); /*padding: 2px 4px ;*/
    display: inline-block; /*border-radius: 2px;*/
    height: 21px;
    line-height: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

    .maplayerright input {
        margin-right: 0px;
        /*height: 20px;*/
    }

.popWrap {
    position: absolute;
    left: 100px;
    top: 100px;
    box-shadow: 5px 5px 10px #ccc;
    background-color: #fff;
}

.popWrapTitle {
    padding: 6px 10px;
    background-color: #6fa5d0;
    position: relative;
    font-size: 16px;
    color: #fff;
}

    .popWrapTitle a {
        position: absolute;
        display: inline-block;
        right: 8px;
        font-size: 30px;
        cursor: pointer;
        top: -5px;
    }

        .popWrapTitle a:hover {
            color: red;
        }


/*修改密码*/
.popWinUpdatePassword {
    position: absolute;
    width: 310px;
    height: 235px;
    left: 40%;
    top: 30%;
    border: 1px solid #ccc;
    background: #efefef;
    display: none;
}

.popTitle {
    padding: 2px 5px;
    background-color: #6fa5d0;
    position: relative;
    font-size: 16px;
    color: #fff;
    display: block;
    height: 28px;
    cursor: move;
}

    .popTitle a {
        position: absolute;
        display: inline-block;
        right: 8px;
        font-size: 30px;
        cursor: pointer;
        top: -5px;
    }

        .popTitle a:hover {
            color: red;
        }



.popCon {
    background-color: #fff;
    padding: 2px;
    min-height: 200px;
    width: 200px;
    height: 280px;
}

.jxul:after {
    clear: both;
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
}

.jxul li {
    float: left;
    margin: 4px;
    width: 164px;
    padding: 14px 0;
    text-align: center;
    background-color: #ffde00;
}

.sknav {
    padding: 9px 0;
    text-align: right;
}

    .sknav a {
        display: inline-block;
        padding: 4px 12px;
        background-color: #e6e6e6;
        margin: 0 1px;
        cursor: pointer;
        border-radius: 4px;
    }

        .sknav a.selected {
            background-color: #0194e2;
            color: #fff;
        }

.wetable {
    width: 100%;
    border-collapse: collapse;
}

    .wetable th {
        font-size: 14px;
        border-bottom: 1px solid #1e9fff;
        padding: 2px;
        text-align: center;
    }

    .wetable td {
        border-bottom: 1px dashed #ccc;
        padding: 6px 0px;
        text-align: center;
    }

.wrtable {
    width: 100%;
    border-collapse: collapse;
}

    .wrtable td {
        border: 1px solid #ccc;
        padding: 6px;
        text-align: center;
        width: 50%;
    }

td.gray {
    background-color: #dfdbcb;
}

.jzitem span {
    margin: 0 4px;
}

    .jzitem span.jzitemsp {
        margin-left: 20px;
        position: absolute;
        left: 150px;
        top: 8px;
    }

.jzitem {
    padding: 6px 0;
}

    .jzitem span input {
        margin-right: 4px;
    }

    .jzitem span * {
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px;
    }

.jzselect {
    padding-left: 4px;
}

.jztimeWrap {
    border: 1px solid #ddd;
    padding: 4px;
    margin: 10px 0;
    position: absolute;
    left: 15px;
    max-height: 375px;
    overflow: auto;
}

/*.jztimeWrap{*/
/*max-height: 345px;*/
/*overflow: auto;*/
/*}*/
#jzybTimeList::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #34adc8; /*width: 2px;*/ /*height: 2px;*/
}

#jzybTimeList::-webkit-scrollbar {
    width: 5px;
    background-color: #ddd;
}

.jztimeWrap a {
    display: block; /*padding: 4px 7px;*/
    width: 184px;
    line-height: 25px;
    text-align: center;
    cursor: pointer; /*border-radius: 4px;*/
}

    .jztimeWrap a.selected {
        background-color: #34adc8;
        color: #fff;
    }

.jzsetting {
    position: absolute;
    left: 32px;
    top: 455px;
}

    .jzsetting select {
        width: 40px; /*background-color: #34adc8;*/
    }

    .jzsetting span {
        display: inline-block;
        float: right;
    }

        .jzsetting span a {
            display: inline-block;
            width: 26px;
            height: 26px;
            cursor: pointer;
            margin: 0 4px;
        }

.jzpre {
    background: url(../images/jian-d.png) center center no-repeat;
}

    .jzpre:hover {
        background: url(../images/jian-n.png) center center no-repeat;
    }
/*.jzControl:after{*/
/*clear: both;*/
/*content: '.';*/
/*visibility: hidden;*/
/*display: block;*/
/*height: 0;*/
/*}*/
.jzplay {
    background: url(../images/ks-n.png) center center no-repeat;
}

    .jzplay:hover {
        cursor: pointer;
        background: url(../images/ks-d.png) center center no-repeat;
    }

.jzPause {
    background: url(../images/zt-d.png) center center no-repeat;
}

    .jzPause:hover {
        background: url(../images/zt-d.png) center center no-repeat;
    }

.jznext {
    background: url(../images/jia-d.png) center center no-repeat;
}

    .jznext:hover {
        background: url(../images/jia-n.png) center center no-repeat;
    }

.maplegend {
    position: absolute;
    width: 441px;
    height: 63px;
    right: 2px;
    bottom: 2px;
    display: none;
}

    .maplegend:after {
        clear: both;
        content: '.';
        visibility: hidden;
        display: block;
        height: 0;
    }
/* =========================主模块样式.结束========================= */


/************************************时间条********************************/
.btnFlashTime {
    width: 28px;
    height: 30px;
    background: url(../images/sx-n.png) center center no-repeat;
    position: absolute;
    cursor: pointer;
}

    .btnFlashTime:hover {
        background: url(../images/sx-v.png) center center no-repeat;
    }

/************************************时间条End********************************/

/************************************修改密码********************************/
.UpdatePassReset {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

    .UpdatePassReset:hover {
        opacity: .8;
        filter: alpha(opacity=80);
        color: #fff;
    }
/************************************修改密码 End********************************/

/************************************标注Popup********************************/
.ol-popup {
    position: absolute;
    background-color: white; /*-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));*/ /*filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));*/
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
}
/*.ol-popup:after, .ol-popup:before {*/
/*top: 100%;*/
/*border: solid transparent;*/
/*content: " ";*/
/*height: 0;*/
/*width: 0;*/
/*position: absolute;*/
/*pointer-events: none;*/
/*}*/
/*.ol-popup:after {*/
/*border-top-color: white;*/
/*border-width: 10px;*/
/*left: 48px;*/
/*margin-left: -10px;*/
/*}*/
/*.ol-popup:before {*/
/*border-top-color: #cccccc;*/
/*border-width: 11px;*/
/*left: 48px;*/
/*margin-left: -11px;*/
/*}*/
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 6px;
    right: 8px;
    cursor: pointer;
}
    /*.ol-popup-closer  img[src=""]{*/
    /*opacity: 0;*/
    /*}*/
    .ol-popup-closer img {
        width: 18px;
        height: 18px;
        border: none;
    }

#popup-content {
    float: left;
    font-size: 14px;
    font-family: "微软雅黑";
}

.Pop_div_Head {
    width: 230px;
    /*height: 29px;*/
    line-height: 30px;
    background-color: #2f9dda;
    color: #fff;
    padding-left: 10px;
    padding-right: 20px;
}

.Pop_td_Left {
    background-color: #f2f2f2;
    width: 90px;
    border-right: 1px solid black;
    text-align: center;
}

.Pop_td_right {
    width: 168px;
    text-align: center;
}


/*默认状态*/
.labLink:link {
    color: blue;
}
/*访问后得状态*/
.labLink:visited {
    color: #333333;
}
/*鼠标悬浮状态*/
.labLink:hover {
    color: #FF0000;
}

.Pop_div_fxpgQiye_Head {
    width: auto;
    line-height: 29px;
    height: 29px;
    background-color: #2f9dda;
    color: #fff;
    padding-left: 10px;
}


.Pop_td_right_fxpgQiye {
    width: auto;
    text-align: center;
}


.Pop_div_fxpgQuKuai_Head {
    width: 480px;
    line-height: 29px;
    height: 29px;
    background-color: #2f9dda;
    color: #fff;
    padding-left: 10px;
}

.Pop_td_right_fxpgQuKuai {
    width: 390px;
    text-align: center;
}


.layui-layer.site-layer .layui-layer-title {
    background: #2f9dda;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
    border-color: #bdbdbd;
}

.layui-layer.closeico .layui-layer-setwin a {
    background: url(../images/exc.png) center center no-repeat;
    cursor: hand;
    width: 18px;
    height: 18px;
    right: -8px;
    top: -10px;
}

.title {
    width: 390px;
    height: 30px;
    background-color: #6495ed;
    font-size: 14px;
    color: #ffffff;
    text-indent: 5px;
    line-height: 30px;
}

.index-left {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 323px;
    height: 30px; /*width:340;*/ /*height:30px;*/ /*background-color: #009688;*/ /*background:url(../images/Xuhuifirework/xuhui/local_b.png);*/
}

.inndex-right {
    position: absolute;
    left: 270px;
    top: 5px;
    color: #6495ed;
}

#labAQI {
    font-size: 65px;
    position: absolute;
    left: 30px;
    top: 20px;
}

#time-position {
    position: absolute;
    left: 20px;
    top: 95px;
    font-size: 15px;
}

.background-center {
    background-color: #f0f8ff;
    width: 335px;
    height: 120px;
    left: 0px;
    top: 0px;
}

.title-xx {
    left: 0px;
    top: 0px;
}

.pollute-background {
    left: 195px;
    top: 30px;
    position: absolute;
}
/*.pollute-pm*/
/*{*/
/*position: absolute;*/
/*left: 110px;*/
/*top: 76px;*/
/*}*/
.shadow {
    background-color: #D8D8D8;
    position: absolute;
    height: 30px;
    width: 118px;
    left: 183px;
    top: 82px; /*text-indent: 45px;*/
    line-height: 30px;
}

.image-position {
    position: absolute;
    left: 195px;
    top: 88px;
}

.pollute-pm {
    position: absolute;
    left: 148px;
    top: 55px;
    font-size: larger;
    font-size: 7px;
    width: 100px;
    height: 20px;
    text-align: center;
}

.pollute-color1 {
    background-color: #FF9933;
    width: 128px;
    height: 4px;
    left: 17px;
    position: absolute;
    top: 143px;
}

.pollute-color2 {
    background-color: #FF0000;
    width: 128px;
    height: 4px;
    position: absolute;
    top: 143px;
    left: 190px;
}

.pollute-color3 {
    background-color: #FFFF00;
    width: 128px;
    height: 4px;
    position: absolute;
    top: 174px;
    left: 17px;
}

.pollute-color6 {
    background-color: #33FF00;
    width: 128px;
    height: 4px;
    position: absolute;
    top: 207px;
    left: 190px;
}

.pollute-color5 {
    background-color: #33FF00;
    width: 128px;
    height: 4px;
    position: absolute;
    top: 207px;
    left: 17px;
}

.pollute-color4 {
    background-color: #33FF00;
    width: 128px;
    height: 4px;
    position: absolute;
    top: 174px;
    left: 190px;
}

.pollute-color7 {
    background-color: #33FF00;
    width: 128px;
    height: 4px;
    position: absolute;
    top: 241px;
    left: 17px;
}

.unit {
    position: absolute;
    top: 225px;
    left: 211px;
}

.FLpollute11 {
    position: absolute;
    left: 17px;
    top: 126px;
}

.FLpollute12 {
    position: absolute;
    left: 125px;
    top: 126px;
}

.FLpollute13 {
    position: absolute;
    left: 190px;
    top: 126px;
}

.FLpollute14 {
    position: absolute;
    left: 295px;
    top: 126px;
}

.FLpollute21 {
    position: absolute;
    left: 17px;
    top: 156px;
}

.FLpollute22 {
    position: absolute;
    left: 125px;
    top: 156px;
}

.FLpollute23 {
    position: absolute;
    left: 190px;
    top: 156px;
}

.FLpollute24 {
    position: absolute;
    left: 295px;
    top: 156px;
}

.FLpollute31 {
    position: absolute;
    left: 17px;
    top: 190px;
}

.FLpollute32 {
    position: absolute;
    left: 125px;
    top: 190px;
}

.FLpollute33 {
    position: absolute;
    left: 190px;
    top: 190px;
}

.FLpollute34 {
    position: absolute;
    left: 295px;
    top: 190px;
}

.FLpollute41 {
    position: absolute;
    left: 17px;
    top: 224px;
}

.FLpollute42 {
    position: absolute;
    left: 125px;
    top: 224px;
}

.pollute-bm {
    position: absolute;
    left: 280px;
    top: 55px;
}

.pollute-nm {
    position: absolute;
    left: 238px;
    top: 55px;
    text-align: center;
    width: 47px;
    height: 20px;
}

.picture-button {
    position: absolute;
    left: 0px;
    top: 0px;
}

.JZYBbackground {
    background-color: #DCF2FF;
    width: 660px;
    height: 126px;
    position: absolute;
    top: 123px;
    left: 0px;
    z-index: -1;
}

.TIMEjzyb {
    background-color: #7DAAEE;
    width: 660px;
    height: 20px;
    position: absolute;
    top: 242px;
    left: 0px;
    z-index: -1;
}

#boss {
    position: absolute;
    top: 0px;
    left: 5px;
    height: 280px;
    width: 660px;
}

#divWind {
    position: absolute;
    top: 130px;
}
/*#labBottomTitle*/
/*{*/
/*position: absolute;*/
/*top: 250px;*/
/*width: 660px;*/
/*}*/
#divContent {
    position: absolute;
    left: 10px;
}

    #divContent::-webkit-scrollbar {
        width: 6px;
        background-color: #ddd;
    }

    #divContent::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #34adc8;
        width: 2px;
        height: 2px;
    }

#gundongtiao::-webkit-scrollbar {
    width: 20px;
    background-color: #ddd;
    height: 7px;
}

#gundongtiao::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #34adc8;
    width: 2px;
    height: 100px;
}

#boss::-webkit-scrollbar {
    width: 20px;
    background-color: #ddd;
    height: 7px;
}

#boss::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #34adc8;
    width: 2px;
    height: 100px;
}

#streetTable {
    /*height: 910px;*/ /*width: 760px;*/
    height: 500px;
    width: 760px;
}

.street {
    width: 100%;
    border-collapse: collapse;
}

    .street th {
        font-size: 14px;
        border-bottom: 1px solid #305A73;
        padding: 2px;
        text-align: center;
    }

    .street td {
        /*border-bottom: 1px dashed #ccc;*/
        border: 1px solid #305A73;
        padding: 0px 0px;
        text-align: center;
    }


/************************************标注Popup end********************************/

.layui-layer-TipsG {
    display: none !important;
}


.playWrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ".";
    height: 0;
}

.playleft {
    float: left;
    text-align: center;
    padding: 2px 4px;
    font-size: 16px;
}

.playCon {
    float: left;
    margin: 6px;
}

.timerT {
    float: left;
}

.timer-setting {
    float: right;
}

.timerCon {
    float: left;
    position: relative;
    min-width: 480px;
    margin: 0px 10px;
    height: 10px;
}

.timerZh {
    height: 100%;
    padding: 0 4px;
}

    .timerZh span {
        display: inline-block;
        width: 2px;
        height: 4px;
        background-color: #1B9495;
        background-color: #93B2C6;
        cursor: pointer;
        float: left;
        margin-top: 3px;
        position: relative;
    }

    .timerZh .history :after {
        position: absolute;
        display: inline-block;
        content: '';
        width: 100%;
        height: 58px;
        margin-top: -15px;
        background-color: rgba(0, 0, 0,0);
    }

    .timerZh .frocast:after {
        display: inline-block;
        content: '';
        width: 100%;
        height: 58px;
        margin-top: -15px;
        background-color: rgba(51, 255, 0,0.1);
    }

span.timermin i {
    width: 3px;
    height: 7px;
    white-space: nowrap;
    background-color: #1B9495;
    background-color: #93B2C6;
    position: absolute;
    top: 4px;
}

span.highline {
    background-color: #00F0C8;
    background-color: #1C86C2;
}

span.timerhour i {
    width: 3px;
    height: 12px;
    white-space: nowrap;
    background-color: #93B2C6;
    position: absolute;
    top: 4px;
}

span.timerhour label {
    white-space: nowrap;
    position: relative;
    top: 20px;
    width: 30px;
    text-align: center;
    display: inline-block;
    left: -16px;
    color: #66869F;
}

.btTimeline {
    position: absolute;
    top: 2px;
    width: 450px;
    height: 3px;
    z-index: 100;
    background-color: #9c9c9c;
}

.btTimelinehover {
    position: absolute;
    top: 2px;
    width: 80%;
    height: 3px;
    z-index: 101;
    background-color: #69b8d2;
}

.timeCircle {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -2px;
    z-index: 9999;
    display: inline-block;
    background-color: #247AA9;
    border-radius: 8px;
    border: 3px solid #FFF;
    cursor: pointer;
    transform: translateX(1px);
}

.playWrap {
    position: absolute;
    left: 430px;
    bottom: 10px;
    background-color: #D3EAFB;
    padding: 6px 12px;
    box-shadow: 5px 5px 10px #ccc;
    border-radius: 6px;
    /*opacity:0.8;*/
}

.talkbubble {
    position: absolute;
    padding: 5px 5px 10px 5px;
    top: -34px;
    margin-left: -53px;
    width: 100px;
    color: #FFF;
    background-color: transparent;
    background-image: url(../images/sjz_ys.png);
    background-size: 100% 100%;
    display: none;
    text-align: center;
    border-radius: 2.5px;
}

#togglePanel img {
    width: auto;
}

.playCon {
    user-select: none;
}

.timerT a, .timer-setting a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    border-radius: 15px;
    background-color: #4E8DB0;
    position: relative;
}

    .timerT a:hover, .timer-setting a:hover {
        cursor: pointer;
        filter: brightness(1.2);
    }

#palyPre::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 10px solid #FFF;
    border-bottom: 7px solid transparent;
}

#palyPre::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-7px,-50%);
    content: '';
    width: 2px;
    height: 12px;
    background-color: #FFF;
}

#palyNext::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #FFF;
    border-bottom: 7px solid transparent;
}

#palyNext::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(6px,-50%);
    content: '';
    width: 2px;
    height: 12px;
    background-color: #FFF;
}

#palyBtn {
    transform: scale(1.3);
}

    #palyBtn::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-5px,-50%);
        content: '';
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-left: 14px solid #FFF;
        border-bottom: 7px solid transparent;
    }

    #palyBtn.palying::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-6px,-50%);
        content: '';
        width: 3px;
        height: 14px;
        background-color: #FFF;
    }

    #palyBtn.palying::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(3px,-50%);
        content: '';
        width: 3px;
        height: 14px;
        background-color: #FFF;
        border: none;
    }

#btnSetTime {
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    background-image: url(../images/sjz_sx.png);
    background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    #btnSetTime::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        content: '';
        width: 20px;
        height: 20px;
    }

#btnFlashTime {
    background-color: transparent;
    background-image: url(../images/sjz_sz.png);
    background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    #btnFlashTime::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        content: '';
        width: 20px;
        height: 20px;
    }

#layui-laydate1 {
    margin: -3px 0 0 -186px;
}

.timeCircle .talkbubble {
    transform: translate(3px,0);
}

.timerZh .frocast.highline {
    background-color: #03c103 !important;
}

.header-nav {
    user-select: none;
}

.divSSFX:after {
    clear: both;
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
}

.ssfxClass {
    float: left;
}

.ssfxClassRight {
    float: left;
    padding-left: 70px;
}