::-webkit-scrollbar {
    width: 6px;
    height:6px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
    background: #eaf1fb;

}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 8px #0076b5;
    background:#0076b5 ;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
.top-title{
    border-bottom:5px solid #0076b5;
}
.title span{
    background:url('/haiyang_imagesmap/imagesmap/img/title-02288d0e6abbd93a5f1685aafedb4451.png');
    background-size:100% 100%;
}
a,a:hover{
    text-decoration: none;
}
.main-content {
    width: calc(100% - 468px);
    height:100%;
    position: absolute;
    top: 0;
    right: 0;
}
.map-full{
    width: 100%;
}
.map-half{
    height: calc(100% - 280px);
}
.mapContentDiv{
    width:100%;
    position: absolute;
    height:100%;
    top:0;
    right:0;
}
.map-toolsBar{
    top:200px;
    right:10px;
}
.maptoolsTop{
    top: 65px;
}
.left-searchPanel{
    height:100%;
    width: 380px;
   /* border-right:1px solid #dddfe4;*/
}
.left-searchPanel .nav-tabs{
    background:#dee9ee;
}
.left-searchPanel .nav-tabs>li>a {
    color: #5a5a5a;
}
.left-searchPanel .nav-tabs>li.active>a,.left-searchPanel .nav-tabs>li.active>a:focus,.left-searchPanel .nav-tabs>li.active>a:hover{
    color:#0076b5;
}
.left-searchPanel .tab-content>.tab-pane{
    padding:10px;
}
.cond-content{
    border:1px solid #dddfe4;
}
.xztccon{
    height:128px;
    border-bottom:1px solid #dddfe4
}
#slwj-list label{
    /*width:172px;
    word-break:break-all;*/
    cursor: pointer;
}
.cjsj{
    margin:10px 0;
}
.cjsj .c-datepicker-date-editor{
    width: calc(100% - 88px);
}
.cjsj .c-datepicker-data-input.only-date{
    width: 108px;
}
.prompt-text{
    color:#737373;
    font-size:12px;
}
.btn-jwdzh,.btn-dw,
.btn-jwdzh.focus, .btn-jwdzh:focus, .btn-jwdzh:hover,
.btn-dw.focus, .btn-dw:focus, .btn-dw:hover{
    background:#0076b5;
    color:#fff;
}
.sensorCon-title{
    background:#0076b5;
    color:#fff;
}
.s-title{
    background: #3f98c7;
    border: 1px solid #9cd2ef;
}
 ul.cx-hzcz{
    background: #fff;
    height: 36px;
    padding-left: 5px;
}
.cx-hzcz li:first-child{
    color:#0679b7;
}
 ul.cx-hzcz li a:hover,
 ul.cx-hzcz li.active a{
    background: #e1eff7;
}
.map-toolsBar ul.qtcz {
    background: rgba(0,0,0,0.75);
    height: auto;
    width: 42px;
    box-shadow: none;
    padding: 4px 0;
    border-radius: 3px;
}
.map-toolsBar ul.qtcz  li{
    float: unset;
    width:100%;
    height: 42px;
    padding: 2px 2px;
}
.map-toolsBar ul.qtcz li a{
    height: auto;
    color:#fff;
    padding: 0;
    border-right: none;
    text-align: center;
    font-size: 11px;
    width:100%;
}
.map-toolsBar ul.qtcz li a span{
    display: block;
    margin: 0 auto;
}
.map-toolsBar ul.qtcz li a:hover,
.map-toolsBar ul.qtcz li.active a{
    background: #e1eff7;
    color:#0076b5;
    border-radius:2px;
}
ul.cx-hzcz li span{
    vertical-align: bottom;
}
#dx span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/dx-26b2ae70dbea5a5b84fcfaf9e72a438e.png") no-repeat center center;
    background-size:100% 100%;
}
#dx:hover span,
#dx.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/dx-a-54db4ac7a53916f87b856830950d6f56.png") no-repeat center center;
    background-size:100% 100%;
}
#cfx span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/cfx-19d080325f8277aea48a3a6ac56b480f.png") no-repeat center center;
    background-size:100% 100%;
}
#cfx:hover span,
#cfx.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/cfx-a-6def310f7df69670dbc303599acdd455.png") no-repeat center center;
    background-size:100% 100%;
}
#dbx span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/dbx-5e363356becfe14d7ff0e721e3066bf3.png") no-repeat center center;
    background-size:100% 100%;
}
#dbx:hover span,
#dbx.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/dbx-a-fcbe06008c8a7c2b352d8cfc0047b6a7.png") no-repeat center center;
    background-size:100% 100%;
}
#fw span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/fw2-d7c55e356473de757db4018419290d51.png") no-repeat center center;
    background-size:100% 100%;
}
#fw:hover span,
#fw.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/fw-a-32084cd9501f9273ff4b6a0ccfab02c2.png") no-repeat center center;
    background-size:100% 100%;
}
#qc span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/qc2-3711b1d511bcd7d8ff194115109233ab.png") no-repeat center center;
    background-size:100% 100%;
}
#qc:hover span,
#qc.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/qc-a-f7b6d3c631cbceb43d094788f06e8544.png") no-repeat center center;
    background-size:100% 100%;
}
#cl span,
#cj span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/cl2-3bfa0c66262c44a6f5bfa8c8ae2830f6.png") no-repeat center center;
    background-size:100% 100%;
}
#cl:hover span,
#cl.active span,
#cj:hover span,
#cj.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/cl-a-4d739721144722bbb28c96dc8cef0910.png") no-repeat center center;
    background-size:100% 100%;
}
#bh span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/bh-3330067a92eab740da36bbc30caf6fac.png") no-repeat center center;
    background-size:100% 100%;
}
#bh:hover span,
#bh.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/bh-a-6adf331bfe2410966a35a7ca28cfa945.png") no-repeat center center;
    background-size:100% 100%;
}
#my span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/my2-26f8d6db0a1baafe0aeb30e7f67a903c.png") no-repeat center center;
    background-size:100% 100%;
}
#my:hover span,
#my.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/my-a-92e9cf72270bad4f6c37cd254661b0c1.png") no-repeat center center;
    background-size:100% 100%;
}

#sjz span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/sjz-cc7f7594b8cc14ab9fd69a51bd34c833.png") no-repeat center center;
    background-size:100% 100%;
}
#sjz:hover span,
#sjz.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/sjz-a-5778eee03eca436a8cc7efda4665d7a9.png") no-repeat center center;
    background-size:100% 100%;
}

