.leaflet-control-attribution{display:none}
.leaflet-container .leaflet-control-attribution-elane {
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 5px #bbb;
    color:#0078A8;
    padding: 0 5px;
    margin:0;
    font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    margin-right: 0px;
}
.basemaps {
    padding: 4px;
}
.basemaps.hide {
    display: none;
}
.basemaps.closed .basemap {
    display: none;
}
.basemaps.closed .basemap.alt {
    display: inline-block;
}
.basemaps.closed .basemap.alt h4 {
    display: none;
}

.basemap {
    display: inline-block; /* todo: flexbox? */
    cursor: pointer;
    margin:0 2px;
}
.basemap.active img {
    border-color:#ccc;
    box-shadow: 5px 5px 10px #000;
}
.basemap img {
    width: 64px;
    border: 0px solid #FFF;
    margin: 0 1px;
    border-radius: 40px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.65)
}

.leaflet-control-layers-toggle{display:none}
.leaflet-control {
	cursor: pointer;
}

.polyline-measure-unicode-icon {
	font-size: 19px;
	font-weight: bold;
}

a.polyline-measure-clearControl:active {
	background-color: #f88;
}

.polyline-measure-tooltip {
	font: 10px Arial, Helvetica, sans-serif;
    line-height: 10px;
	/*background-color: rgba(255, 255, 170, 0.7);*/
	/*background-color: #ffffff;*/
	background-color: inherit;
    border-radius: 3px;
	/*box-shadow: 1px 1px 4px #888;*/
	box-shadow: none;
	margin: 0;
	padding: 2px;
	width: auto !important;
	height: auto !important;
	white-space: nowrap;
    text-align: right;
}

.polyline-measure-tooltip-end {
	/*background-color: rgba(255, 255, 40, 0.7);*/
	/*background-color: #ffffff;*/
	background-color: inherit;
}

.polyline-measure-tooltip-total {
	color: #006;
	font-size: 14px;
	font-weight: bold;
	font-family: "Microsoft Yahei";
	white-space: nowrap;
	display: inline-block;
	box-shadow: none;
	border: 0;
	background-color: inherit;
	text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
	-webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
	-moz-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}

.polyline-measure-tooltip-difference {
	color: #060;
	/* hankin */
	/*font-style: italic;*/
	margin-bottom: 4px;
	font-size: 14px;
	display:none;
}

.polyline-measure-popupTooltip {
	font: 11px Arial, Helvetica, sans-serif;
    line-height: 11px;
}

/* 刻度 */
.polyline-measure-scale {
    font-weight: bold;
    vertical-align: top;
}
/* 大刻度 */
.polyline-measure-scale-one {
    color: #666;
    font-size: 12px;
    line-height: 12px;
    font-weight: 100;
}
/* 小刻度 */
.polyline-measure-scale-two {
    color: #666;/*FD55A9*/
    font-size: 8px;
    line-height: 10px;
    font-weight: 100;
}
/* 大刻度 */
.polyline-measure-scale-one-wx {
    color: #ededed;
    font-size: 12px;
    line-height: 12px;
    font-weight: 100;
}
/* 小刻度 */
.polyline-measure-scale-two-wx {
    color: #ededed;/*FD55A9*/
    font-size: 4px;
    line-height: 8px;
    font-weight: 100;
}
/* 刻度文本 */
.polyline-measure-scale-txt {
    color: #2F302F;
    /*text-shadow: 1px 1px 0px #fff;*/
    margin-left: -10px;
    width: 80px;
    font-family: "Microsoft Yahei";
    font-size: 10px;
}
.polyline-measure-scale-txt-wx {
    color: #fff;
    text-shadow: 1px 1px 0px #2F302F;
    margin-left: -10px;
    width: 80px;
    font-family: "Microsoft Yahei";
    font-size: 10px;
}

.leaflet-control-messagebox {
    display: none; /* Initially hidden */
    border: 1px solid #404040;
    color: #fff;
    border-radius: 4px;
    background-color: rgba(6, 6, 6, 0.69);
    padding: 3px 15px;
}

.leaflet-control-minimap {
	border:solid rgba(255, 255, 255, 1.0) 1px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 3px;
	background: #f8f8f9;
	transition: all .6s;
}

.leaflet-control-minimap a {
	background-color: rgba(255, 255, 255, 1.0);
	background-repeat: no-repeat;
	z-index: 99999;
	transition: all .6s;
}

.leaflet-control-minimap a.minimized-bottomright {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	border-radius: 0px;
}

.leaflet-control-minimap a.minimized-topleft {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	border-radius: 0px;
}

.leaflet-control-minimap a.minimized-bottomleft {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	border-radius: 0px;
}

.leaflet-control-minimap a.minimized-topright {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	border-radius: 0px;
}

.leaflet-control-minimap-toggle-display{
	background-image: url("images/toggle.svg");
	background-size: cover;
	position: absolute;
	border-radius: 3px 0px 0px 0px;
}

.leaflet-oldie .leaflet-control-minimap-toggle-display{
	background-image: url("images/toggle.png");
}

.leaflet-control-minimap-toggle-display-bottomright {
	bottom: 0;
	right: 0;
}

.leaflet-control-minimap-toggle-display-topleft{
	top: 0;
	left: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.leaflet-control-minimap-toggle-display-bottomleft{
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.leaflet-control-minimap-toggle-display-topright{
	top: 0;
	right: 0;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

/* Old IE */
.leaflet-oldie .leaflet-control-minimap {
	border: 1px solid #999;
}

.leaflet-oldie .leaflet-control-minimap a {
	background-color: #fff;
}

.leaflet-oldie .leaflet-control-minimap a.minimized {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.leaflet-container .leaflet-control-mouseposition {
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 3px 4px 10px #363636;
    padding: 0 5px;
    margin: 0;
    color: #333;
    font-size: 12px;
    font-family: "Microsoft Yahei";
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 3px;
    width: 90px;
    cursor: auto;
}

.leaflet-control-mouseposition .lat, .leaflet-control-mouseposition .lng {
    width: 100%;
    font-size: 12px;
    font-family: "Microsoft Yahei";
    text-align: right;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* 船舶检索框 */

.seach_ship {
    font-family: "微软雅黑";
}

.seach_ship .stext {
    border: none;
    background: #fff;
    width: 300px;
    height: 38px;
    padding: 0px 10px;
    line-height: 38px;
    float: left;
    font-size: 14px;
}

.seach_ship .sbtn {
    display: inline-block;
    width: 60px;
    text-align: center;
    background-image: url("./images/search_btn.png");
    background-color: #2770d4;
    height: 38px;
    background-position: center center;
    background-repeat: no-repeat;
}

.seach_ship .sbtn:hover {
    background-color: #3288fd;
}

.seach_ship .scontainer {
    background: #fff;
    width: 320px;
    position: relative;
    left: -1px;
    top: -4px;
    z-index: 999991024;
    border: 1px solid #bbb;
    overflow: hidden;
    display: none;
}

.seach_ship .sresult {
    border-top: 1px solid #ddd;
    position: relative;
    max-height: 421px;
    overflow: auto;
}

.seach_ship .scontainer h2 {
    color: #666;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 20px;
    font-weight: 400;
    display: block;
}

.seach_ship .scontainer h2, .seach_ship .scontainer ul {
    border-top: 1px solid #ddd;
    font-size: 14px;
}
.seach_ship .scontainer .slist_div{
    height: 421px;
}
.seach_ship .scontainer .slist {
    width: 100%;
}

.seach_ship .scontainer ul {
    border: 0 !important;
    position: absolute;
    top: 0px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: block;
    list-style-type: disc;
}

.seach_ship .scontainer .slist li {
    list-style: none;
}
.seach_ship .scontainer .slist h2 {
    height: 36px;
    line-height: 36px;
}

.seach_ship .scontainer .slist li:hover {
    background-color: #E0E0E0;
}

.seach_ship .scontainer .slist li a {
    padding: 0 30px 0 60px;
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #333;
    display: block;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
}
.seach_ship .scontainer .slist span {
    font-size: 12px;
    color: #999;
    margin-right: 5px;
}

.leaflet-control-zoomview-elane {
    width: 26px;
    height: 20px;
    border: 4px solid #6acde6;
    text-align: center;
    color: red;
    font-weight: unset;
    border-radius: 6px;
    font-size: 14px;
    font-family: tahoma;
    line-height: 20px;
    overflow: hidden;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/*.marker-icon,*/
/*.marker-icon:focus {*/
/*background-color: #ffffff;*/
/*border: 1px solid #3388ff;*/
/*border-radius: 50%;*/
/*margin: -8px 0 0 -8px !important;*/
/*width: 14px !important;*/
/*height: 14px !important;*/
/*outline: 0;*/
/*transition: opacity ease 0.3s;*/
/*}*/

/*.marker-icon-middle,*/
/*.marker-icon-middle:focus {*/
/*opacity: 0.7;*/
/*margin: -6px 0 0 -6px !important;*/
/*width: 10px !important;*/
/*height: 10px !important;*/
/*}*/

/* hankin 20180608*/
.marker-icon,
.marker-icon:focus {
    background-color: #ffffff;
    border: 1px solid #3388ff;
    border-radius: 50%;
    margin: -5px 0 0 -5px !important;
    width: 8px !important;
    height: 8px !important;
    outline: 0;
    transition: opacity ease 0.3s;
}

.marker-icon-middle,
.marker-icon-middle:focus {
    opacity: 0.7;
    margin: -4px 0 0 -4px !important;
    width: 6px !important;
    height: 6px !important;
}

.leaflet-pm-draggable {
    cursor: move !important;
}

.cursor-marker {
    /* hankin */
    cursor: crosshair;
    /*cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGMTAyN0M5NzA0NjExRTg4QTRBRjhFMTY3MUE3NkMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVGMTAyN0NBNzA0NjExRTg4QTRBRjhFMTY3MUE3NkMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUYxMDI3Qzc3MDQ2MTFFODhBNEFGOEUxNjcxQTc2QzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUYxMDI3Qzg3MDQ2MTFFODhBNEFGOEUxNjcxQTc2QzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4O0iJlAAACPElEQVR42qSVT4gScRTH30gbiFkrduvowaVb/kFRtIN0ECRcvAkdFoNQyYN0EboptAjBdhDDQ4cwOkSshVmuKXoTUW9exJOnpUNhocsu6a/vb5hZpl1Ht+0LX35vZt7vw3tvfqOC1Wq9R0R6+GO32/1N/6kr8A34nSAIP2022z5i7gPAjy4DFFDhBmDfr0GBQIBGoxH1+/3pfD7/LME/AT65MJAxRqjsdTgcflCpVCibzZLJZKJWq0XNZpPa7fYJVEduiRvwbyuJHIgqt6PRKOv1eszn84mrrOl0ymq1GkulUszpdP5C7i2+R80yUOtwOKaTyWQpVFY+n2fIfbMWKEHfl8tlcaMadDabMb/fv0CuSw2oUXS/32g0xMBisYizLBaL5PV6KZfLife1Wi0lEgkB4QvMXaM6Q6nCTZfLdcKrkOXxeFin0xFXWYvFgkUiEd76w5UtS9Av9Xr9dDMqY263W1yVGgwGzG63HyL/+lmgeGxkoY1HmNHLdDq99rxlMhkqlUrPET5R3j87hw+o8KhQKNDx8fFKYDweJ51Ol0C4Be/Am+eAOLSHOMRbAL4NhUKsWq2qAjUaDRmNxg2Eu/Ar+CuH/tWyUmjfw98m5nQnmUyS2Ww+fYbzSvgQaDgctnB5V7FtTxUoQXkHO6hmNxgM3ozFYoTvXg12AG+vBCrAfD5P9Xr9Y4PBcHU8Hi+FwbMLARXg21iewfeXwZa95XVyrIL9ExDVkfQT1lODXabCHzD/y9hbBuP6I8AAay3Axa/u240AAAAASUVORK5CYII=), crosshair;*/
    pointer-events: none;
    display: none;
}

.cursor-marker.visible {
    display: block !important;
}

.leaflet-pm-invalid {
    stroke: red;
    transition: fill ease 0s, stroke ease 0s;
}

.rect-style-marker,
.rect-start-marker {
    opacity: 0;
}

.rect-style-marker.visible,
.rect-start-marker.visible {
    opacity: 1 !important;
}

.hidden {
    display: none;
}

.leaflet-pm-toolbar {

}

.leaflet-pm-toolbar .leaflet-buttons-control-button {
    padding: 3px;
    box-sizing: border-box;
}

.leaflet-pm-toolbar .control-icon {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: .8;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.leaflet-pm-toolbar .leaflet-pm-icon-marker {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAZCAYAAADTyxWqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFENzY1MUQyODUzNzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFENzY1MUQxODUzNzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bwCVTQAAARZJREFUeNqclQERwyAMRaEGhoRKmAQkVEIlIKESJgEJSNgcVELngClgcBd2LCWBkrt/t63JCwlLKkIIAiuaijJRe1RASr+tyecUVwHpqKMCwUo+moRBxnBR6wkGJ6JOYKMeRNlJdwzDpXlcRpEUQ48frFKez9mYC8LJ1/zQUX1ggLgtLj/460ELRLTGT1LKdOTSXqLfjuLzbUq9QQ6zGLVamQnYUaLCcRMwPyjH1nEOg76/qdtkb5SYFNsaI1f+36C/lvDV3ARc0ROP0zII8vnCcC/cAMxQK0hBpl6Qay3H5UJ5ioUBcOuA6eba7uyfqcY0xqW2WS0Z0zF/O3ozqSEYAGdotudASRICWIs77w4bZuf8vgIMAAI1tNMVERhgAAAAAElFTkSuQmCC);
}

.leaflet-pm-toolbar .leaflet-pm-icon-polygon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwM0ZDNzlCODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwM0ZDNzlBODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qfabAwAAAYxJREFUeNqsVj1PwzAUjKtuCMHOViExIRXEQNUOjEiIj5GNEXUiDPwJOtD+g1SMLFUnRtgR4hcgdWEGVczh3L6WlxfHsVOfdHIdO3ft1X62StM0coVSKjMZ7yrXd2uRJ7S4j4GXEX7JJtg3PO/rMddvaCXQBD/01ALqsWapTolJLESfwEvwlD7zsdimpUyLgeJIwHN6NAUfwDcx9QC8Bdep/wpeQPM7pymNYHKEZgRu0KN3sAf+FqS/Bt6B+9T/IbOXQiP6w2/Y+CNF5IIT8Jr1B9COl9qUr8QXeA9+eq7iBtgFd3LRzRfefF/QhnwGh5aoyqCjvAKPua7J6CwKgzHXrZtKSyhw3Rq5DtgyDoUpWxRqUYISavV+2A1gcsj2VrKsdXDUZWRCA3sBjLapnZB2pqiOqG0FMGoLzYzRIr4t2g9V0SANrvlvJOLrrGDUkbGZzqMQ8bVkbCajVeMzxpYzChCfMbaiY0JWCdeSNLZdXIxGovZ5XVykRuVbUFXUy4qh69VqdhRYEvgTYAAqrQMfMqEIJwAAAABJRU5ErkJggg==);
}

.leaflet-pm-toolbar .leaflet-pm-icon-polyline {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwM0ZDNzlGODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwM0ZDNzlFODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KUUD2gAAAJhJREFUeNq01dsNwCAIhWHZyO4/RDtKN6DwYKP2ouDBhNhL8n+PEDMn5CGiJkgRgBwqz1BAglmuvQaSAoiRo/FThpsJiOud73+R8WVgFF8CZuJuYDbuAixxM2CNmwBPfBrwxqeAlfgQWI3/Aoj4J4CKvwLI+ANAxxsgIl6WGXcDi+voamt2qFybvB+wNdoD5RkK1B/QwCXAAMyWX2PeMm23AAAAAElFTkSuQmCC);
    background-size: 80%;
}

.leaflet-pm-toolbar .leaflet-pm-icon-circle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwM0ZDNzk3ODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwM0ZDNzk2ODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZDy0gwAAAW9JREFUeNq8lj1Ow0AQhb0WbcgBaKKcwC1VaCjcoFCnyRG4QBq4QI6QxlWQQDRpSZWWEyBHgh7CAcwb6Y0ZlpVjYydPerJ3d/ab7Hp/4oqiiOrIOfcrEP1cnX7xHmgCz+FcoQqWOnghMZUZZAS+oQH8LM3Wpr3wLLGDICsAH8MfpvMbvAxAl2zTsvQZ+zxnvwGGK/AHFndwBq/2THMKT+BTlq/BfCyZmgBwmZYXuA9/wTP4NaqnIXwH9+BPOAE39z/ygvBdQ3jE2Bn79sn6WUVcCSPWZQ3hNknG95GuLh3BDZ/vNea8SisySqYmuOBzE7XXxjIdl5jVVcsET392st2hXcjy4ujAOgkdZG1leTGHsjV7oa3u+dwKW6dIt/ZlBwnOLTP2fvkZz5b/KiWjZOoqkjNozYYJz5amGrKvaE3mEQ87VkxZlMDbmtOVMrbH8lThwRut6wvn+Feml0iO3DmcBxLkbEuqGO7Qf1u+BRgABphW5i4/+hMAAAAASUVORK5CYII=);
    background-size: 90%;
}

.leaflet-pm-toolbar .leaflet-pm-icon-rectangle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4QUVDQzQ2ODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4QUVDQzQ1ODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J3lsvQAAAFpJREFUeNrsljsOACAIQ1sPyGG9IJq4IKOfQdNuhuQ90gUJwBHi7sRGSE48DuaA5uFqIq/gcpgr6rFNZo2Pkjq3A0tbrOp6RRJIIIEEEjxxcD68yae/LU2AAQC7fSa9H1rL6AAAAABJRU5ErkJggg==);
    background-size: 90%;
}

