*,ul,li{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
html{
	width:100%;
	height:100%;
}
body{
	font-size:13px;
	font-family:'Microsoft YaHei';
	width:100%;
	height:100%;
	overflow:hidden;
}
.top-title{
	width:100%;
	height:80px;
	padding:10px 0;
}
.title{
	float:left;
	margin-left:60px;
	height:60px;
}
.title .logo{
	height:60px;
	vertical-align:super;
}
.title span{
	display:inline-block;
	width: 419px;
	height: 60px;
	vertical-align: super;
}
.userDiv{
	float:right;
	margin-right:60px;
	line-height:60px;
	font-size:14px;
	font-weight:600;
}
#userName{
	margin:0 10px 0 5px;
    cursor:pointer;
}
.logout-btn{
	display:inline-block;
	height:28px;
	line-height:13px;
	width:56px;
	background:#0076b5;
	color:#fff;
}
.logout-btn:hover{
	color:#fff;
}
.mapContentDiv{
	display:inline-block;
	height:100%;
	float:right;
}
#map{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1;
}
#compareMap,
#TDcompareMap{
	float: right;
	z-index: 0;
	width: 50%;
	overflow: hidden;
	height: 100%;
}
.leftPanel-fold-btn{
	display:inline-block;
	z-index:3;
	/*box-shadow:2px 0 2px rgba(0,0,0,0.2);*/
	border-left:none;
	width:16px;
	height:56px;
	border-radius:0 5px 5px 0;
	position:absolute;
	top:calc(50% - 28px);
	cursor:pointer;
}
.lpfb-left{
	left:0!important;
}
.left-searchPanel{
	display:inline-block;
	/*width:450px;
	/*box-shadow:2px 0 2px rgba(0,0,0,0.2);*/
}