#cm span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/cm2-a4687ed8b7c259a7ba1b41147335e7e9.png") no-repeat center center;
    background-size:100% 100%;
}
#cm:hover span,
#cm.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/cm-a-bbd3cf98902f2e7e26459b5d2127de40.png") no-repeat center center;
    background-size:100% 100%;
}
#zb span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/jwd-97a5779ac5e9f7d53c6edc80dd47b6c3.png") no-repeat center center;
    background-size:100% 100%;
}
#zb:hover span,
#zb.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/jwd-a-94ebb05fd732d7e138d61c11e506bb9a.png") no-repeat center center;
    background-size:100% 100%;
}
#bz span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/bz-ff2d1156b612165d7419a65f5d98e35d.png") no-repeat center center;
    background-size:100% 100%;
}
#bz:hover span,
#bz.active span{
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/bz-a-3a2d12b2f9969fb946f7ea2c725bc25c.png") no-repeat center center;
    background-size:100% 100%;
}
.bh-panel{
   /* background: #fff;
    /*box-shadow:0 1px 10px #999;
    /*left:162px;
    top:48px;*/
    width: 100%;
}
.bh-panel .bh-title{
    color:#666;
}
.bh-panel .bh-czfs li span{
    font-size: 15px;
    font-weight: 600;
    color:#222;
}
.bh-panel #shp-download{
    background-color: #4ca1cf;
    border-color: #54a5d1;
}
.bh-panel #shp-download:hover,.bh-panel #shp-download:active,.bh-panel #shp-download:focus,.bh-panel #shp-download:visited{
    background-color: #4ca1cf;
    border-color: #54a5d1;
}
#bh-dd{
    background: url("/haiyang_imagesmap/imagesmap/img/bh/dd-e442af8c07ac5d2bc3969d8148ecf2fc.png");
    background-size:100% 100% ;
    vertical-align: middle;
}
#bh-x{
    background: url("/haiyang_imagesmap/imagesmap/img/bh/xian-60e6c93372963e7a2ceb8d767d66d9cb.png");
    background-size:100% 100% ;
    vertical-align: middle;
}
#bh-m{
    background: url("/haiyang_imagesmap/imagesmap/img/bh/mian-2d8d4762ab76f25c8d0b747c3c375785.png");
    background-size:100% 100% ;
    vertical-align: middle;
}
.bh-panel .bh-czfs li:hover a{
    background:#e1eff7 ;
    text-decoration: none;
}
.bh-panel .bh-czfs li:hover span{
    color:#0076b5;
}
.locationSearch{
    background: rgba(0,0,0,0.75);
    box-shadow: 0 1px 10px #999;
    top: 55px;
    right: 136px;
    border-radius: 6px;
    padding:4px 6px;
}
.upload_vector{
    position: inherit;
    background: #F5F5F5;
    color:#609CF2;
    border-radius: 6px;
    padding: 0;
}
.wdbh-checkAll input[type="checkbox"],
#wdbh-list li a input[type="checkbox"]{
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    /*border: 1.5px solid #0076b5;*/
    border-radius: 3px;
    outline: none;
}
.sensorCon input[type="checkbox"],
.sear-checkAll input[type="checkbox"],
#table input[type="checkbox"],
.wdbh-checkAll input[type="checkbox"],
#wdbh-list li a input[type="checkbox"]{
    border: 1px solid #0076b5;
}
.sensorCon-title input[type="checkbox"]:checked{
    background:url("/haiyang_imagesmap/imagesmap/img/checked-941443f981e13bcadf660f2bc3b0c173.png") no-repeat center;
}
.sensorCon input[type="checkbox"]:checked,
.sear-checkAll input[type="checkbox"]:checked,
#table input[type="checkbox"]:checked,
.wdbh-checkAll input[type="checkbox"]:checked,
#wdbh-list li a input[type="checkbox"]:checked{
    background:url("/haiyang_imagesmap/imagesmap/img/checked2-75f880bf291e01446d065dd8f926630b.png") no-repeat center;
}
input[type="checkbox"].sc-qs{
    background:url("/haiyang_imagesmap/imagesmap/img/check-qs-d074919fa2e66b53924c92f630fcf306.png") no-repeat center;
}
.main-menu-list li a{
    color:#444444;
}
.main-menu-list li a:hover,
.main-menu-list li.active a {
    background: #0076b5;
}
#userName:hover,
#userName.active{
    color:#fff;
}
.logout,
.skin{
    color:#333333;
}
.logout:hover,
.skin:hover{
    color:#0076b5;
    text-decoration: none;
}
.tcz-btn{
    padding:10px;
    border-bottom:1px solid #dddfe4;
}
.esriPopup .titlePane{
    background-color: #0076b5;
}
#locations-list li{
    border-bottom: 1px dashed #dddfe4;
    background:none;
}
#locations-list li:last-child{
    border-bottom:none;
}
#locations-list li span.l-name{
    color:#fff;
}
#locations-list div{
    color: #fff;
}
#locations-list li.active/*,
#locations-list li:hover*/{
    background:#e9f0f6;
}
#locations-list li.active .l-name,
#locations-list li.active div{
    color: #1679ef;
}
.l-paging span:hover,
.l-paging span.active{
    color:#0076b5;
    border: 1px solid #0076b5;
}
.uv-content{
    top: 55px;
    right:8px;
    background:rgba(0,0,0,0.75);
    color:#609CF2;
    border-radius: 6px;
}
.mapZoom{
    box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}
.mapZoom .scaling{
    background-color:rgba(0,0,0,0.75);
    border-bottom:1px solid #696969;
    color:#0076b5;
}
.mapZoom .zoomIn,.mapZoom .zoomOut{
    background:rgba(0,0,0,0.75);
    color:#fff;
}
.mapZoom .zoomIn{
    border-right: 1px solid #696969;
}
.mapZoom .zoomIn:hover,.mapZoom .zoomOut:hover{
    /*background:#93d1ff;
    font-weight:bold;*/
    color:#0076b5;
}
#table > tbody > tr:hover > td,
#table > tbody > tr:hover > th {
    background: #e9e9e9;
    color:#0076b5;
    cursor: pointer;
}
#table > tbody > tr.active > td,
#table > tbody > tr:active > th {
    background: #dee9ee;
    color:#0076b5;
}
#page-pre,#page-next,#page-first,#page-end{
    color:#609cf2;
}
#page-num{
    color:#609cf2;
}
.mapSwitchDiv,.mapLayerType{
    background-color:rgba(0,0,0,0.75);
    box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}
.mapLayerType ul li.active p,.mapLayerType ul li:hover p,.mapLayerType_g ul li.active p,.mapLayerType_g ul li:hover p{
    background: #1e9fff;
}
.mapLayerType ul li.active div.m-img,.mapLayerType ul li:hover div.m-img,
.mapLayerType_g ul li.active div.m-img,.mapLayerType_g ul li:hover div.m-img{
    border:1px solid #1e9fff;
}
.user-dropMenu{
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    background: #fff;
    border:1px solid #b8d9e2;
}
.user-dropMenu li a{
    color:#555;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
.user-dropMenu li:hover a{
    color:#0076b5;
}
.leftPanel-fold-btn{
    background:#fff;
    border:1px solid #dddfe4;
    left:449px;
}
.leftPanel-fold-btn span{
    line-height:56px;
    color:#666;
}
.leftPanel-fold-btn:hover span{
    color:#0076b5
}
.main-menu-list li{
    display: inline-block;
    padding:18px 5px;
}
.main-menu-list li a{
    display: inline-block;
    padding:4px 12px;
    cursor:pointer;
    height:32px;
    /*margin-top:8px;*/
}
.main-menu-list li a:hover,
.main-menu-list li.active a{
    text-decoration: none;
    color:#fff;
    border-radius: 3px;
    font-weight: 500;
}
#slwj-list label,
.xwsc-input label{
    font-weight: 500;
    color:#fff;
    vertical-align: top;
}
#slwj-list li:hover div,
#slwj-list li.active div{
    color:#0076b5;
    font-weight: 600;
}
#slwj-list div{
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 146px;
    color: #fff;
}
#slwj-list input[type="checkbox"],
.xwsc-input input[type="checkbox"]{
    border: 1px solid #0076b5;
}
#slwj-list input[type="checkbox"]:checked,
.xwsc-input input[type="checkbox"]:checked{
    background:url("/haiyang_imagesmap/imagesmap/img/checked2-75f880bf291e01446d065dd8f926630b.png")no-repeat center
}
#slwj-list li span.yangshi{
    background:url(/haiyang_imagesmap/imagesmap/img/yangshi2-1f9894f0f5a4f391965eb5018fb47cec.png) ;
    background-size: 100% 100%;
}
#slwj-list li:hover span{
    display: inline-block;
    color:#0076b5;
}
.yxxq-con {
    border: 1px solid #dddfe4;
}
.yxxq-title {
    background: #dee9ee;
    color: #0076b5;
    border-bottom: 1px solid #0076b5;
}
#yxxq-list li{
    border-bottom: 1px solid #dddfe4;
}
.list-r {
    border-left: 1px solid #dddfe4;
}
.search-btn button:first-child{
    background: #0076b5;
    min-width: 80px;
    color:#fff;
}
.search-btn button:last-child{
    min-width: 80px;
    background: #5cb85c;
    color:#fff;
}
.uvcf-btn{
    background:#e8a547;
    border: 1px solid #e8a547;
    color:#fff;
}
.uvcf-btn:hover{
    background: #e29a34;
    border: 1px solid #e29a34;
    color:#fff;
}
.uvcf-btn:hover,.uvcf-btn:visited,.uvcf-btn:focus,.uvcf-btn:active{
    color:#fff;
}
.mapCompare_title_gb,
.mapCompare_title_sq{
    background:rgba(0,118,181,0.5);
    border:1px solid rgb(53,185,255);
    z-index: 5;
}
.mapCompare_title_sq input[type="radio"]:checked + .radio-label:before {
    background-color: #3f98c7;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}
.bh-panel .bh-title span:hover{
    color:#0076b5;
}
#result table thead tr th{
    text-align: center;
}
.d-bh-img ul li:hover img,
.d-bh-img ul li.active img{
    background: #cde2ed;
    border-radius: 4px;
    border:1px solid #a3d1ea;
}