.leaflet-pm-toolbar .leaflet-pm-icon-drag {
    /*background-image: url('../assets/icons/drag.png');*/
}

.leaflet-pm-toolbar .leaflet-pm-icon-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5QzE2QjUyODUzMzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5QzE2QjUxODUzMzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UGbNXAAAAI5JREFUeNpi+P//PwM2DAQNQPwfB27ApY8RqhkFMDIyCgCp9wx4AFAfIzZxFgYCAF0j0LL/+NQz4TDkAwOZAGQ7SDM/A3XARyYGKgOskUIRgBr4AU8SIRZ/gCcbQjFHguMYqR6G2AzMhmJyxLAm7McUiDHQxcujBo4aOOQNxJb1ZCkQG6LFF9kVFIgACDAAqr5rFp6MjMcAAAAASUVORK5CYII=);
    background-size: 70%;
}

.leaflet-pm-toolbar .leaflet-pm-icon-edit {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAYAAABc6S4mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzRTE5MjcxODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzRTE5MjcwODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4jFzXwAAAOdJREFUeNq0leENhCAMheEmuREc4UZwBEdihI7CKLqBG9RWi+F6aqBwTd4PaPkeIbY6RHQ9RRFIkTTs6z/AUbSySU/4tAMPcDKJKTmS5ixRIga95TzIHiiTkOBogA8KjsokSP68ORieBW4uMGU1x2ZHOKi6eoNSuMmgBl5tUAuvMrDAiw1Uh/7A0ydrMpA+0R36Bedci8F60aGg8mgykPly2aFZDbYYRDUePhc1NgMeZOdEzFq/1sBLAS+8U+G952k5u4egmtvzHC/SIoWgkwXwdGZ5qrOMa63x9gkbfjgoZ8anJt0EGAAZUK4sZc82dAAAAABJRU5ErkJggg==);
    background-size: 80%;
    background-position: 4px center;
}

.leaflet-pm-toolbar .leaflet-pm-icon-cut {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAYAAAD+4+QTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDNkM0RTY5ODUzNzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDNkM0RTY4ODUzNzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UbC4LAAAATFJREFUeNrUVosRgyAMhU5gN3AER3AER2AER7AbOIIjdAS7gSO4Qd2AEu+ll6JYP9i75i4nIrxHkgeorbVKa50opYxzevbO765/ULGMSJy11BROBBV9i+FkuQBu8GSyOhYJR1GJzpqJYpBogJFduQ6o0RPp1EdLIkluSA8T2T0kWGDhPEVX85EaLjiUtjpdACxnBETe8aAS0vUH2AXgDAucnQdvR2F5E83MJHo3YkzuKTAI/p4TWKUZw5ySVdiwKaLwySj/2QTvS65zkedBOJMlaBN4GsRZWViL6IwnknoJfG0kmSAZFmqxPRKvJgYpGbYAB0kC6urE9wJy51O7F5HaUHv3Ptl6QB7e8WtImGCUpaeo/zmFL84faJeiv1KR7fyb8Rd3vObquzqUZ/2tvAQYANwXksvfGBuLAAAAAElFTkSuQmCC);
    background-size: 80%;
    background-position: 4px center;
}

.leaflet-buttons-control-button:hover {
    cursor: pointer;
    background-color: #f4f4f4;
}

.leaflet-buttons-control-button.active {
    background-color: #f4f4f4;
}

.leaflet-buttons-control-button.active > .control-icon {
    opacity: .5;
}

.leaflet-buttons-control-text-hide {
    display: none;
}