.left-searchPanel .nav-tabs>li>a {
    margin-right: 0;
    line-height: 1.42857143;
    border: none;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
}
.left-searchPanel .nav-tabs>li.active>a,.left-searchPanel .nav-tabs>li.active>a:focus,.left-searchPanel .nav-tabs>li.active>a:hover{
	border:none; 
    border-bottom:none;
	color:#0076b5;
	font-weight:600;
}
.left-searchPanel .tab-content>.tab-pane{
	height:100%;
	padding:10px;
}
.cond-content{
	height:100%;
	width:100%;
	border:1px solid #dddfe4;
}
.cconDiv{
	width:100%;
	height:calc(100% - 76px);
	overflow:auto;
}
.search-btn{
	width:100%;
	height:40px;
	text-align:center;
	padding:5px 0;
}
.cconDiv .nav-tabs{
	background:none;
}
.cconDiv .nav-tabs>li>a{
	font-size:13px;
}
.cconDiv .nav-tabs>li.active>a,.cconDiv .nav-tabs>li.active>a:focus,.cconDiv .nav-tabs>li.active>a:hover{
    border-bottom:2px solid #0076b5; 
	color:#0076b5;
	font-weight:600;
}
.info select{
	margin-bottom:5px;
	font-size: 13px;
	width: 100%;
}
#jwd div input[type='text']{
	width:115px;
	display:inline-block;
	font-size: 13px;
	margin:0 3px 5px 3px;
}
#tl-wd,#rb-wd{
	margin-right:0;
}
.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;
}
.prompt-text{
	margin-top:15px;
	text-align:center;
	color:#737373;
	line-height:24px;
}
#wjdrxl{
	width:100px;
	padding:3px 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #EAEAEA url('/haiyang_imagesmap/imagesmap/img/arrow-b89167f8a6f4bad828ce2bd9dd9fa69a.png') no-repeat 90% 50%;
	background-size:13px 13px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	font-size: 13px;
	height:31px;
}
.cconDiv .c-datepicker-data-input.only-date{
	width:138px;
	font-size:13px;
}
#location,#location2{
	height:31px;
}
#i-check,#i-check2{
	font-size:13px;
}
.sensorDiv{
	width:calc(100% - 20px);
	margin:0 auto;
	border:1px solid #dddfe4;
	border-radius:3px;
}
.sensorCon-title{
	width:100%;
	height:32px;
	line-height:32px;
	background:#0076b5;
	color:#fff;
	font-size:13px;
	border-radius:3px 3px 0 0;
	padding:0 5px;
}
.s-title{
	display: inline-block;
    padding: 0 6px;
    background: #3f98c7;
    cursor: pointer;
    height: 24px;
    margin-top: 4px;
    border-radius: 3px;
    line-height: 22px;
    border: 1px solid #9cd2ef;
}
.sensorCon-title span.glyphicon{
	margin-right: 5px;
    display: inline-block;
}
.check-all{
	display:inline-block;
	float:right;
}
.sensorCon-title input[type="checkbox"],
.sensorCon input[type="checkbox"],
.sear-checkAll input[type="checkbox"],
#table input[type="checkbox"],
.th-inner input[type="checkbox"]{
	vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    border: 1.5px solid #fff;
    border-radius: 3px;
    outline: none;
}
.sensorCon input[type="checkbox"],
.sear-checkAll input[type="checkbox"],
#table input[type="checkbox"],
.th-inner input[type="checkbox"]{
	border: 1px solid #0076b5;
	width: 14px;
    height: 14px;
}
.sensorCon{
	padding:5px;
}
ul.secd-xq{
	display:inline-block;
	vertical-align:text-top;
	width:100%
}
ul.secd-xq li{
	list-style:none;
	display:inline-block;
}
.sensorCon ul li{
	margin-bottom:3px;
}
.sensorCon ul li span{
	display:inline-block;
	font-weight:600;
	margin-right:5px;
	width:70px;
}
ul.secd-xq li{
	width:25%;
}
ul.secd-xq li label{
	font-weight:600;
	font-size: 12px;
}
.progress{
	display: inline-block;
    position: relative;
    width: 320px;
    margin: 0;
    height: 36px;
    background: none;
    padding-top: 4px;
    box-shadow: none;
}
.progress_bg{
	height: 10px; 
	border: 1px solid #ddd; 
	border-radius: 5px; 
	overflow: hidden;
	background-color:#f2f2f2;
	margin:auto;
	width:300px;
}
.progress_bar{
	background: #5FB878; 
	width: 0; 
	height: 10px; 
	border-radius: 5px;
}
.progress_btn{
	width: 20px; 
	height: 20px; 
	border-radius: 5px; 
	position: absolute;
	background:#fff; 
	left: 0;
	margin-left: 0; 
	top:0; 
	cursor: pointer;
	border:1px #ddd solid;
	box-sizing:border-box;
}
.progress_btn:hover{
	border-color:#F7B824;
}
#xlh label{
	width:65px;
	margin-right:5px;

}
#xlh input[type='text']{
	width:278px;
	display:inline-block;
	margin-bottom:5px;
}
.sear-rtj{
	display:inline-block;
	font-weight:600;
	line-height:28px;
	float:right;
	margin-right:10px;
}
.sear-checkAll{
	display:inline-block;
	float:left;
	line-height:28px;
    margin-left: 10px;
}
.table-ope img{
	width:16px;
	height:16px;
	margin-right:5px;
	cursor:pointer;
}
.table-ope span{
	cursor:pointer;
	color:#aeaeae;
	vertical-align: middle;
}
.table-ope span:hover,
.table-ope span.active{
	color:#1aafff;
}
.table-ope .glyphicon-plus{
	margin-left: 5px;
}
.yxxq{
	margin:0;
	padding:0;
}
.yxxq .col-sm-7{
	padding-left:0;
}
.yxxq .col-sm-5{
	padding:0;
}
.yxxq img{
	width:100%;
	height:100%;
}
.yxxq-con{
	border-radius:2px;
}
.yxxq-title{
	width:100%;
	line-height:28px;
	padding:0 5px;
	font-size: 13px;
	font-weight: 600;
}
#yxxq-list li{
	line-height:28px;
	font-size:13px;
}
#yxxq-list li:last-child{
	border-bottom: none;
}
.list-l{
	display: inline-block;
	width:110px;
	font-weight:600;
	vertical-align: top;
	padding:0 5px;
}
.list-r{
	display: inline-block;
	width:calc(100% - 111px);
	padding:0 5px;
	word-break:break-all;
}
.map-toolsBar{
	position: absolute;
	z-index: 2;
}
 ul.cx-hzcz{
	display: inline-block;
	margin-right:5px;
	/*background: #fff;
	box-shadow: 0 1px 10px #999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height:32px;*/
}
 ul.cx-hzcz li{
	display: inline-block;
	cursor:pointer;
	height:32px;
	vertical-align: middle;
	float:left;
}
.cx-hzcz li:first-child{
	padding-left:6px;
	font-size: 13px;
	line-height:32px;
	font-weight: 600;
}
 ul.cx-hzcz li a{
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 4px 2px;
	padding: 2px;
	cursor: pointer;
	border-radius: 2px;
}
 ul.cx-hzcz li span{
	display: inline-block;
	width:20px;
	height:20px;
}
.map-toolsBar ul.qtcz{
	display: inline-block;
	box-shadow: 0 1px 10px #999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height:32px;
	vertical-align: top;
}
.map-toolsBar ul.qtcz li{
	display: inline-block;
	height:32px;
	padding:4px 2px;
	float: left;
	cursor:pointer;
}
.map-toolsBar ul.qtcz li a{
	display: inline-block;
	height:24px;
	font-size: 13px;
	text-decoration: none;
	/*cursor:pointer;*/
	padding:0 6px;
	border-right:1px solid #cacaca;
}
.map-toolsBar ul.qtcz li:last-child a{
	border-right:none;
}
.map-toolsBar ul.qtcz li a span{
	display: inline-block;
	width:20px;
	height:20px;
	margin:2px 2px 2px 0;
	vertical-align: middle;
}
.cl-menu{
	display: inline-block;
	z-index: 3;
	border-radius:2px;
	position:absolute;
	display: none;
}
.cl-menu ul{
	margin:0;
	padding:0;
}
.cl-menu ul li{
	line-height: 28px;
}
.cl-menu ul li a{
	display: inline-block;
	text-decoration: none;
	font-size:13px;
	border-radius: 2px;
	margin:2px 6px;
	padding:2px 4px;
	cursor:pointer;
}
.cl-menu ul li a span{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: text-bottom;
}
.bh-panel{
	display: inline-block;
	/*z-index: 3;*/
	/*border-radius:2px;
	width:200px;
	position:absolute;*/
	text-align: center;
	padding-bottom: 10px;
	/*display: none;*/
}
.bh-panel .bh-title{
	line-height: 36px;
	font-size: 13px;
	padding:0 10px;
}
.bh-panel .bh-title h5{
	font-weight: 600;
	display: inline-block;
	font-size: 20px;
}
.bh-panel .bh-title span{
	float:right;
	display: inline-block;
	line-height: 36px;
	cursor: pointer;
}
.bh-panel .bh-czfs{
	list-style: none;
	padding:0;
	margin:0;
	/*border-bottom: 1px solid #e3e2e2;*/
}
.bh-panel .bh-czfs li{
	display: inline-block;
	width:32%;
	text-align: center;
	padding:5px 0;
}
.bh-panel .bh-czfs li a{
	display: block;
	color:#333;
	/*width:42px*/
	padding:5px;
	border-radius:6px;
	margin:auto;
	cursor: pointer;
}
.bh-panel .bh-czfs li a div{
	width:32px;
	height:32px;
	display: inline-block;
}
.bh-panel #shp-download{
	width: calc(100% - 20px);
	line-height: 32px;
}
.bh-panel button.btn-primary{
	background-color: #4ca1cf;
	border-color: #54a5d1;
}
.bh-panel .bh-history{
	width:100%;
	padding:10px 10px 0 10px;
	/*display: none;*/
}
#clear-cxjg{
	float:right;
}
.bh-content{
	width:100%;
}
.bh-content div.row{
	margin:0;
}
.d-sx-con{
	display: none;
}
.d-sx-con .form-group{
	height:40px;
}
.d-sx-con label{
	line-height: 34px;
	padding: 0;
	text-align: right;
}
.d-bh-change{
    display: inline-block;
    width:38px;
    height:auto;
    text-align: center;
    margin-top:40px;
    cursor:pointer;
}
.d-bh-img{
    width:100%;
    /*display: none;*/
	text-align: center;
}
.d-bh-img ul{
    list-style: none;
    width:100%;
}
.d-bh-img ul li{
    display: inline-block;
    float: left;
    width:14%;
	height: 42px;
}
.d-bh-img ul li img{
	cursor:pointer;
}
.d-bh-img button{
	display: none;
}
.jPicker td.Radio input{
	margin:4px 0 0;
}
.bhsx-x .row{
	margin-top:10px!important;
}
.jPicker{
	margin-left:5px;
}
.jiajian{
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
}
.jiajian pre.code {
	padding: 10px;
	background-color: #eee;
	overflow-y: scroll;
}
.jiajian .input-group {
	width: 119px;
}
.jiajian .input-group-prepend{
	display: inline-block;
	float: left;
}
.jiajian .input-group-prepend button{

	border-radius:3px 0 0 3px;
	border-right:none;
}
.jiajian .input-group-append button{

	border-radius: 0 3px 3px 0;
	border-left:none;
}
.jiajian input[type='text']{
	text-align: center;
	width: 52px;
	padding: 6px;
}
.jiajian .input-group-append{
	display: inline-block;
}
.select-box{
	width: 119px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #ccc;
	border-radius: 3px;
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.select-box .cs{
	padding-left: 15px;
	width:100%;
	display:block;
	background: #fff;
	/*background-color: #2F889A;
	color: #fff;*/
}
.select-box .cs span{
	float: right;
	color: #999;
	line-height: 32px;
	margin-right: 10px;
}
.select-box ul{
	display: none;
	position: fixed;
	left: 323px;
	top: 312px;
	width: 119px;
	text-align: center;
	border: 1px solid #cccccc;
	z-index: 999999;
	background: #fff;
}
.select-box ul li{
	display: block;
	padding: 0 5px;
}
.change{
	background-color: #a2cde4;
}
.bhsx-d{
	display: none;
}
.bhsx-x{
	display: none;
}
.bhsx-m{
	margin-top:10px;
	display: none;
}
.upload_vector{
	display: inline-block;
	position: absolute;
	cursor:pointer;
	border-radius: 2px;
	padding:2px 4px;
	z-index: 2;
}
.upload_vector img{
	width:20px;
	height:20px;
}
.upload_vector span{

}
.uv-content{
	display: inline-block;
	position: absolute;
	border-radius: 2px;
	box-shadow: 0 1px 10px #999;
	padding:4px 6px;
	width:240px;
	display: none;
	z-index: 2;
}
#slwj-list{
	margin-top:4px;
}
#slwj-list li{
	line-height: 24px;
    cursor:pointer;
}
#slwj-list li span{
    float:right;
    /*display: none;*/
    line-height: 24px;
}
#slwj-list li span.yangshi{
	width:18px;
	height:18px;
	margin:3px 3px 0 0;
	cursor: pointer;
}
.xwsc-input{
	margin-top: 4px;
}
#slwj-list input[type="checkbox"],
.xwsc-input input[type="checkbox"]{
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 3px;
	-webkit-appearance: none;
	border-radius: 3px;
	outline: none;
	border: 1px solid #0076b5;
	width: 14px;
	height: 14px;
}
.locationSearch{
	display: none;
	width:240px;
	padding:2px 4px;
	border-radius: 2px;
	cursor:pointer;
	position: absolute;
	z-index: 2;
}
.locationSearch input[type='text']{
	height:30px;
}
.locationsList{
	display: none;
}
#locations-list{
	margin-top:4px;
	max-height:320px;
	overflow: auto;
}
#locations-list li{
	line-height: 28px;
	min-height: 36px;
}
#locations-list li span.glyphicon-map-marker{
	margin-right:4px;
	color:#d7675f;
}
#locations-list li span.l-name{
	font-size: 13px;
	/*font-weight: 600;*/
	margin-left:5px;
}
#locations-list div{
	padding-left: 22px;
	font-size: 12px;
	margin-top: -8px;
	line-height: 20px;
}
#locations-list li:hover span.l-name{
	color:#0076b5;
}
.l-micon{
	display: inline-block;
	width: 18px;
	height: 30px;
	background: url(/haiyang_imagesmap/imagesmap/img/a2-52772fc0de2a244d372345f3ec641c8f.png) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	line-height: 18px;
	text-align: center;
	color: #fff;
}
#locations-list li:hover span.l-micon,
#locations-list li.active span.l-micon{
	background: url(/haiyang_imagesmap/imagesmap/img/a1-cca2d5204a209c04b549e3ea5d208fa4.png) no-repeat;
	background-size: 100% 100%;
}
.l-paging{
	width:100%;
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
}
.l-paging span{
	display: inline-block;
	padding:3px 3px;
	border: 1px solid #dddfe4;
	border-radius:2px;
	cursor: pointer;
}
#lsqk-btn{
	color: #bbb;
	position: absolute;
	top: 9px;
	right: 62px;
	z-index: 2;
	display: none;
}
#lsqk-btn:hover{
	color:#0076b5;
}
.sj-paging{
	width:448px;
	height:34px;
	position:absolute;
	bottom:1px;
	left:1px;
	/*background: #eaf1fb;
	border-top:1px solid #b5e0ff;*/
	font-size:12px;
}
#sjp-consel{
	display: inline-block;
	width:95px;
	padding:2px 4px;
	height:28px;
	margin:3px;
	font-size:12px;
}
#sjp-consel option{
	font-size:12px;
}
.sj-paging span{
	display: inline-block;
	cursor: pointer;
}
#page-pre.disable,
#page-next.disable,
#page-first.disable,
#page-end.disable{
	color:#c7c7c7;
}
#page-num{
	display: inline-block;
	width:50px;
	height:24px;
	margin:0 3px;
	font-weight: 600;
	padding:0 2px;
	text-align: center;
	font-size: 12px;
}
#page-total{
	font-weight: 600;
	margin:0 3px;
}
#page-refresh{
	color:#609cf2;
	margin-left: 3px;
}
.page-inf {
	display: inline-block;
	float:right;
	margin-right:5px;
	line-height:34px;
}
.page-inf span {
	font-weight: 600;
}
.order-content{
	overflow-y: auto;
	background: #f2f3f6;
}
.o-con{
	background: #fff;
	height:100%;
	overflow: hidden;
	padding:0;
}
.o-left-menu{
	width:200px;
	margin:15px;
	display: inline-block;
}
.o-left-menu li{
	line-height: 48px;
	cursor:pointer;
	margin: 5px 0;
	border:1px solid #dddfe4;
	border-radius:2px;
	padding:0 12px;
	border-left:4px solid #0076b5;
}
.o-left-menu li.active{
	background:#0076b5;
}
.o-left-menu li a{
	text-decoration: none;
	color:#333;
	font-size: 14px;
}
.o-left-menu li.active a{
	color:#fff;
}
.o-left-menu li a span{
	display: inline-block;
	margin-right:5px;
}
.order-cont{
  	display: inline-block;
	float:right;
	width:calc(100% - 230px);
	padding:20px 15px 15px 0;
	overflow: hidden;
	height:100%;
}
/*步骤条 star*/
.ui-step-wrap {
	position: relative;
}
.ui-step-wrap .ui-step-bg,
.ui-step-wrap .ui-step-progress {
	height: 6px;
	position: absolute;
	top: 40px;
	left: 0;
}
.ui-step-wrap .ui-step-bg {
	width: 100%;
	background: #ddd;
}
.ui-step-wrap .ui-step-progress {
	width: 0;
	background: #0076b5;
}
.ui-step-wrap .ui-step {
	position: relative;
	z-index: 1;
	list-style: none;
}
.ui-step-wrap .ui-step:after {
	content: '';
	display: table;
	clear: both;
}
.ui-step-wrap .ui-step .ui-step-item {
	float: left;
}
.ui-step-wrap .ui-step .ui-step-item div {
	text-align: center;
	color: #898989;
	font-size: 14px;
	font-weight: 600;
}
.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num {
	margin-top: 10px;
}
.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num span {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #dad9d9;
	line-height: 26px;
}
.ui-step-wrap .ui-step .ui-step-item.active .ui-step-item-num span {
	color: #fff;
	background: #0076b5;
}
.ui-step-wrap .ui-step .ui-step-item.active .ui-step-item-title{
	color:#0076b5;
}
#step {
	margin-bottom: 20px;
}
.btns {
	text-align: center;
}
.btns button {
    border: 1px solid transparent;
    /*display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    color: #fff;
    background-color: #5bc0de;*/
}
.o-info {
	width:100%;
	height:calc(100% - 115px);
	overflow: auto;
}
.con0,.con1,.con2,.con3,.con4{
	display:none;
}
/*步骤条 end*/
.o-operate{
	width:100%;
	line-height: 36px;
}
.o-total{
	display: inline-block;
	float: right;
	font-weight: 600;
}
.o-operate label{
	margin-right: 10px;
}
.o-operate input[type="checkbox"],
#order-table input[type="checkbox"]{
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 3px;
	width: 16px;
	height: 16px;
	-webkit-appearance: none;
	border-radius: 3px;
	outline: none;
	border: 1px solid #0076b5;
}
.o-operate input[type="checkbox"]:checked,
#order-table input[type="checkbox"]:checked{
	background:url("/haiyang_imagesmap/imagesmap/img/checked2-75f880bf291e01446d065dd8f926630b.png")no-repeat center
}
.con1 form{
	width:600px;
	margin:0 auto;
}
.o-f-mandatory{
    color: red;
    font-weight: 600;
    font-size: 16px;
}
#dgcg{
    width:300px;
    margin:0 auto;
}
.con2{
    text-align: center;
}
.order-history{
    display: inline-block;
    float:right;
    width:calc(100% - 230px);
    padding:20px 15px 15px 0;
    overflow: hidden;
    height:100%;
}
#order-table tr th,
#order-table tr td,
#orderHistory-table tr th,
#orderHistory-table tr td,
#table tr th,
#table tr td{
	text-align: center;
}
.oh-title{
    width:100%;
    position: relative;
}
.oh-title ol{
    background: #d8edf8;
    color: #0076b5;
    font-size: 14px;
    font-weight: 600;
}
.oh-title .breadcrumb li{
    color: #444;
}
.oh-title .breadcrumb>.active{
    color: #0076b5;
}
.oh-title .breadcrumb li span{
    margin-right:5px;
}
#xqfh-btn{
    display:inline-block;
    position: absolute;
    right:8px;
    top:9px;
    cursor:pointer;
    color:#666;
    display: none;
}
#xqfh-btn:hover{
    color: #0076b5;
}
.user-dropMenu{
    display:inline-block ;
    z-index: 3;
    width:120px;
    height:auto;
    position: absolute;
    top:65px;
    right:114px;
    border-radius:3px;
    display: none;
}
.user-dropMenu li{
    width:100%;
    line-height:36px;
    font-weight: 500;
    font-size: 13px;
    padding:0 15px;
    cursor:pointer;
}
.user-img{
    width:28px;
    height:28px;
}
.logout{
	text-decoration: none;
	cursor:pointer;
}
.skin{
	text-decoration: none;
	cursor:pointer;
	margin-right:10px;
}
.skin span,
.logout span{
	margin-right:5px;
}