.selectContainer {
    position: relative;
}
.selectInput {
    width: 200px;
    height: 25px;
    border-style: none;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 3px;
}
.picture_click {
    opacity: 1;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 10px;
    right: 125px;
}
.selectList {
    width: 206px;
    height: 212px;
    overflow-y: scroll;
    text-align: left;
    margin: 0 172px;
    border: 1px solid #999;
    display: none;
    position: absolute;
    left: -130px;
    top: 25px;
    background-color: #fff;
}
.selectList div {
    cursor: pointer;
}
.nullcon{
    display: none;
    text-align: center;
    padding: 10px;
    word-break: break-all;
}
/*时间轴start*/
#yxpanel{
    position: absolute;
    top: 10px;
    left: 492px;
    width: 348px;
    height: 32px;
    z-index: 1;
}

#yxpanel1{
    position: absolute;
    top: 10px;
    left: 28px;
    width: 336px;
    height: 32px;
    border-radius: 18px;
    z-index: 1;
}
.yxp1_sjcx{
    left: 148px!important;
}
#yxpanel1db,
#tdyxpanel1db{
    position: absolute;
    top: 10px;
    right: 280px;
    width: 336px;
    height: 32px;
    border-radius: 18px;
    z-index: 1;
}
.map_yxmes{
    display: inline-block;
    position: absolute;
    padding: 4px;
    z-index: 2;
    border-radius:5px;
    max-height:240px;
    overflow: auto;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.75);
    /*box-shadow: 3px 3px 3px rgba(0,0,0,0.3);*/
    box-shadow: 0 1px 10px #999;
}
.panel_2{
    width:304px;
    height: 41px;
    /*border:1px solid #4aaef5;*/
    border-radius:24px;
    display: block;
}
#yxpanel .panel_2{
    display: none;
    top: 46px;
    left: 0px;
}
#yxpanel1 .panel_2{
    top: 46px;
    display: none;
}
.timeline_left{
    display: inline-block;
    width: 33px;
    height: 33px;
    margin:5px 6px;
    background: #75b6ef;
    border-radius: 18px;
    color:#fff;
    float:left;
}
.timeline_left:hover,.timeline_right:hover{
    background: #559ddc;
}
.timeline_right{
    display: inline-block;
    width: 33px;
    height: 33px;
    margin:5px 6px;
    background: #75b6ef;
    border-radius: 18px;
    color:#fff;
    float:right;
}
.timeline_left span,
.timeline_right span{
    display: inline-block;
    line-height: 33px;
    width:33px;
    text-align: center;
    font-size: 16px;
    cursor:pointer;
}
.yxt-title{
    display: inline-block;
    width:234px;
    height:16px;
    position:absolute;
    top:2px;
    left:42px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color:#8bc34a;
}
.yt-div{
    display: inline-block;
    width:222px;
    height: 14px;
    position:absolute;
    top:18px;
    left:42px;
    overflow: hidden;
    /*background: url("/haiyang_imagesmap/imagesmap/img/map/yxt-bg-1098ff07fa8d1256a7acd598fdc1bdfe.png") no-repeat;*/
}
.yt-content{
    width:100%;
    height: 14px;
    position: absolute;
    top: 2px;
    left:0;
    overflow: hidden;
}
.yt-content ul{
    margin:0;
    padding:0;
    width: 100%;
    height: 14px;
    list-style: none;
    box-sizing: border-box;
    /* background: rgba(117,182,239,0.2);*/
}
.yt-content ul li{
    list-style: none;
    height: 14px;
    /* padding-right:2px;*/
    display: inline-block;

}
.yt-content ul li span{
    display: none;
}
.yt-content ul li a{
    /* background: url("/haiyang_imagesmap/imagesmap/img/map/yxt-p-dc7f40c1fb573ac2770a1af52bf88d40.png") no-repeat;
     background-position: center center;*/
    cursor:pointer;
    display: inline-block;
    width: 100%;
    min-width: 1px;
    height: 14px;
    background: rgba(117,182,239,0.5);
    user-select:none;
}
.yt-content ul li.active a{
    /* background: url("/haiyang_imagesmap/imagesmap/img/map/yxt-p-a-8ae6f6aa824a923d414fb6b6113194b9.png") no-repeat;
     background-position: center center;*/
    background: #2191f3;
}
/*时间轴end*/
.yxt-title{
    display: inline-block;
    /*width:125px;*/
    height:16px;
    position:absolute;
    top: 2px;
    left:0px;
    right: 0;
    margin: auto;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    /*color: #8bc34a;*/
    color: #2191f3;
    text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
}
#yxpanel1 .map_yxmes #yxt-title1{
    border-radius: 10px;
}
.tckContentDiv{
    max-height: 300px;
    overflow:auto;
    padding: 5px;
}
.xqdiv-ul{
    border:1px solid #e0e0e0;
    margin-top:5px;
    margin-bottom:0;
    padding-left:0;
}
.xqdiv-ul li{
    display:flex;
    line-height:28px;
    border-bottom:1px solid #e2e2e2;
}
.xqdiv-ul li .xqdleft{
    display:inline-block;
    width:90px;
    line-height:28px;
    padding-left: 5px;
    background: #f1f1f1;
    font-weight:600;
    margin-right:10px;
    border-right:1px solid #e2e2e2;
    word-wrap: break-word;
}
.xqdiv-ul li .xqdright{
    word-wrap : break-word;
    display: inline-block;
    width: calc(100% - 100px);
}
.versions-but{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 8px;
    z-index: 1;
    height: 34px;
    width:200px;
}
.versions-but .simple a,.versions-but .senior a{
    display: none;
    float: left;
    width: 88px;
    height: 32px;
    background: #fff;
    border-radius: 44px;
    text-align: center;
    line-height: 30px;
    color: #858585;
    border: 1px solid #858585;
    text-decoration: none;
    margin-left: 8px;
    padding-left: 20px;
    cursor: pointer;
    user-select: none;
}
.versions-but .simple a:before,.versions-but .senior a:before{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
}
.versions-but .simple a:before{
    top: 8px;
    left: 20px;
    background: url("/haiyang_imagesmap/imagesmap/img/buticon2-0a1e6ef3899a0bc0746e5f065741ea46.png");
}
.versions-but .simple .active:before{
    top: 8px;
    left: 20px;
    background: url("/haiyang_imagesmap/imagesmap/img/buticon1-d9ea0f2794acf6f9cd31999962cc6bef.png");
}
.versions-but .senior a:before{
    top: 8px;
    left: 116px;
    background: url("/haiyang_imagesmap/imagesmap/img/buticon4-ed821f0be60dea15eee8c0a120b7c66c.png");
}
.versions-but .senior .active:before{
    top: 8px;
    left: 116px;
    background: url("/haiyang_imagesmap/imagesmap/img/buticon3-efb3fdc838944fd6efad508e970bfb55.png");
}
.versions-but .simple .active,.versions-but .senior .active{
    background: #0076b5;
    color: #fff;
    border: 1px solid #0076b5;
}
/*顶部定位功能*/
.locationDiv{
    /* width: 366px;*/
    position: absolute;
    top: 10px;
    right: 10px;
    background:rgba(0,0,0,0.75);
    z-index: 2;
    border-radius: 6px;
    padding: 4px 6px 4px 6px;
    box-shadow: 0 1px 10px #999;
}
.locationDiv>ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.locationDiv>ul>li{
    padding-right: 6px;
}
.locationDiv>ul>li:last-child{
    padding-right: 0;
}
.btn-search{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-search:hover{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.glyphicon{
    padding-right: 2px;
}
.baseMapContent{
    display: inline-block;
    position: absolute;
    top: 55px;
    padding: 5px;
    z-index: 2;
    border-radius: 5px;
    max-height: 240px;
    overflow: auto;
    background: rgba(0,0,0,0.8);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    left: calc(100% - 284px);
}
.locationContent {
    display: inline-block;
    position: absolute;
    top: 55px;
    right: 10px;
    width: 272px;
    z-index: 2;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background: rgba(0,0,0,0.75);
    font-size: 12px;
    padding: 5px 10px;
}
.sjz_jjb,.sjz_zyb{
    display: none;
}
.contrast_btnl{
    display: inline-block;
}
#contrast_btn{
    background: #9863ef;
    border: 1px solid #9863ef;
    color: #fff;
}
/*#contrast_btn span.glyphicon-minus{

}*/
#contrast_btn:hover{
    background: #8b57e0;
    border: 1px solid #8b57e0;
}
#tdCompareBtn{
    background: #4ca764;
    border: 1px solid #4ca764;
    color: #fff;
}
#tdCompareBtn:hover{
    background: #129747;
}
.sjz_jj,.sjz_zy{
    z-index: 2;
    text-align: center;
    background: #e67d33;
    color: #fff;
    line-height: 30px;
    padding: 7px 10px;
}
.sjz_jj .glyphicon_sjz:before,.sjz_zy .glyphicon_sjz:before{
    content: '';
    position: absolute;
    top: -17px;
    left: -1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px 2px 2px 0;
    vertical-align: middle;
    background: url("/haiyang_imagesmap/imagesmap/img/toolsIcon/sjz-a-5778eee03eca436a8cc7efda4665d7a9.png") no-repeat center center;
    background-size:100% 100%;
}
.glyphicon_sjz{
    padding-left: 22px;
    color: #fff;
}
.locationDiv .sjz_jjb:hover .sjz_jj,
.locationDiv .sjz_jjb:active .sjz_jj,
.locationDiv .sjz_zyb:hover .sjz_zy,
.locationDiv .sjz_zyb:active .sjz_zy{
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
/*坐标定位度分秒*/
.btn-minutes,.btn-degrees{
    background: #5bc0de;
    border: 1px solid #5bc0de;
    color: #fff;
}
.btn-degrees{
    width: 46px;
    display: none;
}
.btn-minutes.active.focus,
.btn-minutes.active:focus,
.btn-minutes.active:hover,
.btn-minutes:active.focus,
.btn-minutes:active:focus,
.btn-minutes:active:hover,
.btn-minutes:hover,.btn-minutes:focus{
    color: #fff;
    background-color: #31b0d5;
    border: 1px solid #31b0d5;
    /*outline: none;*/
}
.btn-degrees.active.focus,
.btn-degrees.active:focus,
.btn-degrees.active:hover,
.btn-degrees:active.focus,
.btn-degreess:active:focus,
.btn-degrees:active:hover,
.btn-degrees:hover,.btn-degrees:focus{
    color: #fff;
    background-color: #31b0d5;
    border: 1px solid #31b0d5;
    /*outline: none;*/
}
.minutes-jd .form-control,.minutes-wd .form-control{
    display: inline-block;
    width: 166px;
    height: 28px;
}
.minutes-jd .form-control{
    margin-bottom: 4px;
}
.minutes-jd>span,.minutes-wd>span{
    padding-right: 4px;
    width: 65px;
    /*display: inline-block;*/
    text-align: right;
    color: #fff;
}
.content_zbdw_minutes{
    display: none;
    margin-bottom: 6px;
}
/*影像面板*/
.panel_1 {
    width: auto;
    overflow: hidden;
}
#zhankai-btn,#zhankai-btndb,#zhankai-btn1,#zhankai-btn1db,
#zhankai-tddb{
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: none;
    background: url(/haiyang_imagesmap/imagesmap/img/map/zhankai-254f1f083e4004813241bbd84d63d547.png) no-repeat;
    background-size: 100% 100%;
}
#shousuo-btn,#shousuo-btndb,#shousuo-btn1,#shousuo-btn1db,
#shousuo-tddb{
    display: none;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(/haiyang_imagesmap/imagesmap/img/map/shousuo-6b3bdabaf16402f66232214dccd373ac.png) no-repeat;
    background-size: 100% 100%;
}
#close-btn,#close-btndb,#close-btn1,#close-btn1db,
#close-tddb{
    display: none;
    width: 18px;
    height: 18px;
    cursor: pointer;
    float: right;
    margin: 6px 5px 0 5px;
    background: url(/haiyang_imagesmap/imagesmap/img/map/close-yx-5c53eac9ac48db2008d624325b2d9668.png) no-repeat;
    background-size: 100% 100%;
}
#close-btn{
    display: none;
}
.my-title {
    height: 28px;
    line-height: 28px;
    width: 82px;
    background: #4aaef5;
    color: #fff;
    padding: 0 3px;
    border-radius: 3px;
    display: inline-block;
}