.ais-track-popup>.leaflet-popup-content-wrapper{border-radius:6px;background:#1f68A7}.ais-track-popup>.leaflet-popup-tip-container>.leaflet-popup-tip{background:#1f68A7}.ais-track-popup>.leaflet-popup-content-wrapper>.leaflet-popup-content{margin:0}.ais-track-popup>.leaflet-popup-close-button{padding:10px 25px 0 0}.ais-track-popup-header{border-bottom:1px solid #e5e5e5;margin:0;padding:10px;font-weight:700;color:#fff}.ais-track-popup-content{margin:0;padding:10px;color:#fff}.ais-track-popup-footer{border-top:1px solid #e5e5e5;padding:10px;color:#fff}.ais-track-popup a{color:#fff}.leaflet-tracksymbol-label{background:#dcdcdc;background:rgba(220,220,220,.9);background-clip:padding-box;border-color:#969696;border-color:rgba(150,150,150,.9);border-radius:4px;border-style:solid;border-width:1px;color:#111;display:block;font:12px/20px "Helvetica Neue",Arial,Helvetica,sans-serif;font-weight:700;padding:1px 6px;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;z-index:6}.leaflet-tracksymbol-label .leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tracksymbol-label:after,.leaflet-tracksymbol-label:before{border-top:6px solid transparent;border-bottom:6px solid transparent;content:none;position:absolute;top:5px}.leaflet-tracksymbol-label:before{border-right:6px solid #000;border-right-color:inherit;left:-7px}.leaflet-tracksymbol-label:after{border-left:6px solid #000;border-left-color:inherit;right:-7px}.leaflet-tracksymbol-label-left:after,.leaflet-tracksymbol-label-right:before{content:""}.leaflet-contextmenu{display:none;box-shadow:0 1px 7px rgba(0,0,0,.4);-webkit-border-radius:4px;border-radius:4px;padding:4px 0;background-color:#fff;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leaflet-contextmenu a.leaflet-contextmenu-item{display:block;color:#222;font-size:12px;line-height:20px;text-decoration:none;padding:0 12px;border-top:1px solid transparent;border-bottom:1px solid transparent;cursor:default;outline:0}.leaflet-contextmenu a.leaflet-contextmenu-item-disabled{opacity:.5}.leaflet-contextmenu a.leaflet-contextmenu-item.over{background-color:#f4f4f4;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over{background-color:inherit;border-top:1px solid transparent;border-bottom:1px solid transparent}.leaflet-contextmenu-icon{margin:2px 8px 0 0;width:16px;height:16px;float:left;border:0}.leaflet-contextmenu-separator{border-bottom:1px solid #ccc;margin:5px 0}
.plugin-replay-createTask,.plugin-replay-createTask *{
    box-sizing: border-box;
    font-size: 12px;
    color:white;
}
.plugin-replay-createTask ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.plugin-replay-createTask li{
    padding: 0px;
}
.plugin-replay-createTask{
    width: 480px;
    height:130px;
    position: absolute;
    bottom:30px;
    left:calc(50% - 240px);
    background-color: #03192C;
    z-index: 1000;
    padding-left: 10px;
}
.plugin-replay-createTaskChild{
    width:100%;
    height:40px;
    line-height: 40px;
}
.plugin-replay-createTaskTitle{
    cursor: move;
}
/*切换回放模式*/
.replayTask-mode{
    width:60px;
    height:100%;
    margin-right: 10px;
    color:#9b9b9b;
    line-height: 100%;
    text-align: center;
    cursor: pointer;
}
.replayTask-mode.chose{
    color:white;
    border-bottom: 1px solid white;
}
.replayTask-close{
    float: right;
    width: 24px;
    height: 24px;
    /*border: 1px solid white;*/
    border: none;
    position: relative;
    top: 8px;
    right: 8px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgB7ZhRroIwEEWnfQt5uBPdEco6UHakOxEXAugoTQhBZTp3/JqTEAiB9h5o2gEix3Ecx3GcbILk4v3+cOV9jGFb1/WNgJRlWYQQz3x8Oh03a++LJCCEwFvR98Olqqp/ApHCc9vchwSRQN93u8euRUpMw7/api0JkOmOHcb4x6+6GIah1QynpfDStsQCqWOtBCI8kyWQAuRKoMIz2QIpiFQCGZ5RCaRAayXQ4Rm1QAr2TcIiPAMRYD5JWIVnYALMkkTXdcEqPAMVYOYSz06Mwj/bJgOmEuMpk/CMqJSQ8Hj6i8doTIbQdMyPp9Vlxzugb2BptrEoAKdAp9F3sw2yAJwDW8i+TZVWEpBSYu08byGhLuakixRaQlVO566wSInsDxpteYCSyPqkRNU2CAmRgEVVqZUQ/lbBV5VN07TzxU5yv/i/EBkUZjMJchzHcRzH+RF3TaVTHhTDyDoAAAAASUVORK5CYII=);
    background-size: 100%;
}
/*切换回放区域、船舶*/
.replayTask-area{
    background-color: #405057;
    border: none;
    width: 300px;
    height: 30px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
}
.replayTask-arrow,.replayTask-add{
    width:14px;
    height:14px;
    /*border:1px solid white;*/
    border: none;
    position: absolute;
    left:250px;
    top:13px;
    cursor: pointer;
}
.replayTask-arrow{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABzSURBVHgBtdTdCcAgDATgbOrojuAIV6X2RWj+vAQEUbxPUCISLABtjjFHX3OprI2dVYP+YDWogXFRJ8ZBFaxpe5IpTyANjQRdo5mANHpz2/BZEN7DnQHwfpyZxcRcKN4mTMMMdKyNwcYUtH+LfcP0zn/mP8y4tReax86pAAAAAElFTkSuQmCC");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 2px;
}
.replayTask-add{
    left:275px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADQSURBVHgB7ZZBCsJADEUT8STiwjuod9A76FJxJ3oB6a7YpXoGewi9gwvxKlEzU2iklpYpwUjfZmgyTfmd/DBIRBdwDKEZuB4ijouSHVCmC82DZUl1hS32wb/3YbDCTRTzers/ZIKc0vSUCKX6k+b1r0cQwGS2oPe6W6/4mXx8G8WFde3O0kG/V2mfvsIKXVrqq7r8pA+vvNF3c4Bv+T17PqwB3wT0zxACySbN+bAX8el8yWt6TMQ37E0a8l0MH12biwvsnWFGzp+u8JfuV1f4BJXSOwSFrOtUAAAAAElFTkSuQmCC");
    background-size: 100%;
    background-repeat: no-repeat;
}
.replayTask-start{
    float: right;
    width: 120px;
    height: 36px;
    background-color: skyblue;
    line-height: 36px;
    text-align: center;
    margin-right: 25px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
/*设置回放时间、范围*/
.replayTask-bTime,.replayTask-eTime{
    width:140px;
    height: 30px;
    background-color: #405057;
    border-radius: 4px;
    border: none;
    outline: none;
}
.replayTask-option input[type=checkbox]{
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
.replayTask-option input[type=text]{
    width: 45px;
    height: 24px;
    border-radius: 4px;
    background-color: transparent;
    border:1px solid #405057;
    outline: none;
    text-align: center;
}
.replayTask-option{
    display: none;
    margin-left: 20px;
}
.replayTask-option.active{
    display: inline-block;
}
/*区域历史记录列表*/
.plugin-replay-areaHistory{
    width: 290px;
    height: 150px;
    position: absolute;
    top: -152px;
    left: 0px;
    background-color: #03192C;
    /*min-height: 150px;*/
    /*max-height: 150px;*/
    overflow: hidden;
}
.plugin-replay-areaHistory .areaHistory-title{
    padding-left: 20px;
    line-height: 30px;
    font-weight: 700;
    border-bottom: 1px solid #444;
}
.plugin-replay-areaHistory .areaHistory-list{
    width:100%;
    height:auto;
    max-height: 120px;
    overflow: auto;
}
.plugin-replay-areaHistory .areaHistory-list ul{

}
.plugin-replay-areaHistory .areaHistory-list li{
    height:30px;
    padding-left: 20px;
    line-height: 30px;
    cursor: pointer;
}
.plugin-replay-areaHistory .areaHistory-list li:hover{
    background-color: #405057;
}
.plugin-replay-areaHistory .areaHistory-list li.chose{
    background-color: #405057;
}
.plugin-replay-areaHistory .areaHistory-list li .checked{
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    float: right;
    margin-right: 10px;
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACLSURBVHgB7ZbBDYAwCEUZyRHcxFEcxdEcoSN824SDBzUQAyT6X0LSE7wAaStCCCGxAFh6tB77OEslKnOmSRUXMoNdKriRQcnIKEOZchm8uLgQ0RkVcSdD1Ji0O66kiNwZb3JkLLC1SIqMtViqjEFqS5cxSOXLOKR+/hw8SNV+QVVq6rH2mIUQQj7IAT4OuBU1vYtmAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    border: none;
}
.plugin-replay-areaHistory .areaHistory-list li.chose .checked{
    display: inline-block;
}
.plugin-replay-areaHistory .areaHistory-list li .delete{
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: relative;
    top: 9px;
    float: right;
    margin-right: 10px;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAbUlEQVQokY3QMQ6AMAiFYWLirXSpS4+vm57BQ/wuVbEFCwkJefAtCHAACZBgZ2AVYAHOIM7ldr6DCH4QIHrxhz+ohh5ukAVrbCIPamwiQAaxa3TmtzqPSN7DPDSpzMQ95OIIMnEUNViAPYg03i4DoENwulQ+XQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    border: none;
}
/*船舶历史记录列表*/
.plugin-replay-shipHistory{
    width: 200px;
    height:240px;
    position: absolute;
    left: 0px;
    top:-242px;
    background-color: #03192C;
    overflow: hidden;
}
.plugin-replay-shipHistory .shipHistory-title{
    width:100%;
    height: 30px;
    line-height: 30px;
}
.plugin-replay-shipHistory .shipHistory-title input{
    width: calc(100% - 20px);
    margin-left: 10px;
    background-color: #405057;
    border: none;
    height: 20px;
    border-radius: 4px;
    text-indent: 6px;
    outline: none;
}
.plugin-replay-shipHistory .shipHistory-result,.plugin-replay-shipHistory .shipHistory-list{
    width:100%;
    height:210px;
    padding: 0px 5px;
    overflow: auto;
}
.plugin-replay-shipHistory .shipHistory-result li{
    height:30px;
    padding-left: 20px;
    line-height: 30px;
    cursor: pointer;
}
.plugin-replay-shipHistory .shipHistory-result li:hover{
    background-color:#405057 ;
}
.plugin-replay-shipHistory .shipHistory-list a{
    height: 20px;
    background-color: black;
    border-radius: 10px;
    display: inline-block;
    padding: 0px 10px;
    line-height: 20px;
    margin: 5px 5px;
    cursor: pointer;
}
.plugin-replay-shipHistory .shipHistory-list a span{
    width: 15px;
    height: 15px;
    /*border: 1px solid red;*/
    margin-left: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgB7ZhRroIwEEWnfQt5uBPdEco6UHakOxEXAugoTQhBZTp3/JqTEAiB9h5o2gEix3Ecx3GcbILk4v3+cOV9jGFb1/WNgJRlWYQQz3x8Oh03a++LJCCEwFvR98Olqqp/ApHCc9vchwSRQN93u8euRUpMw7/api0JkOmOHcb4x6+6GIah1QynpfDStsQCqWOtBCI8kyWQAuRKoMIz2QIpiFQCGZ5RCaRAayXQ4Rm1QAr2TcIiPAMRYD5JWIVnYALMkkTXdcEqPAMVYOYSz06Mwj/bJgOmEuMpk/CMqJSQ8Hj6i8doTIbQdMyPp9Vlxzugb2BptrEoAKdAp9F3sw2yAJwDW8i+TZVWEpBSYu08byGhLuakixRaQlVO566wSInsDxpteYCSyPqkRNU2CAmRgEVVqZUQ/lbBV5VN07TzxU5yv/i/EBkUZjMJchzHcRzH+RF3TaVTHhTDyDoAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    border: none;
}

/*附近船舶列表*/


.area-name-tooltip {
    background-color: #333;
    box-shadow: none;
    color: #fff;
}


/* 区域 */
.area-popup {
}

.area-popup .leaflet-popup-content-wrapper, .area-popup .leaflet-popup-tip-container .leaflet-popup-tip {
    background-color: #333;
    color: #fff !important;
    opacity: 1;
    border-radius: 4px;
}

.area-popup a.leaflet-popup-close-button {
    color: #fff !important;
}

.area-popup .box {
    width: auto;
    font-family: Arial;
    font-size: larger;
    background-color: #333;
    color: #fff;
    margin-top: 0px;
    padding: 0 5px;
    border: 1px #fff solid;
}

.area-popup .title {
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.area-popup .field {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
    padding-left: 15px;
    text-align: center;
}

/* 时区 */
.time-popup {
}

.time-popup .leaflet-popup-content-wrapper, .time-popup .leaflet-popup-tip-container .leaflet-popup-tip {
    background: #1d374c;
    color: #fff !important;
    opacity: .7;
    border-radius: 4px;
}

.time-popup a.leaflet-popup-close-button {
    color: #fff !important;
}

.time-popup .box {
    width: auto;
    font-family: Arial;
    font-size: larger;
    background-color: #1d374c;
    color: #fff;
    margin-top: 0px;
}

.time-popup .title {
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.time-popup .field {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
    padding-left: 15px;
    text-align: center;
}

/* 临海基线 */
.baseline-popup {
}

.baseline-popup .leaflet-popup-content-wrapper, .baseline-popup .leaflet-popup-tip-container .leaflet-popup-tip {
    background: inherit;
    color: #fff !important;
    opacity: 1;
    border-radius: 4px;
}

.baseline-popup .leaflet-popup-tip-container {
    display: none;
}

.baseline-popup a.leaflet-popup-close-button {
    color: #fff !important;
}

.baseline-popup .box {
    width: auto;
    font-family: Arial;
    font-size: larger;
    background-color: #1d374c;
    color: #fff;
    margin-top: 0px;
}

.baseline-popup.cfff .box, .baseline-popup.cfff .leaflet-popup-content-wrapper, .baseline-popup.cfff .leaflet-popup-tip-container .leaflet-popup-tip, .baseline-popup.cfff a.leaflet-popup-close-button {
    background-color: #000333;
    color: #fff !important;
}

.baseline-popup.c000 .box, .baseline-popup.c000 .leaflet-popup-content-wrapper, .baseline-popup.c000 .leaflet-popup-tip-container .leaflet-popup-tip, .baseline-popup.c000 a.leaflet-popup-close-button {
    background-color: #fff;
    color: #000333 !important;
}

.baseline-popup .title {
    font-weight: bold;
    font-size: 12px;
    margin: 2px;
    text-align: center;
}

.baseline-popup .field {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 2px;
    text-align: center;
}
/*=========播放器=========*/

.areaplayer {
    z-index: 1000;
    /*width: 800px;*/
    width: 80%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 26px;
    line-height: 30px;
    background: #142630;
    cursor: auto;
}

.areaplayer-display-none {
    display: none;
}

.areaplayer-display-block {
    display: block;
}

.areaplayer .float-left {
    float: left;
}

.areaplayer .float-right {
    float: right;
}

/* 标题 */
.areaplayer .areaplayer-title {
    width: 100%;
    height: 35px;
    line-height: 35px;
}

.areaplayer .areaplayer-title .title-text {
    width: 200px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    margin-left: 15px;
}

.areaplayer .areaplayer-title .title-btn {
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1RUVGQjFFNjdDRDExRThBQ0YzODc4QkZCQzc4MDVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1RUVGQjFGNjdDRDExRThBQ0YzODc4QkZCQzc4MDVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVFRUZCMUM2N0NEMTFFOEFDRjM4NzhCRkJDNzgwNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVFRUZCMUQ2N0NEMTFFOEFDRjM4NzhCRkJDNzgwNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5cXa++AAAAk0lEQVR42mKcOXPmTQYGhkwg3sdAHPAA4g4mIJEFxCuB2IlITYuBOBekcS8QRxChGaYpCIgPM0EFCWlG0QQSYEKSxKUZQxMIsKCZjKw5HIjZsGnCphFdMwM2TehORQasONh4NSL7KRxXgDHh0BQIdd4+XJqZcGg6giSOVTMTAU04NTMRoQmrZpDGCURoQtfcDxBgALWxL98V+D6/AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90%;
    border: 0;
    opacity: 1;
    cursor: pointer;
    background-color: #142630;
}

.areaplayer .areaplayer-title .title-btn:hover, .areaplayer .areaplayer-title .title-btn:active {
    background-color: #142630;
}

/* 设置 */
.areaplayer .areaplayer-option {
    width: 98%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    margin-left: 15px;
}

.areaplayer .areaplayer-play {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: inherit;
    background-size: 90%;
    border: 0;
    opacity: 1;
    cursor: pointer;
}

.areaplayer .start {
    /* 播放（白） */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwMDdGRkQ5NjdDRDExRTg5MDc0OEFEMkY4RkNENTU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwMDdGRkRBNjdDRDExRTg5MDc0OEFEMkY4RkNENTU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjAwN0ZGRDc2N0NEMTFFODkwNzQ4QUQyRjhGQ0Q1NTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjAwN0ZGRDg2N0NEMTFFODkwNzQ4QUQyRjhGQ0Q1NTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SpWvBAAACeUlEQVR42ryXT0sbQRjGNzmEtCQ0hUroUbp6FClU2kgP4qGg3gWv0qu3+hkaPaqnaHrqN1DBlqDppUoPNZ6qRXMTUQ9WopCg2T4vPAPDmj8zu1lf+JFsduZ9nszOzswb8zzPMYwUmARjYBj0g2e89w9UwT7YBhugZpRVDHTBBQVQ88yjxj5ut/ydbibBZ1Bn0iYog3kwCrIgQbL8bZ5tmuwjffPMZWXgFfjNJPfgCxg0GC3FACiyr8dcrqmB1+CMHY/AiIWwH+lbZa4z5u5oQFyes8MWSIcQV/SBH8x57h8JveETsM+GZT5bp0dIrhJzV6j1wECeDap07fQYGc1DauT9BmTSNThpRiIQ1+fEPbVc3UCBzooRiivWqLWqDKS5cDRNFg7yFyyCVAADLrVEMy0/TNPRjkUSFadgBsQsTeyw/3Qcq/E4V+VNxz5egq+gzP3BNJTWuBgY4sVPJ3i8B7/AMsgYtN/l55AMxwWHIxvgEbQKyTcL4h36Z1VbeXZ1OEmAJKgb/mOTPfwb+NDmXoJajbgTXSRNGomBa37P9Ej4Csxpk7tVPOfntRg45sVgSOEmKDLPErjr0FZpHYuBA168CyEub0AOzIILg/ZK60AMlHgxEUD4EnwEb8GeRT+lVQq6FMuOuQIyIZbiG7UUO9wYPG4Uj74ZKVePsR2/AXfUGmh3IDmJ8EDyhxoL7Y5klQiPZN+1I9lT00NpqgfiL0wPpa2O5Yd8bmGe+YnNsVwfiYpWmBTVpLEoTNa0wqRiU5jopVmeM1YvzT6BXIvSLMd7emnWCFqa+f9NgQuHadzyPe86ajHL8nzKV55ntB1QL8/XTcvz/wIMALsaB+hnnp9pAAAAAElFTkSuQmCC);
    background-color: #142630;

}

.areaplayer .start:active, .areaplayer .start:hover {
    /* 播放（蓝） */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QUNDNThENjdDRTExRThBOTU5REFBNjU0RkVCMjIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1QUNDNThFNjdDRTExRThBOTU5REFBNjU0RkVCMjIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVBQ0M1OEI2N0NFMTFFOEE5NTlEQUE2NTRGRUIyMjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVBQ0M1OEM2N0NFMTFFOEE5NTlEQUE2NTRGRUIyMjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/9qE6AAADCklEQVR42rSXX2iNYRzH372M42DOikyuTra5UCMiY5Qm6ZhSyJ+S/LtSaiXbyYW5MXJBcYmMsAvcGJaMDJmJdGqKndPcaU1h8y+E77e+b7221znP+2dPfXr37jzP7/d7n9+f5/cUzWz5YxmOSWANWAHmgSSYot8+gT7wEtwHN8FnE6FFBgaUgwawBUw0NPYLuAKOgWy+iXae32LgKOgBu0EcdMqYGlAGxosy/a9Bc+Ja0yMjYn53YBa4qq3+DS6AZvDGcAcqQBps10fSNRu9dsNrB+aDx1LeC6rBDh/KLa3bqbVvJeuRZOc1gP5uB9PBHbAAdFvBB9cuAg8ls106PA2YoG2fJj+uBUNW+DEAVoJ7kn1NukYY0ATmass2gB9WdIOy1smNVdL1jwEMunoF3CZZHfXgbm6TjnrHFY4BjaAYtIT0uUlMnJeuRseAySoyzMcjPqL8uKqj39EsXZupmwakVOE6C1WtYdmyXz7dynriw4CsdFFnigbU6odbAb5mBrgEHijXTYejq9ZWVHI8CeHbZeAZOA0SBvO79KyylQGWz0rnNcaCvYqPXQXOmddO9nFSiV4+RhTpU8EZcDvPnA96ltijmHIxk0k0YFB/JyJSzJ3c5wpur1Gq5yANyOmlMqRiVrhzknMK/Moz19GVowEZvVSHUM4MWKLgMynjjq4MDejQSyqA4vdgD1gMnvpY5+jqYEfEUvxObVSlYTXsUzE5GCB7ypXy39jK2TqlWlVO04ZCksr5IKmbli42rUNOT0irXoEx8s9onYgLVXEZsHNYtGzXAXFCadmqziXqQVdf1EeeVMUc0RFltL1szcZFqJyyroPZ0tHk1ZIxKNYrjZaDGwHPe6/SfFd94YB0fP1fV0xXrAb9YBV4Lr+F8Xm3Tst+yc4Wuhe80C0no7TsUoWr8KGYc89qbVKyaiTb+G7Iw+SwGshitVHs79t0ccm5TrVSHetLQZ2+mKn2U8F9CHwPejnl1xxQ6xU33AHG02XdC3vD3o7d1/O6YdfzhOsEdF/P20yv538FGADYqrRuGtQ1bAAAAABJRU5ErkJggg==);
    background-color: #142630;

}

.areaplayer .stop {
    /* 暂停（白） */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFMzkwOTM2NjdDRDExRThCNDZDOEQyNDI4MTIwRUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFMzkwOTM3NjdDRDExRThCNDZDOEQyNDI4MTIwRUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0UzOTA5MzQ2N0NEMTFFOEI0NkM4RDI0MjgxMjBFQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0UzOTA5MzU2N0NEMTFFOEI0NkM4RDI0MjgxMjBFQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rY04YAAACKUlEQVR42sSXz0pCQRTGry7EQqmgcB3+WUoECdUq2lV7nySfIXsF016iggjJSqhd2iqDdCuuSixQ0ts38A0Mt6vO9c808GPuzJ0553PuOHOOz7ZtS7OEwCHYAxtgHSzx3SdogAq4BZego2VVCBhDDORAx9YvHc6JjbM/6mUQnIAujQ7AHciAXRABARJhX4ZjBpwj5mZpy5OAKHimkT44BwmN1ZLEQYFzbdqK6QrYBE1OfAMpD46diLkN2mrS9kgBQmWLE65BeArnkjVwT5st50qoAxdAhQPv+G2tGSFsFWm7Sl9/BGQ5oEHV1owRq1mjj6xTgNh0PW6a1Bycq3uiT18xVUCOygpzdC7J09eZFBDmwTHQOTjAA3H2l4f0u230AX2GRUeaikqav0AW3X43Shyb9uM03uepfGWZK9LXvhCQZOPRoIAn1kkhIMrGm0EBNdZRn7gw8BAAQdDVuUBZ+zT73UqAvnp+65+LENDm87JBvyus20LAOxsJgwKkr3ch4IWNbYMCpK8XIaDIxoFBAdJXcdKjuDzkKC57OIq/5FFs8WKweVEYv4ykKhPX8Rb4oa/4sICkPseA5JU+ToeFZNU5hmQ3Ski2qBuUhmbgfFU3KHULy2v8btN887qXsFxdiaqSmBTkpvGQmOSVxKTqJTFRU7Msd6yamh2DHZfUbIfv1NSsN2lq5vw1OR4cuuWb//Oxq+bzmJ4fOdJzeYN+ONLzC930/FeAAQAvuZTSaSl6FgAAAABJRU5ErkJggg==);
    background-color: #142630;
}

.areaplayer .stop:active, .areaplayer .stop:hover {
    /* 暂停（蓝） */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxMEI3RUJDNjdDRDExRTg4QzY5QjJGMUYyMDE0RkEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxMEI3RUJENjdDRDExRTg4QzY5QjJGMUYyMDE0RkEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjEwQjdFQkE2N0NEMTFFODhDNjlCMkYxRjIwMTRGQTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjEwQjdFQkI2N0NEMTFFODhDNjlCMkYxRjIwMTRGQTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7AUSrYAAAC0UlEQVR42sSXz0tUURTH37y0zMoUioxWktkisCgKpLEII8IMgoooiEj6B9yks8pW1ar+gSILykW1yUQii35IIRQxYFDOULsQF5WWRUH2PfB5MOlz5o5veh34zJv365zz7j333HMSa3qmPUdZKvaJXWKTqBPLufdFvBevxSNxT3x1UZpwcKBedIqjYomjs9/ETXFBZPI96Oe5VyHOixFxSlSKJziTFLViEdRyrZNnKnlnBCcqih2BteIWQ/1bXBPnxDvHEVgnUuIEH2lTczhsNMJGYLMYwvioaBInizDu8V47735A1zN053XA5ntArBL3xRYx7M1f7N1t4ik6B7AR6sBihn0l87hfTHrRZVzsFg/RfRtbsxzoFhsZskPip1c6MV0HmMZGbP3lgAVdBwF3BK9LLTaax7HREUxF4ECXKBc9EefcJSauYqsrWIbLdPzI2m0olDgIKJPmGdctyqdDroclNpuKKbG6TD+tZLjHDsY9Ek6YbHcchQxBvtNs2xS0cKPfi08CWy0+UWnyPEYHXnBs9FkBXpGZLqq8DVafOVDFyecYHfjEscr3/rOYAxP8r47Rbg3HCXMgy0lDjA4EtrLmQJqTphgdCGylzYFBTlpjdCCwNVhGUrAabgdpslA2tJSbCLk+5Gi8HluWivt9dqlelKYcFDTPkY6TedJ0rqSwZUXrZFATmldvxALm51/tiFvJuLYlb7DSzc/ZIC6yLHupXEottute5yMvUTfOqojSNBxWmi0soXHTdUesx0Z3WEn2XRykGrIguUs3FFVWiAfUhePYmJqrKrap2CvGxB7xknmLMufDBO4YujOF+oJXRHOajGVb5xWaDVexZy/zbh26kuh27g2tnTpLAVlOuWXlWB9rPpuzq9WwrVtV1MYX21L7RXCfET/m25za15wWx6gbXcTi6QZ94WjU7ji3PW+b0Z5X59QSue15n2t7/keAAQDqTaPt+FjmVgAAAABJRU5ErkJggg==);
    background-color: #142630;
}

/* 播放时间 */
.areaplayer .areaplayer-time {
    width: 350px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}

.areaplayer .areaplayer-time-txt {
    /*border: 1px solid #ddd;*/
    width: 140px;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    color: #fff;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.areaplayer .areaplayer-time-fgx {
    /*border: 1px solid #ddd;*/
    width: 5px;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    color: #fff;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.areaplayer .areaplayer-ctime {
    text-align: right;
    color: #fff;
    font-weight: 500;
}

.areaplayer .areaplayer-etime {
    text-align: left;
    color: #D1D1D1;
    font-weight: 400;
}

/* 进度条 */
.areaplayer .areaplayer-tiao {
    display: inline-block;
    /*width: 760px;*/
    width: 95%;
    height: 5px;
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
    line-height: 5px;
    background: #ddd;
    border-radius: 10px;
    cursor: pointer;
}

.areaplayer .areaplayer-yuan {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50% 50%;
    position: absolute;
    margin-top: -4px;
    margin-left: 0px;
    padding: 0;
    cursor: pointer;
    box-shadow: -2px 0px 2px #000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBN0FGMTlCNjdENjExRTg5MzU4QjcxRkZGM0FFRTVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBN0FGMTlDNjdENjExRTg5MzU4QjcxRkZGM0FFRTVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUE3QUYxOTk2N0Q2MTFFODkzNThCNzFGRkYzQUVFNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUE3QUYxOUE2N0Q2MTFFODkzNThCNzFGRkYzQUVFNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz52AwlpAAAAyUlEQVR42mL4//8/AxIWAeI2IL4ExD+g+AIQN0Hl4GqRNQUD8Yf/uMFHqBoUjSCBf/8Jg38wzSBNolDTiAUgtWJMDAwMuUDMx0A8AKktYIB6HgX8OH7w/6sAazAGsbGAS4wgdUAT2JGNfB1ow/Dv7Wswm0lYlEF0/RF0W38xEXQYKCAwAVjjDQxPlLcyMAmJMDCJijPwVbRh03iPARq5pII2kEYxcqKDogQAwyFA/AmPpk/Ykhx6Ir8MxL+A+AsQnwPiZvREDhBgAP0iE9ZX6dF0AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: inherit;
    background-size: 90%;
}

.areaplayer .areaplayer-jindu {
    width: 0px;
    height: 5px;
    background-color: #E83C26;
    border-radius: 1px;
}

/* 倍速 */
.areaplayer .playSpeed {
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 5px;
    margin-right: 25px;
    border-radius: 15px 15px;
    background-color: #000;
    color: #fff;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    cursor: pointer;
}

.areaplayer .playSpeed-txt {
    width: 45px;
    height: 25px;
    text-align: right;
}

.areaplayer .playSpeed-img {
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: inherit;
    background-size: 90%;
    margin-top: 6px;
    margin-left: 3px;
}

.areaplayer .playSpeed-img.up {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY2MDMwNjc2NjdERTExRThCMURBRDdDM0VCOTc0MjY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY2MDMwNjc3NjdERTExRThCMURBRDdDM0VCOTc0MjY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjYwMzA2NzQ2N0RFMTFFOEIxREFEN0MzRUI5NzQyNjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjYwMzA2NzU2N0RFMTFFOEIxREFEN0MzRUI5NzQyNjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5skqy8AAAAO0lEQVR42mL4//8/AxJ2BeKnQGyHLI6u4BEQJ6ArRFdgAOWbICvEpoABXSGIcwqIDdEUwLApEJ8ACDAAwViR4LMrygwAAAAASUVORK5CYII=);
}

.areaplayer .playSpeed-img.down {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBN0FGMTlCNjdENjExRTg5MzU4QjcxRkZGM0FFRTVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBN0FGMTlDNjdENjExRTg5MzU4QjcxRkZGM0FFRTVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUE3QUYxOTk2N0Q2MTFFODkzNThCNzFGRkYzQUVFNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUE3QUYxOUE2N0Q2MTFFODkzNThCNzFGRkYzQUVFNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz52AwlpAAAAyUlEQVR42mL4//8/AxIWAeI2IL4ExD+g+AIQN0Hl4GqRNQUD8Yf/uMFHqBoUjSCBf/8Jg38wzSBNolDTiAUgtWJMDAwMuUDMx0A8AKktYIB6HgX8OH7w/6sAazAGsbGAS4wgdUAT2JGNfB1ow/Dv7Wswm0lYlEF0/RF0W38xEXQYKCAwAVjjDQxPlLcyMAmJMDCJijPwVbRh03iPARq5pII2kEYxcqKDogQAwyFA/AmPpk/Ykhx6Ir8MxL+A+AsQnwPiZvREDhBgAP0iE9ZX6dF0AAAAAElFTkSuQmCC);
}

.areaplayer .playSpeed:hover {
    background-color: #1BA0FF;
}

.areaplayer .playSpeed-select {
    width: 80px;
    list-style: none;
    color: #fff;
    border: solid 1px #fff;
    position: absolute;
    right: 25px;
    bottom: 90px;
    padding: 0;
    background-color: #000;
    font-family: "Microsoft Yahei";
    font-size: 12px;
}

.areaplayer .playSpeed-select li {
    width: 80px;
    height: 20px;
    line-height: 20px;
    margin: 5px auto;
    text-align: center;
    cursor: pointer;
    font-family: "Microsoft Yahei";
    font-size: 12px;
}

.areaplayer .playSpeed-select li:hover {
    color: #1BA0FF;
    background-color: #142630;
}

.areaplayer .playSpeed-select .active {
    color: #1BA0FF;
}

/**
* ShipCanvas css
* Created by hankin
*/
.div-canvas-ships {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    margin : 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    /*border: 1px blue solid;*/
}
.div-canvas-navigations {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 299;
    margin : 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    /*border: 1px blue solid;*/
}
/*.div-canvas-Radars {*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: 0px;*/
/*    z-index: 301;*/
/*    margin : 0px;*/
/*    padding: 0px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    !*border: 1px blue solid;*!*/
/*}*/

.canvas-ships {
    background: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px;
    pointer-events: auto;
    position: absolute;
}

.calcStr-ships {
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    display: block;
    /*left: -1000px;*/
    /*position: absolute;*/
    visibility: hidden;
}

/* 自定义 loadingPopup */
.loadingPopup {
    z-index: 99999;
    text-align: center;
    /*background-color: #333;*/
    opacity: 1;
    color: #fff;
    display: block;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    font-weight: 600;
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    left: 0px;
}

.loadingPopup .loading-container {
    position: absolute;
    width: 212px;
    height: 140px;
    text-align: center;
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-left: -30px;*/
    /*margin-top: -30px;*/
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.loadingPopup .loading-text {
    position: absolute;
    left: 0;
    bottom: 8px;
    display: block;
    height: 40px;
    width: 90%;
    line-height: 40px;
    color: #fff;
    font-weight: 100;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}

/* 港口  */
.portdatasymbol-tooltip {
    background-color: #333;
    box-shadow: none;
    color: #fff;
}
/**
* track css
* Created by hankin
*/
.div-truck-ship {
    position: absolute;
    width: 20px;
    height: 24px;
    margin-left: -10px;
    margin-top: -12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAZCAYAAADTyxWqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFENzY1MUQyODUzNzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFENzY1MUQxODUzNzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bwCVTQAAARZJREFUeNqclQERwyAMRaEGhoRKmAQkVEIlIKESJgEJSNgcVELngClgcBd2LCWBkrt/t63JCwlLKkIIAiuaijJRe1RASr+tyecUVwHpqKMCwUo+moRBxnBR6wkGJ6JOYKMeRNlJdwzDpXlcRpEUQ48frFKez9mYC8LJ1/zQUX1ggLgtLj/460ELRLTGT1LKdOTSXqLfjuLzbUq9QQ6zGLVamQnYUaLCcRMwPyjH1nEOg76/qdtkb5SYFNsaI1f+36C/lvDV3ARc0ROP0zII8vnCcC/cAMxQK0hBpl6Qay3H5UJ5ioUBcOuA6eba7uyfqcY0xqW2WS0Z0zF/O3ozqSEYAGdotudASRICWIs77w4bZuf8vgIMAAI1tNMVERhgAAAAAElFTkSuQmCC) no-repeat;
    z-index: 250;
}

/**
播放对象label
 */
.trackPlay_label_tooltip {
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1;
    top: 10px;
    left: 5px;
}
.trackPlay_label_tooltip.unvisiable{
    display: none;
}
.trackPlay_label_tooltip .trackPlay_label_name{
    font-weight: 400;
}

.trackPlay_label_tooltip div {
    height: 16px;
    /* -webkit-text-stroke: 1px #fff; */
    color: #000;

    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0px 2px 2px #fff;
}
.trackPlay_label{
    display: block;
}
.trackPlay_label.unvisiable{
    display: none;
}

/*=========播放器=========*/

.truckplayer {
    z-index: 1000;
    width: 600px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 26px;
    line-height: 30px;
    background: #142630;
    cursor: auto;
}

.truckplayer-display-none {
    display: none;
}

.truckplayer-display-block {
    display: block;
}

.truckplayer .float-left {
    float: left;
}

.truckplayer .float-right {
    float: right;
}

/* 标题 */
.truckplayer .truckplayer-title {
    width: 100%;
    height: 35px;
    line-height: 35px;
    cursor: move;
}

.truckplayer .truckplayer-title .title-text {
    width: 200px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    margin-left: 15px;
}

.truckplayer .truckplayer-title .title-option{
    max-width: 570px;
    overflow: hidden;
    padding-left: 10px;
}
.truckplayer .truckplayer-title .title-option ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.truckplayer .truckplayer-title .title-option li{
    padding: 0px;
    margin:0px;
    margin-right: 10px;
    display: inline-block;
    width: fit-content;
    height:35px;
    line-height: 35px;
    color:#fff;
    font-weight: 400;
    user-select: none;
}
.truckplayer .truckplayer-title .title-option input{
    display: inline-block;
    width: 12px;
    height: 12px;
}

.truckplayer .truckplayer-title .title-btn {
    width: 24px;
    height: 24px;
    /*line-height: 14px;*/
    /*color: #fff;*/
    /*font-size: 14px;*/
    /*font-family: "Microsoft Yahei";*/
    margin-top: 5px;
    margin-right: 10px;
    /*text-align: center;*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgB7ZhRroIwEEWnfQt5uBPdEco6UHakOxEXAugoTQhBZTp3/JqTEAiB9h5o2gEix3Ecx3GcbILk4v3+cOV9jGFb1/WNgJRlWYQQz3x8Oh03a++LJCCEwFvR98Olqqp/ApHCc9vchwSRQN93u8euRUpMw7/api0JkOmOHcb4x6+6GIah1QynpfDStsQCqWOtBCI8kyWQAuRKoMIz2QIpiFQCGZ5RCaRAayXQ4Rm1QAr2TcIiPAMRYD5JWIVnYALMkkTXdcEqPAMVYOYSz06Mwj/bJgOmEuMpk/CMqJSQ8Hj6i8doTIbQdMyPp9Vlxzugb2BptrEoAKdAp9F3sw2yAJwDW8i+TZVWEpBSYu08byGhLuakixRaQlVO566wSInsDxpteYCSyPqkRNU2CAmRgEVVqZUQ/lbBV5VN07TzxU5yv/i/EBkUZjMJchzHcRzH+RF3TaVTHhTDyDoAAAAASUVORK5CYII=);
    /*关闭图标data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1RUVGQjFFNjdDRDExRThBQ0YzODc4QkZCQzc4MDVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1RUVGQjFGNjdDRDExRThBQ0YzODc4QkZCQzc4MDVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVFRUZCMUM2N0NEMTFFOEFDRjM4NzhCRkJDNzgwNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVFRUZCMUQ2N0NEMTFFOEFDRjM4NzhCRkJDNzgwNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5cXa++AAAAk0lEQVR42mKcOXPmTQYGhkwg3sdAHPAA4g4mIJEFxCuB2IlITYuBOBekcS8QRxChGaYpCIgPM0EFCWlG0QQSYEKSxKUZQxMIsKCZjKw5HIjZsGnCphFdMwM2TehORQasONh4NSL7KRxXgDHh0BQIdd4+XJqZcGg6giSOVTMTAU04NTMRoQmrZpDGCURoQtfcDxBgALWxL98V+D6/AAAAAElFTkSuQmCC*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    background-size: 100%;
    /*border: 0;*/
    /*opacity: 1;*/
    /*cursor: pointer;*/
    /*background-color: #142630;*/
}

.truckplayer .truckplayer-title .title-fullScreen {
    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgB7ZhBqsIwEIbjeyIoeAYLehOPpBsXRaQLN3okjyLEMwgKbmIHFGSINX86OhTm2wghMfM1aZu/vRDCv+swf67jmIA2JqCNCWjTeYF+SqfFYnmsfyYfuvn9fjdzP/6/1BX4NNk3KFI6Ja0Aww8G4/l2uz65TOorO+VtZVkWl8v14MCLhd4DVHRxu50Pq9VGbFVY8R4ZCwmMRsO5E5bgxdPqIuMhgaqqvKRErHh0a8KPUSkJieKJrPdAWwmp4onsF1lMInWsVPFEqgBN4Hkjk0BpKj46X4yeRUplTEAbE9DGBLQxAW2QTBxiGfXlYBbATBzeHSWa5uMgmbjgjbkx8EHTKTY6X4zsLdQmSUmGoiyBtud5yWQHC0iFESkJSEAySRESEpCAZPFP2iQ7At1CosU/4RLI2Jwvc3SVjvWzmrdLfxtNAsnEv8andLJMrI0JaGMC2piANp0XuANnrBB8VS9PrQAAAABJRU5ErkJggg==);
    margin-top: 5px;
    margin-right: 10px;
    background-size: 100%;
}

