body 
{
	 overflow:hidden;
	 background: #8ab4f8;
}
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none; /* 谷歌不支持12px以下字号 */ font-family:"微软雅黑";width: 100%;height: 100%;}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a:focus { outline: none; }    /* 去掉火狐下链接虚线框 */
body .lay-msg-bg{
background-color: #333 !important;
border: #333 !important;
color: #fff;
}

.layui-layer{background-color: #2e8ded !important;}
.layui-layer>.layui-layer-title{height: 36px;line-height: 36px;background: #2e8ded;color: #fff;}
.layui-layer>.layui-layer-setwin{top: 11px;color: #FFF;}
.layui-layer>.layui-layer-setwin .layui-layer-setwin .layui-layer-close1{background-position:-187px -38px;}
.layui-layer-page .layui-layer-content>div{display: flex;justify-content: center;flex-wrap: wrap;}
.layui-layer-page .layui-layer-content>div span{width: 100%;display: block;text-align: center;font-size: 14px;color: #fff;margin:18px;}
.layui-layer-page .layui-layer-content>div a{width: 30%;text-align: center;font-size: 14px;color: #000;background: #b9dffb;height: 30px;line-height: 30px;margin: 0 10px;border-radius: 5px;position: relative;}

#YimaEnc_1_EventDiv {width: 100% !important;}
.boxBigDivStyle
{
	display:none; 
	position: absolute; 
	z-index: 505;
	right: 10px; 
	top: 10px;
	background-color:White; 
	border: 4px solid #7cc7da; 
	border-radius: 5px; 
	padding: 0px 0px; 
	
	-webkit-opacity: 0.9; /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.9; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.9; /* IE9 + etc...modern browsers */
    opacity: .9; /* IE 4-9 */
    filter: alpha(opacity=0); /*This works in IE 8 & 9 too*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*IE4-IE9*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	}
.boxTitleDivStyle
{
	width: 100%; 
	height: 25px; 
	background-color: #7cc7da; 
	border-bottom: 3px; 
    border-bottom-color: #7cc7da;
	}
.boxTitleDivStyle span
{
	position: relative; 
	top: 5px; 
	left: 5px; 
	font-size: 13px;
	color:#ffffff;	
	}
	
.boxCloseImgStyle
{
	top: 5px;  
	}

.boxContentDivStyle
{
	position: absolute; 
	top: 30px; 
	left: 10px; 
	line-height:150%;
	width:100%; 
	height:180px; 
	color:#716c6c;
	font-size: 12px;
	overflow-x:hidden;
	overflow-y:auto;
	
	}
.boxContentTalbeStyle{}
.boxContentTalbeStyle tr
{
	height:22px;    
	line-height:22px;
	}
.tableStyle
{
	border:2px;
	
	}	
.tableStyle tr td checkbox
{
	width:10px;
	}
	
.boxBtnDiv
{
	position: absolute; 
	top: 220px; 
	left: 60px;
	}
	
.boxRadioStyle
{
	width:10px; 
	height:10px;
	}
.rowStyle
{
	 height:20px;
	 }
	 
.rowStyle a:hover {background:#f4f4f4; color:#1832a8;}
.rowStyle li a:hover {background:#f4f4f4; color:#1832a8;}

input[type="text"]
{
	width:100px;
}

input[type="password"]
{
	width:150px;
}

.TitleFont
{
	font-size:20px; 
	font-weight:bold;
	}

.ShowInfoDiv
{
	font-size:14px;
	color:Black;
	border: 2px solid #379082; 
	border-radius: 5px; 
	padding: 5px 5px; 
	width: 99%; 
	height:14px;
	background-color:White;
	-webkit-opacity: 0.9; /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.9; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.9; /* IE9 + etc...modern browsers */
    opacity: .9; /* IE 4-9 */
    filter: alpha(opacity=90); /*This works in IE 8 & 9 too*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*IE4-IE9*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

	}
.aLinkDlg
{
	font-size:13px; font-weight:bold;
	}

.aLinkDlg:link
{
	color:rgb(0, 100, 100); text-decoration:none;
	}
.aLinkDlg:visited
{
    color:rgb(0, 100, 100); text-decoration:none;
    }
.aLinkDlg:hover
{
	color:rgb(0, 0, 0); text-decoration:none;
	}

.ShowMouseMoveInfoStyle
{
	display:none; 
	position: absolute; 
	z-index: 500;
	font-size:12px;	
	color:White;
	border: 2px solid #fff; 
	border-radius: 5px; 
	padding: 8px;	 
	width: 200px; 
	height:auto;
	background: linear-gradient(to right,#06397b,#015cc3);;
	-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */
    opacity: .7; /* IE 4-9 */
    filter: alpha(opacity=70); /*This works in IE 8 & 9 too*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.9;
    
	}
.ShowMouseMoveInfoStyle li{width: 100%;height: 25px;display: flex;justify-content: space-between;align-items: center;}
.ShowMouseMoveInfoStyle li span:first-child{width: 30%;}
.ShowMouseMoveInfoStyle li span{width: 70%;text-align: center;}
.navigation_login{position: absolute;top: 0;right: 0;z-index: 23;height: 28px;display: flex;background: #1686d8;justify-content: flex-end;padding:0 20px 0 10px;}
.navigation_login span{font-size: 14px;color: #fff;margin-right: 5px;height: 28px;line-height: 28px;display: none;}
.navigation_login button{margin-top: 0px;height: 24px;padding: 0 8px;background: #1686d8;border: 0;outline: none;margin-top: 2px;border-radius: 3px;font-size: 12px;color: #fff;cursor: pointer;}
.navigation_login .zx_click{background: #f00;display: none;}
.navigation_login .login_click{background: #1ead15;}
/* .navigation_login button img{height: 28px;margin-top: 0;cursor: pointer;} */
.login_container {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.login_container i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.login_containerborder {position: fixed;left: 50%;top: 50%;width: 280px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 1000;}
.login_containerborder h3 {text-align: center;font-size: 16px;padding:8px 0px;margin-bottom: 5px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.form_box {padding:10px 20px;}
.form_box>div{width: 100%;position: relative;padding-bottom: 15px;overflow: hidden;}
.form_box>div em{position: absolute;width: calc(100% - 65px);bottom: 0;right:0;font-size: 12px;color: #000;}
.form_box label{width: 60px;font-size: 13px;color: #fff;float: left;line-height: 30px;}
.form_box input{width: calc(100% - 65px);color:#000;background: none;border-radius: 4px; border: 1px solid #DCDFE6;font-size: 14px;height: 30px;line-height: 30px;outline: 0;text-indent: 5px;float: right;background: #fff;}
.login_remember{text-align: right;padding-bottom: 10px;}
/* .login_remember input{text-align: right;width: 16px;height: 16px;background: #fff;float: none;border: 1px solid #DCDFE6;font-size: 12px;color: #fff;} */

.login_remember input[type="checkbox"]{width: 15px;height: 15px;display: inline-block;text-align: center; line-height: 15px;position: relative;font-size: 12px;color: #fff;float: none;text-indent: 0;}
.login_remember input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
.login_remember input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;color:#0078d7;font-size: 15px;font-weight: bold;}


.login_remember span{font-size: 12px;color: #fff;line-height: 20px;float: right;margin-left: 10px;}
.login_chuank{width: 100%;height: auto;display: flex;justify-content: space-between;}
.login_chuank button {width: 46%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}
/*修改密码-船舶参数*/
.passwords_container {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.passwords_container i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.passwords_containerborder {position: fixed;z-index: 50;left: 50%;top: 50%;width: 360px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 1000;}
.passwords_containerborder h3 {text-align: center;font-size: 14px;padding:5px 0px;margin-bottom: 5px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.passwords_close{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.passwords_close img{width: 100%;}
.passwordsform_box {padding:10px 30px 0;}
.passwordsform_box>div{width: 100%;position: relative;padding-bottom: 25px;overflow: hidden;}
.passwordsform_box>div em{position: absolute;width: calc(100% - 65px);bottom: 0;right:0;font-size: 12px;color: #000;}
.passwordsform_box label{width: 60px;font-size: 13px;color: #fff;float: left;line-height: 30px;}
.passwordsform_box input{width: calc(100% - 65px);color:#000;background: none;border-radius: 4px; border: 1px solid #DCDFE6;font-size: 14px;height: 30px;line-height: 30px;outline: 0;text-indent: 5px;float: right;background: #fff;}
.passwords_chuank{width: 100%;height: auto;display: flex;justify-content: space-between;}
.passwords_chuank button {width: 46%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}
/*修改密码-登录密码*/
.change_Password {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.change_Password i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.change_Passwordborder {position: fixed;z-index: 50;left: 50%;top: 50%;width: 360px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 1000;}
.change_Passwordborder h3 {text-align: center;font-size: 14px;padding:5px 0px;margin-bottom: 5px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.changerds_close{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.changerds_close img{width: 100%;}
.change_Passwordbox {padding:10px 30px 0;}
.change_Passwordbox>div{width: 100%;position: relative;padding-bottom: 25px;overflow: hidden;}
.change_Passwordbox>div em{position: absolute;width: calc(100% - 65px);bottom: 0;right:0;font-size: 12px;color: #000;}
.change_Passwordbox label{width: 60px;font-size: 13px;color: #fff;float: left;line-height: 30px;}
.change_Passwordbox input{width: calc(100% - 65px);color:#000;background: none;border-radius: 4px; border: 1px solid #DCDFE6;font-size: 14px;height: 30px;line-height: 30px;outline: 0;text-indent: 5px;float: right;background: #fff;}
.change_PasswordBtn{width: 100%;height: auto;display: flex;justify-content: space-between;}
.change_PasswordBtn button {width: 46%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}

/*船舶参数*/
.chuanbo_canPassword {position: absolute;z-index: 1999;left:0%;top: 0%;width: 100%;height:100%;display: none;}
.chuanbo_canPassword i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.chuanbo_containerborder {position: fixed;z-index: 2000;left: 50%;top: 50%;width: 260px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;}
.chuanbo_containerborder h3 {text-align: center;font-size: 14px;padding:5px 0px;margin-bottom: 5px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.chuanbo_canClose{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.chuanbo_canClose img{width: 100%;}
.chuanbo_canBox {padding:10px 30px 0;}
.chuanbo_canBox>div{width: 100%;position: relative;padding-bottom: 25px;overflow: hidden;}
.chuanbo_canBox>div em{position: absolute;width: calc(100% - 65px);bottom: 0;right:0;font-size: 12px;color: #000;}
.chuanbo_canBox label{width: 60px;font-size: 13px;color: #fff;float: left;line-height: 32px;}
.chuanbo_canBox input{width: calc(100% - 65px);color:#000;background: none;border-radius: 4px; border: 1px solid #DCDFE6;font-size: 14px;height: 30px;line-height: 30px;outline: 0;text-indent: 5px;float: right;background: #fff;}
.chuanbo_canChuank{width: 100%;height: auto;display: flex;justify-content: space-between;}
.chuanbo_canChuank button {width: 46%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}
/* 船舶夜航时间段修改 */

.nightSailing_dialog {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.nightSailing_dialog i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.nightSailing_containerborder {position: fixed;z-index: 50;left: 50%;top: 50%;width: 260px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;}
.nightSailing_containerborder h3 {text-align: center;font-size: 14px;padding:5px 0px;margin-bottom: 5px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.nightSailing_canClose{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.nightSailing_canClose img{width: 100%;}
.nightSailing_canBox {padding:10px 30px 0;}
.nightSailing_canBox>div{width: 100%;position: relative;padding-bottom: 25px;overflow: hidden;}
.nightSailing_canBox>div em{position: absolute;width: calc(100% - 65px);bottom: 0;right:0;font-size: 12px;color: #000;}
.nightSailing_canBox label{width: 60px;font-size: 13px;color: #fff;float: left;line-height: 32px;}
.nightSailing_canBox input{width: calc(100% - 65px);color:#000;background: none;border-radius: 4px; border: 1px solid #DCDFE6;font-size: 14px;height: 30px;line-height: 30px;outline: 0;text-indent: 5px;float: right;background: #fff;}
.nightSailing_canChuank{width: 100%;height: auto;display: flex;justify-content: space-between;}
.nightSailing_canChuank button {width: 46%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}

/* 机柜温度修改 */

.cabinetTemperature_dialog {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.cabinetTemperature_dialog i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.cabinetTemperature_containerborder {position: fixed;z-index: 50;left: 50%;top: 50%;width: 260px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;}
.cabinetTemperature_containerborder h3 {text-align: center;font-size: 14px;padding:5px 0px;margin-bottom: 5px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.cabinetTemperature_canClose{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.cabinetTemperature_canClose img{width: 100%;}
.cabinetTemperature_canBox {padding:10px 30px 0;}
.cabinetTemperature_canBox>div{width: 100%;position: relative;padding-bottom: 25px;overflow: hidden;}
.cabinetTemperature_canBox>div em{position: absolute;width: calc(100% - 65px);bottom: 0;right:0;font-size: 12px;color: #000;}
.cabinetTemperature_canBox label{width: 80px;font-size: 13px;color: #fff;float: left;line-height: 32px;}
.cabinetTemperature_canBox input{width: calc(100% - 85px);color:#000;background: none;border-radius: 4px; border: 1px solid #DCDFE6;font-size: 14px;height: 30px;line-height: 30px;outline: 0;text-indent: 5px;float: right;background: #fff;}
.cabinetTemperature_canChuank{width: 100%;height: auto;display: flex;justify-content: space-between;}
.cabinetTemperature_canChuank button {width: 46%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}


/*  摄像头通道设置 */
.editShip_monitorChannelSet {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1050;display: none;}
.editShip_monitorChannelSet i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.editShip_monitorChannelSetborder {position: fixed;left: 50%;top: 50%;width: 795px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 50;}
.editShip_monitorChannelSetborder h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.editShip_monitorClose{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.editShip_monitorClose img{width: 100%;}
.editShip_monitorChannelSetcnt{border: 1px solid #efefef;border-top: 0;display: flex;justify-content: space-between;padding-bottom: 2px;height: 445px;flex-wrap: wrap;background: #fff;}
.editShip_monitorChannelSetcnt ul{width: 100%;height: 380px;max-height: 380px;overflow-y: auto;}
.editShip_monitorChannelSetcnt ul li{width: 100%;}
.editShip_monitorChannelSetcnt ul li h4{padding:0 15px;background: #e7ecf1;font-size: 15px;color: #0aa51d;height: 36px;line-height: 36px;display: flex;justify-content: space-between;font-weight: normal;border-bottom: 1px solid #e7ecf1;}
.editShip_monitorChannelSetcnt ul li h4 span{display: flex;cursor: pointer;}
.editShip_monitorChannelSetcnt ul li h4 input{margin-right: 5px;margin-top: 2px;pointer-events:none}
.editShip_monitorChannelSetcnt ul li .monitorChannel_checkbox{font-size: 15px;color: #333;height: 36px;display: flex;align-items: center;justify-content: space-around;}
.editShip_monitorChannelSetcnt .monitorChannel_checkbox span{display: flex;align-items: center;cursor: pointer;}
.editShip_monitorChannelSetcnt .monitorChannel_checkbox span input{margin-right: 5px;margin-top: 1px;pointer-events:none;}
.editShip_thisOffLine{pointer-events:none;background: #ddd;}
.editShip_thisOffLine h4{background: #ddd !important;}

.editShip_monitorChannelSetBtn{width: 100%;height: 36px;display: flex;justify-content: center;position: relative;}
.editShip_monitorChannelSetBtn button {width: 25%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;margin-left: 30px;}

/*  船舶静态参数list窗口 */
.editShip_parameters {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.editShip_parameters i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.editShip_parametersborder {position: fixed;left: 50%;top: 50%;width: 795px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 50;}
.editShip_parametersborder h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.editShip_canClose{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.editShip_canClose img{width: 100%;}
.editShip_contbox{border: 1px solid #efefef;border-top: 0;display: flex;justify-content: space-between;padding-bottom: 2px;}
.editShip_contleft{width: 35%;}
.editShip_contright{width: 65%;}
.editShip_contbox>div h4{width: 100%;height: auto;font-size: 14px;color: #fff;text-indent: 10px;font-weight: normal;}
.editShip_contleftdiv{border: 1px solid #d9dcd7;border-radius: 5px;margin-right: 2px;position: relative;background: #015cc3;padding: 5px;}
.editShip_contleftcnt{width: calc(100% - 12px);height: 20px;line-height: 20px;display: flex;justify-content:space-between;background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #fff;position: absolute;left: 6px;top:5px;}
.editShip_contleftcnt span{text-align: center;font-size: 12px;color: #fff;width: 50%;text-align: center;}
.editShip_contleftdiv ul{width: 100%;min-height: 355px;max-height: 355px;overflow-y: auto;background: #fff;padding-top: 20px;border: 1px solid #000;}
.editShip_contleftdiv ul li{width: 100%;height: 20px;line-height: 20px;display: flex;justify-content:space-between;cursor: pointer;padding: 3px 0;}
.editShip_contleftdiv ul li span{text-align: center;font-size: 13px;color: #000;width: 50%;text-align: center; white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/}
.editShip_contleftdiv ul li.chuanbo_cntdatandan span{color: #808080;}
.editShip_contleftdiv ul li:hover{background: #86e9f9;}
.editShip_contleftdiv ul li.chuanbo_cntdatactvty{background: #3ebcf6;}
.editShip_contrightcnt{margin-left: 2px;}
.editShip_contrightcnt>div{border: 1px solid #d9dcd7;border-radius: 5px;background: #015cc3;}
.editShip_contrighttop{margin-bottom: 4px;}
.editShip_contrighttop ul{padding: 0 10px 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.editShip_contrighttop ul li{width: 32%;display: flex;justify-content: center;margin-top: 5px;font-size: 14px;color: #fff;align-items: center;}
.editShip_contrighttop ul li label{width: 65px;font-size: 14px;color: #fff;display: inline-block;line-height: 30px;}
.editShip_contrighttop ul li input,.editShip_contrighttop ul li select{width:calc(100% - 65px) ;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 14px;color: #fff;text-indent: 5px;}
.editShip_contrighttop ul li select option{background: #015ec8;}
.editShip_setMonitorChannel{width:calc(100% - 65px) ;height: 28px;line-height: 28px;font-size: 14px; color: #000; border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}
.editShip_contrighttop ul li input[type="radio"]{width:16px;margin-left: 10px;margin-right: 6px;}
#editShip_rightTypes::-webkit-scrollbar-thumb {
    background:#0280e0;
    min-height: 0;
    min-width: 0;
}
.editShip_rightBtn{padding: 0 10px 10px;text-align: right;}
.editShip_rightBtn button{width:90px;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}
.editShip_contrightbot{height: 182px;}
.editShip_contrightimg{margin:10px 20px;height: auto;border:1px solid #6d9ccd ;border-radius: 5px;height: 114px;padding: 3px;display: flex;justify-content: start;overflow-x: auto;display: flex;align-items: center;}
.editShip_contrightimg img{max-width: 114px;max-height:114px;display: inline-block;border: 1px solid #015cc3;outline: none;}
.editShip_contrightimg img.editShip_Brianrihtimg{border: 1px solid #fff;}
.editShip_contrightimg::-webkit-scrollbar-thumb {
    background:#0280e0;
    min-height: 25px;
    min-width: 25px;
}
.editShip_contrightimg_btn{padding:0 10px;height: auto;display: flex;justify-content: flex-end;position: relative;}
.editShip_contrightimg_btn button {width: 25%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;margin-left: 30px;}
.editShip_contrightimg_btn input{width: 25%;position: absolute;top: 0;right: 32%;height: 30px;opacity: 0;display: none;} 


/*告警*/
.gaojing_listed {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1001;display: none;}
.gaojing_listed i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.gaojing_listedborder {position: fixed;left: 50%;top: 50%;width: 900px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 1000;}
.gaojing_listedborder h3 {text-align: center;font-size: 16px;padding:5px 0px;font-weight: normal;color: #FFF;}
.gaojing_Close{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.gaojing_Close img{width: 100%;}
.gaojing_Box {border: 1px solid #fff;padding-bottom: 6px;}
.gaojing_Boxdiv{border: 1px solid #000;margin: 5px;background: #fff;}
.gaojing_Chuank{width: 70%;height: auto;display: flex;justify-content: space-between;margin: 0 auto;}
.gaojing_Chuank button {width: 30%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}
.gaojing_threeSpan{width: 100%;height: 15px;line-height: 15px;display: flex;/*justify-content:space-between;*/background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #1832a8;border-bottom: 1px solid #000;margin: 0 auto;margin-top: 5px;}
.gaojing_threeSpan span{text-align: center;font-size: 12px;color: #fff;width: 40%;text-align: center;}
.gaojing_threeSpan span:first-child{width: 10%;}
.gaojing_Boxdiv ul{width: 100%;min-height: 280px;max-height: 280px;overflow-y: auto;display: block;margin: 0 auto;}
.gaojing_Boxdiv ul li{width: 100%;height: 22px;line-height: 22px;display: flex; /*justify-content:space-between;*/ /*cursor: pointer;*/margin: 5px 0;}
.gaojing_Boxdiv ul li span{font-size: 12px;color: #000;text-align: center; white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/}
.gaojing_Boxdiv ul li span button {padding: 1px 2px; margin-left: 4px; font-size: 12px;color:#1762c3;border-radius: 2px;cursor: pointer;border: 1px solid #0078d7;}
.gaojing_Boxdiv ul li span:first-child,.gaojing_threeSpan span:first-child{width: 50px;}
.gaojing_Boxdiv ul li span:nth-child(2),.gaojing_threeSpan span:nth-child(2){width: 140px;}
.gaojing_Boxdiv ul li span:nth-child(3),.gaojing_threeSpan span:nth-child(3){width: 350px;}
.gaojing_Boxdiv ul li span:nth-child(4),.gaojing_threeSpan span:nth-child(4){width: 70px;}
.gaojing_Boxdiv ul li span:nth-child(5),.gaojing_threeSpan span:nth-child(5){width: 70px;}
.gaojing_Boxdiv ul li span:nth-child(6),.gaojing_threeSpan span:nth-child(6){width: 80px;}
.gaojing_Boxdiv ul li span:nth-child(7),.gaojing_threeSpan span:nth-child(7){width: 80px;}
.gaojing_Boxdiv ul li span:nth-child(8),.gaojing_threeSpan span:nth-child(8){width: 120px;}
.gaojing_Boxdiv ul li span:nth-child(3), .gaojing_Boxdiv ul li span:nth-child(7){text-align: left;}
/* 分页公共样式 */
#page{width: 100%;overflow: hidden;text-align: center;font-size: 14px;color: #333;margin: 0 auto;padding: 12px 0;}
#page>div{display: inline-block;margin: 0 3px;}
#page a{color: #333;margin-left: 5px;font-weight: bold;}
#page .active_page,#page a:hover{color: #0460f3;margin-left:5px;font-weight: bold;}

/* 告警信息处理 */
.gaojing_handle {width:100vw;height:100vh;position: absolute;left: 0;top: 0;z-index: 1002;display: none;}
.gaojing_handle i {width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 10;background: rgb(100, 100, 100);opacity: 0.3;}
.gaojing_handle_view {width: 445px; height: 320px; border: 1px solid #bdbbbb; background: linear-gradient(to right,#06397b,#015cc3);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index: 23;}
.gaojing_handle_title {width: 100%;height: 24px;position: relative;background: #096fe4;border-bottom: 1px solid #707f8b;}
.gaojing_handle_title h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #FFF;text-align: center;}
.gaojing_handle_title span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.gaojing_handle_title span img{width: 35px;}
.gaojing_handle_btn {padding:10px 75px;height: auto;display: flex;justify-content: space-between;}
.gaojing_handle_btn button{width: 28%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}
/* 告警信息处理弹框内容 */
.gaojing_content {display: flex; flex-direction: column; border: 1px solid #a0bed5; margin: 1px; padding: 10px; color: #FFF; font-size: 12px;}
.gaojing_content li {display: flex; min-height: 36px; align-items: center;}
.gaojing_content li label {width: 100px;}
.gaojing_content li span {width: 100%;}
.gaojing_content li input {width: 100%; height: 28px; line-height: 28px;border: 1px solid #fff; border-radius: 5px; outline: none; background: none; font-size: 13px; color: #fff;}
.gaojing_content li .gaojing_content_item_radio {display: flex; align-items: center;}
.gaojing_content li .gaojing_content_item_radio input {width: 18px;}
.gaojing_content li .gaojing_content_item_radio label {width: 70px; margin-left: 6px;}
/* 告警信息详情 */
.gaojing_content_detail {display: flex; flex-direction: column; padding: 10px; color: #FFF; font-size: 12px;}
.gaojing_content_detail li {display: flex; min-height: 32px; align-items: center;}
.gaojing_content_detail li label {width: 100px;}
.gaojing_content_detail li div {width: 325px;}

/* 告警设置 */
.setListMsg_message {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1001;display: none;}
.setListMsg_message i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.setListMsg_messageborder {position: fixed;left: 50%;top: 50%;width: 280px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 1000;}
.setListMsg_messageborder h3 {text-align: center;font-size: 16px;padding:5px 0px;font-weight: normal;color: #000;}
.setListMsg_Close{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.setListMsg_Close img{width: 100%;}
.setListMsg_Box {border: 1px solid #fff;padding-bottom: 20px;}
.setListMsg_Boxdiv{width: 76%;margin: 15px auto;font-size: 12px;color: #fff;display: flex;justify-content: space-between;}
.setListMsg_Boxdiv span{display: flex;align-items: center;}
.setListMsg_Boxdiv input{margin-top: 1px;margin-right: 3px;}
.setListMsg_Boxdiv input[type="checkbox"]{width: 12px;height: 12px;display: inline-block;text-align: center; line-height: 12px;position: relative;font-size: 12px;color: #fff;float: none;text-indent: 0;margin-right: 5px;}
.setListMsg_Boxdiv input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
.setListMsg_Boxdiv input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;color:#0078d7;font-size: 15px;font-weight: bold;}

.setListMsg_frequency{width: 76%;margin: 15px auto;font-size: 12px;color: #fff;display: flex;justify-content: space-between;align-items: center;}
.setListMsg_frequency label{width: 40%;}
.setListMsg_frequency input{width: 60%;height: 24px;outline: none;border: 0;text-indent: 5px;}

.setListMsg_Chuank{width: 76%;height: auto;display: flex;justify-content: space-between;margin: 0 auto;}
.setListMsg_Chuank button {width: 40%;padding: 5px 0;font-size: 14px;color:#000;border-radius: 4px;text-align: center;outline: 0;background: linear-gradient(to right,#93c9f1,#c8e5fa);border: none;cursor: pointer;}

/* 导航 */
.navigation_top{width: 100%;height: 28px;background-color: #1686d8;position: relative;cursor: pointer;z-index: 1001;}
.navigation_nav{margin-left: 10px;}
.navigation_nav>ul{width: max-content;}
.navigation_nav>ul>li{float: left;padding: 0 5px;height: 28px;line-height: 28px;position: relative;}
.navigation_nav>ul>li>span{font-size: 12px;color: #fff;}
.navigation_nav>ul>li:hover{background: #86e9f9;}
.navigation_nav>ul>li:hover>span{color: #000;}
.navigation_navli>ul{border: 3px solid #034da5;background:url(../img/nav_bjshez.png) left top / 160px 100% no-repeat #034da5;position: absolute;left: 0;top: 28px;border-radius: 5px;width: max-content;display: none;}
.navigation_navli>ul li{font-size: 12px;color: #fff;}
.navigation_navli li{display: flex;position: relative;padding-left:30px;padding-right: 60px;position: relative;}
.navigation_navli li:hover{background:linear-gradient(to right,#31b6f7,#034da5);}
.navigation_navlichrend{background:url(../img/nav_right.png) 96% center / auto 8px no-repeat;}
.navigation_navli li.navigation_navlichrend:hover{background: url(../img/nav_right.png) 96% center / auto 8px no-repeat, linear-gradient(to right,#31b6f7,#034da5);}
.navigation_navli ul li ul{border: 3px solid #034da5;background:url(../img/nav_bjshez.png) left top / 160px 100%  no-repeat #034da5;position: absolute;left:100%;top: 0;border-radius: 5px;width: max-content;display: none;}
.navigation_navli ul li ul li{padding-right: 0;}
.navigation_chindactiy::before{width: 30px;height: 28px;content: "";background:url(../img/nav_xuanz.png) 3px center / 20px 20px no-repeat;position: absolute;left: 0;top: 0;}
.navigation_navli ul li ul span{height: 28px;display: block;padding-right: 60px;width: 100%;}


/*  工具栏 */
.ShowIn_caozuo{height: 60px;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to right,#3ebcf6,#1495f5,#47bff6,#015ec8);position: relative;z-index: 100;}
.ShowIn_caozuo>ul{height: 60px;background: url(../img/nav_tubiaoleft.png) 3px top / auto 100% no-repeat,url(../img/nav_tubiaoright.png) right top / auto 100% no-repeat;padding:0 5px;display: flex;justify-content: flex-start;}
/* .ShowIn_caozuo>ul>li{padding: 0 5px;margin: 5px ;min-width: 50px;font-size: 14px;color: #000;text-align: center;cursor: pointer;position: relative;} */
.ShowIn_caozuo>ul>li{padding: 0 0.6vw;margin: 5px ;min-width: 1.6vw;font-size: 0.7vw;color: #000;text-align: center;cursor: pointer;position: relative;}
.ShowIn_caozuo>ul>li span{white-space: nowrap;width: 100%;}
.ShowIn_caozuo>ul>li ul li:hover{background:linear-gradient(to right,#31b6f7,#034da5);}
.ShowIn_caozuo>ul>li:hover,.ShowIn_caozuo>ul>li.ShowIncz_actvty{background: rgba(241, 243, 245, 0.493);border-radius: 5px;}
.ShowIn_caozuo ul li img{display: block;height: 30px;margin: 0 auto;}
.ShowIn_caozuo>ul>li:nth-child(1)::before,.ShowIn_caozuo>ul>li:nth-child(3):before,.ShowIn_caozuo>ul>li:nth-child(7):before,.ShowIn_caozuo>ul>li:nth-child(13):before,.ShowIn_caozuo>ul>li:nth-child(15):before,.ShowIn_caozuo>ul>li:nth-child(19):before{content: "";width: 3px;height: 60px;background: url(../img/tubiap_border.png) right 0 / 2px 100% no-repeat;position: absolute;right: -5px;top: -5px;z-index: 5;}
.ShowIn_caozuo ul li ul{border: 3px solid #034da5;background:url(../img/nav_bjshez.png);position: absolute;left:0%;top:50px;border-radius: 5px;width: max-content;z-index: 23;display: none;}
.ShowIn_caozuo ul li ul>li{display: flex;position: relative;padding-right: 40px;padding-left: 30px;font-size: 12px;color: #fff;height: 24px;line-height: 24px;}
.shipShow_GaoPointMsg em{position: absolute;width: 18px;height: 18px;line-height:18px;background: #f00;font-size: 10px;color: #fff;text-align: center;border-radius: 50%;display: none;}

.navigation_body{width: 100%;height: calc(100% - 122px);position: absolute;top:90px;z-index: 25;background: #1686d8;}
.navigation_foter{padding: 0 20px 0 5px;background: linear-gradient(to right, #1686d8,#1832a8);position: absolute;bottom: 0px;left: 0;width:calc(100% - 25px);height: 30px;display: flex;justify-content: space-between;border: 1px solid #000;z-index: 1000;}
.fonter_left li{height: 30px;line-height: 30px;font-size: 12px;color: #fff;display: inline-block;padding-right: 30px;background: url(../img/tubiap_border.png) right 0 / 2px 100% no-repeat;margin-right: 10px}
.fonter_right{height: 30px;line-height: 30px;font-size: 13px;color: #fff;}
.fonter_right em{width: 20px;height: 20px;border-radius: 50%;background: linear-gradient(to bottom,#9be68a,#1ead15);margin-right: 5px;margin-top: 5px;float: left;}
#Map_ShowLonLatDiv,#Map_ShowScaleDiv,#MoveToolBarDiv,#zoomInImgDiv,#zoomOutImgDiv,#zoomSliderDiv,#moveZoomSliderDiv,#showScaleLevelDiv{display: none !important;}

/*右边弹出*/

#aip_ditushow>#map{width: 80% !important;height: calc(100% - 4px)!important;border: 1px solid #fff;border-radius: 5px;overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    cursor: default;}
#content_right{width: calc(20% - 8px);height: 100%;float: right;position: relative;z-index: 500;background: #1686d8;}
#content_right>div{display: none;}
#content_right>div.conRight_onresize{display: block;}
.navigation_border{width: 2px;height: 100%;background:  #cac2c2;float: right;cursor:w-resize;position: absolute;left:calc(80% + 2px);z-index: 1000;margin: 0 2px;}

.chuanbo_list{width: 100%;height: 100%;position: relative;}
.chuanbo_top{padding: 0 3px;position: relative;}
.chuanbo_top h3{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.chuanbo_tools{position: absolute;right: 5px;top: 5px;background: #1686d8;}
.chuanbo_tools span{width: 35px;height: 21px;display: inline-block;}
.chuanbo_tools span img{width: 35px;height: 21px;}
.chuanbo_searchinput{width: 100%;height: 22px;font-size: 13px;color: #fff;line-height: 22px;padding-bottom: 5px;display: none;overflow: hidden;}
.chuanbo_select{border: 1px solid #fff;outline: none;height: 20px;line-height: 20px;font-size: 12px;color: #fff;border-radius: 3px;background: none;}
.chuanbo_select option{background: #044da4;}
.chuanbo_inputext{border: 1px solid #fff;outline: none;height: 18px;line-height: 18px;font-size: 12px;color: #fff;border-radius: 3px;background: none;}
.chuanbo_closecearch{float: right;margin-right: 15px;font-size: 8px;color: #fff;margin-top: 5px;cursor: pointer;}
.chuanbo_cnt{border: 1px solid #000;position: relative;background: #e5efff;height: calc(100% - 65px)}
.chuanbo_cntitle{width: 100%;height: 15px;line-height: 15px;display: flex;justify-content:space-between;background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #1832a8;border-bottom: 1px solid #000;position:absolute;left:0;top:0;}
.chuanbo_cntitle span{text-align: center;font-size: 12px;color: #fff;width: 28%;text-align: center;}
.chuanbo_cntitle span:first-child{width: 16%;}
.chuanbo_cntdata{width: 100%;min-height:  calc(100% - 16px);max-height:  calc(100% - 16px);overflow-y: auto;padding-top:17px;}
.chuanbo_cntdata li{width: 100%;height: 26px;line-height: 26px;display: flex;justify-content:space-between;cursor: pointer;}
.chuanbo_cntdata li span{text-align: center;font-size: 13px;color: #000;width: 28%;text-align: center; white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/}
.chuanbo_cntdata li span:first-child{width: 16%;}
.chuanbo_cntdata li span{color: #000;}
.chuanbo_cntdata li.offline span{color: #808080;}

.chuanbo_cntdata li:hover{background: #86e9f9;}
.chuanbo_cntdata li.chuanbo_cntdatactvty{background: #3ebcf6;}
.chuanbo_fonterdata{padding: 0 10px;height: 30px;overflow: hidden;}
.chuanbo_fonterdata ul{width: 100%;display: flex;justify-content: space-between;}
.chuanbo_fonterdata li{font-size: 14px;color:#fff;height: 30px;line-height: 30px;}

/*  标注列表	 */
.biaozhu_list{width: 100%;height: 100%;position: relative;}
.biaozhu_top{position: relative;}
.biaozhu_top h3{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.biaozhu_tools{position: absolute;right: 5px;top: 5px;background: #1686d8;}
.biaozhu_tools span{width: 35px;height: 21px;display: inline-block;}
.biaozhu_tools span img{width: 35px;height: 21px;}
.biaozhu_searchinput{height: 35px;background: url(../img/tanc_leftu.png) 3px top / auto 100% no-repeat,url(../img/tanc_rightu.png) right top / auto 100% no-repeat,linear-gradient(to right,#3ebcf6,#1495f5,#47bff6,#39aced);padding:0 5px;display: flex;justify-content: flex-start;border: 1px solid #000;border-radius: 5px;}
.biaozhu_searchinput ul{margin: 0 10px 0 8px;display: block;width: 100%;}
.biaozhu_searchinput ul li{height: 25px;float: left;margin-top: 5px;}
.biaozhu_searchinput ul li:last-child{float: right;}
.biaozhu_searchinput ul li img{height: 100%;}
.biaozhu_cnt{border: 1px solid #000;position: relative;background: #e5efff;height: calc(100% - 102px)}
.biaozhu_cntitle{width: 100%;height: 15px;line-height: 15px;display: flex;justify-content:space-between;background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #1832a8;border-bottom: 1px solid #000;}
.biaozhu_cntitle span{text-align: center;font-size: 12px;color: #fff;width: 28%;text-align: center;}
.biaozhu_cntitle span:first-child{width: 16%;}
.biaozhu_cntdata{width: 100%;min-height:  calc(100% - 16px);max-height:  calc(100% - 16px);overflow-y: auto;}
.biaozhu_cntdata li{width: 100%;height: 22px;line-height: 22px;display: flex;justify-content:space-between;cursor: pointer;}
.biaozhu_cntdata li span{text-align: center;font-size: 13px;color: #000;width: 28%;text-align: center; white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/}
.biaozhu_cntdata li span:first-child{width: 16%;}
.biaozhu_cntdata li span img{margin-top: 3px;}
.biaozhu_cntdata li.biaozhu_cntdatandan span{color: #808080;}
.biaozhu_cntdata li:hover{background: #86e9f9;}
.biaozhu_cntdata li.biaozhu_cntdatactvty{background: #3ebcf6;}
.biaozhu_fonterdata{padding: 0 10px;height: 30px;}
.biaozhu_fonterdata ul{width: 100%;display: flex;justify-content: space-between;}
.biaozhu_fonterdata li{font-size: 14px;color:#fff;height: 30px;line-height: 30px;}

/*  标注列表	 */
.biaozhu_list{width: 100%;height: 100%;position: relative;}
.biaozhu_top{position: relative;}
.biaozhu_top h3{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.biaozhu_tools{position: absolute;right: 5px;top: 5px;background: #1686d8;}
.biaozhu_tools span{width: 35px;height: 21px;display: inline-block;}
.biaozhu_tools span img{width: 35px;height: 21px;}
.biaozhu_searchinput{height: 35px;background: url(../img/tanc_leftu.png) 3px top / auto 100% no-repeat,url(../img/tanc_rightu.png) right top / auto 100% no-repeat,linear-gradient(to right,#3ebcf6,#1495f5,#47bff6,#39aced);padding:0 5px;display: flex;justify-content: flex-start;border: 1px solid #000;border-radius: 5px;}
.biaozhu_searchinput ul{margin: 0 5px 0 8px;display: block;width: 100%;}
.biaozhu_searchinput ul li{height: 25px;float: left;margin-top: 5px;margin-right: 10px;}
.biaozhu_searchinput ul li:last-child{float: right;}
.biaozhu_searchinput ul li img{height: 100%;}
.biaozhu_cnt{border: 1px solid #000;position: relative;background: #e5efff;height: calc(100% - 102px)}
.biaozhu_cntitle{width: 100%;height: 15px;line-height: 15px;display: flex;justify-content:space-between;background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #1832a8;border-bottom: 1px solid #000;position:absolute;left:0;top:0;}
.biaozhu_cntitle span{text-align: center;font-size: 12px;color: #fff;width: 28%;text-align: center;}
.biaozhu_cntitle span:first-child{width: 16%;}
.biaozhu_cntdata{width: 100%;min-height:  calc(100% - 16px);max-height:  calc(100% - 16px);overflow-y: auto;padding-top:17px;}
.biaozhu_cntdata li{width: 100%;height: 30px;line-height: 30px;display: flex;justify-content:space-between;cursor: pointer;}
.biaozhu_cntdata li span{text-align: center;font-size: 13px;color: #000;width: 28%;text-align: center; white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/}
.biaozhu_cntdata li span:first-child{width: 16%;}
.biaozhu_cntdata li.biaozhu_cntdatandan span{color: #808080;}
.biaozhu_cntdata li:hover{background: #86e9f9;}
.biaozhu_cntdata li.biaozhu_cntdatactvty,.biaozhu_cntdata li.biaozhu_danclickactvty{background: #3ebcf6;}
.biaozhu_fonterdata{padding: 0 10px;height: 30px;}
.biaozhu_fonterdata ul{width: 100%;display: flex;justify-content: space-between;}
.biaozhu_fonterdata li{font-size: 14px;color:#fff;height: 30px;line-height: 30px;}

/*  航线列表	 */
.hangxian_list{width: 100%;height: 100%;position: relative;}
.hangxian_top{position: relative;}
.hangxian_top h3{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.hangxian_tools{position: absolute;right: 5px;top: 5px;background: #1686d8;}
.hangxian_tools span{width: 35px;height: 21px;display: inline-block;}
.hangxian_tools span img{width: 35px;height: 21px;}
.hangxian_searchinput{height: 35px;background: url(../img/tanc_leftu.png) 3px top / auto 100% no-repeat,url(../img/tanc_rightu.png) right top / auto 100% no-repeat,linear-gradient(to right,#3ebcf6,#1495f5,#47bff6,#39aced);padding:0 5px;display: flex;justify-content: flex-start;border: 1px solid #000;border-radius: 5px;}
.hangxian_searchinput ul{margin: 0 10px 0 8px;display: block;width: 100%;}
.hangxian_searchinput ul li{height: 25px;float: left;margin-top: 5px;margin-right: 10px;}
.hangxian_searchinput ul li img{height: 100%;}
.hangxian_cnt{border: 1px solid #000;position: relative;background: #e5efff;height: calc(100% - 102px)}
.hangxian_cntitle{width: 100%;height: 15px;line-height: 15px;display: flex;justify-content:space-between;background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #1832a8;border-bottom: 1px solid #000;position:absolute;left:0;top:0;}
.hangxian_cntitle span{text-align: center;font-size: 12px;color: #fff;width: 28%;text-align: center;}
.hangxian_cntitle span:first-child{width: 16%;}
.hangxian_cntdata{width: 100%;min-height:  calc(100% - 16px);max-height:  calc(100% - 16px);overflow-y: auto; padding-top:17px;}
.hangxian_cntdata li{width: 100%;height: 22px;line-height: 22px;display: flex;justify-content:space-between;cursor: pointer;}
.hangxian_cntdata li span{text-align: center;font-size: 13px;color: #000;width: 28%;text-align: center; white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/}
.hangxian_cntdata li span:first-child{width: 16%;}
.hangxian_cntdata li.hangxian_cntdatandan span{color: #808080;}
.hangxian_cntdata li:hover{background: #86e9f9;}
.hangxian_cntdata li.hangxian_cntdatactvty{background: #3ebcf6;}
.hangxian_fonterdata{padding: 0 10px;height: 30px;}
.hangxian_fonterdata ul{width: 100%;display: flex;justify-content: space-between;}
.hangxian_fonterdata li{font-size: 14px;color:#fff;height: 30px;line-height: 30px;}

/*  通话记录	 */
.tonghua_list{width: 100%;height: 100%;position: relative;}
.tonghua_top{position: relative;}
.tonghua_top h3{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.tonghua_tools{position: absolute;right: 5px;top: 5px;background: #1686d8;}
.tonghua_tools span{width: 35px;height: 21px;display: inline-block;}
.tonghua_tools span img{width: 35px;height: 21px;}
.tonghua_searchinput{height: 35px;background: url(../img/tanc_leftu.png) 3px top / auto 100% no-repeat,url(../img/tanc_rightu.png) right top / auto 100% no-repeat,linear-gradient(to right,#3ebcf6,#1495f5,#47bff6,#39aced);padding:0 5px;display: flex;justify-content: flex-start;border: 1px solid #000;border-radius: 5px;}
.tonghua_searchinput ul{margin: 0 10px 0 8px;display: block;width: 100%;}
.tonghua_searchinput ul li{height: 25px;float: left;margin-top: 5px;margin-right: 10px;}
.tonghua_searchinput ul li img{height: 100%;}
.tonghua_msgSearch{padding: 5px 15px;font-size: 14px;color: #fff;display: none;}
.tonghua_msgSearch span{float: right;cursor: pointer;}
.tonghua_msgSearch input{border: 1px solid #fff;outline: none;height: 18px;line-height: 18px;font-size: 12px;color: #fff;border-radius: 3px;background: none;}

.tonghua_cnt{border: 1px solid #000;position: relative;background: #e5efff;height: calc(100% - 65px)}
.tonghua_cntitle{width: 100%;height: 15px;line-height: 15px;display: flex;justify-content:space-between;background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #1832a8;border-bottom: 1px solid #000;position:absolute;left:0;top:0;}
.tonghua_cntitle span{text-align: center;font-size: 12px;color: #fff;width: 28%;text-align: center;}
.tonghua_cntitle span:first-child{width: 16%;}
.tonghua_cntdata{width: 100%;min-height:  calc(100% - 16px);max-height:  calc(100% - 16px);overflow-y: auto; padding-top:17px;}
.tonghua_cntdata li{width: 100%;height: 22px;line-height: 22px;display: flex;justify-content:space-between;cursor: pointer;}
.tonghua_cntdata li span{text-align: center;font-size: 13px;color: #000;width: 28%;text-align: center; white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/}
.tonghua_cntdata li span:first-child{width: 16%;}
.tonghua_cntdata li.tonghua_cntdatandan span{color: #808080;}
.tonghua_cntdata li:hover{background: #86e9f9;}
.tonghua_cntdata li.tonghua_cntdatactvty{background: #3ebcf6;}
.tonghua_fonterdata{padding: 0 10px;height: 30px;}
.tonghua_fonterdata ul{width: 100%;display: flex;justify-content: space-between;}
.tonghua_fonterdata li{font-size: 14px;color:#fff;height: 30px;line-height: 30px;}


/*短信list*/
.duanxin_list{width: 100%;height: 100%;position: relative;}
.duanxin_top{position: relative;}
.duanxin_top h3{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.duanxin_chuanall{position: absolute;left: 5px;top: 5px;background: #1686d8;}
.duanxin_chuanall img{width: 35px;height: 21px;}
.duanxin_tools{position: absolute;right: 5px;top: 5px;background: #1686d8;}
.duanxin_tools span{width: 35px;height: 21px;display: inline-block;}
.duanxin_tools span img{width: 35px;height: 21px;}
.duanxin_ListAll,.duanxin_msgSearch{padding: 5px 15px;font-size: 14px;color: #fff;}
.duanxin_ListAll em,.duanxin_msgSearch span{float: right;cursor: pointer;}
.duanxin_msgSearch input{border: 1px solid #fff;outline: none;height: 18px;line-height: 18px;font-size: 12px;color: #fff;border-radius: 3px;background: none;}
.duanxin_msgSearch,.duanxin_ListAll,.duanxin_tools .chuanall_remove{display: none;}
.duanxin_cnt{border: 1px solid #000;background: #e5efff;height: calc(100% - 65px)}
.duanxin_cntchang,.duanxin_cntMsg{position: absolute;height:calc(100% - 65px);overflow: hidden;font-size: 14px;color: #333;width: calc(100% - 2px);right: -100%;top: 30px;z-index: 50;background: #e5efff;border: 1px solid #000;}
.duanxin_cntchangtop{width: 100%;height: auto;display: flex;justify-content: space-between;border-bottom: 1px solid #999;padding: 5px 0;align-items: center;}
.duanxin_list input[type="checkbox"]{width: 12px;height: 12px;display: inline-block;text-align: center; line-height: 12px;position: relative;font-size: 12px;color: #fff;float: none;text-indent: 0;margin-right: 5px;}
.duanxin_list input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #faf8f8;width: 100%;height: 100%;border: 1px solid #666}
.duanxin_list input[type="checkbox"]:checked::before{content: "\2713";background-color: #faf8f8;position: absolute;top: 0;left: 0;width:100%;color:#0078d7;font-size: 12px;font-weight: bold;}
.duanxin_cntleft a{border: 8px solid transparent;border-right-color: #333;width: 0;height: 0;float: left;margin-right: 10px;margin-top: 2px;}
.duanxin_cntbottom{padding: 1px 12px;border: 1px solid #333;margin-right: 10px;border-radius: 5px;cursor: pointer;}
.duanxin_checkboxlist{width: 100%;height: calc(100% - 34px);max-height: calc(100% - 34px);overflow-y: auto;}
.duanxin_checkboxlist ul{padding: 0 10px;padding-bottom: 20px;}
.duanxin_checkboxlist li{border-bottom: 1px solid #999;padding: 10px 0;}
.duanxin_cntMsgtop{width: 100%;height: auto;border-bottom: 1px solid #999;padding: 8px 0;position: relative;text-align: center;}
.duanxin_cntMsgtop h4{font-size: 18px;color: #333;font-weight: normal;}
.duanxin_cntMsgleft{position: absolute;left: 0;top: 8px;z-index: 23;}
.duanxin_cntMsgleft a{border: 8px solid transparent;border-right-color: #333;width: 0;height: 0;float: left;margin-right: 10px;margin-top: 2px;}
.duanxin_cntMsgmain{width: 100%;height: calc(100% - 41px);position: relative;}
.duanxin_cntMsgName{height: 70px;border-bottom: 1px solid #999;padding: 2px 8px;padding-left: 45px;background: url(../img/duanxin_msg.png) 8px center / 24px auto no-repeat;display: flex;align-items: center;justify-content:flex-start;flex-wrap: wrap;font-size: 14px;color: #000;}
.duanxin_cntMsgShow{font-size: 14px;color: #000;min-height: calc(100% - 210px);max-height: calc(100% - 210px);overflow-y: auto;border-bottom: 1px solid #999;}
.duanxin_cntMsgShow::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.duanxin_cntMsgInpput{padding:5px;height: 130px;text-align: right;}
.duanxin_cntMsgInpput textarea{width: 100%;height: 100px;border: 0;text-align: left;outline: none;background: #e5efff;}
.duanxin_cntMsgInpput button{padding: 3px 15px;border: 0;background: #008000;font-size: 12px;color: #fff;border-radius: 5px;}
.duanxin_fonterdata{padding: 0 10px;height: 30px;}
.duanxin_fonterdata ul{width: 100%;display: flex;justify-content: space-between;}
.duanxin_fonterdata li{font-size: 14px;color:#fff;height: 30px;line-height: 30px;}




/*  港口list	 */
.gangkou_list{width: 100%;height: 100%;position: relative;}
.gangkou_top{position: relative;}
.gangkou_top h3{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.gangkou_tools{position: absolute;right: 5px;top: 5px;background: #1686d8;}
.gangkou_tools span{width: 35px;height: 21px;display: inline-block;}
.gangkou_tools span img{width: 35px;height: 21px;}
.gangkou_cnt{border: 1px solid #000;position: relative;background: #e5efff;height: calc(100% - 65px);}
.gangkou_cntitle{width: 100%;height: 15px;line-height: 15px;display: flex;justify-content:space-between;background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #1832a8;border-bottom: 1px solid #000;position: absolute;left: 0;top: 0;}
.gangkou_cntitle span{text-align: center;font-size: 12px;color: #fff;width: 28%;text-align: center;}
.gangkou_cntitle span:first-child{width: 16%;}
.gangkou_cntdata{width: 100%;min-height:  calc(100% - 16px);max-height:  calc(100% - 16px);overflow-y: auto;padding-top: 17px;}
.gangkou_cntdata li{width: 100%;height: 28px;line-height: 28px;display: flex;justify-content:space-between;cursor: pointer;}
.gangkou_cntdata li span{text-align: center;font-size: 13px;color: #000;width: 28%;text-align: center; white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/}
.gangkou_cntdata li img{height: 24px;margin-top: 2px;}
.gangkou_cntdata li span:first-child{width: 16%;}
.gangkou_cntdata li.gangkou_cntdatandan span{color: #808080;}
.gangkou_cntdata li:hover{background: #86e9f9;}
.gangkou_cntdata li.gangkou_cntdatactvty{background: #3ebcf6;}
.gangkou_fonterdata{padding: 0 10px;height: 30px;}
.gangkou_fonterdata ul{width: 100%;display: flex;justify-content: space-between;}
.gangkou_fonterdata li{font-size: 14px;color:#fff;height: 30px;line-height: 30px;}

::-webkit-scrollbar {
    overflow: auto;
	width: 15px;
}
::-webkit-scrollbar-thumb {
    background:linear-gradient(to right,#04a2f7 45%,#0393ed 10%,#0280e0 45%);
    min-height: 25px;
    min-width: 25px;
}
::-webkit-scrollbar-track {
    background-color: #e5efff;
    border: 1px solid #aaaaaa;}



/* 定位弹出 */
.tancindex_bufentotall{width: 320px;height: auto;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 1000;display: none;}
.dingwei_tanc{border: 1px solid #bdbbbb;background: #015ec8;border-radius: 6px;overflow: hidden;}
.dingwei_tanctop{width: 100%;height: 24px;background: #04a2f7;position: relative;}
.dingwei_tanctop h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;}
.dingwei_tanctop span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.dingwei_tancnt{border: 1px solid #979696;padding: 20px;}
.dingwei_tancntweid,.dingwei_tancntjind{width: 100%;height: auto;margin-bottom: 20px;display: flex;align-items: center;}
.dingwei_tancnt label{font-size: 14px;color: #fff;margin-right: 10px;width: 35px;display: inline-table;}
.dingwei_tancntweid>div,.dingwei_tancntjind>div{width: calc(100% - 47px);border: 1px solid #fff;border-radius: 5px;height: 24px;position: relative;display: flex;justify-content: flex-start;font-size: 14px;color: #fff;}
.dingwei_tancnt input{height: 24px;line-height: 24px;font-size: 14px;color: #fff;text-indent: 10px;background: none;outline: none;border: 0;text-align: center;margin: 0 3px;width: 56px;}
.dingwei_tancbtn{padding:0 15px;height: auto;display: flex;justify-content: space-between;}
.dingwei_tancbtn button{width: 45%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);}
.dingwei_tancnt em{width: 20px;height: 22px;line-height: 22px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);font-size: 13px;color: #000;text-align: center;margin-left: 5px;border-radius: 3px;margin-top: 1px;cursor: pointer;display: inline-block;}

/*FBL*/
#DrawCircleInfoDiv,#ShowMeasureDistDiv{border: 1px solid #fff;background: linear-gradient(to right,#093a6d,#074a8f);}
.boxTitleDivStyle{background: none;position: relative;}
.boxTitleDivStyle span{width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 14px;color: #fff;display: block;}
.boxTitleDivStyle a{width: 18px;height: 18px;display: block;position: absolute;top: 3px;right: 3px;z-index: 23;}
.boxTitleDivStyle a img{width: 100%;}
.boxContentDivStyle{font-size: 13px;color: #fff;}
.boxContentDivStyle tr{margin-bottom: 5px;display: block;}


/*标注点*/
#showdate_boxshow{position: relative;z-index: 25;}
#drawObjBox{width: 310px;height: auto;border: 2px solid #fff;border-radius: 5px;background: linear-gradient(to right,#093a6d,#074a8f);}
#DrawObjInfoTable{padding: 10px;padding-bottom: 0px;display: block;}
#DrawObjInfoTable td{display: block;margin-bottom: 10px;}
#DrawObjInfoTable td label{margin:0 10px;text-align: right;font-size: 14px;color: #fff;display: inline-block;line-height: 30px;float: left;}
#drawObjName{width: 230px;border: 1px solid #fff;outline: none;background: none;border-radius: 3px;font-size: 13px;color: #fff;height: 28px;line-height: 28px;text-indent: 10px;}
#drawObpointed{width: 230px;;border: 1px solid #fff;border-radius: 3px;display: inline-block;}
#drawObpointed li{width: 46px;height: 40px;float: left;display: flex;align-items: center;justify-content: center}
#drawObpointed li img{height: 20px;cursor: pointer;}
.drawObpoint_active{background: rgba(241, 243, 245, 0.493);}
.drawObj_tancntweid,.drawObj_tancntjind{width: 100%;height: auto;margin-bottom: 10px;display: flex;align-items: center;}
.drawObj_tancntweid>div,.drawObj_tancntjind>div{width:230px;border: 1px solid #fff;border-radius: 5px;height: 28px;position: relative;display: flex;justify-content: flex-start;font-size: 18px;color: #fff;}
.drawObj_tancntweid>div input,.drawObj_tancntjind>div input{height: 28px;line-height: 28px;font-size: 14px;color: #fff;text-indent: 10px;background: none;outline: none;border: 0;text-align: center;margin: 0 3px;width: 55px;}

.drawObj_tancntweid>div em,.drawObj_tancntjind>div em{width: 20px;height: 24px;line-height: 24px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);font-size: 13px;color: #000;text-align: center;margin-left: 5px;border-radius: 3px;margin-top: 2px;cursor: pointer;display: inline-block;}
.aLinkDlg_ntbclas{padding: 10px 20px;border-top: 1px solid #fff;display: flex;justify-content: flex-end;}

.aLinkDlg_ntbclas a{width: 40%;height: 28px;line-height: 28px;font-size: 13px;color: #000;background:linear-gradient(to bottom,#8ec8f1,#b9dffb);text-align: center;border-radius: 5px;}

#DrawObjInfoTable tr{display: none;}
#DrawObjInfoTable tr:nth-child(1){display: block;}


/*标注面 ，线*/
#drawObjBoxMian,#drawObjBoxXian{width: 300px;height: auto;border: 2px solid #fff;border-radius: 5px;background: linear-gradient(to right,#093a6d,#074a8f);}
.drawObj_miancnt{padding-top: 10px;}
.drawObj_mianame{width: 100%;height: auto;margin-bottom: 10px;}
.drawObj_mianame label{margin:0 10px;text-align: right;font-size: 14px;color: #fff;display: inline-block;line-height: 30px;}
#drawObjNameMian,#drawObjNameXian{width: 200px;border: 1px solid #fff;outline: none;background: none;border-radius: 3px;font-size: 13px;color: #fff;height: 28px;line-height: 28px;text-indent: 10px;}
.drawObj_mian{padding:3px 5px;background: #3b74b8;border: 1px solid #fff;border-radius: 3px;}
.drawObj_mian span{height: 25px; margin-left: 5px;display: inline-block;}
.drawObj_mian span img{height: 100%;}

.drawObj_miantitle{width: 100%;height: 15px;line-height: 15px;display: flex;justify-content:space-between;background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #1832a8;border-bottom: 1px solid #000;}
.drawObj_miantitle span{text-align: center;font-size: 12px;color: #fff;width: calc(100% / 3);text-align: center;cursor: pointer;}
#DrawObjInfoTableMian,#DrawObjInfoTableXian{padding-bottom: 0px;display: block;background: #fff;max-height: 280px;min-height: 280px;overflow-y: auto;}
#DrawObjInfoTableMian tbody,#DrawObjInfoTableXian tbody{width: 100%;display: block;}
#DrawObjInfoTableMian tr,#DrawObjInfoTableXian tr{width: 100%;display: flex;justify-content: space-between;padding: 5px 0;}
#DrawObjInfoTableMian tr:hover,#DrawObjInfoTableXian tr:hover{background: #86e9f9;cursor: pointer;}
.TableXian_active,.TableMian_active{background: #1ea3f0;}
#DrawObjInfoTableMian tr td,#DrawObjInfoTableXian tr td{text-align: center;font-size: 12px;color: #000;width: calc(100% / 3);text-align: center;display: block;}

.drawObj_xianshowName,.drawObj_MianshowName{position: relative; padding: 15px 10px;overflow: hidden;font-size: 12px;color: #fff;}
.drawObj_xianshowName input[type="checkbox"],.drawObj_MianshowName input[type="checkbox"]{width: 12px;height: 12px;display: inline-block;text-align: center; line-height: 12px;position: relative;font-size: 12px;color: #fff;float: none;text-indent: 0;margin-right: 5px;}
.drawObj_xianshowName input[type="checkbox"]::before,.drawObj_MianshowName input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
.drawObj_xianshowName input[type="checkbox"]:checked::before,.drawObj_MianshowName input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;color:#0078d7;font-size: 12px;font-weight: bold;}

.aLinkDlg_ntbclas{padding: 10px 20px;border-top: 1px solid #fff;display: flex;justify-content: flex-end;}

.aLinkDlg_ntbclas a{width: 40%;height: 28px;line-height: 28px;font-size: 13px;color: #000;background:linear-gradient(to bottom,#8ec8f1,#b9dffb);text-align: center;border-radius: 5px;}

/*  添加修改弹窗 */
.lineSurface_upedit{width: 295px;height: auto;position: absolute;right: 318px;top: 10px;z-index: 100;border: 2px solid #fff;border-radius: 5px;background: linear-gradient(to right,#093a6d,#074a8f);opacity: 0.9;display: none;}
.lineSurface_upedit i{width:auto;height:auto;position: absolute;right: 0;top: 0;z-index: 10;}
.lineSurface_upeditborder{padding: 5px 10px;}
.lineSurface_upeditName,.lineSurface_upeditweid,.lineSurface_upeditjind{width: 100%;height: auto;margin-bottom: 20px;display: flex;align-items: center;}
.lineSurface_upeditanc label{font-size: 14px;color: #fff;margin-right: 10px;width: 35px;display: inline-table;}
.lineSurface_upeditName>div,.lineSurface_upeditweid>div,.lineSurface_upeditjind>div{width: calc(100% - 47px);border: 1px solid #fff;border-radius: 5px;height: 24px;position: relative;display: flex;justify-content: flex-start;font-size: 18px;color: #fff;}
.lineSurface_upeditanc input{height: 24px;line-height: 24px;font-size: 14px;color: #fff;text-indent: 10px;background: none;outline: none;border: 0;text-align: center;margin: 0 3px;width: 55px;}
#lineSurface_upeditName{width: 100%;text-align: left;}
.lineSurface_upeditanc em{width: 20px;height: 22px;line-height: 22px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);font-size: 13px;color: #000;text-align: center;margin-left: 5px;border-radius: 3px;margin-top: 1px;cursor: pointer;display: inline-block;}
.lineSurface_upeditbtn{padding:0 15px;height: auto;display: flex;justify-content: space-between;}
.lineSurface_upeditbtn button{width: 38%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);}

/*  面添加修改弹窗 */
.mianSurface_upedit{width: 295px;height: auto;position: absolute;right: 318px;top: 10px;z-index: 100;border: 2px solid #fff;border-radius: 5px;background: linear-gradient(to right,#093a6d,#074a8f);opacity: 0.9;display: none;}
.mianSurface_upedit i{width:auto;height:auto;position: absolute;right: 0;top: 0;z-index: 10;}
.mianSurface_upeditborder{padding: 5px 10px;}
.mianSurface_upeditName,.mianSurface_upeditweid,.mianSurface_upeditjind{width: 100%;height: auto;margin-bottom: 20px;display: flex;align-items: center;}
.mianSurface_upeditanc label{font-size: 14px;color: #fff;margin-right: 10px;width: 35px;display: inline-table;}
.mianSurface_upeditName>div,.mianSurface_upeditweid>div,.mianSurface_upeditjind>div{width: calc(100% - 47px);border: 1px solid #fff;border-radius: 5px;height: 24px;position: relative;display: flex;justify-content: flex-start;font-size: 18px;color: #fff;}
.mianSurface_upeditanc input{height: 24px;line-height: 24px;font-size: 14px;color: #fff;text-indent: 10px;background: none;outline: none;border: 0;text-align: center;margin: 0 3px;width: 55px;}
#mianSurface_upeditName{width: 100%;text-align: left;}
.mianSurface_upeditanc em{width: 20px;height: 22px;line-height: 22px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);font-size: 13px;color: #000;text-align: center;margin-left: 5px;border-radius: 3px;margin-top: 1px;cursor: pointer;display: inline-block;}
.mianSurface_upeditbtn{padding:0 15px;height: auto;display: flex;justify-content: space-between;}
.mianSurface_upeditbtn button{width: 38%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);}



/* 点线面 区域设置*/
.setLine_surface {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display:none;}
.setLine_surface i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.setLine_surfaceborder {position: fixed;z-index: 50;left: 50%;top: 50%;width: 500px;background-color: #044da4;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 1000;}
.setLine_surfaceborder h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;}
.ssetLine_surfaceClose{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.ssetLine_surfaceClose img{width: 100%;}
.setLine_surfaceBox{height: auto;border: 1px solid #a0bed5;padding: 10px 10px 15px;border-radius: 5px;border-top-left-radius: 0;border-top-right-radius: 0;}
.setLine_surfaceBox>div{width: 100%;height: auto;}
.setLine_surfaceline h4,.setLine_surfacecopy h4{width: 100%;height: auto;font-size: 13px;color: #fff;font-weight: normal;margin-bottom: 5px;}
.setLine_surfacelinecnt,.setLine_surfacelinecnt,.setLine_surtable{padding: 10px;border: 1px solid #a0bed5;border-radius: 5px;min-height: 60px;display: flex;align-items: center;font-size: 13px;color: #fff;}
.setLine_surfaceBox input[type="checkbox"]{width: 12px;height: 12px;display: inline-block;text-align: center; line-height: 12px;position: relative;font-size: 12px;color: #fff;margin-right: 8px;}
.setLine_surfaceBox input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #666;}
.setLine_surfaceBox input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;color:#0078d7;font-size: 12px;font-weight: bold;}
.setLine_surfacelinecnt input[type="text"]{width: 40px;height:22px;border: 1px solid #fff;border-radius: 5px;background: none;outline: none;margin-right: 3px;font-size: 13px;color: #fff;text-indent: 3px;margin-left: 20px;}
.setLine_surfacelinecnt ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.setLine_surfacelinecnt ul li{width: 50%;margin: 4px 0;}
.setLine_surfacetitle{width: 100%;height: auto;height: 30px;line-height: 30px;font-size: 13px;color: #fff;margin-top: 5px;}
.setLine_surfacetitle h4{float: left;font-weight: normal;}
.setLine_surfaceseach{float: right;margin-right: 20px;}
.setLine_surfaceseach input[type="text"]{width: 100px;height: 27px;border-radius: 5px;background: none;border:1px solid #fff;outline: none;font-size: 13px;color: #fff;text-indent: 5px;}
.setLine_surfaceseach input::-webkit-input-placeholder {
	color: #fff;
  }
.setLine_surfaceseach input::-moz-input-placeholder {
	color: #fff;
  }
.setLine_surfaceseach input::-ms-input-placeholder {
	color: #fff;
  }
.setLine_allchange{float: right;}
.setLine_surtable{margin-top: 5px;}
#setLine_surfacetbody{background: #fff;width: 100%;border-spacing:0;position: relative;padding-top: 24px;}
#setLine_surfacetbody thead{position: absolute;left: 0;top: 0;z-index: 23;width: 100%;}
#setLine_surfacetbody tr{width: 100%;height: auto;display: flex;justify-content: center;}
#setLine_surfacetbody thead tr{background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #fff;font-size: 13px;color: #fff;}
#setLine_surfacetbody tr td{text-align: center;line-height: 22px;  white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/display: inline-block;}
#setLine_surfacetbody tr td:nth-child(1){width: 30%;padding: 0 5%;}
#setLine_surfacetbody tr td:nth-child(2){width: 40%;}
#setLine_surfacetbody tr td:nth-child(3){width: 20%;}
#setLine_surfacetbody tbody {min-height: 300px;max-height: 300px;overflow-y: auto;display: block;}
#setLine_surfacetbody tbody tr{font-size: 13px;color: #000;}
#setLine_surfacetbody tbody tr.chuanbo_cntdatandan span{color: #808080;}
#setLine_surfacetbody tbody tr:hover{background: #86e9f9;}
#setLine_surfacetbody tbody tr.chuanbo_cntdatactvty,.TableSurface_active{background: #3ebcf6;}
.setLine_surfaceBox>.setLine_surfacebtn{width: auto;padding:10px 75px 0;height: auto;display: flex;justify-content: space-between;}
.setLine_surfacebtn button{width: 28%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}
.setLine_surfacecopy{display: none;}


/*船舶颜色修改*/

.Color_modification{width:330px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1000;display: none;}
.Color_modificationCnt{border: 1px solid #bdbbbb;background: #015ec8;}
.Color_modificationtop{width: 100%;height: 24px;background: #04a2f7;position: relative;}
.Color_modificationtop h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;}
.Color_modificationtop span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.Color_modificationtop span img{width: 35px;}
.Color_modificationdiv{padding: 20px 20px 10px;border: 1px solid #bdbbbb;}
.Color_modificationRadio{width: 100%;height: auto;font-size: 13px;color: #fff;display: flex;justify-content: space-between;}
.Color_modificationRadio input{margin-right: 5px;float: left;margin-top: 2px;}
.Color_modificationdiv ul{width: 100%;height: auto;margin-top: 20px;}
.Color_modificationdiv ul li{width: 100%;height: auto;font-size: 13px;color: #fff;display: flex;justify-content: space-between;align-items: center;}
.Color_modificationdiv ul li:nth-child(2){display: none;}
.Color_modificationdiv ul li span{display: flex;justify-content: space-between;align-items: center;}
.Color_modificationdiv ul li input{width: 80px;height: 18px;display: inline-block;margin-left: 5px;}
.Color_modificationbtn{padding:0 20px;height: auto;display: flex;justify-content: space-between;margin-top: 20px;}
.Color_modificationbtn button{width: 30%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}

/*休眠时间设置*/

.SleepTime_ation{width:300px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1000;display: none;}
.SleepTime_ationCnt{border: 1px solid #bdbbbb;background: #015ec8;}
.SleepTime_ationtop{width: 100%;height: 24px;background: #04a2f7;position: relative;}
.SleepTime_ationtop h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;}
.SleepTime_ationtop span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.SleepTime_ationtop span img{width: 35px;}
.SleepTime_ationdiv{padding: 20px 20px 10px;border: 1px solid #bdbbbb;}
.SleepTime_ationRadio{padding: 0 20%;height: auto;font-size: 16px;color: #fff;display: flex;justify-content: space-between;}
.SleepTime_ationRadio span{display: flex;}
.SleepTime_ationRadio input{margin-right: 5px;margin-top: 5px;}
.SleepTime_ationInput{padding: 0 20%;margin-top: 20px;}
.SleepTime_ationInput input{width: 100%;height: 26px;background: none;border: 1px solid #fff;border-radius: 5px;outline: none;font-size: 16px;color: #fff;text-align: center;display: block;}
.SleepTime_ationbtn{padding:0 20px;height: auto;display: flex;justify-content: space-between;margin-top: 20px;}
.SleepTime_ationbtn button{width: 30%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}


/*帮助*/

.about_bufentotall{width:320px;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index: 1000;display: none;}
.about_tanc{border: 1px solid #bdbbbb;background: #015ec8;}
.about_tanctop{width: 100%;height: 24px;background: #04a2f7;position: relative;}
.about_tanctop h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;}
.about_tanctop span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.about_tanctop span img{width: 35px;}
.about_tancnt{padding:2px 10px;border: 1px solid #bdbbbb;}
.about_tancnt li{font-size: 14px;color: #fff;text-align: center;padding: 8px;}


/* 统计 */
.statistics_bufentotall{width:100%;height:100%;position: fixed;left: 0;top: 0;z-index: 1000;display: none;}
.statistics_bufentotall i{width:100%;height:100%;position: fixed;left: 0;top: 0;z-index: 10;}
.statistics_tanc{width:75%;min-width:1400px;height:auto;position: absolute;left: 0;right: 0;top: 100px;margin:auto;z-index: 500;border: 1px solid #bdbbbb;background: #054491;}
.statistics_tancrelative{position: relative;}
.CN_loading{width: 350px;height: 120px;position:absolute ;left:50%;top:50%;transform: translate(-50%,-50%);z-index:1000;background: #1981cd;border-radius: 10px;display: none;}
.CN_loading img{width: 100%;border-radius: 10px;}
.statistics_tanctop{width: 100%;height: 24px;position: relative;background: #096fe4;border-bottom: 1px solid #707f8b;}
.statistics_tanctop h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;}
.statistics_tanctop span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.statistics_tanctop span img{width: 35px;}
.statistics_chang{padding: 0 5px;align-items: center;margin: 10px 0;display: flex;justify-content: space-between;}
.statistics_changLeft{padding: 0 5px;align-items: center;margin: 10px 0;display: flex;}
.statistics_changLeft>div{margin-right: 15px;font-size: 13px;color: #fff; display: flex; align-items: center;}
.statistics_changLeft>div.statistics_tongjidaochu{float: right;}
.statistics_radio ul{display: flex;align-items: center;}
.statistics_radio ul li{display: flex;align-items: center;align-items: center;}
.statistics_radio label{margin: 0 10px 0 5px;}
.statistics_radioDate{display: flex;align-items: center;}
.statistics_shuxing{height: 28px;}
.statistics_chang select,.statistics_chang input{height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;}
.statistics_chang select option{background: #015ec8;}
.statistics_chang select{min-width: 100px;}
.statistics_chang select.statistics_selectdong{width: 130px;}
.statistics_radioDate>div{margin-right: 5px;}
.statistics_radioY,.statistics_radioM,.statistics_radioW{display: none;}
.chuanbo_selectshu{width: 80px;}
.chuanbo_selectdong{width: 180px;}
.chuanbo_select{width: 80px;}
.statistics_tongjidaochu>div{display: inline-block;padding: 0 10px ;height: 28px;line-height: 28px;background:linear-gradient(to bottom,#8ec8f1,#b9dffb);border-radius: 5px;color: #000;cursor: pointer;font-size: 15px;}
.statistics_tongjidaochu>div.statistics_chaxun{padding: 0 20px;margin-right: 10px;}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.statistics_static{border: 1px solid #4a5461;border-radius: 5px;padding: 5px 0;}
.statistics_static li{display: inline-block;padding: 0 20px ;height: 28px;line-height: 28px;background:linear-gradient(to bottom,#8ec8f1,#b9dffb);border-radius: 5px;color: #000;margin-left: 15px;font-size: 14px;cursor: pointer;}
.statistics_parameter{border-radius: 5px;}
.statistics_parameter li{display: inline-block;height: 28px;font-size: 13px;line-height: 28px;color: #fff;margin-left: 10px;}
.statistics_dataRendering{width: 100%;height: auto;background: #fff;}
#statistics_table{width: 100%;font-size: 12px;color: #000;border-spacing: 0;display: block;position: relative;}
#statistics_table thead{width: 100%;display: block;background: linear-gradient(to bottom,#9cd4e3,#33b8db);}
#statistics_table thead tr{background: linear-gradient(to bottom,#9cd4e3,#33b8db);width: 100%;display: block;overflow: hidden;}
#statistics_table thead tr th{border-right: 1px solid #fff;line-height: 20px;}
#statistics_table thead tr th:last-child{border-right: 0;}
#statistics_table tbody {min-height: 440px;max-height: 440px;overflow-y: auto;display: block;width: 100%;}
#statistics_table tbody::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
#statistics_table tbody tr{height: 28px;width: 100%;display: block;}
#statistics_table tbody tr:nth-child(even){background: #b6c8d4;}
#statistics_table tbody tr:hover{background: #b9dffb;}
#statistics_table tr td{margin-right: 1px;height: 28px;display: flex; align-items: center;justify-content: center;cursor: context-menu;}
#statistics_table tr th,#statistics_table tr td{text-align: center;float: left;}
#statistics_table tr th:first-child,#statistics_table tr td:first-child{width: 4%;}
#statistics_table tr th:nth-child(2),#statistics_table tr td:nth-child(2){width: 15%;}
#statistics_table tr th:nth-child(3),#statistics_table tr td:nth-child(3){width: 8%;}
#statistics_table tr th:nth-child(4),#statistics_table tr td:nth-child(4){width: 8%;}
#statistics_table tr th:nth-child(5),#statistics_table tr td:nth-child(5){width: 8%;}
#statistics_table tr th:nth-child(6),#statistics_table tr td:nth-child(6){width: 8%;}
#statistics_table tr th:nth-child(7),#statistics_table tr td:nth-child(7){width: 8%;}
#statistics_table tr th:nth-child(8),#statistics_table tr td:nth-child(8){width: 15%;}
#statistics_table tr th:nth-child(9),#statistics_table tr td:nth-child(9){width: 15%;}
#statistics_table tr th:nth-child(10),#statistics_table tr td:nth-child(10){width: 8%;}
#statistics_table tbody tr.statistics_hangxing{color: #f00;}
#statistics_table tbody tr.statistics_activety{background: #b9dffb;}


/* 弹窗 */
.statistics_listAdd{width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 100;display: none;}
.statistics_listAdd i{width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 10;background: #000;opacity: 0.3;}
.statistics_listAddtanc{width: 445px;height: 240px;border: 1px solid #bdbbbb;background: linear-gradient(to right,#06397b,#015cc3);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index: 23;}
.statistics_listAddtitle{width: 100%;height: 24px;position: relative;background: #096fe4;border-bottom: 1px solid #707f8b;}
.statistics_listAddtitle h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;}
.statistics_listAddtitle span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.statistics_listAddtitle span img{width: 35px;}
.statistics_listAddchang{border: 1px solid #a0bed5;margin: 1px;}
.statistics_listAddchang ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.statistics_listAddchang ul li{width: 50%;margin: 5px 0;}
.statistics_listAddchang ul li.statistics_listAddStaticTime,.statistics_listAddchang ul li.statistics_listAddEndTime{width: 100%;margin: 5px 0;}
.statistics_listAddchang ul li label{margin-left: 10px;width: 72px;line-height: 30px;font-size: 12px;color: #fff;float: left;}
.statistics_listAddchang ul li select,.statistics_listAddchang ul li input{width:128px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;}
#statistics_listAddstaticDate,#statistics_listAddEndTime{width: 348px;}
.statistics_listAddchang ul li select option{background: #044b9f;}
.statistics_listAddBtn{padding:10px 75px;height: auto;display: flex;justify-content: space-between;}
.statistics_listAddBtn button{width: 28%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}
.statistics_listAddchang ul li select::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.statistics_listAddchang ul li ::-webkit-calendar-picker-indicator{
    width: 20px;
	padding: 0;
	margin: 0;
}
/* 统计 */
.Sailing_bufentotall{width:100%;height:100%;position: fixed;left: 0;top: 0;z-index: 1000;display: none;}
.Sailing_bufentotall i{width:100%;height:100%;position: fixed;left: 0;top: 0;z-index: 10;}
.Sailing_tanc{width:85%;min-width:1200px;height:auto;position: absolute;left: 0;right: 0;top: 100px;margin:auto;z-index: 1000;border: 1px solid #bdbbbb;background: #054491;}
.Sailing_tanctop{width: 100%;height: 24px;position: relative;background: #096fe4;border-bottom: 1px solid #707f8b;}
.Sailing_tanctop h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;}
.Sailing_tanctop span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.Sailing_tanctop span img{width: 35px;}
.Sailing_chang{padding: 0 5px;align-items: center;margin: 10px 0;display: flex;justify-content: space-between;}
.Sailing_changLeft{padding: 0 5px;align-items: center;margin: 10px 0;display: flex;}
.Sailing_changLeft>div{margin-right: 20px;font-size: 13px;color: #fff;display: flex; align-items: center;}
.Sailing_changLeft>div.Sailing_tongjidaochu{float: right;}
.Sailing_radio ul{display: flex;align-items: center;align-items: center;}
.Sailing_radio ul li{display: flex;align-items: center;align-items: center;}
.Sailing_radio label{margin: 0 10px 0 5px;}
.Sailing_radioDate{display: flex;align-items: center;}
.Sailing_shuxing{height: 28px;}
.Sailing_chang select,.Sailing_chang input{height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;}
.Sailing_chang select{min-width: 100px;}
.Sailing_chang select option{background: #015ec8;}
.Sailing_radioDate>div{margin-right: 5px;}
.Sailing_radioY,.Sailing_radioM,.Sailing_radioW{display: none;}
.chuanbo_selectshu{width: 80px;}
.chuanbo_selectdong{width: 180px;}
.chuanbo_select{width: 80px;}
.Sailing_tongjidaochu>div{display: inline-block;padding: 0 10px ;height: 28px;line-height: 28px;background:linear-gradient(to bottom,#8ec8f1,#b9dffb);border-radius: 5px;color: #000;cursor: pointer;font-size: 15px;}
.Sailing_tongjidaochu>div.Sailing_chaxun{padding: 0 20px;margin-right: 10px;}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.Sailing_static{border: 1px solid #4a5461;border-radius: 5px;padding: 5px 0;}
.Sailing_static h4{display: inline-block;padding: 0 20px ;height: 28px;line-height: 28px;background:linear-gradient(to bottom,#8ec8f1,#b9dffb);border-radius: 5px;color: #000;margin-left: 15px;cursor: pointer;font-size: 13px;}
.Sailing_static ul{display: none;}
.Sailing_static li{display: inline-block;padding: 0 20px ;height: 28px;line-height: 28px;background:linear-gradient(to bottom,#8ec8f1,#b9dffb);border-radius: 5px;color: #000;margin-left: 15px;cursor: pointer;}
.Sailing_parameter{border-radius: 5px;}
.Sailing_parameter li{display: inline-block;height: 28px;font-size: 13px;line-height: 28px;color: #fff;margin-left: 10px;}
.Sailing_dataRendering{width: 100%;height: auto;background: #fff;}
#Sailing_table{width: 100%;font-size: 12px;color: #000;border-spacing: 0;display: block;position: relative;}
#Sailing_table thead{width: 100%;display: block;background: linear-gradient(to bottom,#9cd4e3,#33b8db);}
#Sailing_table thead tr{background: linear-gradient(to bottom,#9cd4e3,#33b8db);width: 100%;display: block;overflow: hidden;display: flex;}
#Sailing_table thead tr th{border-right: 1px solid #fff;line-height: 20px;display: flex;align-items: center;justify-content: center;}
#Sailing_table thead tr th:last-child{border-right: 0;}
#Sailing_table tbody {min-height: 500px;max-height: 500px;overflow-y: auto;display: block;width: 100%;}
#Sailing_table tbody::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
#Sailing_table tbody tr{height: 28px;width: 100%;display: block;}
#Sailing_table tbody tr:nth-child(even){background: #b6c8d4;}
#Sailing_table tbody tr:hover{background: #b9dffb;}
#Sailing_table tr td{margin-right: 1px;height: 28px;display: flex; align-items: center;justify-content: center;}
#Sailing_table tr th,#Sailing_table tr td{text-align: center;float: left;}
#Sailing_table tr th:first-child,#Sailing_table tr td:first-child{width: 3%;}
#Sailing_table tr th:nth-child(2),#Sailing_table tr td:nth-child(2){width: 6%;}
#Sailing_table tr th:nth-child(3),#Sailing_table tr td:nth-child(3){width: 6%;}
#Sailing_table tr th:nth-child(4),#Sailing_table tr td:nth-child(4){width: 6%;}
#Sailing_table tr th:nth-child(5),#Sailing_table tr td:nth-child(5){width: 5%;}
#Sailing_table tr th:nth-child(6),#Sailing_table tr td:nth-child(6){width: 5%;}
#Sailing_table tr th:nth-child(7),#Sailing_table tr td:nth-child(7){width: 5%;}
#Sailing_table tr th:nth-child(8),#Sailing_table tr td:nth-child(8){width: 5%;}
#Sailing_table tr th:nth-child(9),#Sailing_table tr td:nth-child(9){width: 5%;}
#Sailing_table tr th:nth-child(10),#Sailing_table tr td:nth-child(10){width: 5%;}
#Sailing_table tr th:nth-child(11),#Sailing_table tr td:nth-child(11){width: 5%;}
#Sailing_table tr th:nth-child(12),#Sailing_table tr td:nth-child(12){width: 5%;}
#Sailing_table tr th:nth-child(13),#Sailing_table tr td:nth-child(13){width: 9%;}
#Sailing_table tr th:nth-child(14),#Sailing_table tr td:nth-child(14){width: 5%;}
#Sailing_table tr th:nth-child(15),#Sailing_table tr td:nth-child(15){width: 9%;}
#Sailing_table tr th:nth-child(16),#Sailing_table tr td:nth-child(16){width: 9%;}
#Sailing_table tr th:nth-child(17),#Sailing_table tr td:nth-child(17){width: 5%;}

#Sailing_table tbody tr.Sailing_activety{background: #1581d1;}
/* 弹窗 */
.Sailing_listAdd{width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 100;display: none;}
.Sailing_listAdd i{width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 10;background: #000;opacity: 0.3;}
.Sailing_listAddtanc{width: 540px;height: auto;border: 1px solid #bdbbbb;background: linear-gradient(to right,#06397b,#015cc3);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 23;}
.Sailing_listAddtitle{width: 100%;height: 24px;position: relative;background: #096fe4;border-bottom: 1px solid #707f8b;}
.Sailing_listAddtitle h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;}
.Sailing_listAddtitle span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.Sailing_listAddtitle span img{width: 35px;}
.Sailing_listAddchang{border: 1px solid #a0bed5;margin: 1px;}
.Sailing_listAddchang ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.Sailing_listAddchang ul li{width: 50%;margin-top: 10px;}
.Sailing_listAddchang ul li label{margin-left: 10px;width: 90px;line-height: 30px;font-size: 12px;color: #fff;float: left;}
.Sailing_listAddchang ul li label em{color: #f00;margin-right: 2px;}
.Sailing_listAddchang ul li select,.Sailing_listAddchang ul li input{width:155px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;text-indent: 5px;}
.Sailing_listAddchang ul li select option{background: #044b9f;}
.Sailing_listAddBtn{padding:20px 90px;height: auto;display: flex;justify-content: space-between;}
.Sailing_listAddBtn button{width: 28%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}
.Sailing_listAddchang ul li select::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.Sailing_listAddchang ul li ::-webkit-calendar-picker-indicator{
    width: 20px;
	padding: 0;
	margin: 0;
}


/*绘制图样式*/

/* 船舶详情 */
.showdate_shipedit {position: absolute;left:0%;top: 0%;z-index: 1000;display: none;}
.showdate_shipedit i{position: absolute;left: 0;top: 0;z-index: 20;opacity: 0;}
.showdate_shipeditborder {position: absolute;z-index: 50;left: 10px;top: 10px;width: 450px;z-index: 1000;}
.showdate_Boxdit{width: 100%;height: auto;}
.showdate_Boxdiv,.showdate_overEdit{width: 100%;height: auto;background-color:rgba(3,76,165,0.81);border-radius: 5px;border: 2px solid #fff;}
.showdate_shiptitle{width: 100%;height: auto;position: relative;display: none;}
.showdate_shiptitle h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.showdate_Close{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.showdate_Close img{width: 100%;}

.showdate_BoxoneEdit{padding: 3px 5px 0;position: relative;}
.showdate_oneEditimg{width: 88px;height: 70px;position: absolute;right: 6px;top: 5px;background: #b9dffb;overflow: hidden;border-radius: 5px;display: flex;align-items: center;}
.showdate_oneEditimg img{width: 100%;}
.showdate_oneEditTools{width: 100%;height: auto;border-bottom: 1px solid #a0bed5;display: block;padding-bottom: 2px;}
.showdate_oneEditTools ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.showdate_oneEditTools ul li{width: 54%;height:22px;margin-top: 2px;font-size: 13px;color: #fff;}
.showdate_oneEditTools ul li:nth-child(odd){width:46%;}
.showdate_oneEditTools li label{width: 60px;line-height: 22px;float: left;font-size: 13px;}
.showdate_oneEditTools li span{width: 172px;height: 20px;line-height: 20px;border: 1px solid #fff;border-radius: 5px;float: left;text-indent: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.showdate_oneEditTools li:nth-child(odd) span{width: 135px;overflow: hidden;}
.showdate_oneEditTools li:nth-child(2) span,.showdate_oneEditTools li:nth-child(4) span,.showdate_oneEditTools li:nth-child(6) span{width: 82px;overflow: hidden;}
.showdate_Boxtolsdit{padding:5px;position: relative;}
.showdate_Boxtolsdit ul{width: 100%;display: flex;justify-content: space-between;}
.showdate_Boxtolsdit li{height: 18px;margin: 0px 10px;font-size: 13px;color: #fff;position: relative;}
.showdate_Boxtolsdit li:first-child{margin: 0px ;width: 90px;cursor: pointer;}
.showdate_Boxtolsdit em{width: 15px;height: 15px;background: url(../img/tanc_inputxial.png) right center / auto 15px no-repeat;position: absolute;z-index: 500;left: 85px;top: 7px;}
.showdate_Boxtolsdit .showdate_BoxtolsditColor {position: absolute;z-index: 500;left: 11px;top: 30px;width: 90px;display: none;}
.showdate_Boxtolsdit .showdate_BoxtolsditColor input{width: 100%;}
.showdate_Boxtolsdit input[type="checkbox"]{width: 12px;height: 12px;display: inline-block;text-align: center; line-height: 12px;position: relative;font-size: 12px;color: #fff;float: none;text-indent: 0;margin-right: 5px;}
.showdate_Boxtolsdit input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
.showdate_Boxtolsdit input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;color:#0078d7;font-size: 15px;font-weight: bold;}


.showdate_Boxtolsdit li img{height: 18px;}

/* 船舶详情二级弹窗 */
.showdate_overEdit{margin-top: 5px;display: none;position: relative;}

.showdate_overEditinput{margin: 0 5px;position: relative;height: auto;border-bottom: 1px solid #a0bed5;display: block;padding-bottom: 2px;display: flex;justify-content: space-between;}
.showdate_overLeft{width: 46%;}
.showdate_overRight{width: 54%;}
.showdate_overEditinput ul{width: 100%;height: auto;flex-wrap: wrap;}
.showdate_overEditinput ul li{width: 100%;margin-top: 2px;font-size: 14px;color: #fff;display: flex;align-items: center;}
.showdate_overEditinput li label{width: 60px;line-height: 22px;float: left;font-size: 13px;}
.showdate_overEditinput li input,.showdate_overEditinput li select{width: 140px;height: 20px;line-height: 20px;border: 1px solid #fff;border-radius: 5px;float: left;text-indent: 5px;outline: none;background: none;color: #fff;font-size: 10px;}
.showdate_overLeft li input,.showdate_overLeft li select{width:130px;}
.showdate_overLeft li select option{background:#034ca5ce;}
.showdate_overRight li label{width: 90px;}
.showdate_overRightimg{width: 138px;height: 70px;border: 1px solid #fff;overflow: hidden;text-align: center;}
.showdate_overRightimg img{width: 100%;}
.showdate_overBtn{width: 72%;height: auto;margin: 5px auto;display: flex;justify-content: space-between;}
.showdate_overBtn button{width: 100px;height: 24px;line-height: 24px;font-size: 13px;color: #000;background: #b9dffb;border: 0;outline: none;text-align: center;border-radius: 5px;}
#showdate_Confirmxiugai{color: #0e2fd3;}
/* 船舶详情二级弹窗 */
.showdate_update {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.showdate_update i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.showdate_updateborder {position: fixed;left: 50%;top: 50%;width: 600px;background-color: #0078d7;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 1000;}
.showdate_updateborder h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.showdate_updateClose{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.showdate_updateClose img{width: 100%;}
.showdate_updateBox{border: 1px solid #a0bed5;border-top: 0;overflow: hidden;}
.showdate_updateBox h4{width: 96%;margin: 5px auto;font-size: 14px;height: 24px;line-height: 24px;color: #fff;position: relative;}
.showdate_updateBox h4 span{text-decoration: underline;}
.showdate_updateBox h4 input{width: 88px;height: 24px;opacity: 0;position: absolute;left: 0;top: 0;z-index: 23;}
.showdate_updateBoxdiv{margin: 5px;border: 1px solid #fff;padding: 10px;border-radius: 5px;min-height: 270px;max-height: 270px;overflow-y: auto;}
.showdate_updateBoxdiv ul{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.showdate_updateBoxdiv ul li{width: calc(100%/3 - 4px);height: 130px;position: relative;border: 2px solid #fff;overflow: hidden;}
.showdate_updateBoxdiv ul li .showdate_updateXX{position: absolute;width: 100%;height: 35px;left: 0;top: -35px;z-index: 23;transition: all 0.8s;}
.showdate_updateXX img{width: 19px;height: 19px;float: right;margin-right: 5px;margin-top: 8px;position: relative;z-index: 50;}
.showdate_updateXX::before{content: "";width: 100%;height: 35px;background: #787879;opacity: 0.8;position: absolute;left: 0;top: 0;z-index: 23;}
.showdate_updateBoxdiv ul li .showdate_updateshow{margin: 2px;height: 126px;}
.showdate_updateshow img{width: 100%;height: 100%;}
.showdate_updateBoxdiv ul li:hover .showdate_updateXX{top: 0;}


/* 历史轨迹 */
.Historical_trajectory {width: 100%;height: 100%;position: fixed;left:0%;top: 0%;z-index: 1000;display: none;}
.Historical_trajectory i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.Historical_trajectoryborder {position: fixed;left: 50%;top: 50%;width: 370px;background: linear-gradient(to right,#06397b,#015cc3);border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #a0bed5;z-index: 1000;}
.Historical_trajectoryCnt,.Historical_trajectorytop{width: 100%;height: auto;}
.Historical_trajectorytop h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.Historical_trajectorytop span{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.Historical_trajectorytop img{width: 100%;}
.Historical_trajectoryBox{width: 100%;height: 500px;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;}
.Historical_trajectorydiv ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.Historical_trajectorydiv ul li{width: 100%;margin: 5px 0;font-size: 13px;color: #fff;text-align: center;}
.Historical_trajectorydiv ul li label{margin-left: 10px;width: 72px;line-height: 30px;margin-right: 10px;}
.Historical_trajectorydiv ul li input{width:100px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;margin-right: 10px;}
.Historical_trajectorydiv ul li select{width:38px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;margin-right: 5px;}
.Historical_trajectorydiv ul li select::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.Historical_trajectorydiv ul li select option{background: #015ec8;}
.Historical_trajectorybtn{padding:10px 35px;height: auto;display: flex;justify-content: space-between;}
.Historical_trajectorybtn button{width: 30%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}
.Historical_trajectorydiv ul li ::-webkit-calendar-picker-indicator{
    width: 20px;
	padding: 0;
	margin: 0;
}
/* 历史轨迹列表 */
.historical_tracksList {width: 400px;height: auto;position: absolute;right:10px;top: 10px;z-index: 1000;border: 2px solid #fff;border-radius: 5px;background: linear-gradient(to right,#06397b,#015cc3);display: none;}
.historical_tracksListanc{width: 100%;}
.historical_tracksListanc h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.historical_tracksListanc>span{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.historical_tracksListanc img{width: 100%;}
.historical_tracksListcnt{margin: 1px;background: #fff;}
.historical_tracksListcnt ul{width: 100%;max-height: 300px;overflow-y: auto;}
.historical_tracksListcnt ul::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.historical_tracksListcnt ul li{width: 100%;height: 30px;display: flex;justify-content: space-between;align-items: center;}
.historical_tracksListcnt ul li span{width:30%;height: 30px;line-height: 30px;font-size: 14px;color: #f00;display: inline-block;text-align: center;}
.tracksList_imgguanb img{width: 34%;float: left;margin-top: 3px;}
.tracksList_imgguanb em{width: 57%;display: inline-block;color: #000;cursor: pointer;}

/* 船舶详情图片弹出预览 */
.showdate_upPreview {position: fixed;left:0%;top: 0%;z-index: 1002;display: none;}
.showdate_upPreview i{position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.showdate_upPreviewborder {position: fixed;left: 50%;top: 50%;width: 700px;background: #fff;border-radius: 10px;transform: translate(-50%,-50%);border: 2px solid #fff;z-index: 1000;}
.showdate_upPreviewClose{width: 22px;position: absolute;top: 10px;right: 10px;z-index: 800;}
.showdate_upPreviewClose img{width: 100%;}
.showdate_upPreviewborder h3{width: 100%;text-align: center;padding: 15px 0;color: #f00;font-size: 18px;font-weight: normal;position: absolute;left: 0;top: 0;z-index: 10;overflow: hidden;}
.showdate_upPreviewBox{width: 100%;height: auto;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;}
.showdate_upPreviewBox a{position: absolute;z-index: 25;width: 60px;height: 60px;border: 2px solid #000;border-radius: 50%;top: 0;bottom: 0;margin: auto;display: flex;align-items: center;justify-content: center;opacity: 0.5;}
.showdate_upPreviewBox a:hover{opacity: 1;}
.showdate_upPreviewBox a span{width: 20px;height: 20px;display: block;border-top: 10px solid #000;}
#showdate_upPreviewleft{left: 10px;}
#showdate_upPreviewleft span{border-left: 10px solid #000; transform: rotate(-45deg);margin-left: 8px;}
#showdate_upPreviewright{right: 10px;}
#showdate_upPreviewright span{border-right: 10px solid #000; transform: rotate(45deg);margin-right: 8px;}
.showdate_upPreviewBoxdiv{width: 100%;height: 500px;overflow: hidden;position: relative;border-radius: 10px;background:#b9dffb;}
.showdate_upPreviewBox ul{width: auto;height: 500px;display: block;position: absolute;left: 0;top: 0;z-index: 23;display: flex;align-items: center;}
.showdate_upPreviewBox ul li{width: 700px;float: left;}
.showdate_upPreviewBox li img{width: 100%;}
.showdate_upPreviewText{width: 100%;position: absolute;bottom: 10px;right: 0px;z-index: 800;text-align: center;font-size: 25px;font-weight: bold;color: #fff;}
/* 告警图片弹出预览 */
.cameradate_upPreview {position: fixed;left:0%;top: 0%;z-index: 1001;display: none;}
.cameradate_upPreview i{position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.cameradate_upPreviewborder {position: fixed;left: 50%;top: 50%;width: 700px;background: #fff;border-radius: 10px;transform: translate(-50%,-50%);border: 2px solid #fff;z-index: 1000;background: #0462ca;}
.cameradate_upPreviewClose{width: 38px;position: absolute;top: 15px;right: 10px;z-index: 800; cursor: pointer;}
.cameradate_upPreviewClose img{width: 100%;}
.cameraVideo_player{width: 140px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 800;opacity: 0.6;cursor: pointer;}
.cameraVideo_player:hover{opacity: 1;}
.cameraVideo_player img{width: 100%;}
.cameraVideo_download {position: absolute; margin-top: 20px; right: 10px; z-index: 800; padding: 1px 3px 2px 3px; border-radius: 2px; border: 1px dashed #0078d7; font-size: 12px; color: #015cc3; cursor: pointer;}
.cameraVideo_download:hover{border-color: red;}
.cameradate_upPreviewborder h3{width: 90%;text-align: center;padding: 11px 0;color: #f00;font-size: 18px;font-weight: normal;overflow: hidden;margin: 0 auto;}
.cameradate_upPreviewBox{width: 100%;height: auto;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;}
.cameradate_upPreviewBoxdiv{width: 100%;overflow: hidden;position: relative;background:#fff;}
.cameradate_upPreviewBox ul{width: auto;display: block;display: flex;align-items: center;height: 395px;}
.cameradate_upPreviewBox ul li{width: 700px;float: left;}
.cameradate_upPreviewBox li img{max-height:395px;max-width: 100%;display: block;margin: 0 auto;}
.camera_myVideo{width: 100%;height:395px;background: #000;display: flex;justify-content: center;align-items: center;display: none;}
.camera_myVideo .video-js{width: 100%;height: 395px;}
.myVideo-dimensions{max-width: 100%;height:395px}
.camera_myVideo video{max-width: 100%;height:395px}

/* 视频监测 */
.shipVideo_Popups{width: 580px;height: auto;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 2px solid #fff;z-index: 1000;background: #fff;display: none;}
.shipVideo_Popupstitle{padding:0 10px;padding-right:0;height: 30px;display: flex;justify-content: space-between;}
.shipVideo_Popupstitle h3{padding-left: 30px;font-size: 14px;color: #000;height: 30px;line-height: 30px;background: url(../img/video_layer.png) left center / auto 18px no-repeat;}
.shipVideo_Popupstool a,.shipVideo_Popupstool span{width: 40px;height: 30px;line-height: 30px;color: #000;display: inline-block;text-align: center;cursor: pointer;}
.shipVideo_Popupstool a:hover,.shipVideo_Popupstool span:hover{background: #f00;color: #fff;}
.shipVideo_Popupstool a.shipVideo_xiao{display: none;}
.shipVideo_cont{width: 100%;height: 100%;position: relative;text-align: center;}
/* .shipVideo_cont em{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 500;display: none;} */

.shipVideo_player{width: 100%;height:100%;display: flex;justify-content: center;flex-wrap: wrap;min-height: 294px;}
.shipVideo_player>div{width: 100%;height: auto;display: none;position: relative;background:#000;overflow: hidden;}
.shipVideo_player>div.shipVideo_plactivey{display: block !important}
.shipVideo_player>div span{padding: 10px 20px;background: #666;font-size: 13px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 5px;z-index: 25;opacity: 0.8;display: none;}
/* .shipVideo_player canvas{width: 100%;height: 100%;background: #000;} */
.shipVideo_player video,.shipVideo_player {width: 100%;height: 100%;background: #000;object-fit: fill;}
.shipVideo_wsrealplayer{width: 100% ;height:100%;background-color: #000;}
#ws-real-player  .player-wrapper{width: 100% ;height: 100%;display: flex;justify-content: center;flex-wrap: wrap;min-height: 294px;}
#ws-real-player .player-wrapper>div{display: none;overflow: hidden;}
#ws-real-player .player-wrapper>div .full-content{display:block;height: 100%;}
#ws-real-player .player-wrapper>div.shipVideo_plactivey{display: block !important;width: 100%;height: 100%;}

#ws-real-player .ws-control,#ws-real-player .default-status,#ws-real-player .player-control,#ws-real-player .error{display: none;}
.shipVideo_wsrealplayer canvas,.shipVideo_wsrealplayer video{width: 100% !important;height: 100% !important;background: #000;object-fit: fill !important;}
.shipVideo_pulshow{width: 100px;height:75px;background: #fff;padding: 5px 0;position: absolute;left: 25%;top: 10%;z-index: 25;display: none;}
.shipVideo_pulshow>div{height: 25px;line-height:25px;font-size: 12px;color: #000;text-indent: 5px;position: relative;cursor: pointer;padding: 0 10px;text-align: left;}
.shipVideo_pulshow>div:hover{background: #3ebcf6;}
.shipVideo_switch span{position: relative;width: 100%;height: 25px;line-height:25px;display: block;}
.shipVideo_switch span::before{content: ">";width: 20px;height: 25px;position: absolute;z-index: 25;right: -7px;top: 0px;font-size: 16px;color: #000;}
.shipVideo_switch ul{width: 180px;max-height: 400px;overflow-y: auto;padding: 5px;background: #fff;position: absolute;left: 100%;top: 0px;z-index: 50;display: none;}
.shipVideo_switch ul::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.shipVideo_switch ul li{width: 100%;height: 22px;line-height:22px;font-size: 12px;color: #000;text-indent: 25px;position: relative;cursor: pointer;}
.shipVideo_switch ul li:hover{background: #3ebcf6;}
.shipVideo_switch ul li.shipVideo_playli{pointer-events: none;color: #aaaaaa; }
.shipVideo_switch:hover ul{display: block;}
/* 历史视频监测 */
.historicalVideo_Popups{width: 700px;height: auto;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 2px solid #fff;z-index: 1200;background: #fff;display: none;}
.historicalVideo_Popupstitle{padding:0 10px;padding-right:0;height: 30px;display: flex;justify-content: space-between;}
.historicalVideo_Popupstitle h3{padding-left: 30px;font-size: 14px;color: #000;height: 30px;line-height: 30px;background: url(../img/video_layer.png) left center / auto 18px no-repeat;}
.historicalVideo_Popupstool a,.historicalVideo_Popupstool span{width: 40px;height: 30px;line-height: 30px;color: #000;display: inline-block;text-align: center;cursor: pointer;}
.historicalVideo_Popupstool a:hover,.historicalVideo_Popupstool span:hover{background: #f00;color: #fff;}
.historicalVideo_Popupstool a.historicalVideo_xiao{display: none;}
.historicalVideo_cont{width: 100%;height: 100%;position: relative;text-align: center;}
.historicalVideo_player{width: 100%;height:100%;display: flex;justify-content: center;flex-wrap: wrap;background: #000;}
.historicalVideo_player>div{width: 100%;height: auto;position: relative;background:#000;overflow: hidden;}

.historicalVideo_player>div .player-wrapper{height: 100%;}
.historicalVideo_player>div .player-wrapper>div{height: 100%;} 
.historicalVideo_player>div.historicalVideo_plactivey{display: block !important;width: 100%;height: 100%;}
.historicalVideo_player>div>span{padding: 10px 20px;background: #666;font-size: 13px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 5px;z-index: 25;opacity: 0.8;display: none;}
.historicalVideo_player canvas,.historicalVideo_player video{width: 100% !important;object-fit: fill !important;}
#ws-record-player{min-height: 400px;}
#ws-record-player .player-wrapper{padding-bottom: 60px;}
#ws-record-player .unselected{display: none;}
#ws-record-player .player-wrapper .wsplayer-item>div{display: none;}
.historicalVideo_pulshow{width: 100px;height:75px;background: #fff;padding: 5px 0;position: absolute;left: 25%;top: 10%;z-index: 25;display: none;}
.historicalVideo_pulshow>div{height: 25px;line-height:25px;font-size: 12px;color: #000;text-indent: 5px;position: relative;cursor: pointer;padding: 0 10px;text-align: left;}
.historicalVideo_pulshow>div:hover{background: #3ebcf6;}
.historicalVideo_switch span{position: relative;width: 100%;height: 25px;line-height:25px;display: block;}
.historicalVideo_switch span::before{content: ">";width: 20px;height: 25px;position: absolute;z-index: 25;right: -7px;top: 0px;font-size: 16px;color: #000;}
.historicalVideo_switch ul{width: 180px;max-height: 400px;overflow-y: auto;padding: 5px;background: #fff;position: absolute;left: 100%;top: 0px;z-index: 50;display: none;}
.historicalVideo_switch ul::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.historicalVideo_switch ul li{width: 100%;height: 22px;line-height:22px;font-size: 12px;color: #000;text-indent: 25px;position: relative;cursor: pointer;}
.historicalVideo_switch ul li:hover{background: #3ebcf6;}
.historicalVideo_switch ul li.historicalVideo_playli{pointer-events: none;color: #aaaaaa; }
.historicalVideo_switch:hover ul{display: block;}
.ws-player .ws-control {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	width: 100%;
	background: #4C5054;
  }
  .ws-player .ws-record-control{
	height: 60px;
	cursor: pointer;
	background-image: linear-gradient(0deg, #445160 0%, #1c2834 100%);
  }
  .ws-player .ws-timeline{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	z-index: 10;
  }
  .ws-player .ws-timeline-group{
	width: 100%;
	height: 20px;
	display: flex;
	justify-content: space-between;
  }
  .ws-player .ws-time-space{
	height: 10px;
	border-left: 1px solid #000;
  }
  .ws-player .ws-time-space-long{
	height: 20px;
  }
  .ws-player .ws-time-point{
	color: #CCC;
	width: 0;
	position: relative;
	left: -16px;
	top: 0;
	font-size: 12px;
  }
  .ws-player .ws-time-point:first-child{
	left: 0;
  }
  .ws-player .ws-time-point:last-child{
	left: -40px;
  }
  .ws-player #ws-cursor{
	height: 40px;
	border-left: 1px solid pink;
	position: absolute;
	top: 0;
	z-index: 20;
  }
  .ws-player .ws-cursor-time{
	position: relative;
  }
  .ws-player .ws-cursor-time span{
	position: absolute;
	top: 40px;
	left: -32px;
	color: #CCC;
  }
  .ws-player #ws-record-time-box{
	height: 40px;
	border-left: 1px solid pink;
	position: absolute;
	top: 0;
	z-index: 20;
  }
  .ws-player .ws-record-time{
	position: relative;
  }
  .ws-player .ws-record-time span{
	position: absolute;
	top: 40px;
	left: -32px;
  }
  .ws-player .play-pause-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	height: 100%;
	visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .3);
  }
  .ws-player .center-play-icon {
	width: 60px;
	height: 60px;
	background-image: url(../static/WSPlayer/icon/play-n.png);
  }
  .ws-player .center-play-icon:hover {
	background-image: url(../static/WSPlayer/icon/play-h.png);
  }
/* 船舶AIS */
.shipAIS_trajectory {width: 100%;height: 100%;position: fixed;left:0%;top: 0%;z-index: 1000;display: none;}
.shipAIS_trajectory i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.shipAIS_trajectoryborder {position: fixed;left: 50%;top: 50%;width: 300px;background: linear-gradient(to right,#06397b,#015cc3);border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #a0bed5;z-index: 1000;}
.shipAIS_trajectoryCnt,.shipAIS_trajectorytop{width: 100%;height: auto;}
.shipAIS_trajectorytop h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.shipAIS_trajectorytop span{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.shipAIS_trajectorytop img{width: 100%;}
.shipAIS_trajectorydiv{width: 100%;}
.shipAIS_trajectorydiv ul{width: 90%;margin: 0 auto;}
.shipAIS_trajectorydiv ul li{width: 100%;margin: 5px 0;font-size: 13px;color: #fff;text-align: center;display: flex;justify-content: start;align-items: center;}
.shipAIS_trajectorydiv ul li label{width: 72px;line-height: 30px;}
.shipAIS_trajectorydiv ul li #shipAIS_Rinput,#shipAIS_Timeinput{width:180px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;text-indent: 5px;}
#shipAIS_Rinput::-webkit-outer-spin-button,
#shipAIS_Rinput::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.shipAIS_trajectorydiv ul li span{font-size: 14px;color: #fff;display: flex;align-items: center;margin-right: 10px;}
.shipAIS_trajectorydiv ul li span input{margin-right: 5px;margin-top: 2px;}

.shipAIS_trajectorybtn{padding:10px 35px;height: auto;display: flex;justify-content: space-between;}
.shipAIS_trajectorybtn button{width: 30%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}

/* 声光报警 */
.shipAVA_trajectory {width: 100%;height: 100%;position: fixed;left:0%;top: 0%;z-index: 1000;display: none;}
.shipAVA_trajectory i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.shipAVA_trajectoryborder {position: fixed;left: 50%;top: 50%;width: 500px;background: linear-gradient(to right,#06397b,#015cc3);border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #a0bed5;z-index: 1000;}
.shipAVA_trajectoryCnt,.shipAVA_trajectorytop{width: 100%;height: auto;}
.shipAVA_trajectorytop h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.shipAVA_trajectorytop span{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.shipAVA_trajectorytop img{width: 100%;}
.shipAVA_trajectorydiv{width: 100%;}
.shipAVA_trajectorydiv ul{width: 90%;margin: 0 auto;}
.shipAVA_trajectorydiv ul li{width: 100%;margin: 5px 0;font-size: 13px;color: #fff;text-align: center;display: flex;justify-content: start;align-items: center;}
.shipAVA_trajectorydiv ul li label{width: 72px;line-height: 30px;}
.shipAVA_trajectorydiv ul li #shipAVA_Rinput,#shipAVA_Timeinput{width:180px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;text-indent: 5px;}
#shipAVA_Rinput::-webkit-outer-spin-button,
#shipAVA_Rinput::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.shipAVA_trajectorydiv ul li span{font-size: 14px;color: #fff;display: flex;align-items: center;margin-right: 10px;}
.shipAVA_trajectorydiv ul li span input{margin-right: 5px;margin-top: 2px;}

.shipAVA_trajectorybtn{padding:10px 35px;height: auto;display: flex;justify-content: space-between;}
.shipAVA_trajectorybtn button{width: 30%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}
.shipAVA_trajectoryCnt textarea,
.shipAVA_trajectoryCnt input[type='range'],
.shipAVA_trajectoryCnt select,
.shipAVA_trajectoryCnt input[type='number']
{
	width: 80%;
	line-height: 1.5rem;
}
.shipAVA_trajectoryCnt textarea{
	min-height: 4.5rem;
}


/* 历史轨迹 */
.HistoricalVideo_trajectory {width: 100%;height: 100%;position: fixed;left:0%;top: 0%;z-index: 1000;display: none;}
.HistoricalVideo_trajectory i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.HistoricalVideo_trajectoryborder {position: fixed;left: 50%;top: 50%;width: 300px;background: linear-gradient(to right,#06397b,#015cc3);border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #a0bed5;z-index: 1000;}
.HistoricalVideo_trajectoryCnt,.HistoricalVideo_trajectorytop{width: 100%;height: auto;}
.HistoricalVideo_trajectorytop h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.HistoricalVideo_trajectorytop span{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.HistoricalVideo_trajectorytop img{width: 100%;}
.HistoricalVideo_trajectoryBox{width: 100%;height: 500px;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;}
.HistoricalVideo_trajectorydiv ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.HistoricalVideo_trajectorydiv ul li{width: 100%;margin: 5px 0;font-size: 13px;color: #fff;text-align: center;}
.HistoricalVideo_trajectorydiv ul li label{margin-left: 10px;width: 72px;line-height: 30px;margin-right: 10px;}
.HistoricalVideo_trajectorydiv ul li input,#HistoricalVideo_option{width:180px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;margin-right: 10px;}
#HistoricalVideo_option option{background: #015ec8;}
.HistoricalVideo_trajectorybtn{padding:10px 35px;height: auto;display: flex;justify-content: space-between;}
.HistoricalVideo_trajectorybtn button{width: 30%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}
.HistoricalVideo_trajectorydiv ul li ::-webkit-calendar-picker-indicator{
    width: 20px;
	padding: 0;
	margin: 0;
}

#time_line{display: block;position: absolute;z-index: 5;bottom: 0;height: 60px;}
/* 航点添加修改弹窗 */
.prot_drawAdd{width: 296px;height: auto;position: absolute;right: 10px;top: 10px;z-index: 1000;border: 2px solid #fff;border-radius: 5px;background: linear-gradient(to right,#093a6d,#074a8f);opacity: 0.9;display: none;}
.prot_drawAdd i{width:auto;height:auto;position: absolute;right: 0;top: 0;z-index: 10;}
.prot_drawborder{padding: 5px 10px;}
.prot_drawName,.prot_drawweid,.prot_drawjind{width: 100%;height: auto;margin-bottom: 20px;display: flex;align-items: center;}
.prot_drawanc label{font-size: 14px;color: #fff;margin-right: 10px;width: 35px;display: inline-table;}
.prot_drawName>div,.prot_drawweid>div,.prot_drawjind>div{width: calc(100% - 47px);border: 1px solid #fff;border-radius: 5px;height: 24px;position: relative;display: flex;justify-content: flex-start;font-size: 18px;color: #fff;}
.prot_drawanc input{height: 24px;line-height: 24px;font-size: 14px;color: #fff;text-indent: 10px;background: none;outline: none;border: 0;text-align: center;margin: 0 3px;width: 55px;}
#prot_drawName{width: 100%;text-align: left;}
/* .prot_drawweid>div input:first-child,.prot_drawjind>div input:first-child{width: 70px;} */
.prot_drawanc em{width: 20px;height: 22px;line-height: 22px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);font-size: 13px;color: #000;text-align: center;margin-left: 5px;border-radius: 3px;margin-top: 1px;cursor: pointer;display: inline-block;}
.prot_drawbtn{padding:0 15px;height: auto;display: flex;justify-content: space-between;}
.prot_drawbtn button{width: 38%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);}


/* 航点添加修改弹窗 */
.Addprot_XianShow{width: 510px;height: auto;position: absolute;right: 10px;top: 10px;z-index: 100;border: 2px solid #fff;border-radius: 5px;display: none;}
.Addprot_XianShow i{width:100%;height:100%;position: absolute;right: 0;top: 0;z-index: 10;background: linear-gradient(to right,#032c4c,#0078d7);opacity: 0.95;}
.Addprot_XianShowborder{padding: 5px 0px;position: relative;z-index: 25;}
.Addprot_XianShowName{padding:0 20px;height: auto;margin-bottom: 10px;display: flex;align-items: center;}
.Addprot_XianShowName label{font-size: 14px;color: #fff;margin-right: 10px;width: 60px;display: inline-table;}
.Addprot_XianShowName input{height: 24px;line-height: 24px;font-size: 14px;color: #fff;text-indent: 10px;background: none;outline: none;border: 0;margin: 0 3px;width: 180px;border: 1px solid #fff;border-radius: 5px;}
.Addprot_XianShowTool{width: 100%;height: 30px;border-radius: 5px;background: #84b8de;}
.Addprot_XianShowTool ul{padding: 0 10px;display: flex;align-items: center;justify-content: flex-start;height: 30px;}
.Addprot_XianShowTool ul li{width: 32px;margin-right: 5px;}
.Addprot_XianShowTool ul img{width: 100%;}
.Addprot_XianShowData{margin: 8px;background: #fff;border: 1px solid #000;}
.Addprot_XianShowData table{width: 100%;font-size: 12px;color: #fff;border-spacing: 0;display: block;position: relative;}
.Addprot_XianShowData thead{width: 100%;display: block;background: #0393ed;position: absolute;left: 0;top: 0;}
.Addprot_XianShowData thead tr{width: 100%;display: block;overflow: hidden;}
.Addprot_XianShowData thead tr th{border-right: 1px solid #000;line-height: 20px;}
.Addprot_XianShowData thead tr th:last-child{border-right: 0;}
.Addprot_XianShowData tbody {min-height: 280px;max-height: 280px;overflow-y: auto;display: block;width: 100%;padding-top: 20px;}
.Addprot_XianShowData tbody tr{height: 24px;width: 100%;display: block;overflow: hidden;}
.Addprot_XianShowData tr td{margin-right: 1px;height: 24px;display: flex; align-items: center;justify-content: center;color: #000;}
.Addprot_XianShowData tbody tr td:last-child{margin-right:0px;}

.Addprot_XianShowData tbody tr:hover{background: #86e9f9;}
.Addprot_XianShowData tbody tr.Addprot_active{background: #3ebcf6;}
.Addprot_XianShowData tr th,.Addprot_XianShowData tr td{text-align: center;float: left;}
.Addprot_XianShowData tr th:first-child,.Addprot_XianShowData tr td:first-child{width: 7%;}
.Addprot_XianShowData tr th:nth-child(2),.Addprot_XianShowData tr td:nth-child(2){width: 18%;}
.Addprot_XianShowData tr th:nth-child(3),.Addprot_XianShowData tr td:nth-child(3){width: 18%;}
.Addprot_XianShowData tr th:nth-child(4),.Addprot_XianShowData tr td:nth-child(4){width: 18%;}
.Addprot_XianShowData tr th:nth-child(5),.Addprot_XianShowData tr td:nth-child(5){width: 18%;}
.Addprot_XianShowData tr th:nth-child(6),.Addprot_XianShowData tr td:nth-child(6){width: 18%;}

.Addprot_XianShowbtn{padding:0 125px;height: auto;display: flex;justify-content: space-between;}
.Addprot_XianShowbtn button{width: 38%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);}
.Addprot_XianShowData tbody::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}

/* 航点样式 */
.Addprot_DianShow{width: 390px;height: auto;position: absolute;right: 535px;top: 10px;z-index: 100;border: 2px solid #fff;border-radius: 5px;display: none;}
.Addprot_DianShow i{width:100%;height:100%;position: absolute;right: 0;top: 0;z-index: 10;background:#032c4c;opacity: 0.95;}
.Addprot_DianShowborder{position: relative;z-index: 25;padding-bottom: 5px;}
.Addprot_Diantitle{width: 100%;height: 30px;background:#032c4c;border-bottom:2px solid #fff;}
.Addprot_Diantitle span{padding: 0 30px 0 10px;height: 28px;line-height: 28px;float: left;background: linear-gradient(to right,#07599a,#35b4f5);font-size: 14px;color: #000;margin-top: 1px;margin-left: 1px;position: relative;}
.Addprot_Diantitle span::before{content: "";width: 22px;height: 22px;background:#032c4c;position: absolute;top: 3px;right: -12px;z-index: 25;transform:rotate(-45deg);}
.Addprot_DianShowData{margin: 3px;background: #fff;}
.Addprot_DianTitle{width: 100%;height: 20px;line-height: 20px;background: #0393ed;font-size: 12px;color: #fff;display: flex;}
.Addprot_DianTitle span{border-right: 1px solid #000;text-align: center;overflow: hidden;}
.Addprot_DianShowData ul li{display: flex;height: 20px;line-height: 20px;font-size: 12px;color: #000;}
.Addprot_DianShowData ul li:hover{background: #86e9f9;}
.Addprot_DianShowData ul li.Addprot_active{background: #3ebcf6;}
.Addprot_DianShowData ul li span{border-right: 1px solid rgb(255, 255, 255,0);text-align: center;overflow: hidden;}
.Addprot_DianTitle span:last-child,.Addprot_DianShowData ul li span:last-child{border-right: 0;}
.Addprot_DianShowData ul{min-height: 324px;max-height: 324px;overflow-y: auto;display: block;width: 100%;}
.Addprot_DianTitle span:first-child,.Addprot_DianShowData ul li span:first-child{width: 16%;}
.Addprot_DianTitle span:nth-child(2),.Addprot_DianShowData ul li span:nth-child(2){width: 28%;}
.Addprot_DianTitle span:nth-child(3),.Addprot_DianShowData ul li span:nth-child(3){width: 28%;}
.Addprot_DianTitle span:nth-child(4),.Addprot_DianShowData ul li span:nth-child(4){width: 28%;}
.Addprot_DianShowData ul::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.Addprot_DianShowbtn{padding:5px 125px 0;height: auto;display: flex;justify-content: space-between;border-top:2px solid #fff;}
.Addprot_DianShowbtn button{width: 38%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);}

/* 航点库 */
.Addprot_Library{position: absolute;left: 0;top: 0;z-index: 100;display: none;}
.Addprot_Library i{position: absolute;left: 0;top: 0;z-index: 10;background: #000;opacity: 0;}
.Addprot_Libraryborder{width: 500px;border: 1px solid #bdbbbb;position: fixed;left: 50%;top: 50%;background: linear-gradient(to right,#032c4c,#0078d7);transform: translate(-50%,-50%);z-index: 1000;}
.Addprot_LibraryTitle{width: 100%;height: 24px;position: relative;background: #096fe4;border-bottom: 1px solid #707f8b;}
.Addprot_LibraryTitle h3{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #000;text-align: center;cursor: context-menu;}
.Addprot_LibraryTitle span{width: 35px;height: auto;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.Addprot_LibraryTitle span img{width: 35px;}
.Addprot_LibraryBox{margin: 5px;}
.Addprot_LibraryBoxdiv{width: 100%;background: #fff;}
.Addprot_LibrarythreeSpan{width: 100%;height: 20px;line-height: 20px;background: #0393ed;font-size: 12px;color: #fff;display: flex;}
.Addprot_LibrarythreeSpan span{border-right: 1px solid #000;text-align: center;overflow: hidden;}
.Addprot_LibraryBoxdiv ul li{display: flex;height: 20px;line-height: 20px;font-size: 12px;color: #000;}
.Addprot_LibraryBoxdiv ul li:hover{background: #86e9f9;}
.Addprot_LibraryBoxdiv ul li.Addprot_active{background: #3ebcf6;}
.Addprot_LibraryBoxdiv ul li span{border-right: 1px solid rgb(255, 255, 255,0);text-align: center;overflow: hidden;cursor: context-menu;}
.Addprot_LibrarythreeSpan span:last-child,.Addprot_LibraryBoxdiv ul li span:last-child{border-right: 0;}
.Addprot_LibraryBoxdiv ul{min-height: 324px;max-height: 324px;overflow-y: auto;display: block;width: 100%;}
.Addprot_LibrarythreeSpan span:first-child,.Addprot_LibraryBoxdiv ul li span:first-child{width: 16%;}
.Addprot_LibrarythreeSpan span:nth-child(2),.Addprot_LibraryBoxdiv ul li span:nth-child(2){width: 28%;}
.Addprot_LibrarythreeSpan span:nth-child(3),.Addprot_LibraryBoxdiv ul li span:nth-child(3){width: 28%;}
.Addprot_LibrarythreeSpan span:nth-child(4),.Addprot_LibraryBoxdiv ul li span:nth-child(4){width: 28%;}
.Addprot_LibraryBoxdiv ul::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.Addprot_Librarybtn{padding:10px 28px;height: auto;display: flex;justify-content: space-between;}
.Addprot_Librarybtn button{width: 22%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}

/* 航线设置区域 */
.setroute_surface {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.setroute_surface i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.setroute_surfaceborder {position: fixed;z-index: 50;left: 50%;top: 50%;width: 450px;background-color: #0255b5;border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #5d6359;z-index: 1000;}
.setroute_surfaceborder h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;}
.ssetroute_surfaceClose{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.ssetroute_surfaceClose img{width: 100%;}
.setroute_surfaceBox{width: 100%;height: auto;}
.setroute_surfacetop,.setroute_surfacetitle{padding:1px 5px;border: 1px solid #666;display: flex;justify-content: space-between;}
.setroute_surfacetop h4,.setroute_surfacetitle h4{padding: 5px 50px 5px 5px;background: linear-gradient(to right,#137eb6,#37adea);font-size: 14px;color: #000;position: relative;font-weight: normal;border: 1px solid #000;}
.setroute_surfacetop h4::before,.setroute_surfacetitle h4::before{content: "";width: 20px;height: 20px;position: absolute;top:3px;right: -12px;background: #0255b5;transform:rotate(-45deg);border-left: 1px solid #000;border-top: 1px solid #000;}
.setroute_surfacedistance{padding:6px 5px;background: #3ebcf6;font-size: 12px;color: #000;border-radius: 5px;margin: 1px 0;cursor: pointer;}
.setroute_surpint{padding: 5px 4px;border: 1px solid #fff;position: relative;}
.setroute_surpintlist{width: 100%;height: auto;background: #fff;padding: 4px 0;}
.setroute_surpintlist .setroute_surlistitle,.setroute_surpintlist li{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;font-size: 12px;color: #000;}
.setroute_surpintlist .setroute_surlistitle span,.setroute_surpintlist li span{width: 28%;text-align: center;height: 20px;line-height: 20px;cursor: context-menu;}
.setroute_surpintlist .setroute_surlistitle span:first-child,.setroute_surpintlist li span:first-child{width: 16%;}
.setroute_surpintlist .setroute_surlistitle{background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #fff;color: #fff;}
.setroute_surpintlist ul{min-height: 200px;max-height: 200px;overflow-y: auto;}
.setroute_surpintlist ul li:hover{background: #86e9f9;}
.setroute_surpintlist ul li.setrouteface_active{background: #3ebcf6;}
.setroute_offset{width: 250px;position: absolute;left: 0%;right: 0%;top: 22%;margin:auto;border-radius: 5px;border: 2px solid #fff;z-index: 50;background: linear-gradient(to right,#034da5,#044da4);box-shadow: 0 1px 6px #000;display: none;}
.setroute_offsetInput{padding: 10px 15px;}
.setroute_offsetInput label{font-size: 14px;color: #fff;}
#setroute_offInput{width: 130px;height: 25px;line-height: 25px;font-size: 14px;color: #fff;background: none;outline: none;border: 1px solid #fff;border-radius: 5px;float: right;}
.setroute_offset .setroute_surfacebtn{width: auto;padding:10px 15px;height: auto;display: flex;justify-content: space-between;}
.setroute_surfacebtn button{width: 40%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}

.setroute_surfaceBox input[type="checkbox"]{width: 12px;height: 12px;display: inline-block;text-align: center; line-height: 12px;position: relative;font-size: 12px;color: #fff;margin-right: 8px;}
.setroute_surfaceBox input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #666;}
.setroute_surfaceBox input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;color:#0078d7;font-size: 12px;font-weight: bold;}
.setroute_surfaceseach{float: right;}
.setroute_surfaceseach label{font-size: 14px;color: #fff;}
.setroute_surfaceseach input[type="text"]{width: 100px;height: 27px;border-radius: 5px;background: none;border:1px solid #fff;outline: none;font-size: 13px;color: #fff;text-indent: 5px;}
.setroute_surfaceseach input::-webkit-input-placeholder {
	color: #fff;
  }
.setroute_surfaceseach input::-moz-input-placeholder {
	color: #fff;
  }
.setroute_surfaceseach input::-ms-input-placeholder {
	color: #fff;
  }
.setroute_surtable{padding: 5px 4px;border: 1px solid #fff;}
#setroute_surfacetbody{background: #fff;width: 100%;border-spacing:0;position: relative;padding-top: 24px;}
#setroute_surfacetbody thead{position: absolute;left: 0;top: 0;z-index: 23;width: 100%;}
#setroute_surfacetbody tr{width: 100%;height: auto;display: flex;justify-content: space-between;}
#setroute_surfacetbody thead tr{background: url(../img/xiaojin_bg.png) left top / 100% 100% no-repeat #fff;font-size: 13px;color: #fff;}
#setroute_surfacetbody tr td{width: 33%;text-align: center;line-height: 22px;  white-space: nowrap;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');           /*溢出省略号，支持firefox*/ 
	white-space: nowrap;/*禁止文字自动换行*/display: inline-block;}
#setroute_surfacetbody tbody {min-height: 250px;max-height: 250px;overflow-y: auto;display: block;}
#setroute_surfacetbody tbody tr{font-size: 13px;color: #000;}
#setroute_surfacetbody tbody tr.chuanbo_cntdatandan span{color: #808080;}
#setroute_surfacetbody tbody tr:hover{background: #86e9f9;}
#setroute_surfacetbody tbody tr.chuanbo_cntdatactvty,.TableSurface_active{background: #3ebcf6;}


/* 船舶回放 */
.Playback_trajectory {width: 100%;height: 100%;position: fixed;left:0%;top: 0%;z-index: 1000;display: none;}
.Playback_trajectory i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.Playback_trajectoryborder {position: fixed;left: 50%;top: 50%;width: 370px;background: linear-gradient(to right,#06397b,#015cc3);border-radius: 5px;transform: translate(-50%,-50%);border: 1px solid #a0bed5;z-index: 1000;}
.Playback_trajectoryCnt,.Playback_trajectorytop{width: 100%;height: auto;}
.Playback_trajectorytop h3 {text-align: center;font-size: 14px;padding:5px 0px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;}
.Playback_trajectorytop span{width: 35px;height: 21px;position: absolute;top: 5px;right: 5px;z-index: 800;}
.Playback_trajectorytop img{width: 100%;}
.Playback_trajectoryBox{width: 100%;height: 500px;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;}
.Playback_trajectorydiv ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.Playback_trajectorydiv ul li{width: 100%;margin: 5px 0;font-size: 13px;color: #fff;text-align: center;}
.Playback_trajectorydiv ul li label{margin-left: 10px;width: 72px;line-height: 30px;margin-right: 10px;}
.Playback_trajectorydiv ul li input{width:100px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;margin-right: 10px;}
.Playback_trajectorydiv ul li select{width:38px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;margin-right: 5px;}
.Playback_trajectorydiv ul li select::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.Playback_trajectorydiv ul li select option{background: #015ec8;}
.Playback_trajectorybtn{padding:10px 35px;height: auto;display: flex;justify-content: space-between;}
.Playback_trajectorybtn button{width: 30%;height: 30px;line-height: 30px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}
.Playback_trajectorydiv ul li ::-webkit-calendar-picker-indicator{
    width: 20px;
	padding: 0;
	margin: 0;
}


/* 船舶回放控件 */
.Playback_setUp {width: 80%;height:auto;position: fixed;left:0%;bottom: 45px;z-index: 1000;display: none;}
.Playback_setUp i{position: absolute;height:88px;left: 0;right: 0%;bottom:0;margin:auto;width: 1000px;background: linear-gradient(to right,#06397b,#015cc3);border-radius: 5px;border: 1px solid #fff;z-index: 10;opacity: 0.8;}
.Playback_setUpborder {position: absolute;left: 0;right: 0%;bottom:0;margin:auto;width: 1000px;z-index: 1000;}
.Playback_setUptop{position: relative;}
.Playback_setUptop span{width: 35px;height: 21px;position: absolute;top: 0;right: 0;z-index: 800;}
.Playback_setUptop img{width: 100%;}
.Playback_schedule {text-align: center;font-size: 14px;padding-top:30px;font-weight: normal;color: #fff;}
.Playback_schedule ul{width:  70%;height: 12px;position: relative;margin: 0 auto;}
.Playback_schedule ul::before{content: "";width:101%;height: 4px;background: #909495;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 50;border-radius: 5px;}
.Playback_schedule ul li{width: 11px;height: 11px;border-radius: 50%;position: absolute;left: 0;top: 0;background: #70bce3;border: 1px solid #1081e9;z-index: 100;cursor: pointer;}
.Playback_schedule em{font-size: 15px;color: #fff;position: absolute;top: 24px;right: 100px;}

.Playback_setUpdiv{width: 100%;position: relative;padding: 10px 0;}
.Playback_setUpbtn{width: 100%;height: auto;text-align: center;}
.Playback_setUpbtn button{width: auto;height: 22px;outline: none;cursor: pointer;display: inline-block;background: none;border: 0;margin: 0 15px;}
.Playback_setUpbtn button img{height: 100%;opacity:0.8;}
.Playback_setUpbtn .ShipPlayback_Play{display: none;}
.Playback_setUpdiv span{padding: 0 8px;height: 18px;line-height: 18px;border-radius: 10px;border: 2px solid #568fba;font-size: 12px; color: #000;background: #fff;position: absolute;left: 150px;top: 14px;z-index: 50;}
.Playback_setUpbtn button:hover img{opacity: 1;}


/* 页面告警展示 */
.Warning_message {width: 100%;height:100%;position: absolute;left:0;top: 0;z-index: 1000000;display: none;
    animation: warnss 0.8s ease-out 0s infinite;}
.Warning_message i{position: fixed;width: 100%;height:100%;top: 0;background: #000;z-index: 10;
    animation: warn 0.8s ease-out 0s infinite;}
.Warning_messageborder{position: absolute;width: 100%;height:75px;top: 0;background: #f00;z-index: 20;opacity: 1;}
.Warning_messagetop{width: 100%;height: 75px;line-height: 75px;font-size: 20px;color: #fff;position: relative;text-align: center;}
.Warning_messagetop span{position: absolute;z-index: 23;right: 20px;top: 0;cursor: pointer;}
@keyframes warn {
    0% {
      opacity: 0.5;
    }
 
    100% {
      opacity: 0.4;
    }
 
  }
  @keyframes warnss {
    0% {
      opacity: 1;
    }
    100% {
      opacity:0.9;
    }
  }




/* 气象loading */
.meteorological_loading{position: absolute;left: 50%;z-index: 1000;transform: translateX(-50%);display: none;}

/* 气象 */
.meteorological_list{width: 0;height: auto;position: absolute;top: 0;right: 20px;z-index: 1000;display: flex;justify-content: flex-end;display: none;}
.meteorological_messageborder{width: auto;position: absolute;bottom: 20px;right: 0;}
.meteorological_message{display: flex;justify-content: flex-end;}
.meteorological_top{width: auto;text-align: right;}
.meteorological_messagetop{width: 25px;height: 25px; margin-bottom: 10px;display: inline-block;}
.meteorological_messagetop img{width: 100%;}
.meteorological_top li{display: flex;justify-content: flex-end;margin-top: 10px;}
.meteorological_top li span{padding: 3px 10px;background: #000;opacity: 0.8;font-size: 13px;color: #fff;border-radius: 5px;margin-right: 10px;white-space: nowrap;display: flex;align-items: center;cursor: context-menu;}
.meteorological_liactivey{pointer-events: none;}
.meteorological_top li.meteorological_liactivey span,.meteorological_top li span:hover{background: #0393ed;}
.meteorological_taifeng{width: 180px;background: #fff;border-radius: 5px;margin-right: 10px;overflow: hidden;display: none;}
.meteorological_taitop{width: 100%;height: 26px;background: #1686d8;position: relative;}
.meteorological_taitop h3{width: 100%;height: 26px;line-height: 26px;font-weight: normal;font-size: 14px;color: #fff;text-align: center;}
.meteorological_taitop span{position: absolute;top: 2px;right: 5px;z-index: 25;font-size: 16px;color: #fff;cursor:context-menu;}
.meteorological_taicnt{width: 100%;height: auto;}
.meteorological_taicntsel{border-bottom: 1px solid #b3afaf;margin:0 auto;padding: 5px;}
#meteorological_select{width: 60px;height: 26px;font-size: 13px;color: #000;border-radius: 5px;}
#meteorological_select option{background: #0393ed;color: #000;}
.meteorological_taicntsel span{font-size: 13px;color: #000;}
.meteorological_taicntul{width: 100%;height: auto;}
.meteorological_taicntul ul{padding: 5px 10px;max-height: 236px;height: 236px;overflow-y: auto;}
.meteorological_taicntul ul li{width: 100%;height: auto;margin: 5px 0 8px;font-size: 12px;color: #000;}
.meteorological_taicntul ul li input{margin-top: 2px;float: left;margin-right: 5px;}
.meteorological_taishuom{height: auto;text-align: center;padding: 0 5px;border-top: 1px solid #b3afaf;}
.meteorological_taishuom img{width: 100%;}
.meteoro_tiemchange{width: 360px;height: auto;margin-top: 40px;position: relative;display: none;}
.meteoro_tiemchangeli{width: 100%;height: auto;position: relative;display: flex;justify-content:space-between;z-index: 200;}
.meteoro_tiemtitle{width: 250px;height: 35px;position: absolute;left: 0;top: -35px;z-index: 500;}
.meteoro_tiemtitdong{width: 0;position: absolute;left: 0;top: 0;z-index: 50;}
.meteoro_tiemtitle span{width: 78px;padding:2px 0;background: #000;border-radius: 5px;font-size: 13px;color: #fff;position: relative;left: -40px;cursor: context-menu;display: block;text-align: center;}
.meteoro_tiemtitle span::before{content: "▼";position: absolute;font-size: 14px;color: #000;width: 5px;height: 5px;bottom: 4px;left: 43%;z-index: 25;}
.meteoro_tiemtitdong em{width: 15px;height: 15px;background: #fff;border: 1px solid #0393ed;border-radius: 50%;display: block;margin-top: 11px;margin-left: -8px;}
.meteoro_tiemjdt{width: 250px;height: 12px;position: absolute;left: 0;top: 0;z-index: 25;background:#eaeef0;border-radius: 5px;}
.meteoro_tiemjdt span{width: auto;height: 12px;background: #0280e0;display: block;border-radius: 5px;}
.meteoro_tiemchangeli ul{width:250px;height: 12px;display: flex;justify-content:flex-end;position: relative;}
.meteoro_tiemchangeFX{position: relative;z-index: 50;}
.meteoro_tiemchangeFX a{width: 20px;height: 20px;background: #fff;border: 1px solid #0b7cf0;border-radius: 50%;display: inline-block;text-indent: 2px;font-size: 14px;color: #0b7cf0;position: relative;top: -5px;margin-left: 10px;cursor: context-menu;}
.meteoro_tiemchangeFX a:last-child{text-indent: 5px;}
.meteoro_tiemchangeFX a:hover{background: #0b7cf0;color: #fff;}
.meteoro_tiemchangeli li{width: calc(calc(250px / 34) * 40 );position: relative;}
.meteoro_tiemchangeli li span{display: none;}
.meteoro_tiemchangespan{width: 294px;background: #fff;display: flex;justify-content: space-between;}
.meteoro_tiemchangespan span{width:20%;background: #000;font-size: 12px;color:#fff;text-align: center;height: 18px;line-height: 18px;opacity: 0.9;border-right: 1px solid #fff;}
.meteoro_tiemchangespan span:last-child{border-right: 0;}

/* 设备信息 */
.Device_Information {position: fixed;left:0%;top: 0%;width: 100%;height:100%;z-index: 1000;display: none;}
.Device_Information i{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;opacity: 0;}
.Device_Informationborder {position: fixed;z-index: 50;left: 50%;top: 50%;width: 1000px;background-color: #0078d7;transform: translate(-50%,-50%);border: 1px solid #808080;z-index: 1000;}
.Device_Informationtop{width: 100%;height: 24px;position: relative;}
.Device_Informationtop h3 {width: 100%;height: 24px;line-height: 24px;text-align: center;font-size: 14px;font-weight: normal;color: #fff;}
.Device_Informationtop span{width: 35px;height: 21px;position: absolute;top: 2px;right: 5px;z-index: 800;}
.Device_Informationtop span img{width: 100%;}
/* 历史记录 */
.Device_Informationdiv{border: 1px solid #808080;background: #034fa9;margin: 0 2px 2px; position: relative;padding: 5px;}
.Device_InformationToggle{width: 100%;height: 30px;display: flex;justify-content: flex-start;}
.Device_InformationToggle span{padding: 0 10px;line-height: 30px;font-size: 12px;color: #fff;background: #04499d;border: 1px solid #000;border-top-left-radius: 10px;border-top-right-radius: 10px;margin-left: 5px;box-shadow: 0 0 8px 0 #fff inset;}
.Device_InformationToggle span:hover,.Device_InformationToggle span.Device_InformationActivey{box-shadow: 0 2px 6px 4px #fff inset;cursor: context-menu;}
.Device_InformationTime{font-size: 13px;color: #fff;height: 30px;line-height: 30px;position: absolute;z-index: 50;top: 5px;right: 5px;}
.Device_Informationcont{padding: 10px;border: 1px solid #808080;background: #fff;border-radius: 3px;}
.Device_Informationcont>ul>li{height: auto;}
.Device_InforHistorycenter{width:100%;display: flex;justify-content: space-between;}
.Device_InforHistorycenterleft{width: 60%;height: auto;background: #000;min-height: 340px;}
.Device_Historycenterright{width: 40%;}
.Device_Historycenterright li{margin-left: 40px;height: auto;display: flex;justify-content: flex-start;margin-top: 15px;}
.Device_Historycentertitle{width: 248px;}
.Device_Historycentertitle em{width: 30px;height: 24px;float: left;;position: relative;background: #dee2e7;border: 1px solid #808080;border-radius: 2px;}
.Device_Historycentertitle em::before{width: 22px;height: 2px;background: #40e46b;content: "";position: absolute;left: 4px;top: 11px;z-index: 23;}
.Device_Historycenterright li:nth-child(2) em::before{background: #e24245;}
.Device_Historycenterright li:nth-child(3) em::before{background: #e2cf45;}
.Device_Historycenterright li:nth-child(4) em::before{background: #40bce7;}
.Device_Historycenterright li:nth-child(5) em::before{background: #575ec7;}
.Device_Historycenterright li:nth-child(6) em::before{background: #c259ad;}
.Device_Historycenterright li:nth-child(7) em::before{background: #68b271;}
.Device_Historycenterright li:nth-child(8) em::before{background: #9e7540;}
.Device_Historycenterright li em:hover,.Device_Historycenterright li em.Device_HistorycenterrightEm{background: #a8aaad;}
.Device_Historycentertitle span{font-size: 12px;color: #000;margin-left: 5px;line-height: 26px;display: inline-block;}
.Device_Historycenterval{font-size: 12px;color: #000;line-height: 26px;}
.Device_Historycenterval span{width: 50px;height: 24px;float: left;position: relative;background: #dee2e7;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
.Device_InforHistorybottom{height: auto;display: flex;justify-content:flex-start;margin-top: 30px;padding-bottom: 5px;}
.Device_InforHistorybottom button{width: 100px;height: 30px;line-height: 30px;font-size: 13px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: #dcdfe1;cursor: pointer;margin-left: 100px;}
.Device_InforHistoryTable{display: none;}
/* 发动机 */
.Device_engine{padding-right: 5px;display: flex;justify-content: space-between;}
.Device_engineLeft,.Device_engineRight{width: 36%;}
.Device_engineLeftTop{border: 2px solid #8a9497;border-radius: 5px;}
.Device_engineLtrpm{padding: 5px;display: flex;justify-content: space-between;}
.Device_engineLtrpm>div{width: 30%;border: 1px solid #8a9497;border-radius: 5px;}
.Device_engineLtrpm>div h4{width: 100%;padding: 10px 0 15px;font-size: 14px;color: #000;text-align: center;}
.Device_engineLtJd,.Device_engineLBJd,.Device_engineLPJd{margin: 5px;height: auto;position: relative;height: 125px;}
.Device_engineLtrpm ul{width: 100%;position: absolute;left: 0;top: -23px;}
.Device_engineLtrpm ul li{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.Device_engineLtrpm ul li span{font-size: 12px;color: #000;}
.Device_engineLtrpm ul li em{width: 50px;height: 1px;background: #7b93b6;}
.Device_engineLPBj,.Device_engineLBBj,.Device_engineLtBj{width: 38px;height: 125px;position: absolute;background-color: #8a9497;opacity: 0.8;z-index: 25;top: 0;right: 0;}
.Device_engineLtPercent,.Device_engineLBPercent,.Device_engineLPPercent{width: 14px;height: 10%;position: absolute;bottom: 0;right: 12px;background: #015cc3;z-index: 50;}
.Device_engineLtValueval,.Device_engineLtValueval,.Device_engineLtValueval{font-size: 12px;color: #000;line-height: 24px;padding: 5px;display: flex;justify-content: center;}
.Device_engineLtValueval span,.Device_engineLtValueval span,.Device_engineLtValueval span{width: 50px;height: 22px;float: left;position: relative;background: #dee2e7;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
.Device_engineLtul{width: 100%;}
.Device_engineLtul ul{padding: 5px;}
.Device_engineLtul ul li{width: 100%;display: flex;justify-content:space-between;padding: 5px 0;}
.Device_engineLtultitle{width: 114px;}
.Device_engineLtultitle span{font-size: 12px;color: #000;margin-left: 5px;line-height: 26px;display: inline-block;}
.Device_engineLtulval{width: 110px;font-size: 12px;color: #000;line-height: 26px;}
.Device_engineLtulval span{width: 60px;height: 24px;float: left;position: relative;background: #dcdfe1;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
.Device_engineLeftbutton{width: 100%;padding: 10px 0;text-align: center;}
.Device_engineLeftbutton button{width: 100px;height: 30px;background: #dcdfe1;border: 1px solid #000;outline: none;border-radius: 5px;}

/* ---右 */

.Device_engineRightTop{border: 2px solid #8a9497;border-radius: 5px;}
.Device_engineRtrpm{padding: 5px;display: flex;justify-content: space-between;}
.Device_engineRtrpm>div{width: 30%;border: 1px solid #8a9497;border-radius: 5px;}
.Device_engineRtrpm>div h4{width: 100%;padding: 10px 0 15px;font-size: 14px;color: #000;text-align: center;}
.Device_engineRtJd,.Device_engineRBJd,.Device_engineRPJd{margin: 5px;height: auto;position: relative;height: 125px;}
.Device_engineRtrpm ul{width: 100%;position: absolute;left: 0;top: -23px;}
.Device_engineRtrpm ul li{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.Device_engineRtrpm ul li span{font-size: 12px;color: #000;}
.Device_engineRtrpm ul li em{width: 50px;height: 1px;background: #7b93b6;}
.Device_engineRtBj,.Device_engineRBBj,.Device_engineRPBj{width: 38px;height: 125px;position: absolute;background-color: #8a9497;opacity: 0.8;z-index: 25;top: 0;right: 0;}
.Device_engineRtPercent,.Device_engineRBPercent,.Device_engineRPPercent{width: 14px;height: 10%;position: absolute;bottom: 0;right: 12px;background: #015cc3;z-index: 50;}
.Device_engineRtValueval,.Device_engineRtValueval,.Device_engineRtValueval{font-size: 12px;color: #000;line-height: 24px;padding: 5px;display: flex;justify-content: center;}
.Device_engineRtValueval span,.Device_engineRtValueval span,.Device_engineRtValueval span{width: 50px;height: 22px;float: left;position: relative;background: #dee2e7;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
.Device_engineRtul{width: 100%;}
.Device_engineRtul ul{padding: 5px;}
.Device_engineRtul ul li{width: 100%;display: flex;justify-content:space-between;padding: 5px 0;}
.Device_engineRtultitle{width: 114px;}
.Device_engineRtultitle span{font-size: 12px;color: #000;margin-left: 5px;line-height: 26px;display: inline-block;}
.Device_engineRtulval{width: 110px;font-size: 12px;color: #000;line-height: 26px;}
.Device_engineRtulval span{width: 60px;height: 24px;float: left;position: relative;background: #dcdfe1;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
.Device_engineRightbutton{width: 100%;padding: 10px 0;text-align: center;}
.Device_engineRightbutton button{width: 100px;height: 30px;background: #dcdfe1;border: 1px solid #000;outline: none;border-radius: 5px;}

.Device_engineCenter{width: 24%;display: flex;justify-content: space-between;}
.Device_engineCenter>div{border: 2px solid #8a9497;border-radius: 5px;padding: 8px;width: 37%;}
.Device_engineCenterLTimg,.Device_engineCenterRTimg{width: 100%;}
.Device_engineCenterLTimg img,.Device_engineCenterRTimg img{width: 100%;}
.Device_engineCenterLTcnt,.Device_engineCenterRTcnt{width: 100%;height: auto;margin-top: 30px;}
.Device_engineCenttitle,.Device_engineCenttitle{width: 100%;font-size: 13px;color: #000;text-align: center;}
.Device_engineCentval{font-size: 12px;color: #000;line-height: 26px;margin-top: 10px;display: flex;justify-content: center;}
.Device_engineCentval span{width: 40px;height: 24px;float: left;position: relative;background: #dcdfe1;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
/* 燃油柜与其它 */
.Device_fuelTank{width: 100%;height: auto;overflow: hidden;padding-bottom: 30px;}
.Device_fuelTank>div{width: 48%;float: left;}
.Device_fuelTank>div.Device_fuelTankTwo{float: right;}
.Device_fuelTank>div h4{width: 100%;height: 40px;line-height: 40px;font-size: 13px;color: #000;text-align: center;}
.Device_fuelTank>div ul{border: 2px solid #8a9497;border-radius: 5px;padding: 5px 0;}
.Device_fuelTank>div ul li{width: 100%;display: flex;justify-content: flex-start;padding: 5px 0;}
.Device_fuelTanktitle{width: 276px;}
.Device_fuelTanktitle span{font-size: 12px;color: #000;margin-left: 5px;line-height: 26px;display: inline-block;}
.Device_fuelTankval{font-size: 12px;color: #000;line-height: 26px;}
.Device_fuelTankval span{width: 130px;height: 24px;float: left;position: relative;background: #dcdfe1;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}



/* 配电板 */
.Device_computertitle{width: 100%;height: auto;margin-top: 10px;}
.Device_computertitle ul{width: 100%;height: auto;display: flex;justify-content: center;}
.Device_computertitle ul li{padding: 0 6px;display: flex;align-items: center;justify-content: center;font-size: 13px;color: #000;}
.Device_computertitle ul li em{width: 20px; height: 20px;display: inline-block;margin-right: 5px;}
.Device_computertitle ul li.Device_computertitle01 em{background: #808080;border: 1px solid #000;border-radius: 5px;}
.Device_computertitle ul li.Device_computertitle02 em{background: #008000;border: 1px solid #000;border-radius: 5px;}
.Device_computertitle ul li.Device_computertitle03 em{background: #ff0000;border: 1px solid #000;border-radius: 5px;}
.Device_computertitle ul li.Device_computertitle04 em{background: #800080;border: 1px solid #000;border-radius: 5px;}
.Device_computertitle ul li.Device_computertitle05 em{background: #0000ff;border: 1px solid #000;border-radius: 5px;}
.Device_computertitle ul li.Device_computertitle06 em{width: 0;height: 0;border-top: 10px solid transparent;border-left: 18px solid #008000;border-bottom: 10px solid transparent;}
.Device_computertitle ul li.Device_computertitle07 em{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 18px solid #000;}
.Device_computerEacher{border-bottom: 2px solid #000;padding-bottom: 20px;}
.Device_computerEacher ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.Device_computerEacher ul li{width: 130px;height: 120px;background: url(../img/Device_computerBj.png) left top /100% 100% no-repeat;margin: 30px 10px 0;position: relative;}
.Device_computerEacher ul li:nth-child(1),.Device_computerEacher ul li:nth-child(3),.Device_computerEacher ul li:nth-child(6),.Device_computerEacher ul li:nth-child(8){margin-right: 100px;}
.Device_computerName{position: absolute;z-index: 25;font-size: 12px;color: #000;left: 10px;top: 5px;font-weight: bold;text-align: center;}
.Device_computerName em{display: block;}
.Device_computerStandard{position: absolute;z-index: 25;font-size: 12px;color: #000;right: 10px;top: 5px;font-weight: bold;}
.Device_computerimg{position: absolute;height:6px;z-index: 100;bottom: 9px;right: 16px; transform: rotate(0deg);transform-origin: center right;}

.Device_computerSchedule{padding: 10px 75px;height: auto;display: flex;justify-content: flex-end;}
.Device_computerSchedule>div{display: flex;justify-content: flex-end;}
.Device_computerScheduleRt{margin-left: 215px;}
.Device_computerSchedule>div ul li{width: 100%;display: flex;justify-content: flex-start;padding: 5px 0;}
.Device_computerSchtitle{width: 84px;}
.Device_computerSchtitle span{font-size: 12px;color: #000;margin-left: 5px;line-height: 26px;display: inline-block;}
.Device_computerSchval{font-size: 12px;color: #000;line-height: 26px;}
.Device_computerSchval span{width: 60px;height: 24px;float: left;position: relative;background: #dcdfe1;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
.Device_computerSchRtKW,.Device_computerSchLtKW{width: 30px;border: 1px solid #000;background: linear-gradient(to bottom,#a2a8b0,#7b8490);border-radius: 5px;margin-left: 10px;}
.Device_computerSchRtKW>span,.Device_computerSchLtKW>span{width: 100%;font-size: 12px;color: #fff;text-align: center;display: block;}
.Device_computerLtHeight,.Device_computerRtHeight{width: 100%;height: 40px;position: relative;}
.Device_computerLtHeight em,.Device_computerRtHeight em{width: 100%;height: 1px;background: #fff;display: block;margin-top: 18px;}
.Device_computerLtHeight em:first-child,.Device_computerRtHeight em:first-child{margin-top: 1px;}
.Device_computerLtBai,.Device_computerRtBai{width: 15px;height: 40px;background: #fff;border-left:1px solid #a2a8b0;border-right:1px solid #a2a8b0;position: absolute;top: 0;left: 7px;z-index: 25;}
.Device_computerRtBut,.Device_computerLtBut{width: 15px;height: 0%;background: #015cc3;border-left:1px solid #a2a8b0;border-right:1px solid #a2a8b0;position: absolute;bottom: 0;left: 7px;z-index: 50;}

/* 发动机1 */
.engine_editOne{width: 100%;height: auto;display: flex;justify-content: space-between;display: none;}
.engine_editOneimg{width: 14%;border-right: 1px dashed #8a9497;padding: 0 20px 10px 10px;}
.engine_editOneimg h3{padding: 5px 0 10px;text-align: center;font-size: 13px;color: #000;}
.engine_editOneimg img{width: 100%;}
.engine_editOneCnt{width:81%}
.engine_editreturn{width: 100%;margin-top: 5px;}
.engine_editreturn a{padding-left: 50px;font-size: 14px;color: #000;background: url(../img/return_Dev.png) left center /40px auto no-repeat;}
.engine_editOnetext{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 20px;}
.engine_editOnetext>div{width: 32%;}
.engine_editOnetext>div h4{width: 100%;padding:10px 0;text-align: center;font-size: 13px;color: #000;}
.engine_editOnetext>div ul{border: 2px solid #8a9497;border-radius: 5px;padding: 5px;}
.engine_editOnetext>div ul li{width: 100%;display: flex;justify-content: flex-start;padding: 8px 0;}
.engine_edittitle{width:136px;}
.engine_edittitle span{font-size: 12px;color: #000;margin-left: 5px;line-height: 26px;display: inline-block;}
.engine_editval{font-size: 12px;color: #000;line-height: 26px;}
.engine_editval span{width: 54px;height: 24px;float: left;position: relative;background: #dcdfe1;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
.engine_editOneECU ul:nth-child(2) li:nth-child(4) .engine_editval span,.engine_editOneECU ul:nth-child(2) li:nth-child(5) .engine_editval span{width: 70px;text-align: center;}

/* 发动机2 */
.engine_editTwo{width: 100%;height: auto;display: flex;justify-content: space-between;display: none;}
.engine_editTwoimg{width: 14%;border-right: 1px dashed #8a9497;padding: 0 20px 10px 10px;}
.engine_editTwoimg h3{padding: 5px 0 10px;text-align: center;font-size: 13px;color: #000;}
.engine_editTwoimg img{width: 100%;}
.engine_editTwoCnt{width:81%}
.engine_editreturn{width: 100%;margin-top: 5px;}
.engine_editreturn a{padding-left: 50px;font-size: 14px;color: #000;background: url(../img/return_Dev.png) left center / 40px auto no-repeat;}
.engine_editTwotext{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 20px;}
.engine_editTwotext>div{width: 32%;}
.engine_editTwotext>div h4{width: 100%;padding:10px 0;text-align: center;font-size: 13px;color: #000;}
.engine_editTwotext>div ul{border: 2px solid #8a9497;border-radius: 5px;padding: 5px;}
.engine_editTwotext>div ul li{width: 100%;display: flex;justify-content: flex-start;padding: 8px 0;}
.engine_edittitle{width:136px;}
.engine_edittitle span{font-size: 12px;color: #000;margin-left: 5px;line-height: 26px;display: inline-block;}
.engine_editval{font-size: 12px;color: #000;line-height: 26px;}
.engine_editval span{width: 54px;height: 24px;float: left;position: relative;background: #dcdfe1;border: 1px solid #808080;border-radius: 2px;text-align: right;margin-right: 3px;padding-right: 2px;overflow: hidden;}
.engine_editTwoECU ul:nth-child(2) li:nth-child(4) .engine_editval span,.engine_editTwoECU ul:nth-child(2) li:nth-child(5) .engine_editval span{width: 70px;text-align: center;}
.Device_Informationcont>ul>li:nth-child(3),.Device_Informationcont>ul>li:nth-child(4),.Device_Informationcont>ul>li:nth-child(2){display: none;}

/*  台风弹出优化 */
#ShowSimpleInfoByMouseMoveDiv nobr{width: 100%;height: auto; display: flex;justify-content: flex-start;overflow: hidden;}
#ShowSimpleInfoByMouseMoveDiv center nobr{width: 100%;height: auto; display: flex;justify-content: center;}

/* 气象数据展示*/
.meteorological_table {width: 390px;height: auto;position: absolute;z-index: 800;right: 10px;top: 10px;background: linear-gradient(to right,#093a6d,#074a8f);opacity: 1;border-radius: 10px;display: none;}
.meteorological_tablecnt{padding: 10px;}
.meteorological_tableTitle{width: 100%;height: auto;position: relative;}
.meteorological_tableTitle h3 {text-align: center;font-size: 15px;font-weight: normal;color: #fff;border-bottom: 1px solid #a0bed5;padding-bottom: 10px;}
.meteorological_tableTitle span{width: 35px;height: 21px;position: absolute;top: 2px;right: 0;z-index: 800;}
.meteorological_tableTitle img{width: 100%;}

.meteorological_tancntweid,.meteorological_tancntjind{width: 100%;height: auto;margin-top: 10px;display: flex;align-items: center;}
.meteorological_tancntweid>div,.meteorological_tancntjind>div{width:228px;border: 1px solid #fff;border-radius: 5px;height: 28px;position: relative;display: flex;justify-content: flex-start;font-size: 18px;color: #fff;}
.meteorological_tableData{border-bottom: 1px solid #a0bed5;padding-bottom: 10px;position: relative;}
.meteorological_tableData h4,.meteorological_task h4{font-size: 14px;color: #6e96ef;margin: 5px 0;display: none;}
.meteorological_tableData p{font-size: 14px;color: #f00;text-align: center;margin-top: 10px;}
.meteorological_tableData label{width:80px;text-align: left;font-size: 14px;color: #fff;display: inline-block;line-height: 30px;float: left;}
.meteorological_tancntweid>div input,.meteorological_tancntjind>div input{height: 28px;line-height: 28px;font-size: 14px;color: #fff;text-indent: 10px;background: none;outline: none;border: 0;text-align: center;margin: 0 3px;width: 55px;}
.meteorological_dateInput{margin-top: 10px;font-size: 13px;color: #fff;}
.meteorological_dateInput input{width:120px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;margin-right: 10px;text-align: center;}
.meteorological_dateInput select{width:38px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 5px;outline: none;background: none;font-size: 13px;color: #fff;margin-right: 5px;}
.meteorological_dateInput select::-webkit-scrollbar {
    overflow: auto;
	width: 0;
}
.meteorological_dateInput select option{background: #015ec8;}
.meteorological_tancntweid>div em,.meteorological_tancntjind>div em{width: 20px;height: 24px;line-height: 24px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);font-size: 13px;color: #000;text-align: center;margin-left: 5px;border-radius: 3px;margin-top: 2px;cursor: pointer;display: inline-block;}
.meteorological_trajectorybtn{height: 50px;position: absolute;right: 0;top: calc(50% - 25px);z-index: 500;}
.meteorological_trajectorybtn button{width: 50px;height: 50px;line-height: 50px;font-size: 14px;color:#000;outline: none;border: 1px solid #000;border-radius: 5px;background: linear-gradient(to bottom,#8ec8f1,#b9dffb);cursor: pointer;}

.meteorological_task{width: 100%;height: auto;}
.meteorological_task ul{width: 100%;height: auto;}
.meteorological_task ul li{width: 100%;height: auto;display: flex;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #a0bed5;}
.meteorological_task ul li span{width: 33%;font-size: 13px;color: #fff;}
.meteorological_task ul li span em{width: 100%;margin-top: 3px;display: inline-block;color: #d1c214;font-size: 14px;font-weight: bold;display: flex;justify-content: flex-start;}
.meteorological_task ul li span em img{width: 20%;margin-left: 8px;}