.panel_1 span {
    display: inline-block;
    vertical-align: middle;
}

#yx-btn,#yx-btndb,#yx-btn1,#yx-btn1db,
#yx-tddb{
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(/haiyang_imagesmap/imagesmap/img/map/zhankai-yx-86c02b110ff8f43be8d80dd9326ee661.png) no-repeat;
    background-size: 100% 100%;
}

#myx-tree,#myx-treedb,#myx-tree1,#myx-tree1db,
#tdmyx-tree1db{
    display: none;
    max-height: 200px;
    overflow: auto;
}
#bm_treeList{
    color: rgb(51, 51, 51);
    margin: 0px;
    padding: 0px;
}
#bm_treeList li {
    line-height: 17px;
    text-align: left;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
    list-style: none;
    outline: 0px;
}
#yxpaneldb {
    position: absolute;
    top: 10px;
    right: 160px;
    width: 336px;
    height: 32px;
    border-radius: 18px;
    z-index: 1;
}
/*精简版对比的时间轴*/
#tdyxpanel1db .panel_2 ,#yxpanel1db .panel_2 ,#yxpaneldb .panel_2{
    top: 46px;
    display: none;
}
#sjz{
    /*display: none;*/
}
#my a{
    border-right: 1px solid transparent;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 4px 10px;
}
 ul.qtcz li {
    height: auto;
}
 ul.cx-hzcz li {
    height: 36px;
}
.cx-hzcz li:first-child {
    line-height: 36px;
}
 ul.cx-hzcz li a {
    padding: 4px 6px;
     width:auto;
     color: #555555;
}
.sj-paging {
    height: 40px;
    padding-top: 6px;
    background: #fff;
}
.left-main-menu{
    position: absolute;
    left:0;
    top: 0;
    height: 100%;
    /*width: 136px;*/
    background: rgba(0,0,0,0.75);
    color: #fff;
    z-index:4;
    display: none;
}
.lmm-title{
    /*width:100%;*/
    color:#fff;
    text-align: center;
    background: url("/haiyang_imagesmap/imagesmap/img/navmenu/logo-bg-efa0309ea3dcbdf0382798f5ec3a0084.png") no-repeat;
    background-position: bottom;
    padding-bottom: 15px;
}
.lmm-title span{
    display: inline-block;
    font-size: 22px;
    line-height: 28px;
    display: block;
}
.lmm-title img{
    margin-top: 18px;
    margin-bottom: 4px;
}
.lmm-folding-div{
    padding:0 20px;
    line-height: 52px;
}
.lmm-folding-div span{
    line-height: 52px;
    font-size: 14px;
    color:#00a6ff;
    display: inline-block;
    margin-right: 20px;
}
.lmm-folding-div a{
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    /*margin-left: 30px;*/
}
.lmm-folding-div img{
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
#lmm-menuList{
    /* width: 100%;*/
}
#lmm-menuList li,
#userDiv-n li{
    height: 52px;
}
#lmm-menuList li a,
#userDiv-n li a{
    display: inline-block;
    /* width: 100%;*/
    height: 52px;
    color: #fff;
    text-decoration: none;
    cursor:pointer;
    text-align: center;
    font-size: 14px;
    line-height: 52px;
    padding: 0 22px;
}
#lmm-menuList li a span,
#userDiv-n li a span{
    margin-left: 12px;
}
#lmm-menuList li a.active,
#userDiv-n li a.active,
#lmm-menuList li a:hover,
#userDiv-n li a:hover{
    background: #0076b5;
}
.user-img{
    width:24px;
    height: 24px;
}
#userName{
    display: inline-block;
    width:46px;
    text-align: left;
}
.logout span{
    margin-right:0;
}
div.lmm-menuPrompt{
    position: absolute;
    /* top: 0; */
    left: 68px;
    line-height: 52px;
    background: #0076b5;
    color: #fff;
    display: none;
    width: 100px;
    text-align: center;
}
.lmm-mp-show{
    display: inline-block!important;
}
.l-paging {
    color:#fff;
}
#txtwd{
    margin-top: 5px;
}
#bm_treeList li a{
    color: #fff;
}
#userDiv-n{
    position: absolute;
    bottom: 0;
}
.left-main-con-div{
    position: absolute;
    top: 0;
    left: 68px;
    background: rgba(255,255,255,0.75);
    height: 100%;
    width: 400px;
    z-index: 3;
    display: none;
    padding:10px;
    box-shadow: 3px 0 3px rgba(0,0,0,0.15);
}
.lmcd-l-left{
    left:136px!important;
}
.sxtj-title{
    width: 100%;
    line-height: 36px;
    color: #0076b5;
}
.sxtj-title a{
    color: #0075da;
    font-size: 14px;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.sxtj-title a:hover{
    cursor:pointer;
}
.sxtj-title.fold{
    background: #0076b5;
}
.sxtj-title.fold>a{
    color: #ffffff;
}
.cond-content{
    height: calc(100% - 36px);
}
.myDDData,.mySystemMana{
    display: none;
}
.orbitPrediction,.myDDData,.mySystemMana{
    height: 100%;
}
#myDataFrame,#mySystemFrame{
    width:100%;
    height: 100%;
}
.left-myPlot,
.left-taskIssue,
.left-professionalLayer{
    width: 100%;
    height: 100%;
    border:1px solid #dddfe4;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.left-professionalLayer{
    border: none;
}
.left-myPlot ul.nav-tabs{
    border-bottom: 1px solid #ddd;
    background: #0076b5;
    /* color: #fff; */
    border-radius: 5px 5px 0 0;
}
.bh-panel ul.nav-tabs{
    border: 1px solid #0076b5;
    background: #0076b5;
    /* color: #fff; */
    border-radius: 5px 5px 0 0;
}
.left-myPlot ul.nav li a,
.bh-panel ul.nav li a{
    color: #fff;
}
.left-myPlot ul.nav li:hover a,
.bh-panel ul.nav li:hover a{
    background: transparent;
    border-color:transparent ;
}
.left-myPlot ul.nav li.active:hover a,
.bh-panel ul.nav li.active:hover a{

}
.left-myPlot ul.nav li.active>a, .left-myPlot ul.nav li.active>a:focus, .left-myPlot ul.nav li.active>a:hover{
    color: #0076b5;
    border-color: transparent;
    /*border-bottom: 2px solid #0076b5;*/
    font-weight: bold;
    background: #fff;
}
.bh-panel ul.nav li.active>a, .bh-panel ul.nav li.active>a:focus, .bh-panel ul.nav li.active>a:hover{
    color: #0076b5;
    border-color: transparent;
   /* border-bottom: 2px solid #0076b5;*/
    font-weight: bold;
    background: #fff;
}
.bh-panel ul.nav{
    /*margin:10px  10px 0 10px;*/
}
.wdbh-checkAll{
    display: inline-block;
    line-height: 36px;
    padding: 0 10px;
}