.truckplayer .truckplayer-title .title-btn:hover, .truckplayer .truckplayer-title .title-btn:active {
    background-color: #142630;
}

/* 设置 */
.truckplayer .truckplayer-option {
    width: 98%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    margin-left: 15px;
}

.truckplayer .truckplayer-play {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: inherit;
    background-size: 90%;
    border: 0;
    opacity: 1;
    cursor: pointer;
}

.truckplayer .start {
    /* 播放（白） */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwMDdGRkQ5NjdDRDExRTg5MDc0OEFEMkY4RkNENTU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwMDdGRkRBNjdDRDExRTg5MDc0OEFEMkY4RkNENTU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjAwN0ZGRDc2N0NEMTFFODkwNzQ4QUQyRjhGQ0Q1NTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjAwN0ZGRDg2N0NEMTFFODkwNzQ4QUQyRjhGQ0Q1NTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SpWvBAAACeUlEQVR42ryXT0sbQRjGNzmEtCQ0hUroUbp6FClU2kgP4qGg3gWv0qu3+hkaPaqnaHrqN1DBlqDppUoPNZ6qRXMTUQ9WopCg2T4vPAPDmj8zu1lf+JFsduZ9nszOzswb8zzPMYwUmARjYBj0g2e89w9UwT7YBhugZpRVDHTBBQVQ88yjxj5ut/ydbibBZ1Bn0iYog3kwCrIgQbL8bZ5tmuwjffPMZWXgFfjNJPfgCxg0GC3FACiyr8dcrqmB1+CMHY/AiIWwH+lbZa4z5u5oQFyes8MWSIcQV/SBH8x57h8JveETsM+GZT5bp0dIrhJzV6j1wECeDap07fQYGc1DauT9BmTSNThpRiIQ1+fEPbVc3UCBzooRiivWqLWqDKS5cDRNFg7yFyyCVAADLrVEMy0/TNPRjkUSFadgBsQsTeyw/3Qcq/E4V+VNxz5egq+gzP3BNJTWuBgY4sVPJ3i8B7/AMsgYtN/l55AMxwWHIxvgEbQKyTcL4h36Z1VbeXZ1OEmAJKgb/mOTPfwb+NDmXoJajbgTXSRNGomBa37P9Ej4Csxpk7tVPOfntRg45sVgSOEmKDLPErjr0FZpHYuBA168CyEub0AOzIILg/ZK60AMlHgxEUD4EnwEb8GeRT+lVQq6FMuOuQIyIZbiG7UUO9wYPG4Uj74ZKVePsR2/AXfUGmh3IDmJ8EDyhxoL7Y5klQiPZN+1I9lT00NpqgfiL0wPpa2O5Yd8bmGe+YnNsVwfiYpWmBTVpLEoTNa0wqRiU5jopVmeM1YvzT6BXIvSLMd7emnWCFqa+f9NgQuHadzyPe86ajHL8nzKV55ntB1QL8/XTcvz/wIMALsaB+hnnp9pAAAAAElFTkSuQmCC);
    background-color: #142630;
}