/*地图弹框*/
.esriPopupWrapper{
	background: #fff;
}
.esriPopup .titlePane {
	font-family: 'Microsoft Yahei';
	border-radius: 5px 5px 0 0;
	line-height: 32px;
	padding-left: 10px;
	height:32px;
}
.sizer .title{
	margin:0;
	height:32px;
	line-height: 32px;
}
.esriPopup .titleButton{
	top:8px;
}
.esriPopup .titleButton.maximize{
	 top:11px;
 }
.mapSwitchDiv,.mapSwitchDiv_g{
	display:inline-block;
	position:absolute;
	bottom: 50px;
	width:52px;
	height:52px;
	right:10px;
	border-radius:2px;
	text-align:center;
	font-size:11px;
	color:#fff;
	background-size:100% 100%;
	cursor:pointer;
	z-index:4;
}
.mapSwitchDiv_g{
	background-image:url("/haiyang_imagesmap/imagesmap/img/map/map02-fc54ed90f732065effaf037fa085939d.jpg");
}
.mapSD_c{
	right:calc(50% + 8px);
}
.mapSwitchDiv{
	background-image:url("/haiyang_imagesmap/imagesmap/img/map/map02-fc54ed90f732065effaf037fa085939d.jpg");
}
.wqdbDiv button img,.tckzDiv button img{
	margin-right:5px;
}
.wqdbDiv button span,.tckzDiv button span{
	margin-left:3px!important;
}
.tckzDiv{
	display:inline-block;
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
	height:36px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.15);
	border-radius:3px;
	background-color:rgba(255, 255, 255, 0.8);
	text-align:center;
	font-size:12px;
}
#tree_list ul{
	margin-left:8px;
}
#tree_list ul li{
	margin-left:15px;
}
.mapSwitchTitle{
	display:block;
	background:rgba(0,0,0,0.3);
	position:absolute;
	bottom:0;
	width:52px;
	text-align:center;
}
.mapLayerType,.mapLayerType_g{
	display: inline-block;
	position: absolute;
	bottom: 46px;
	right: 6px;
	border-radius: 3px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	z-index: 3;
	height: 62px;
	padding-right: 52px;
}
.mapLT_c{
	right:calc(50% + 8px);
}
.mapLayerType ul,
.mapLayerType_g ul{
	margin: 0;
	padding: 5px 5px 5px 0;
	list-style: none;
}
.mapLayerType ul li,.mapLayerType_g ul li{
	margin: 0 5px 0 5px;
	padding: 0;
	list-style: none;
	display: inline-block;
	cursor: pointer;
	width:52px;
	height:52px;
}
.mapLayerType ul li div.m-img,.mapLayerType_g ul li div.m-img{
	width: 52px;
	height: 52px;
	background-size:100% 100%;
}
.mapLayerType ul li p,
.mapLayerType_g ul li p{
	font-size: 11px;
	color: #fff;
	background: rgba(0,0,0,0.3);
	text-align:center;
	margin:0;
	margin-top:-16px;
}
.mapLayerType ul li div.checkbox,
.mapLayerType_g ul li div.checkbox{
	margin:0;
	top: 5px;
	width: 52px;
	background: rgba(0,0,0,0.2);
	display: block;
	position: absolute;
}
.mapLayerType ul li div.checkbox label,
.mapLayerType_g ul li div.checkbox label{
	line-height:20px;
}
.mapZoom{
	display:inline-block;
	position:absolute;
	bottom: 108px;
	right:11px;
	width:52px;
	height:52px;
	/*border:1px solid rgba(0,0,0,0.3);*/
	border-radius:2px;
	z-index:2;
}
.mapZoom .scaling{
    width:52px;
    height:27px;
    border-radius:2px 2px  0 0;
    font-size:14px;
    font-weight:bold;
    line-height:24px;
    text-align:center;
}
.mapZoom .zoomIn,.mapZoom .zoomOut{
	display:inline-block;
	float:left;
	width:26px;
	height:24px;
	/*border-radius:2px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);*/
	font-size: 24px;
	line-height: 20px;
	/* font-weight: bold; */
	text-align:center;
	cursor:pointer;
}
.mapZoom .zoomIn{
    border-radius: 0 0 0 2px;
}
.mapZoom .zoomOut{
    border-radius:0 0 2px 0;
}
.mapCompare_title_gb,
.mapCompare_title_sq{
	position:absolute;
	/*top:15px;*/
	bottom:10px;
	height:36px;
	line-height:36px;
	/*text-align:center;*/
	color:#fff;
	border-radius:5px;
	display:none;
	z-index:2;
	left:calc(50% - 90px);
	padding-left:10px;
	padding-right:10px;
}
.mapCompare_title_sq label{
	font-weight:500;
}
.mapCompare_title_sq span{
	position:absolute;
	display:inline-block;
	width:20px;
	height:20px;
	top:-10px;
	right:-10px;
	cursor:pointer;
	background:url(/haiyang_imagesmap/imagesmap/img/close1-156060a25b8d181045752527e2d27871.png) no-repeat;
}
#mouse_async{
	cursor:pointer;
	margin-top: -5px;
}
.mapCompare_title_sq input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 18px;
	height: 18px;
	margin-top: 8px;
}
.mapCompare_title_sq input[type="radio"] + .radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	/*border: 1px solid #b4b4b4;*/
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: 0.6em;
	margin-right: 0.2em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}