.opeBtns{
    padding: 0 10px 0 5px;
    position: absolute;
    right: 10px;
    display: inline-block;
}
.opeBtns2{
    padding: 0 10px 0 5px;
    text-align: right;
}
.opeBtns a,
.opeBtns2 a{
    display: inline-block;
    padding: 0 3px;
    line-height: 36px;
    color: #222222;
}
.opeBtns a:hover,
.opeBtns2 a:hover{
    cursor:pointer;
}
#wxf-table,
#yxf-table,
#yhc-table{
    width:100%;
}
#wxf-table tr th,
#yxf-table tr th,
#yhc-table tr th{
    text-align: center;
}
#wdbh-list li a,
#ydbh-list li a{
    display: inline-block;
    padding: 5px 10px;
}
#wdbh-list li a img,
#ydbh-list li a img{
    width: 54px;
    height: 38px;
    vertical-align: middle;
}
#wdbh-list li a div.list-main-text,
#ydbh-list li a div.list-main-text{
    display: inline-block;
    width: 240px;
    vertical-align: bottom;
    padding-left: 8px;
}
#wdbh-list .list-main-text h5,
#ydbh-list .list-main-text h5{
    font-size: 14px;
    color: #222222;
    font-weight: 600;
    margin: 0;
    margin-bottom: 6px;
}
#wdbh-list .list-main-text div,
#ydbh-list .list-main-text div{
    font-size: 12px;
    color: #999999;
}
#wdbh-list .wdbh-xq-view,
#ydbh-list .wdbh-xq-view{
    display: inline-block;
    padding: 5px;
    cursor:pointer;
    font-size: 16px;
    color: #0076b5;
}
#ydbh-list .wdbh-xq-view{
    float: right;
    padding: 13px 8px;
}
#ydbh-list{
    margin-top: 10px;
}
.list-main-text div span{
    color: #0076b5;
    float: right;
}
#ydbh-list li:hover,
#wdbh-list li:hover,
#ydbh-list li.active,
#wdbh-list li.active{
    cursor: pointer;
    background: #D3EAF8;
}
.wdbh-con-div{
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 10px;
}
.wdbh-con-div .con-rows{
    border-bottom: 1px solid #dadada;
}
.wdbh-con-div .con-rows div{
    display: inline-block;
}
.wdbh-con-div .con-rows .con-title{
    width: 80px;
    padding: 0 5px;
    line-height: 28px;
    font-weight: bold;
}
.tab-panel{
    width: 100%;
    /*height: 100%;*/
    background: #fff;
    border-radius: 6px 6px 0 0;
    border: 1px solid #0076b5;
}
.sj-paging {
    width: 378px;
    bottom: 22px;
    left: 11px;
}
.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer){
    border-bottom:none;
}
#shouqi,#zhankai{
    float: right;
    margin: 11px 0;
}
.rwxf-con-div span,
.xgmm-con-div span{
    display: inline-block;
    line-height: 32px;
    width: 60px;
    font-weight: 600;
}
.rwxf-con-div select{
    display: inline-block;
    width: 280px;
}
.xgmm-con-div,
.gh-con-div{
    margin-bottom: 10px;
}
.xgmm-con-div input,
.gh-con-div input,
.gh-con-div textarea{
    display: inline-block;
    width: 280px;
}
/*.oh-table,.ohxq-table{
    height: calc(100% - 56px);
    overflow: auto;
}*/
.o-bzc table tr th .th-inner,
.oh-table table tr th .th-inner,
.ohxq-table table tr th .th-inner,
.ohxq-table table tr td {
    text-align: center;
}
.o-bzc h4.success-prompt{
    margin: 20px auto 0;
    text-align: center;
    font-weight: 600;
}
.gh-con-div span{
    display: inline-block;
    line-height: 32px;
    width: 60px;
    font-weight: 600;
    vertical-align: top;
}
.gh-con-div span.gh-type{
    width: 280px;
    text-align: left;
}
.bhContentDiv{
    max-height: 300px;
    overflow: auto;
    padding: 5px;
}
.bhdiv-ul{
    border: 1px solid #e0e0e0;
    /*margin-top: 5px;*/
    margin-bottom: 0;
    padding-left: 0;
}
.bhdiv-ul li{
    display: flex;
    line-height: 28px;
    border-bottom: 1px solid #e2e2e2;
}
.bhdiv-ul li .bhdleft{
    display: inline-block;
    width: 72px;
    line-height: 28px;
    padding-left: 5px;
    background: #f1f1f1;
    font-weight: 600;
    margin-right: 10px;
    border-right: 1px solid #e2e2e2;
}
.bhdiv-ul li .bhdright{
    word-wrap: break-word;
    display: inline-block;
    width: calc(100% - 70px);
}
.esriPopup .contentPane{
    padding: 0;
    border-radius: 0 0 5px 5px;
}
.zlck-btn{
    color: #0076b5;
    cursor: pointer;
}
.zlckDiv{
    height: 200px;
    display: none;
    padding: 5px;
}
.zlckDiv h5{
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    margin-left: 5px;
}
.bhd-goback{
    line-height: 28px;
    color: #0076b5;
    cursor: pointer;
    display: block;
}
.imgcontainer {
    width: 210px;
    height: 88px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.jq_imglist {
    margin: 0 auto;
    font-size: 0;
    position: relative;
    left: 0;
}
.jq_imglist li {
    display: inline-block;
    width: 76px;
    margin-left: 4px;
    padding-top: 4px;
}
.jq_imglist li img {
    width: 100%;
}
.zlckDiv #pre,
.zlckDiv #next{
    color: #4aaef5;
    font-size: 20px;
}
#bm_treeList li span.button.myicon1_ico_open, #bm_treeList li span.button.myicon1_ico_close, #bm_treeList li span.button.myicon1_ico_docu {
    width: 0;
    height: 0;
}
.zbsq-contentShowDiv{
    width: 380px;
    /* height: 48px;
    line-height: 64px; */
    border: 1px solid #0076B5;
    background: #d3e9f4;
    color: #1e4d66;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
    position: absolute;
    left: calc(50% - 190px);
    top: 80px;
    z-index: 9;
    padding: 0 15px;
    border-radius: 2px;
    display: none;
}
.zbsq-contentShowDiv h4{
    font-size: 12px;
    font-weight: 600;
    margin:15px 0;
}
.zbsq-contentShowDiv h4 span{
    color:#0076b5;
}
.zbsq-contentShowDiv p{
    color: #e69800
}
.videos{
    text-align: center;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10%;
    display: none;
}
.videos video{
    background: #000;
}
.videos img{
    position: relative;
    left: -35px;
    top: -330px;
    cursor: pointer;
}
.zeromodal-overflow-y{
    overflow-y: clip;
}
#rwhc-list li a{
    cursor: pointer;
}
.left-myPlot .tab-content{
    height: calc(100% - 40px);
}
#home{
    height: 100%;
}
#wdbh-list{
    height: calc(100% - 41px);
    overflow: auto;
}
#profile{
     height: calc(100% - 10px);
 }