.truckplayer .start:active, .truckplayer .start:hover {
    /* 播放（蓝） */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QUNDNThENjdDRTExRThBOTU5REFBNjU0RkVCMjIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1QUNDNThFNjdDRTExRThBOTU5REFBNjU0RkVCMjIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVBQ0M1OEI2N0NFMTFFOEE5NTlEQUE2NTRGRUIyMjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVBQ0M1OEM2N0NFMTFFOEE5NTlEQUE2NTRGRUIyMjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/9qE6AAADCklEQVR42rSXX2iNYRzH372M42DOikyuTra5UCMiY5Qm6ZhSyJ+S/LtSaiXbyYW5MXJBcYmMsAvcGJaMDJmJdGqKndPcaU1h8y+E77e+b7221znP+2dPfXr37jzP7/d7n9+f5/cUzWz5YxmOSWANWAHmgSSYot8+gT7wEtwHN8FnE6FFBgaUgwawBUw0NPYLuAKOgWy+iXae32LgKOgBu0EcdMqYGlAGxosy/a9Bc+Ja0yMjYn53YBa4qq3+DS6AZvDGcAcqQBps10fSNRu9dsNrB+aDx1LeC6rBDh/KLa3bqbVvJeuRZOc1gP5uB9PBHbAAdFvBB9cuAg8ls106PA2YoG2fJj+uBUNW+DEAVoJ7kn1NukYY0ATmass2gB9WdIOy1smNVdL1jwEMunoF3CZZHfXgbm6TjnrHFY4BjaAYtIT0uUlMnJeuRseAySoyzMcjPqL8uKqj39EsXZupmwakVOE6C1WtYdmyXz7dynriw4CsdFFnigbU6odbAb5mBrgEHijXTYejq9ZWVHI8CeHbZeAZOA0SBvO79KyylQGWz0rnNcaCvYqPXQXOmddO9nFSiV4+RhTpU8EZcDvPnA96ltijmHIxk0k0YFB/JyJSzJ3c5wpur1Gq5yANyOmlMqRiVrhzknMK/Moz19GVowEZvVSHUM4MWKLgMynjjq4MDejQSyqA4vdgD1gMnvpY5+jqYEfEUvxObVSlYTXsUzE5GCB7ypXy39jK2TqlWlVO04ZCksr5IKmbli42rUNOT0irXoEx8s9onYgLVXEZsHNYtGzXAXFCadmqziXqQVdf1EeeVMUc0RFltL1szcZFqJyyroPZ0tHk1ZIxKNYrjZaDGwHPe6/SfFd94YB0fP1fV0xXrAb9YBV4Lr+F8Xm3Tst+yc4Wuhe80C0no7TsUoWr8KGYc89qbVKyaiTb+G7Iw+SwGshitVHs79t0ccm5TrVSHetLQZ2+mKn2U8F9CHwPejnl1xxQ6xU33AHG02XdC3vD3o7d1/O6YdfzhOsEdF/P20yv538FGADYqrRuGtQ1bAAAAABJRU5ErkJggg==);
    background-color: #142630;

}

.truckplayer .stop {
    /* 暂停（白） */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFMzkwOTM2NjdDRDExRThCNDZDOEQyNDI4MTIwRUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFMzkwOTM3NjdDRDExRThCNDZDOEQyNDI4MTIwRUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0UzOTA5MzQ2N0NEMTFFOEI0NkM4RDI0MjgxMjBFQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0UzOTA5MzU2N0NEMTFFOEI0NkM4RDI0MjgxMjBFQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rY04YAAACKUlEQVR42sSXz0pCQRTGry7EQqmgcB3+WUoECdUq2lV7nySfIXsF016iggjJSqhd2iqDdCuuSixQ0ts38A0Mt6vO9c808GPuzJ0553PuOHOOz7ZtS7OEwCHYAxtgHSzx3SdogAq4BZego2VVCBhDDORAx9YvHc6JjbM/6mUQnIAujQ7AHciAXRABARJhX4ZjBpwj5mZpy5OAKHimkT44BwmN1ZLEQYFzbdqK6QrYBE1OfAMpD46diLkN2mrS9kgBQmWLE65BeArnkjVwT5st50qoAxdAhQPv+G2tGSFsFWm7Sl9/BGQ5oEHV1owRq1mjj6xTgNh0PW6a1Bycq3uiT18xVUCOygpzdC7J09eZFBDmwTHQOTjAA3H2l4f0u230AX2GRUeaikqav0AW3X43Shyb9uM03uepfGWZK9LXvhCQZOPRoIAn1kkhIMrGm0EBNdZRn7gw8BAAQdDVuUBZ+zT73UqAvnp+65+LENDm87JBvyus20LAOxsJgwKkr3ch4IWNbYMCpK8XIaDIxoFBAdJXcdKjuDzkKC57OIq/5FFs8WKweVEYv4ykKhPX8Rb4oa/4sICkPseA5JU+ToeFZNU5hmQ3Ski2qBuUhmbgfFU3KHULy2v8btN887qXsFxdiaqSmBTkpvGQmOSVxKTqJTFRU7Msd6yamh2DHZfUbIfv1NSsN2lq5vw1OR4cuuWb//Oxq+bzmJ4fOdJzeYN+ONLzC930/FeAAQAvuZTSaSl6FgAAAABJRU5ErkJggg==);
    background-color: #142630;
}

