@CHARSET "UTF-8";
@font-face{
     font-family: 'machine'; 
     src:url('./font/DIGIFAW_0.TTF') format('truetype');
}
*{margin: 0;padding: 0;}
html,body,.echart-bg,#echartMap{width: 100%;height: 100%;min-height: 650px;font-size:14px;font-family: Microsoft Yahei;min-width:1200px;}
.echart-bg{position: absolute;background: url("../../img/wlw/index-bg.jpg") no-repeat center center fixed;background-size: 100% 100%;}
.btn-wrapper{position:fixed;bottom:25px;left:50%;width:300px;margin-left:-150px;height:80px}
.copy-right{position:fixed;bottom:6px;left:50%;width:800px;margin-left:-400px;height:20px;color:#031e58;text-align: center;}
.copy-right a{color: #031e58;}
.backBtn{
    position: absolute;
    top:110px;
    box-shadow: 0 0 10px #0185CE inset;
    background-color: #001954;
    border: 0;
    color:#0185CE;
    height: 28px;
    cursor: pointer;
    z-index:98;
    right: -100px;
    width:100px;
    border:1px solid #0185CE;
    border-radius:5px;
}
.wrapperBg{background: rgba(1, 23, 70,0.5);}
.selectUserBtnOn{display:inline-block;height: 50px;width:48%;background: url(../../img/wlw/btn-xlb-select.png) no-repeat center center;background-size: 25%;line-height: 117px;text-align: center;color: #fff;text-decoration: none;}
.selectUserBtnOn span{color:#fc2828}

.unselectUserBtn{display:inline-block;height: 50px;width:48%;background: url(../../img/wlw/btn-xlb-unselect.png) no-repeat center center;background-size: 25%;line-height: 117px;text-align: center;color: #fff;text-decoration: none;}
.unselectUserBtn span{color:#009afe}

.selectXlbBtnOn{display:inline-block;height: 50px;width:48%;background: url(../../img/wlw/btn-xlb-select.png) no-repeat center center;background-size: 25%;line-height: 117px;text-align: center;color: #fff;text-decoration: none;}
.selectXlbBtnOn span{color:#fc2828}

.unselectXlbBtn{display:inline-block;height: 50px;width:48%;background: url(../../img/wlw/btn-xlb-unselect.png) no-repeat center center;background-size: 25%;line-height: 117px;text-align: center;color: #fff;text-decoration: none;}
.unselectXlbBtn span{color:#009afe}

.unselectRltBtn{display:inline-block;height: 50px;width:48%;background: url(../../img/wlw/btn-rlt-unselect.png) no-repeat center center;background-size: 25%;line-height: 117px;text-align: center;color: #fff;text-decoration: none;}
.unselectRltBtn span{color:#009afe}

.selectRltBtnOn{display:inline-block;height: 50px;width:48%;background: url(../../img/wlw/btn-rlt-select.png) no-repeat center center;background-size: 25%;line-height: 117px;text-align: center;color: #fff;text-decoration: none;}
.selectRltBtnOn span{color:#fc2828}

.nav-wrapper{min-width: 1200px;position:absolute;top:0px;left:0;width:100%;height:72px;background:url(../../img/wlw/title-line.png) no-repeat;background-size: 100% 90px;z-index: 99;}
.nav-wrapper .nav-title{margin:0 auto;height: 45px;width: 500px;text-align:center;font-size:26px;color: #fff;line-height: 50px;}
.nav-wrapper .nav-date{width:160px;height:45px;position: absolute;top: 0;right: 190px;color:#00B4FE;line-height: 50px;font-family: "machine";}
.nav-wrapper #showWeather{width:190px;height:30px;position: absolute;top:7px;right: 0;}
.nav-wrapper .nav-item{width:100%;height:40px;position:relative}
.nav-wrapper .nav-item .nav-logo{position:absolute;top:-3px;left:2%;height:34px;width:230px;}
.nav-wrapper .nav-item ul {margin:0 auto;width: calc(100% - 480px);display: flex;justify-content: center;height:35px;list-style: none;margin-top:2px}
.nav-wrapper .nav-item ul li{display:none;background:url(../../img/wlw/nav-unselect.png) no-repeat;width:103px;height:30px;background-size:100%;text-align:center;line-height:30px;color:#1792DB;float:left;margin-right:10px}
.nav-wrapper .nav-item ul li.selectOn{background:url(../../img/wlw/nav-select.png) no-repeat;color:#B89D43;width:103px;height:30px;background-size:100%;text-align:center;line-height:30px;float:left;margin-right:10px}
.nav-wrapper .nav-item ul li a{color:#1792DB;text-decoration: none;display: block;width: 100%;}
.nav-wrapper .nav-item ul li.selectOn a{color:#B89D43;text-decoration: none;}
.nav-wrapper .nav-div{display: block;float:right;width:100px;height:28px;line-height:30px;text-align:center;box-shadow: 0px 0px 10px #0185CE inset;text-decoration: none;position: absolute;top:-3px;right: 4%;color: #0185CE;border:1px solid #0185CE;border-radius:5px}
.left-wrapper{width:24%;height:100%;float: left;position: relative;}
.right-wrapper{width:24%;height:100%;float: right;position: relative;}
.middle-wrapper{width:40%;height:100%;float:left;margin-left: 6%;}
#user-total{position: relative;margin-top: 90px;width: 100%;text-align:center;background:url(../../img/wlw/data.png) no-repeat center;background-size: 100% 100%;padding: 5px 0;height: 70px;}
#user-total span{display:inline-block;width:30%;color:#fff;font-size:14px;font-family: Microsoft Yahei;    line-height: 30px;font-weight:normal}
#user-total>span em{display:block;font-style:normal;font-size:18px;font-weight:bold;padding:0 8px;font-family: 'machine';}
#notice{color:#0185CE;line-height: 30px;width:95%;height:30px;text-align:center;}
.txt-scroll{position: relative;background-image: url(../../img/wlw/ico-notice.png); background-position: 10px center; background-repeat: no-repeat;}
.txt-scroll{ width: 94%; height: 30px; line-height: 30px; padding: 0 5px 0 40px; }
.txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s;border-bottom: 1px solid #0185CE;}
.txt-scroll .txt,.txt-scroll .txt-clone{ display: inline; position: relative; }
/*去掉百度地图logo*/
.BMap_cpyCtrl,.anchorBL  { display: none;  }

.form-control{margin:0 auto;margin-bottom:5px;width:60%;}
.clr{clear:both}

.str_wrap a{color:#00c0ff;font-weight:bold}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 16px;
    height: 16px;
    background-color: #0B1B3C;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color:  #0B1B3C;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #069ACE;
}

input::-webkit-input-placeholder {
       /* placeholder颜色  */
        color: #fff;
        /* placeholder字体大小  */
        font-size: 12px;
         /* placeholder位置  */
        text-align: left;
        padding-left:5px;
}
#ie-not-support{position: absolute;
    top: 0;
    left:0;
    width: 100%;
    z-index: 999;
    text-align: center;
    display:none}
.no-data-tip{color:#fff;font-size:14px;width:100%;height:80%;text-align:center;padding-top:15%;}
/*下面是通用的高德地图弹出窗口样式*/
.content-window-card {
    position: relative;
    box-shadow: #029fed 0px 0px 16px 0px inset;
    color: #96B6CD;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
    border: 1px solid #029fed;
    background: rgba(4,21,51,1);
}
div.info-top {
    position: relative;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
    height:38px;
     line-height: 38px;
}
div.info-middle {
    font-size: 16px;
    padding: 10px 6px;
    line-height: 30px;
    height:160px;
}
div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
    position: relative;
    top: 0px;
    margin: 0px auto;
}
div.info-top img {
    position: absolute;
    top: -32px;
    right: -33px;
    transition-duration: 11.25s;
}
div.info-top div {
    display: inline-block;
    color: #96B6CD;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 10px;
}