.mapCompare_title_sq input[type="radio"]:checked + .radio-label:before {
	background-color: #3f98c7;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}
.mapCompare_title_sq input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #3f98c7;
}
.mapCompare_title_sq input[type="radio"]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.mapCompare_title_sq input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}
.orbitPrediction{
	width:100%;
	height:calc(100% - 80px);
	overflow: hidden;
	display: none;
}
#topFrame{
	width:100%;
	height:calc(100% + 150px);
	margin-top:-150px;
}
.main-menu-list{
	margin:0 40px 0 0;
	padding:0;
	list-style: none;
	display: inline-block;
	float: right;
}
.fixed-table-border{
	display: none;
}
.jPicker.Container{
	z-index: 999999!important;
}
#table>tbody>tr td:nth-child(2),#table>thead>tr th:nth-child(2){
	padding: 2px;
	width: 85px;
}
#table>tbody>tr td:nth-child(3){
	word-break: break-all;
}
#table>tbody>tr td:nth-child(4),#table>thead>tr th:nth-child(4){
	padding: 2px;
	width: 85px;
}
#table>tbody>tr td:nth-child(5),#table>thead>tr th:nth-child(5){
	padding: 2px;
	width: 60px;
}
.imageRange{
	float: right;
	padding-top: 3px;
	position: relative;
}
.imageRange>span{
	position: absolute;
	left: -57px;
	top: 9px;
}
#imageRangeBut {
	display: none;
}