.truckplayer .stop:active, .truckplayer .stop:hover {
    /* 暂停（蓝） */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxMEI3RUJDNjdDRDExRTg4QzY5QjJGMUYyMDE0RkEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxMEI3RUJENjdDRDExRTg4QzY5QjJGMUYyMDE0RkEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjEwQjdFQkE2N0NEMTFFODhDNjlCMkYxRjIwMTRGQTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjEwQjdFQkI2N0NEMTFFODhDNjlCMkYxRjIwMTRGQTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7AUSrYAAAC0UlEQVR42sSXz0tUURTH37y0zMoUioxWktkisCgKpLEII8IMgoooiEj6B9yks8pW1ar+gSILykW1yUQii35IIRQxYFDOULsQF5WWRUH2PfB5MOlz5o5veh34zJv365zz7j333HMSa3qmPUdZKvaJXWKTqBPLufdFvBevxSNxT3x1UZpwcKBedIqjYomjs9/ETXFBZPI96Oe5VyHOixFxSlSKJziTFLViEdRyrZNnKnlnBCcqih2BteIWQ/1bXBPnxDvHEVgnUuIEH2lTczhsNMJGYLMYwvioaBInizDu8V47735A1zN053XA5ntArBL3xRYx7M1f7N1t4ik6B7AR6sBihn0l87hfTHrRZVzsFg/RfRtbsxzoFhsZskPip1c6MV0HmMZGbP3lgAVdBwF3BK9LLTaax7HREUxF4ECXKBc9EefcJSauYqsrWIbLdPzI2m0olDgIKJPmGdctyqdDroclNpuKKbG6TD+tZLjHDsY9Ek6YbHcchQxBvtNs2xS0cKPfi08CWy0+UWnyPEYHXnBs9FkBXpGZLqq8DVafOVDFyecYHfjEscr3/rOYAxP8r47Rbg3HCXMgy0lDjA4EtrLmQJqTphgdCGylzYFBTlpjdCCwNVhGUrAabgdpslA2tJSbCLk+5Gi8HluWivt9dqlelKYcFDTPkY6TedJ0rqSwZUXrZFATmldvxALm51/tiFvJuLYlb7DSzc/ZIC6yLHupXEottute5yMvUTfOqojSNBxWmi0soXHTdUesx0Z3WEn2XRykGrIguUs3FFVWiAfUhePYmJqrKrap2CvGxB7xknmLMufDBO4YujOF+oJXRHOajGVb5xWaDVexZy/zbh26kuh27g2tnTpLAVlOuWXlWB9rPpuzq9WwrVtV1MYX21L7RXCfET/m25za15wWx6gbXcTi6QZ94WjU7ji3PW+b0Z5X59QSue15n2t7/keAAQDqTaPt+FjmVgAAAABJRU5ErkJggg==);
    background-color: #142630;
}

/* 播放时间 */
.truckplayer .truckplayer-time {
    width: 250px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}

.truckplayer .truckplayer-time-txt {
    /*border: 1px solid #ddd;*/
    width: 140px;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    color: #fff;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.truckplayer .truckplayer-time-fgx {
    /*border: 1px solid #ddd;*/
    width: 5px;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    color: #fff;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.truckplayer .truckplayer-ctime {
    text-align: right;
    color: #fff;
    font-weight: 500;
}

.truckplayer .truckplayer-etime {
    text-align: left;
    color: #D1D1D1;
    font-weight: 400;
}

/* 进度条 */
.truckplayer .truckplayer-tiao {
    display: inline-block;
    width: 560px;
    height: 5px;
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
    line-height: 5px;
    background: #ddd;
    border-radius: 10px;
    cursor: pointer;
}

.truckplayer .truckplayer-yuan {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50% 50%;
    position: absolute;
    margin-top: -4px;
    margin-left: 0px;
    padding: 0;
    cursor: pointer;
    box-shadow: -2px 0px 2px #000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBN0FGMTlCNjdENjExRTg5MzU4QjcxRkZGM0FFRTVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBN0FGMTlDNjdENjExRTg5MzU4QjcxRkZGM0FFRTVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUE3QUYxOTk2N0Q2MTFFODkzNThCNzFGRkYzQUVFNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUE3QUYxOUE2N0Q2MTFFODkzNThCNzFGRkYzQUVFNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz52AwlpAAAAyUlEQVR42mL4//8/AxIWAeI2IL4ExD+g+AIQN0Hl4GqRNQUD8Yf/uMFHqBoUjSCBf/8Jg38wzSBNolDTiAUgtWJMDAwMuUDMx0A8AKktYIB6HgX8OH7w/6sAazAGsbGAS4wgdUAT2JGNfB1ow/Dv7Wswm0lYlEF0/RF0W38xEXQYKCAwAVjjDQxPlLcyMAmJMDCJijPwVbRh03iPARq5pII2kEYxcqKDogQAwyFA/AmPpk/Ykhx6Ir8MxL+A+AsQnwPiZvREDhBgAP0iE9ZX6dF0AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: inherit;
    background-size: 90%;
}

.truckplayer .truckplayer-jindu {
    width: 0px;
    height: 5px;
    background-color: #E83C26;
    border-radius: 1px;
}

/* 倍速 */
.truckplayer .playSpeed {
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 5px;
    margin-right: 25px;
    border-radius: 15px 15px;
    background-color: #000;
    color: #fff;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    cursor: pointer;
}

.truckplayer .playSpeed-txt {
    width: 45px;
    height: 25px;
    text-align: right;
}

.truckplayer .playSpeed-img {
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: inherit;
    background-size: 90%;
    margin-top: 6px;
    margin-left: 3px;
}

.truckplayer .playSpeed-img.up {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY2MDMwNjc2NjdERTExRThCMURBRDdDM0VCOTc0MjY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY2MDMwNjc3NjdERTExRThCMURBRDdDM0VCOTc0MjY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjYwMzA2NzQ2N0RFMTFFOEIxREFEN0MzRUI5NzQyNjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjYwMzA2NzU2N0RFMTFFOEIxREFEN0MzRUI5NzQyNjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5skqy8AAAAO0lEQVR42mL4//8/AxJ2BeKnQGyHLI6u4BEQJ6ArRFdgAOWbICvEpoABXSGIcwqIDdEUwLApEJ8ACDAAwViR4LMrygwAAAAASUVORK5CYII=);
}

.truckplayer .playSpeed-img.down {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBN0FGMTlCNjdENjExRTg5MzU4QjcxRkZGM0FFRTVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBN0FGMTlDNjdENjExRTg5MzU4QjcxRkZGM0FFRTVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUE3QUYxOTk2N0Q2MTFFODkzNThCNzFGRkYzQUVFNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUE3QUYxOUE2N0Q2MTFFODkzNThCNzFGRkYzQUVFNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz52AwlpAAAAyUlEQVR42mL4//8/AxIWAeI2IL4ExD+g+AIQN0Hl4GqRNQUD8Yf/uMFHqBoUjSCBf/8Jg38wzSBNolDTiAUgtWJMDAwMuUDMx0A8AKktYIB6HgX8OH7w/6sAazAGsbGAS4wgdUAT2JGNfB1ow/Dv7Wswm0lYlEF0/RF0W38xEXQYKCAwAVjjDQxPlLcyMAmJMDCJijPwVbRh03iPARq5pII2kEYxcqKDogQAwyFA/AmPpk/Ykhx6Ir8MxL+A+AsQnwPiZvREDhBgAP0iE9ZX6dF0AAAAAElFTkSuQmCC);
}

.truckplayer .playSpeed:hover {
    background-color: #1BA0FF;
}

.truckplayer .playSpeed-select {
    width: 80px;
    list-style: none;
    color: #fff;
    border: solid 1px #fff;
    position: absolute;
    right: 25px;
    bottom: 90px;
    padding: 0;
    background-color: #000;
    font-family: "Microsoft Yahei";
    font-size: 12px;
}

.truckplayer .playSpeed-select li {
    width: 80px;
    height: 20px;
    line-height: 20px;
    margin: 5px auto;
    text-align: center;
    cursor: pointer;
    font-family: "Microsoft Yahei";
    font-size: 12px;
}

.truckplayer .playSpeed-select li:hover {
    color: #1BA0FF;
    background-color: #142630;
}

.truckplayer .playSpeed-select .active {
    color: #1BA0FF;
}