#ydbh-list{
    height: 100%;
    overflow: auto;
}
.scalebar_bottom-right{
    right: 146px;
    bottom: 18px;
}
.c-datepicker-date-table td.in-range div, .c-datepicker-date-table td.in-range div:hover {
    background-color: #bdd6ef;
}
.gdycContentDiv{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    background: #409eff;
}
#gdyc{
    width: calc(100% - 68px);
    height: 100%;
    margin-left: 68px;
}
.fblsx{
    color: #fff;
}
#slwj-list li span.dxxxListBtn {
    width: 16px;
    height: 16px;
    margin: 4px 3px 0 0;
    cursor: pointer;
    background: url(/haiyang_imagesmap/imagesmap/img/jtlb-4f668af592be63a15a278aac80780826.png);
    background-size: 100% 100%;
}
.slscwjnlbPanel{
    position: absolute;
    top: calc(50% - 100px);
    left: 150px;
    z-index: 9999;
    background: rgba(255,255,255,0.8);
    border-radius: 5px;
    height: 280px;
    width: 270px;
    display: none;
}
.slscwjnlbPanel div.xxtitle{
    width: 100%;
    background: rgba(0,118,181,0.6);
    border-radius: 5px 5px 0 0;
    line-height: 32px;
    padding-left: 10px;
    height: 32px;
    color: #fff;
    font-weight: 600;
}
.slscwjnlbPanel div.xxtitle span{
    float: right;
    margin: 9px;
    cursor:pointer;
}
#slscwjnDiv{
    width: 100%;
    height:100%;
    overflow: auto;
}
#slwj-list {
    height: auto;
    max-height: 250px;
    overflow: auto;
}
#slscwjn_table{
    background: #fff;
    margin: 5px;
}
#slscwjn_table tr.active td{
    background:#d5ebf6;
}
#slscwjn_table tr td{
    text-align: center;
}
#slscwjn_table thead tr th{
    word-break:keep-all;
    white-space:nowrap;
    text-align: center;
    background: #eaeaea;
    color: #0076b5;
    line-height: 28px;
    padding: 0 4px;
}
.zeromodal-header{
    margin: 0 0 10px 0;
}
.bottomPanelDiv{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 280px;
    width: calc(100% - 468px);
    background: rgba(255,255,255,1);
    z-index: 31;
    display: none;
    padding: 8px 8px 8px 0;
    border-top:none;
}
.btpd-full{
    width: calc(100% - 68px);
    padding-left:8px;
    border-top: 1px solid #0076b5;
}
.btpd-rfo{
    width: calc(100% - 428px);
    right: 360px;
}
.btpd-lrt{
    width: calc(100% - 828px);
}
.zytcTableDiv{
    background: #fff;
    /*height: 260px;*/
    margin: 0;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #0076b5;
}
.sjlb-btn {
    height: 36px;
    width: 100%;
    background: #0076b5;
    border-radius: 4px 4px 0 0;
    color: #fff;
    padding-left: 10px;
}
#tCols-selection {
    display: inline-block;
    color: #666666;
    height: 28px;
    float: right;
    margin: 4px 10px 0 0;
}
#sjlb {
    overflow-y: auto;
    width: 100%;
    height: 100%;
}
#sjlb_table{
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin: 0;
}
#sjlb_table th {
    text-align: center;
    background: #fff;
    position: relative;
    color: #0076b5;
    font-weight: bold;
    border-bottom: none;
}
.tColsSel-div {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    bottom: 266px;
    right: 45px;
    /* left: 607px;*/
    border: 1px solid #bbb;
    border-radius: 3px;
    width: auto;
    padding: 5px;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    z-index: 9;
}
.sj-paging2 {
    width: calc(100% - 0);
    height: 34px;
    /*position: absolute;
    bottom: 10px;
    left: 1px;*/
    border-top: 1px solid #79b7d8;
    font-size: 12px;
}
#sjp-consel2{
    display: inline-block;
    width:95px;
    padding:2px 4px;
    height:28px;
    margin:3px;
    font-size:12px;
}
#sjp-consel2 option{
    font-size:12px;
}
.sj-paging2 span{
    display: inline-block;
    cursor: pointer;
}
#page-pre2.disable,
#page-next2.disable,
#page-first2.disable,
#page-end2.disable{
    color:#c7c7c7;
}
#page-pre2,#page-next2,#page-first2,#page-end2{
    color:#609cf2;
}
#page-num2{
    display: inline-block;
    width:50px;
    height:24px;
    margin:0 3px;
    font-weight: 600;
    color:#609cf2;
    padding:0 2px;
    text-align: center;
}
#page-total2{
    font-weight: 600;
    margin:0 3px;
}
#page-refresh2{
    color:#609cf2;
    margin-left: 3px;
}
.zytcbp-bottom{
    bottom: 290px;
}
.zytcbp-bottom2{
    bottom: 284px;
}
.zytczo-bottom{
    bottom: 290px;
    right: unset!important;
    left: 10px;
}
.sjt_state {
    /*margin-top: -3px; */
    padding: 4px 0;
}
.sjt_state, .sjt_state label, .sjt_state select {
    display: inline-block;
}
.sjt_state select {
    width: auto;
    height: 28px;
    padding: 2px 6px;
}
#loading{
    background-color: rgba(55,65,64,0.25);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    margin-top: 0;
    top: 0;
    display:none;
}
#loading-center{
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -95px;
    margin-left: -75px;
}
#loading p{
    color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    width:175px;
    margin-left:-90px;
    margin-top:55px;
}
.tabli-active{
    font-weight:bold;
    color:#659be0;
}
#sjlb_table tr th label,
#sjlb_table tr td label{
    margin-bottom: 0;
}
.btpd-zkbtn{
    background: rgba(255,255,255,0.75);
    border-radius: 3px 3px 0 0;
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: calc(50% + 140px);
    width: 120px;
    height: 36px;
    display: none;
    z-index: 5;
}
.btpd-zkbtn h5{
    margin: 0;
    background: #0076b5;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}
.vs_detail_div{
    display: none;
}
.vs_list_div table tr th{
    background: #006da7;
    text-align: center;
    color: #fff;
}
.vs_list_div table tr td{
    text-align: center;
}
.vs_detailsContent{
    width:100%;
    padding:0 ;
    border:1px solid #4aaef5;
    border-radius: 3px;
}
.vs_dec_title{
    width:100%;
    line-height:24px;
    background:#4aaef5;
    color:#fff;
    padding-left:10px;
    cursor:pointer;
}
.vs_dec_title span{
    margin-right:3px;
}
.sltaf,
.dfhc{
    margin-top:5px;
}
.sltaf .vs_detail_div,
.dfhc .vs_detail_div{
    /*display: none;*/
}
#zd-btn{
    float:right;
    margin-right: 10px;
    margin-top: 6px;
}
.vs_detail_div{
    width:100%;
    /* border:1px solid #e7ecf1;*/
}
.vs_detail_div h5{
    margin:0;
    line-height:32px;
    background: #eaf1fb;
    font-size:12px;
    font-weight:600;
    padding:0 10px;
    cursor:pointer;
}
.vs_detail_div h5 a{
    display: inline-block;
    color:#44a0e2;
}
.vs_detail_div h5 a:hover{
    text-decoration:none;
}
.vs_detail_div .row{
    padding:0;
    margin:0;
    border-bottom: 1px solid #e7ecf1;
}
.vs_detail_div .row div{
    line-height: 36px;
}
#sjlb-tb tr{
    cursor:pointer;
}
.vs_d_left_title{
    display: inline-block;
    width:100px;
    padding:10px;
    float:left;
    text-align: left;
    font-weight: bold;
}
#vs_situation,#vs_time{
    display: inline-block;
    width:calc(100% - 100px);
    padding:10px;
    float:right;

}
.vs-files{
    padding:0;
    width:calc(100% - 100px);
    float: right;
}
.vs-files li{
    list-style: none;
    display: inline-block;
    padding:0 20px 0 5px;
    margin-top: 10px;
    cursor:pointer;
    line-height: 38px;
}
.vs-files li:hover{
    color:#4aaef5
}
.vs_img{
    padding: 0;
    width: calc(100% - 100px);
    float: right;
}
.vs_img li{
    list-style: none;
    display: inline-block;
    width:100px;
    padding:0 5px;
    margin-top: 10px;
}
.vs_img li img{
    width:90px;
    height:90px;
}
.vs_audio{
    padding: 0;
    width: calc(100% - 100px);
    float: right;
    margin-bottom: 0;
}
.vs_audio li{
    padding:5px;
    line-height:44px;
}
.vs_audio li a{
    display: inline-block;
    line-height: 24px;
    cursor:pointer;
    text-decoration: none;
    color:#333;
    background-image: url("/haiyang_imagesmap/imagesmap/img/audio_icon-408f633db8266ff8ccb78a69d2f65365.png");
    background-repeat:no-repeat;
    background-position: 0 4px;
    padding-left: 16px;
}
.vs_audio li a:hover{
    text-decoration:underline;
    color:#1e9fff;
}
.jp-audio{
    margin: auto;
    margin-top: 32px;
}
.xq_bbtn{
    text-decoration:none!important;
    color:#1e9fff!important;
}
.zytc-xxtk-on{
    position: absolute!important;
    bottom: 0;
    right: 0;
    padding-right: 0!important;
}
#tcs-tree li label{
    word-break: break-all;
}
.myPlotTypeTab{
    display: inline-block;
    position: absolute;
    bottom: 279px;
    left:68px;
    z-index: 4;
    display: none;
    height: 39px;
}
.myPlotTypeTab ul{
    display: inline-block;
}
.myPlotTypeTab ul li{
    display: inline-block;
    float: left;
}
.myPlotTypeTab ul li a{
    display: inline-block;
    background: #0076b5;
    color: #ffffff;
    padding: 10px 18px;
    cursor:pointer;
    border: 1px solid #0076b5;
    border-bottom: none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.myPlotTypeTab ul li.active a{
    background: rgba(255,255,255,1);
    color: #0076b5;
}
#sjlbClose{
    float: right;
    margin-right: 10px;
    line-height: 34px;
    cursor: pointer;
}
.plotsStatus,
.plotsStatus label,
.plotsStatus select{
    display: inline-block;
}
.plotsStatus{
    padding: 4px 0;
}
.plotsStatus select{
    width: auto;
    height: 28px;
    padding: 2px 6px;
}
.plotsSearchDiv{
    height: 350px;
    overflow: auto;
}
.right-main-con-div{
    width: 360px;
    height: 100%;
    background: #fff;
    z-index: 32;
    position: absolute;
    top: 0;
    right: 0;
    /*-webkit-box-shadow: -3px 3px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: -3px 3px 3px rgba(0,0,0,0.15);
    box-shadow: -3px 3px 3px rgba(0,0,0,0.15);*/
    display: none;
}
.rightPanelBtn{
    width: 12px;
    height: 48px;
    position: absolute;
    top: calc(50% - 24px);
    right: 359px;
    background: #fff;
    z-index: 5;
    cursor: pointer;
    color: #0076b5;
    line-height: 46px;
    box-shadow: -3px 3px 3px rgba(0,0,0,0.15);
    border-radius:4px 0 0 4px;
    display: none;
}
.rpb-fold{
    right: 0;
}
.pif-mr{
    right: 380px;
}
.right-plotsInformationDiv{
    height: 100%;
}
.right-plotsInformationDiv #bhxx-tab{
    background: #e5e5e5;
}
#bhxx-tab>li{
    padding: 0 15px;
}
#bhxx-tab>li>a{
    color: #333333;
    padding:10px 0;
}
#bhxx-tab>li>a:hover{
    background: transparent;
    border: 1px solid transparent;
    color: #0076b5;
}
#bhxx-tab>li.active>a,
#bhxx-tab>li.active>a:focus,
#bhxx-tab>li.active>a:hover{
    background-color:transparent;
    border:1px solid transparent;
    border-bottom: 3px solid #0076b5;
    color: #0076b5;
    font-weight: 600;
}
#plotsInformationCon li label{
    width: 88px;
    margin-bottom: 0;
    vertical-align: top;
    padding: 5px;
}
#plotsInformationCon li div.rinfvaluecon{
    display: inline-block;
    width: calc(100% - 92px);
    word-break: break-all;
    border: 1px solid #dadada;
    padding: 5px;
    min-height: 30px;
}
#plotsInformationCon li{
    margin-bottom: 5px;
}
#plotsinf-imgs li{
    display: inline-block;
    width: 80px;
    margin-right: 5px;
    margin-bottom: 5px;
}
#plotsinf-imgs img{
    width: 80px;
}
#plotsinf-videos li{
    display: inline-block;
    margin: 0 5px 5px 0;
}
#plotsinf-audios li a{
    ling-height:28px;
    color: #555555;
    cursor:pointer;
}
.videos1{
    text-align: center;
    z-index: 9999999;
    position: absolute;
    top: 13%;
    left: 26%;
    width: 640px;
    height: 400px;
    /* padding-top: 10%; */
    display: none;
    background: #000;
}
.videos1 video{
    background: #000;
    width: 640px;
    height: 100%;
}
.videos1 img{
    position: relative;
    left: 300px;
    top: -400px;
    cursor: pointer;
}
.plots-sbtys{
    min-height: 160px;
}
.plots-sbtys label{
    width: 100%;
    line-height: 32px;
    background: #c3d8e3;
    padding: 0 15px;
}
.c-datepicker-date-range-picker{
    z-index: 9999999;
}
#plotsSearchConditions .J-datepicker-range-day2 .c-datepicker-data-input.only-date {
    width: 150px;
}
.th-inner input[type="checkbox"]:checked {
    background: url("/haiyang_imagesmap/imagesmap/img/checked2-75f880bf291e01446d065dd8f926630b.png")no-repeat center;
}
.user_tree{
    max-height: 270px;
    overflow: auto;
}