#imageRangeBut + .imageRangeContent {
	outline: 0;
	display: block;
	width: 40px;
	height: 20px;
	position: relative;
	top: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #dcdcdc;
	border-radius: 2em;
	padding: 2px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
#imageRangeBut + .imageRangeContent:after,#imageRangeBut + .imageRangeContent:before {
	position: relative;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
}
#imageRangeBut + .imageRangeContent:after {
	left: 0;
}
#imageRangeBut + .imageRangeContent:before {
	display: none;
}
#imageRangeBut:checked + .imageRangeContent:after {
	left: 50%;
}
#imageRangeBut + .imageRangeContent:after {
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
#imageRangeBut:checked + .imageRangeContent {
	background: #0076b5;
}
.esri-ui-top-right{
	top: 40px!important;
	right: 55px!important;
}
#TDcompareMap .esri-ui-top-left{
	top: 40px!important;
}
.mzLT_c{
	right: calc(50% + 11px)!important;
}
#TDcompareMap .esri-compass{
	border-radius:10%;
}
#terrinOpenBtn{
	position: absolute;
	top: 100px;
	right:calc(50% - 47px);
	width: 32px;
	height: 32px;
	border-radius: 10%;
	background: #fff;
	box-shadow: 0 1px 2px rgb(0,0,0,0.3);
	cursor:pointer;
    z-index: 3;
    text-align: center;
	display: inline-block;
}
#terrinOpenBtn span{
	display: inline-block;
	width: 20px;
	height: 20px;
    margin-top: 6px;
	background: url("/haiyang_imagesmap/imagesmap/img/map/terrin-33e21ace7028838fba17c044a896de49.png");
	background-size: 100% 100%;
}
#terrinOpenBtn.active{
	background: #75b6ef
}
#terrinOpenBtn.active span{
	background: url("/haiyang_imagesmap/imagesmap/img/map/terrin_a-8ed8694b9af0f4fcf789ff875364f6af.png");
	background-size: 100% 100%;
}
.viewer-list{
	width: auto!important;
}
#map .esri-distance-measurement-2d__hint-text,
#map .esri-area-measurement-2d__hint-text{
	margin: 0;
}
#map .esri-distance-measurement-2d,
#map .esri-area-measurement-2d{
	background-color: rgba(0,0,0,0.85);
	color: #fff;
	width: 320px;
}
#map .esri-distance-measurement-2d__measurement,
#map .esri-area-measurement-2d__measurement{
	background-color: transparent;
	margin: 0;
}
/*小分辨率*/
@media screen and (max-width: 1600px){
	.top-title {
		height: 60px;
		padding: 5px 0;
	}
	.title{
		height:50px;
	}
	.title .logo{
		height:42px;
	}
	.title span{
		width: 335px;
		height: 48px;
		/*width: 304px;
		height: 48px;*/
	}
	.bootstrap-table .fixed-table-container .table thead th .sortable{
		padding-right: 16px !important;
	}
	#jwd div input[type='text']{
		width:115px;
	}
	#xlh input[type='text']{
		width:280px;
	}
	.prompt-text{
		font-size: 12px;
	}
	.cconDiv .c-datepicker-data-input.only-date{
		width: 110px;
	}
	ul.secd-xq li{
		width:33%;
	}
	.main-menu-list{
		margin-right:16px;
	}
	#table>tbody>tr td:nth-child(4),#table>thead>tr th:nth-child(4){
		padding: 2px;
		width: 21%;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
		padding: 2px;
	}
}