.unselectde {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 轨迹数据-容器 */
.playTrackInfo {
    height: 260px;
    background-color: #142630;
    position: fixed;
    /*top: 50px;*/
    top: 100px;
    left: 50px;
}

.playTrackInfo .btn {
    width: 35px;
    height: 260px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35%;
    border: 0;
    opacity: 1;
    cursor: pointer;
    background-color: #1D313C;
}

.playTrackInfo .btn.left-btn {
    border-right: solid 1px #4F5A61;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVCOTA3MTVDNjg5NjExRThCMjVBRTBCQUZFQkY1RURFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVCOTA3MTVENjg5NjExRThCMjVBRTBCQUZFQkY1RURFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUI5MDcxNUE2ODk2MTFFOEIyNUFFMEJBRkVCRjVFREUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUI5MDcxNUI2ODk2MTFFOEIyNUFFMEJBRkVCRjVFREUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5wPz85AAAAu0lEQVR42pzVvQ3CMBQE4ODQshELkJqagkUQbOGGgpqaCViFgho6hMRF4kmWZb+fi3RV9J0S+yVe5JyH4DUiJ+SzJOAZ2SHPRMI3sk0k3CD3xML5RmKhhVWoYRP2sAu2cAlfGqxxDScNljgMBVNQ8JGBniEx8QG5ICvkhqwj+IvsmQJ5bKqgfOdwQb1goYLWarsLelvlKtD22SywhkQt8ExYt8A7ns2CyE9fCob/h3SNnhhS8JiPm58AAwD5mU5f1lhA2AAAAABJRU5ErkJggg==);
}

.playTrackInfo .btn.right-btn {
    border-left: solid 1px #4F5A61;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAbCAYAAACjkdXHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGQTRFMjQyNjg5NjExRThBNzNBRUE0MTc2OTI0RjRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVGQTRFMjQzNjg5NjExRThBNzNBRUE0MTc2OTI0RjRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUZBNEUyNDA2ODk2MTFFOEE3M0FFQTQxNzY5MjRGNEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUZBNEUyNDE2ODk2MTFFOEE3M0FFQTQxNzY5MjRGNEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ulElKAAABdklEQVR42pTUPyiFURjH8XOv6+ZPVwy3LAaLQRkMBiVKyP+QUoqBSSZsjMhguJNur8WlRJQoyUARBpNBBhPFYFBEIRHfp563btJ9z3nq0zu8/c4573nOe0Ke550ZY2Jow51xqLA+K3CMUtewzHiuQRmgzCX8jEacoEQHKHdZ9iuacYBiHKHSNiz1hg7sIY5DVNmGpT7QjS0U6UpqbMNSn+jDGgqwj3rbsNQXBpBCPnZ1T6zCUt8YQhK52EGXbVjqB6NIIIoN/SSrsD/AOOaQjVUMyouIw2mc1HZOY0lWEjZuNaPnQHIJ1/AUWvVTxlyWPatLly4MY9kmHMI8JtL6v26zYRJcwEjaydv2X2YKZ2FRD8o7enWzTFBYgivo1/Z06l9mgsJR/Sl68KI3zel/M/wN52AT7XhCi15RJiicp5shV9IjmnCRaTf9cEx/u1o8oAFXQT2UcKHuYjXuNXhtc2oiOqMEb/XGuHG5eqUtl6hzCUr9CjAA6XNLvl2gWKMAAAAASUVORK5CYII=);
}

.playTrackInfo .center-tracks {
    height: 100%;
    overflow: hidden;
}

.playTrackInfo .center-tracks .track {
    width: 220px;
    height: 100%;
    background-color: #142630;
    padding: 5px 10px;
}

/* odd：奇数，even：偶数 */
.playTrackInfo .center-tracks .track:nth-child(odd) {
    background-color: #1C2F39;
}

.playTrackInfo .center-tracks .track .info-line {
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    /*padding-left: 10px;*/
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    /*background-color: red;*/
}

.playTrackInfo .center-tracks .track .info-line div {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.playTrackInfo .center-tracks .track .info-name {
    font-size: 12px;
    font-family: "Microsoft Yahei";
    color: #9A9A9C;
    display: inline-block;
}

.playTrackInfo .center-tracks .track .info-value {
    font-size: 12px;
    font-family: "Microsoft Yahei";
    color: #fff;
    white-space: nowrap;
    display: inline-block;
}

/* 航线设计markertootip字体颜色 */
.wp_marker {
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    white-space: nowrap;
    display: inline-block;
    box-shadow: none;
    border: 0;
    background-color: inherit;
    text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 -1px 0;
    -webkit-text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 -1px 0;
    -moz-text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 -1px 0;
}

.track_mouse_tip {
    position: absolute;
    background-color: #142630;
    border: solid 1px #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    cursor: default;
}

.track_mouse_tip .one {
    position: relative;
    color: #fff;
    width: 170px;
    opacity: 0.8;
    padding: 3px 5px !important;
    line-height: 1.6em;
    _position: absolute;
    font-size: 13px
}

/**
    轨迹展示，停、慢轨迹点时长样式
 */
.trackStopSlowClass{
    background-color: #2078f0;
    color: white;
    padding: 0 4px;
    border: none;
    font-size: 12px;
}

/*轨迹回放船舶列表*/
.playShipList,.playShipList *{
    box-sizing: border-box;
}
.playShipList{
    width: 600px;
    height: 300px;
    background-color: #03192C;
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 999;
}
/*船舶列表头部*/
.playShipListTitle{
    width:100%;
    height:40px;
    line-height: 40px;
    border-bottom: 1px solid #444444;
}
.playShipListTitle .titleText{
    color: white;
    font-size: 14px;
    font-weight: 700;
    margin-left: 20px;
    display: inline-block;
    width: calc(100% - 310px)
}
.playShipListTitle .titleBtn{
    display: inline-block;
    width: 250px;
    height: 100%;
    float: right;
}
.playShipListTitle .titleBtn div input{
    width: 200px;
    height: 24px;
    border: 1px solid #444;
    border-radius: 4px;
    outline: none;
    background-color: #03192c;
    text-indent: 24px;
    color: white;
}
.playShipListTitle .titleBtn div .search{
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    color: white;
    left: 7px;
    /*border: 1px solid white;*/
    top: 11px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF8SURBVHgB7VftcYMwDBWdgE6QbJBsEDZhhI7gURiBETwC7QTQCUgnUOU7+VBcYhvblP7ou9OJO/TxLBlhAxyMaosxItakTiRXkjvLR1VVd9gLJimJIhnwOcy7luQEJcGJZ5Fo5mQdSU+infcGCnJBQc4c3MI8Nx77hknJiqRVg5OPHGj0JV7xvTm+20ng0uukAM4C9FZnlcV+nUTcnmAniwYywe2wG7eOcWjZoYNCEBs5XAXR+wYKQVRhCBnWtlxQGLjMidU2vLC+sH6H8phYn8FDwLLbY6bbRV3AQ+B1RwLexVkCluUV9iPw9dTiyE0oDe1neINyyeM+QzZWSfPbH7PjmG2McS3KlV0FsXqM/q/gkT8j4axzSDjJw70PBBi3tAMfDyTplWQS8hDa+YhwYi3sNeaejDiwwkfMHLxnUgP+PLQqsYgiJEygFsPHcoXOsIkhkXIxMeO6ZjEjfPJdTAwJUma2GD2RNGT/Cb8JpxI9HAFc7hpv8I+/hG89dPygrS329gAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
}
.playShipListTitle .titleBtn div .clear{
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    color: white;
    right: 7px;
    top: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgB7ZhRroIwEEWnfQt5uBPdEco6UHakOxEXAugoTQhBZTp3/JqTEAiB9h5o2gEix3Ecx3GcbILk4v3+cOV9jGFb1/WNgJRlWYQQz3x8Oh03a++LJCCEwFvR98Olqqp/ApHCc9vchwSRQN93u8euRUpMw7/api0JkOmOHcb4x6+6GIah1QynpfDStsQCqWOtBCI8kyWQAuRKoMIz2QIpiFQCGZ5RCaRAayXQ4Rm1QAr2TcIiPAMRYD5JWIVnYALMkkTXdcEqPAMVYOYSz06Mwj/bJgOmEuMpk/CMqJSQ8Hj6i8doTIbQdMyPp9Vlxzugb2BptrEoAKdAp9F3sw2yAJwDW8i+TZVWEpBSYu08byGhLuakixRaQlVO566wSInsDxpteYCSyPqkRNU2CAmRgEVVqZUQ/lbBV5VN07TzxU5yv/i/EBkUZjMJchzHcRzH+RF3TaVTHhTDyDoAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    cursor: pointer;
}
.playShipListTitle .titleClose{
    display: inline-block;
    width: 24px;
    height: 24px;
    color: white;
    float: right;
    position: relative;
    top: 8px;
    right: 12px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgB7ZhRroIwEEWnfQt5uBPdEco6UHakOxEXAugoTQhBZTp3/JqTEAiB9h5o2gEix3Ecx3GcbILk4v3+cOV9jGFb1/WNgJRlWYQQz3x8Oh03a++LJCCEwFvR98Olqqp/ApHCc9vchwSRQN93u8euRUpMw7/api0JkOmOHcb4x6+6GIah1QynpfDStsQCqWOtBCI8kyWQAuRKoMIz2QIpiFQCGZ5RCaRAayXQ4Rm1QAr2TcIiPAMRYD5JWIVnYALMkkTXdcEqPAMVYOYSz06Mwj/bJgOmEuMpk/CMqJSQ8Hj6i8doTIbQdMyPp9Vlxzugb2BptrEoAKdAp9F3sw2yAJwDW8i+TZVWEpBSYu08byGhLuakixRaQlVO566wSInsDxpteYCSyPqkRNU2CAmRgEVVqZUQ/lbBV5VN07TzxU5yv/i/EBkUZjMJchzHcRzH+RF3TaVTHhTDyDoAAAAASUVORK5CYII=);
    background-size: 100%;
}
/*船舶列表内容*/
.playShipListContent{
    width: 100%;
    height: 220px;
}
.playShipListContent *{
    color:white;
}
.playShipListContent table{
    width: 100%;
    table-layout: fixed;
}
.playShipListContent tr{
    height: 30px;
}
.playShipListContent td{
    text-align: center;
    /*border: 1px solid white;*/
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}
.playShipListContent td span{
    width: 16px;
    height: 16px;
    display: inline-block;
    /*border: 1px solid white;*/
    cursor: pointer;
    position: relative;
    top: 4px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgBxVLtTcMwEH2209J/ZIQg8SVEUbJBOwHpCN3AnYB2ArxBYYJ0A7JBEF9q+UPYIPyDpom5I0QqEPGzPcnS3fnde/azgU2HaGp6OnEVVE9AZA5W6dwE6b+DxzrxgNaFBULAxrTtUtuneiaRT9YJZJ2c6IQA7RsCvX0g31uY7mBhTvsCeSBhX3nvQD/4PwZZqUA7EiiHBNYdOP6RfnzhBTje3HTHFsWIwFE9LHmoUipGBIi5aSGnTMKLc+49m7MZ1RMJEbEH8h3IGAohd38bsEJFU0f5je0ArkxNkCnkA2ExPtR3YeUYK4mp+lK2Q+7t63tyWV3Snftsklg3p0ArooErieV17SAfa4ecpjRkgScT3Fbkf55DkRHynEoCCD5ar+k5Gj9AReB4Jay7RBHzdbD1+ASUC4f2wW8YNQAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
}
.playShipListContent td span.unvisiable{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC8SURBVHgB5U/bDcIwDGzT7gFsABvABh0BpGYAJghMwH8eAiYAJiDdoGzACFkgCeeqifhBDNBISc72nc8uiokcY4xQSq3/8YgD7okwoyeE0JVleZZSbn+JtNYNOLcYY0dxPTx13XvvHWNMgCCQ6kF4DZ0ZmwE3gG9cV1WVzY4QPVF8tG27wL9DapmcSISJNqitgK/EzUIk9pzzw+gwJzeK6VLD1GjkHPOoSNjvfbDLJWE0shC7FMP5XkzkfAD7QV9myppTmwAAAABJRU5ErkJggg==");
}
.playShipListContent .contentTitle{
    width: calc(100% - 6px);
}
.playShipListContent .contentTitle tr{
    background-color: #000;
}
.playShipListContent .contentContent{
    width: 100%;
    max-height: 190px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.playShipListContent .contentContent tr.unvisiable{
    display: none;
}
.playShipListContent .contentContent tr:hover{
    background-color: #000;
}
.playShipListContent .shipList_td1{width: 30px;}
.playShipListContent .shipList_td2{}
.playShipListContent .shipList_td3{width: 80px;}
.playShipListContent .shipList_td4{width: 55px;}
.playShipListContent .shipList_td5{width: 50px;}
.playShipListContent .shipList_td6{width: 120px;}
.playShipListContent .shipList_td7{width: 120px;}
.playShipListContent .shipList_td8{width: 80px;}

/*船舶列表底部*/
.playShipListFoot{
    width: 100%;
    height:40px;
    line-height: 40px;
}
.playShipListFoot input{
    width: 70px;
    height: 26px;
    float: right;
    color: white;
    background: linear-gradient(97.85deg,#1ea1ff 0%,#2bc9f7 100%);
    border-radius: 4px;
    line-height: 11px;
    margin-top: 6px;
    margin-right: 20px;
    cursor: pointer;
}

.tbody {
    position: absolute;
    width: 600px;
    vertical-align: middle;
    border: 0;
    background: #2771D4;
    z-index: 9999;
    top: 10%;
    left: 10%;
}

.tide_body {
    position: relative;
    text-align: left;
    background: #fff;
    width: 600px;
    height: 400px;
}

.tide_body .tide_img {
    width: 600px;
    height: 300px;
    position: absolute;
    left: 0px;
    top: 110px;
}

.tide_close, .tide_hm {
    width: 2px;
    height: 2px;
    color: #fff;

}

.tide_close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 4px;
    top: 0;
    /*background: url(../../../dist/demo/code/cha2.png) no-repeat center;*/
    cursor: pointer;
    overflow: hidden;
}

.tide_close:hover {
    /*background-color:#0b6d00;*/
    /*border-radius: 20px;*/
}

.tide_title {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 6px;
    font-weight: bold !important;
    color: #fff !important;
    text-align: left;
    white-space: nowrap;
    *min-width: 1000px;
}

.tide_title a {
    color: #ff0;

}

.tide_hm {
    background-position: -75px -13px;
}

.xwin_button a {
    display: inline-block;
    width: 60px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    margin: 0 5px;
    color: #fff;
    background: #237fa3;
    border-radius: 4px;
}

.xwin_button a:hover {
    background: #3e99bd;
    text-decoration: none;
}

.tide_a {
    font-size: 11px;
    padding-top: 5px;
    text-decoration: none;
    cursor: pointer;
    color: #686868;
    user-select: none;
}

.tide_a.before {
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
}

.tide_a.after {
    position: absolute;
    left: 10px;
    top: 44px;
    font-weight: bold;
}

.tide_day_title {
    font-size: 14px;
    font-weight: 600;
    color: black !important;
    padding-left: 24px;
    padding-top: 10px;
}

.tide_day_table {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 4px;
    color: black !important;
    margin-left: 20px;
    border-spacing: 4px;
    border-collapse: separate;
}
.tide_day_table td{
    font-size: 12px;
    width: fit-content;
    padding: 0px 5px;
}

.tide_content {
    padding-top: 5px;
    position: relative;
}

.tide_content a {
    color: #686868;
    z-index: 99;
}

.tide_content a:hover, .tide_content a:active {
    text-decoration: none;
    cursor: pointer;
    color: #296CDF;
}

.tide_day_box {
    color: black !important;
    border-bottom: solid #D3D3D3 1px;
    z-index: 1;
    position: absolute;
    left: 65px;
    top: 0px;
}

.tide_day_box .tide-table {
    width: 530px;
}

.tide-table .td-next {
}

.tide-table .border-left {
    border-left: solid #D3D3D3 1px;
}

.tbody .tide_img_div {
    position: absolute;
    top: 49px;
    left: 206px;
    background-color: #19CEBF;
    width: 2px;
    height: 198px;
    display: none;
}

.tbody .tide_img_div b {
    font-size: x-small;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #19CEBF;
    color: #fff;
    padding: 0 2px;
}

.tide_body .tide_echart_div {
    width: 600px;
    height: 300px;
    display: none;
    margin-top: 15px;
}

.typhoonListWin {
    position: absolute;
    right: 320px;
    top: 85px;
    width: 200px;
    height: auto;
    z-index: 999;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0px 2px 2px #999;
}

.typhoonListWin .typhoonListTitle {
    background-color: #2771D4;
    font-size: small;
    color: #fff;
    width: 200px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    cursor:move;
}

.typhoonListWin .typhoonListTitle .title-txt {
    position: absolute;
    margin-left: 10px;
    width: 80px;
}

.typhoonListWin .yearList {
    background-color: #fff;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: black !important;
    border-bottom: solid 1px #ddd;
}

.typhoonListWin .typhoonList {
    height: 330px;
    width: 200px;
    background-color: #ffffff;
    overflow-y: auto;
}

.typhoonListWin .title-btn {
    width: 14px;
    height: 14px;
    color: #c2f12c;
    position: absolute;
    cursor: pointer;
    padding: 6px;
}

.typhoonListWin .min-max {
    right: 36px;
    top: 4px;
    cursor: pointer;
}

.typhoonListWin .btn-close {
    right: 6px;
    top: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2NTc2RTQxODAzMDExRTg5QkJCOUQ5MUVERkQwNjU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2NTc2RTQyODAzMDExRTg5QkJCOUQ5MUVERkQwNjU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzY1NzZFM0Y4MDMwMTFFODlCQkI5RDkxRURGRDA2NTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzY1NzZFNDA4MDMwMTFFODlCQkI5RDkxRURGRDA2NTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MXIzqAAAAcUlEQVR42ozQwQ2AMAgFUGLiVnqpl46vN53BIRCSqtiC/SQ/Adp3gZj5kCQJgcmSVZtFcoI4l7/zvUDwg3S2D3/4g2oY4QZ5sMYuiqDFLtIM5NcY9G91DpGig0VoMjsX91CIEeRiFDVYhx1EFm+XAAMAA6BDcALCHj0AAAAASUVORK5CYII=) no-repeat center;
}

.typhoonListWin .btn-min {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAACCAIAAADn6Hr9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczRkQ1RjI4N0E5RTExRThCRkM0OTI5MjI4NkU1QTU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjczRkQ1RjI5N0E5RTExRThCRkM0OTI5MjI4NkU1QTU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzNGRDVGMjY3QTlFMTFFOEJGQzQ5MjkyMjg2RTVBNTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzNGRDVGMjc3QTlFMTFFOEJGQzQ5MjkyMjg2RTVBNTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BLVSNAAAAFUlEQVR42mL89u0bA3GAiYFoABBgAPMqAuYWOjRUAAAAAElFTkSuQmCC) no-repeat center;
}

.typhoonListWin .btn-max {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0RUM3MTI4N0E5RTExRTg4REM2QUZEM0FFMzMyOEYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0RUM3MTI5N0E5RTExRTg4REM2QUZEM0FFMzMyOEYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTRFQzcxMjY3QTlFMTFFODhEQzZBRkQzQUUzMzI4RjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTRFQzcxMjc3QTlFMTFFODhEQzZBRkQzQUUzMzI4RjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6faIYjAAAAJklEQVR42mL8DwQMZAAmBjIBC5RmJFHff7JtHNVIRHSQnAgAAgwAszcGE5WgKogAAAAASUVORK5CYII=) no-repeat center;
}

.typhoonListWin .title-btn.btn-close:hover, .typhoonListWin .title-btn.btn-min:hover {
    color: #e1dfdf;
}

.typhoonListWin .typhonUl {
    padding: 0;
    margin: 0;
    padding-left: 10px;
}

.typhoonListWin .typhLi {
    list-style: none;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    color: black !important;
}
.typhoonListWin .btn-tuli {
    top: 4px;
    right: 70px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAKCAYAAADLhGwXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMzOUY4REZFN0E5RTExRTg5RTlDOEU4RjBBMzY3NDYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMzOUY4REZGN0E5RTExRTg5RTlDOEU4RjBBMzY3NDYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzM5RjhERkM3QTlFMTFFODlFOUM4RThGMEEzNjc0NjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzM5RjhERkQ3QTlFMTFFODlFOUM4RThGMEEzNjc0NjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pz8kUAAAA0klEQVR42mL8Z7WYAQp8gbgQiE2h/NNA3AfEW2AKGI/GMNAS/LdegszF6x4mqGALEG8CYkcg5oFiEHszVI7egKB7QA73AeJqPIZUQ31PL0CUexiBSWUf1Df4wH4gdsIlCUtCaFFNrjqi3MMCJEyICAWQmv+43IOeVClU95kY9zARGX2MDIMLMIIcfoYIhaehjseGsXmSEnVEuQeUxn2hORgf8APlaDoVh0S5hwlaxLTiUdQKVUMvQJR7YGm8Boj9oaXHVyjeDw3pmgFIwwTdAxBgAOk4PoahwLKqAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90%;
}