.vs_content_div{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

#tdyxpanel1db .ztree li a,#yxpanel1db .ztree li a,#yxpanel1 .ztree li a{
    color: #fff;
}
.lmcd-fold-btn{
    width: 12px;
    height: 48px;
    position: absolute;
    top: calc(50% - 24px);
    left:468px;
    background: #fff;
    z-index: 5;
    cursor: pointer;
    color: #0076b5;
    line-height: 46px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
    border-radius: 0 4px 4px 0;
    display: none;
}
.lecd-packUp{
    left: 68px;
}
#myx-tree1 li span.button.chk,
#myx-tree1db li span.button.chk{
    width:14px;
    height: 14px;
    background-image: url("/haiyang_imagesmap/imagesmap/img/map/mradio-7c4646fd34acb01f60a9584ed942753e.png");
}
#myx-tree1 li span.button.chk.radio_false_full,
#myx-tree1 li span.button.chk.radio_false_full_focus,
#myx-tree1db li span.button.chk.radio_false_full,
#myx-tree1db li span.button.chk.radio_false_full_focus{
    background-position:-1px -1px;
}
#myx-tree1 li span.button.chk.radio_true_full,
#myx-tree1 li span.button.chk.radio_true_full_focus,
#myx-tree1 li span.button.chk.radio_false_part,
#myx-tree1db li span.button.chk.radio_true_full,
#myx-tree1db li span.button.chk.radio_true_full_focus,
#myx-tree1db li span.button.chk.radio_false_part{
    background-position:-17px -1px;
}
#excleExportAlertDiv{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 99999;
    color: #607d8b;
    background-color: #ffffff;
    border-color: #a2aeba;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
    display: none;
}
#excleExportAlertDiv img{
    width: 16px;
}
.compare2dAnd3d{
    position: absolute;
    top: 10px;
    right: 380px;
    background: rgba(0,0,0,0.75);
    z-index: 2;
    border-radius: 6px;
    padding: 4px 6px 4px 6px;
    box-shadow: 0 1px 10px #999;
    display: none;
}
.compare2dAnd3d button{
    height: 28px;
    padding: 4px 8px;
    font-size: 12px;
}
.mapCompare_title_gb{
    left: calc(50% - 38px);
}
.mapCompare_title_gb span{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#cescList{
    background: rgba(0,0,0,0.75);
}
#cescList li a{
    color:#fff;
}
#cescList>li>a:focus,
#cescList>li>a:hover{
    background: transparent;
    color:#449d44;
}
#cp_prompt{
    color: red;
    margin: 0;
    text-align: center;
}
#nav1{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 6.4rem;
    background: rgba(0,0,0,0.75);
    color: #fff;

}
#nav1 h2{
    margin: 0;
    line-height: 6.4rem;
    padding:0 10rem 0 4rem;
    letter-spacing: 0.3rem;
    /*background:  linear-gradient(to right, rgba(0, 118, 181, 0.75) 0%,rgba(0, 118, 181, 0) 100%);*/
    background: url("/haiyang_imagesmap/imagesmap/img/map/fxt_bg-6ec22ee8b8b05b5bca83d7640a29b444.png") no-repeat;
    background-position: 100% 100%;
    text-align: left;
}
@media screen and (max-width: 1600px){
    #yxpanel{
        /*top: 50px;
        left: 10px;*/
    }
    .orbitPrediction{
        /*height:calc(100% - 60px);*/
     }
    .left-searchPanel{
        /*width:400px;*/
    }
    .leftPanel-fold-btn{
        left:399px;
    }
    .main-menu-list li{
        padding:10px 5px;
    }
    .userDiv{
        line-height: 42px;
    }
    .map-toolsBar{
        top:65px;
    }

}