/*=============================*/

.textBlack {
    color: black !important;
}

#typhoonList::-webkit-scrollbar-track {
    /*background-color: #ddd !important;*/
}

.inputAndSelectDefaultSyle {
    background: white !important;
    color: black !important;
    border: 1px solid #ddd !important;
    margin-left: 10px;
    width: 56px;
    margin-right: 10px;
}

/* */

.typhoonListBox {
    padding: 2px;
}

#a_min {
    color: #c2f12c;
    position: absolute;
    right: 40px;
}

.typhLi:hover {
    background: rgba(0, 191, 251, 0.2);
}

.weather-label {
    width: 40px;
    height: 40px;
    background-color: #3d80df;
    color: #fff !important;
    text-align: center;
    font-size: medium;
    font-family: Arial, Serif !important;;
    border: none;
}

/*台风图例*/

.weather-typh-legend {
    width: 180px;
    height: 400px;
    background: #fff;
    z-index: 999;
    position: absolute;
    margin-left: -300px;
    /*bottom: 6%;*/
    /*left: 25px;*/
    /*border: 1px solid rgba(12, 18, 171, 0.78);*/
    border-radius: 2px;
    overflow: hidden;
    color: black !important;
    /*display: none;*/
    box-shadow: 0px 2px 2px #999;
}

.weather-typh-legend-hid {
    display: none;
}

.weather-typh-legend-block {
    display: block;
}

.weather-typh-legend .typh-title {
    margin-bottom: 10px;
    background-color: #2771D4;
    color: #fff;
    height: 30px;
    line-height: 30px;
}

.weather-typh-legend .typh-title .title-btn {
    border: none;
    outline: none;
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 8px;
    float: right;
}

.weather-typh-legend .typh-title .btn-min {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAACCAIAAADn6Hr9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczRkQ1RjI4N0E5RTExRThCRkM0OTI5MjI4NkU1QTU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjczRkQ1RjI5N0E5RTExRThCRkM0OTI5MjI4NkU1QTU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzNGRDVGMjY3QTlFMTFFOEJGQzQ5MjkyMjg2RTVBNTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzNGRDVGMjc3QTlFMTFFOEJGQzQ5MjkyMjg2RTVBNTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BLVSNAAAAFUlEQVR42mL89u0bA3GAiYFoABBgAPMqAuYWOjRUAAAAAElFTkSuQmCC) no-repeat center;
}

.weather-typh-legend .typh-title .btn-max {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0RUM3MTI4N0E5RTExRTg4REM2QUZEM0FFMzMyOEYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0RUM3MTI5N0E5RTExRTg4REM2QUZEM0FFMzMyOEYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTRFQzcxMjY3QTlFMTFFODhEQzZBRkQzQUUzMzI4RjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTRFQzcxMjc3QTlFMTFFODhEQzZBRkQzQUUzMzI4RjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6faIYjAAAAJklEQVR42mL8DwQMZAAmBjIBC5RmJFHff7JtHNVIRHSQnAgAAgwAszcGE5WgKogAAAAASUVORK5CYII=) no-repeat center;
}

.weather-typh-legend .typh-title .btn-right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdDNjhENUExN0E5RTExRThCMEM3RkNENEFGRjBERTMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdDNjhENUEyN0E5RTExRThCMEM3RkNENEFGRjBERTMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0M2OEQ1OUY3QTlFMTFFOEIwQzdGQ0Q0QUZGMERFMzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0M2OEQ1QTA3QTlFMTFFOEIwQzdGQ0Q0QUZGMERFMzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5kphFhAAAAxklEQVR42oTQsQ4BQRDG8duLVkQUcp1Cp1Cq6HRqjQfQaYlOp1J5lWtU4gFIaERCQ4JaIyLWf+U2WZtxLvldLjPzZfdGaa0D4cniJjUCAnu0TNAxQ9+rfZhXDRd0nEaErRSyHxUc0RNCAylglLDDKC3k37GIFaYIpZAStpRDjBcaSS3CAvNQWJypZfB0ag/ckfevZI7fYAKV1ApYYuz/QxkHDJ3a17AbqOKEbtqwDdRxRfvfsA2s0fQasTT8a612jWep8RZgABvelBPjP94QAAAAAElFTkSuQmCC) no-repeat center;
}

.weather-typh-legend .typh-title .btn-left {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDNzM2Rjc5N0E5RTExRTg5QkIyRTc2MDAxMTBENUEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDNzM2RjdBN0E5RTExRTg5QkIyRTc2MDAxMTBENUEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUM3MzZGNzc3QTlFMTFFODlCQjJFNzYwMDExMEQ1QTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUM3MzZGNzg3QTlFMTFFODlCQjJFNzYwMDExMEQ1QTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QGeJRAAAAxklEQVR42mL8//8/Aw7AC8Sf0QWZcCguA+K1aGI+QHyPAWQDGi4H4htALIkkFgPEL4DYnBjFeUD8BIi1wc4noLgJiG8BsQJMDCZRgaaYCYinAPF5IBZHdgWImAPEt9FMPgLF/Oh+BIWSABD/AOJfSCHyE4hZgJgZI/ygOjuA+BwQC0P5jEDcB8SX0WxG8TS6JhCuBuL7QKyCTQMuTRnQYDXApgGE27FoCgPil0Bsi00DTNNWNDE3IL7CiCfxSQLxc3RBgAADAFtvkJn89hxqAAAAAElFTkSuQmCC) no-repeat center;
}

.weather-typh-legend .typh-title .title-txt {
    font-size: 12px;
    /*width: 80px;*/
    float: left;
    margin-left: 10px;
}
/*.weather-typh-legend canvas{*/
/*    position: relative;*/
/*    top: -5px;*/
/*}*/
.leaflet-control-left {
    margin-left: 30px !important;
}
.leaflet-popup-content-wrapper_1 {
    padding: 0px;
    text-align: left;
    border-radius: 0px;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

/* 气象预报tooltip start */

.weather-bindTooltip {
    background-color: inherit;
    box-shadow: none;
}

.weather-tooltip {
    font-family: Arial;
    font-size: larger;
    width: 250px;
    height: 383px;
    overflow: hidden;
    padding: 20px 0px 0px 20px;
}

.weather-tooltip div {
    color: #fff !important;
}

.weather-tooltip .title {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.weather-tooltip .field {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 4px;
    margin-left: 10px;
    padding-left: 0px;

}

.weather-tooltip .field.yubaotime {
    margin-top: 5px;
    margin-left: 0px;

}

.weather-tooltip .field.icon {
    width: 62px;
    height: 62px;
    margin: auto;
    position: relative;
}

.weather-tooltip .field.date {
    text-align: center;
    margin-bottom: 10px;
}

.weather-tooltip .field.icon img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.weather-tooltip .area_info {
    width: 100%;
    height: 80px;
    float: left;
}

.weather-tooltip .day_info {
    width: 136px;
    float: left;
    margin-right: 15px;
}

.weather-tooltip .ml0 {
    margin-left: 0px;
}

/* 气象预报tooltip end */
/* 台风 */
.weather-typh-bindTooltip {
    background-color: inherit;
    box-shadow: none;
    padding: 0px;
    border: none;
}
.weather-typh-bindTooltip.leaflet-tooltip-right:before {
    border-right-color: rgba(29,55,76,.8) !important;
}

.weather-typh-tooltip {
    width: 180px;
    font-family: Arial;
    font-size: larger;
    background-color: #1d374c;
    opacity: .85;
    color: #fff !important;
}

.weather-typh-tooltip .title {
    font-weight: bold;
    font-size: 16px;
    padding-top: 15px;
    margin-bottom: 5px;
    text-align: center;
}

.weather-typh-tooltip .field {
    font-weight: 500;
    font-size: 12px;
    margin-top: 4px;
    padding-left: 10px;
}

/* 潮汐 start*/
.weather-chaoxi-bindTooltip {
    background-color: inherit;
    box-shadow: none;
}

.weather-chaoxi-tooltip {
    /*width: 250px;*/
    width: fit-content;
    padding-right: 15px;
    font-family: Arial;
    font-size: larger;
    background-color: #1d374c;
    opacity: .85;
    color: #fff !important;
}

.weather-chaoxi-tooltip .title {
    font-weight: bold;
    font-size: 16px;
    padding-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.weather-chaoxi-tooltip .field {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 4px;
    padding-left: 15px;
}
/* 潮汐 end*/

.up_down_box{
    width: 80px;
    padding: 0px;
    margin: 0px;
    color: #fff;
    font-size: 12px;
    margin-left: -35px;
    margin-top: -4px;
}
.up_down_box .title{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}
.up_down_box .lable{
    text-align: center;
    line-height: 12px;
}
.tooltip-bbox{

}
.tooltip-bbox .box{
    font-family: Arial;
    font-size: larger;
    background-color: #ffa69f;
    border-radius: 36%;
    font-size: small;
    text-align: center;
    padding: 0px;
    font-weight: normal;
    color: #fff;
    transform: scale(0.8);
}
.tooltip-bbox .value{
    text-align: center;
}

.leaflet-control-velocity {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 5px;
  margin: 0 !important;
  color: #333;
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.velocity-overlay {
  position: absolute;
  z-index: 1;
}

/* 通用CSS */
.leaflet-control {
    box-sizing: content-box;
}
.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: transparent;
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: transparent;
}

.leaflet-popup-content {
    margin: 0px 0px;
    line-height: 1.4;
}

.leaflet-control-container > div {
    display: flex;
    flex-direction: column;
}
.leaflet-control-container .leaflet-left{
    align-items: start;
}
.leaflet-control-container .leaflet-right{
    align-items: end;
}
.leaflet-container a.leaflet-popup-close-button {
    color: #000;
    font: 22px/18px Tahoma, Verdana, sans-serif;
}
/* shipxy_popup start */
.shipxy_popup {
    opacity: 0.85 !important;
}

.shipxy_popup .box {
    font-family: Arial;
    font-size: larger;
    background-color: #1d374c;
    color: #fff;
    padding: 10px;
    border-radius: 12px;
}

.shipxy_popup .title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}

.shipxy_popup .field {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 4px;
}

.shipxy_popup .leaflet-popup-content-wrapper, .shipxy_popup .leaflet-popup-tip-container .leaflet-popup-tip {
    background: #1d374c;
}

.shipxy_popup a.leaflet-popup-close-button {
    color: #fff !important;
}

/* 白底黑字 */
.shipxy_popup.bfc0 .box {
    background-color: #fff;
    color: #000;
}

.shipxy_popup.bfc0 .leaflet-popup-content-wrapper, .shipxy_popup.bfc0 .leaflet-popup-tip-container .leaflet-popup-tip {
    background: #fff;
}

.shipxy_popup.bfc0 a.leaflet-popup-close-button {
    color: #000 !important;
}

/* shipxy_popup end */


/* 左侧圆角2 */
.left_radius_2 {
    border-radius: 2px 0 0 2px;
}

/* 右侧圆角2 */
.right_radius_2 {
    border-radius: 0 2px 2px 0;
}

/* 下侧圆角2 */
.bottom_radius_2 {
    border-radius: 0 0 2px 2px;
}

.ship_icon {
    background-image: url("./images/ship_icon.png");
}

.p_icon {
    background-image: url("./images/p_icon.png");
}

.shadow_2 {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.m_l_5 {
    margin-left: 5px;
}
/*滚动条样式*/

::-webkit-scrollbar {
    background: none;
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
    background: #d7d7d7;
    border-radius: 6px;
    width: 6px;
    height: 6px;
}

input::-webkit-input-placeholder {
    color: #bcbcbc;
}

input::-moz-input-placeholder {
    color: #bcbcbc;
}

input::-ms-input-placeholder {
    color: #bcbcbc;
}

input::-o-input-placeholder {
    color: #bcbcbc;
}


/* marker-tooltip字体 */
.m-tootip-txt {
    font-size: 14px;
    font-family: "Microsoft Yahei";
    white-space: nowrap;
    display: inline-block;
    box-shadow: none;
    border: 0;
    background-color: inherit;
}
.m-tootip-txt.c000 {
    color: #000;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    -webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    -moz-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}
.m-tootip-txt.cfff {
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    white-space: nowrap;
    display: inline-block;
    box-shadow: none;
    border: 0;
    background-color: inherit;
    text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 -1px 0;
    -webkit-text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 -1px 0;
    -moz-text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 -1px 0;
}
.m-tootip-txt.leaflet-tooltip-top:before {
    border-top-color: transparent;
}
.m_cursor{
    cursor: crosshair !important;
}
.leaflet-grab {
    cursor: default;
}

/* tooltip */
.e-tooltip {
    padding: 1px 0px;
    border-radius: 2px;
    border: none;
    font-size: 12px;
    background-color: inherit;
    box-shadow: none;
    color: #fff;
    margin-left: 8px;
}
.e-tooltip.leaflet-tooltip-right:before {
     border-right-color: rgba(0,3,51,.8) !important;
 }
.e-tooltip .box{
    font-family: Arial;
    font-size: larger;
    padding: 2px 4px;
    background-color: rgba(0,3,51,.8);
    border-radius: 2px;
}
.e-tooltip .title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center;
}

.e-tooltip .field {
    font-weight: 500;
    font-size: 12px;
}

.e-tooltip.b-fff.leaflet-tooltip-right:before {
    border-right-color: rgba(255,255,255,.8) !important;
}
.e-tooltip.b-fff .box{
    background-color: rgba(255,255,255,.8);
    color: #333;
}


.e-tooltip.b-fff-b0.leaflet-tooltip-right:before {
    border-right-color: rgba(255,255,255,.8) !important;
}
.e-tooltip.b-fff-b0 .box{
    background-color: rgba(255,255,255,.8);
    color: #000;
    padding: 0px 2px;
}


/**
* popup 自定义样式
*/
/* popup 自定义样式-仅显示文本 */
.popup_lable_only {
    margin-bottom: 0px;
}
.popup_lable_only .leaflet-popup-tip-container{
    display: none;
}
.popup_lable_only .leaflet-popup-content-wrapper{
    background: inherit;
}
.popup_lable_only .leaflet-popup-content{
    background: inherit;
    margin: 0;
    color: #f805e3;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.popup_lable_only .leaflet-popup-content-wrapper, .leaflet-popup-tip {
    box-shadow: none;
}