body {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		border: 0;
		/*font-family: "寰蒋闆呴粦", "瀹嬩綋", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #333;*/
	}
	
	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	mark,
	audio,
	video,
	hr {
		margin: 0;
		padding: 0;
		list-style: none;
		text-decoration: none;
		list-style: none;
		border: 0 none;
	}
	html{
		display:block !important;
	}
	input{
		-webkit-appearance: none;
	}
	::-webkit-input-placeholder { /* WebKit browsers */ 
		font-size:0.55rem;
		color:#858585;
		
	} 
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
		font-size:0.55rem;
		color:#858585;
	
	} 
	::-moz-placeholder { /* Mozilla Firefox 19+ */ 
		font-size:0.55rem;
		color:#858585; 

	} 
	:-ms-input-placeholder { /* Internet Explorer 10+ */ 
		font-size:0.55rem;
		color:#858585;

	} 
	input:-webkit-autofill{
		-webkit-box-shadow: 0 0 0px 1000px #eeeeee inset; 
	}
	a:hover {
		text-decoration: none;
	}
	.map_control_box{
		width: 15.35rem;
		height: 3.6rem;
		float: right;
		position:absolute;
		top: 4.4rem;
		right: 0.65rem;
		overflow: hidden;
		z-index:999;
		float:right;
		overflow:hidden;
	}
	.map_control_icon{
		width: 32px;
		height: 32px;
		background-color: #FFFFFF;
		border-radius: 0.2rem;
		position:absolute;
		top:2.5rem;
		overflow:hidden;
		right:0.65rem;
		z-index:1000;
		box-shadow: 0 1px 3px 0 rgba(154,154,154,0.50);
	}
    .share_btn{
        display: none;
        width: 32px;
        height: 32px;
        background-color: #FFFFFF;
        border-radius: 0.2rem;
        position:absolute;
        top:4.1rem;
        overflow:hidden;
        right:0.65rem;
        text-align: center;
        z-index:1000;
        box-shadow: 0 1px 3px 0 rgba(154,154,154,0.50);
    }
	.submapcontrol{
		width:100%;
		height:100%;
		border-radius: 0.2rem;
		background-image:url(../img/wechartV2layer.png);
		background-repeat:no-repeat;
		background-position: center;
		background-size:60%;
	}
	.weather_control_icon{
		width: 32px;
		height: 32px;
		background-color: #FFFFFF;
		border-radius: 0.2rem;
		position:absolute;
		overflow:hidden;
		top:4.1rem;
		right:0.65rem;
		z-index:900;
		box-shadow: 0 1px 3px 0 rgba(154,154,154,0.50);
	}
	.subweathercontrol{
		width:100%;
		height:100%;
		border-radius: 0.2rem;
		background-image:url(../img/wechartV2Weather.png);
		background-repeat:no-repeat;
		background-position: center;
		background-size:60%;
	}
	.weather_control_icon img{
		width:1.5rem;
	}
	
	.weather_container{
		width:100%;
		position:absolute;
		bottom:0;
		left:0;
		z-index:1000;
		overflow:hidden;
		background:rgba(30,30,30,0.75);
		height:100px;
		box-sizing: border-box;
		display:none;
	}
	.YaerTraj_control_icon{
		width: 35px;
		height: 35px;
		border-radius: 0.2rem;
		position:absolute;
		overflow:hidden;
		bottom:5.6rem;
		right:0.30rem;
		z-index:900;
	}
	.subYearTraj{
		width:100%;
		height:100%;
		border-radius: 0.2rem;
		background-image:url(../img/wechartv2ytraj.png);
		background-repeat:no-repeat;
		background-position: center;
		background-size: 100%;
	}
	.map_control_icon img{
		width: 1.5rem;
		height: 1.5rem;
		cursor: pointer;
	}
	.weatheriframe{
		width:100%;
		margin:0 auto;
		height:100%;
	}
	.weatheriframe iframe{
		width:100%;
		height:100%;
	}
	.login_control_icon{
		display:block;
		width: 32px;
		height: 32px;
		background-color: #FFFFFF;
		border-radius: 0.2rem;
		position:absolute;
		bottom:4.4rem;
		left:0.4rem;
		z-index:1000;
	    box-shadow: 0 1px 3px 0 rgba(154,154,154,0.50);
	}
	.sublogincontrol{
		width:100%;
		height:100%;
		border-radius: 0.2rem;
		background-image:url(img/wapimage.png);
		background-repeat:no-repeat;
		background-position: -89px 0px;
    	background-size: 710px 200px;
	}
	.tool_control_icon{
		display:block;
		width: 32px;
		height: 32px;
		background-color: #FFFFFF;
		border-radius: 0.2rem;
		position:absolute;
		bottom:1rem;
		left:0.4rem;
		z-index:1000;
		box-shadow: 0 1px 3px 0 rgba(154,154,154,0.50);
	}
	.subtoolcontrol{
		width:100%;
		height:100%;
		border-radius: 0.2rem;
		background-image:url(../img/wechartV2tool.png);
		background-repeat:no-repeat;
		background-position: center;
		background-size:60%;
	}
	.toolContainer{
		width:0px;
		height:32px;
		z-index:999;
		position:absolute;
		bottom:1rem;
		left:46px;
		display:block;
		border-radius:4px;
		overflow:hidden;
	}
	.toolContainer button{
		/*width:1.5rem;
		height:1.5rem;
		border:none;
		background:#fff;
		border-radius:0.75rem;
		position:absolute;
		box-shadow:0 1px 6px rgba(0,0,0,0.4);*/
		width:32px;
		height:32px;
		border:none;
		display:block;
		float:left;
		background-color:#fff;
	}
	.toolContainer button:nth-child(1){
		left:0;
		top:0;
		/*background-image:url(../img/wechartv2pmarker.png);*/
		background-image:url(../img/wechartv2pmarker.png);
		background-position:center;
		background-repeat:no-repeat;
		border-top-left-radius: 5px;
    	border-bottom-left-radius: 5px;
    	background-size: 60%;
	}
	.toolContainer button:nth-child(2){
		left:1.9rem;
		top:0.6rem;
		background-image:url(../img/wechartv2ruler.png);
		background-position:center;
		background-repeat:no-repeat;
    	background-size: 60%;
	}
	
	.toolContainer button:nth-child(4){
		left:3.4rem;
		top:2rem;
		background-image:url(../img/wechartv2animation.png);
		background-position:center;
		background-repeat:no-repeat;
		border-top-right-radius: 5px;
   		border-bottom-right-radius: 5px;
   		    background-size: 60%;
	}
	.toolContainer button:nth-child(5){
		display:none;
	}
	.toolContainer button:nth-child(3){
		right:0;
		bottom:0;
		background-image:url(../img/wechartv2animation.png);
		background-position:center;
		background-repeat:no-repeat;
		border-top-right-radius: 5px;
   		border-bottom-right-radius: 5px;
   		background-size: 60%;
	}
	.leafletMeasure{
		width:35px !important;
		height:35px !important;
		border:none !important;
		background:#fff !important;
		/*border-radius:0.75rem !important;
		box-shadow:0 1px 6px rgba(0,0,0,0.4) !important;*/
		position:absolute !important;
		left:40px;
		top:0;
		display:none;
	}
	.leaflet-popup-pane{
		width:100px;
	}
	.leaflet-control-dislaydraw-measure{
	    width:1.5rem !important;
		height:1.5rem !important;
		border:none !important;
		background:#fff !important;
		border-radius:0.75rem !important;
		box-shadow:0 1px 6px rgba(0,0,0,0.4) !important;
		position:absolute !important;
		
		left:1.9rem;
		top:0.6rem;
		display:none;
	
	}
	.leaflet-control-dislaydrawBtn-measure{
		width:100% !important;
		height:100% !important;
		border-radius:0 !important;
		background-image:url(../img/wechartv2ruler.png);
		background-position:center;
		background-repeat:no-repeat;
		    background-size: 60%;
		
	}
	.leaflet-control-container .leaflet-top .leafletMeasure{
		display:none !important;
	}
	.leaflet-control-dislaydraw{
		display:none;
		width:32px !important;
		height:32px !important;
		border:none !important;
		background:#fff !important;
		/*border-radius:0.75rem !important;*/
		box-shadow:none !important;
		position:absolute !important;
		left:35px;
		top:0;
		overflow:hidden;
		border-radius:0 !important;
		    background-size: 60%;
	}
	.traffic_control_icon{
		
		width: 35px;
		height: 35px;
		background-color: #FFFFFF;
		border-radius: 0.2rem;
		position:absolute;
		bottom:6.6rem;
		left:0.4rem;
		z-index:1000;
		display:none;
		
	}
	.subtraficcontrol{
		width:100%;
		height:100%;
		border-radius: 0.2rem;
		background-image:url(img/wapimage.png);
		background-repeat:no-repeat;
		background-position: -158px -2px;
    	background-size: 800px 257px;
	}
	.position_control_icon{
		width:32px;
		height:32px;
		background-color:#fff;
		border-radius:0.2rem;
		position:absolute;
		bottom:2rem;
		left:0.4rem;
		z-index:1000;
		display:block;
		box-shadow: 0 1px 3px 0 rgba(154,154,154,0.50);
	}
	.subpositioncontrol{
		width:100%;
		height:100%;
		border-radius:0.2rem;
		background-image:url(../img/wechartv2myposition.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:20px 20px; 
	}
	.convoy_control_icon{
		display:block;
		width: 32px;
		height: 32px;
		background-color: #FFFFFF;
		border-radius: 0.2rem;
		position:absolute;
		top:5.7rem;
		right:0.65rem;
		z-index:998;
		overflow: hidden;
		box-shadow: 0 1px 3px 0 rgba(154,154,154,0.5);
	}
	.subconvoycontrol{
		width:100%;
		height:100%;
		border-radius: 0.2rem;
		background-image:url(../img/wechartV2Fleet.png);
		background-repeat:no-repeat;
		background-position: center;
    	background-size:60%;
	}
	.Introduce_control_icon{
		display:block;
		width: 32px;
		height: 32px;
		background-color: #FFFFFF;
		border-radius: 0.2rem;
		position:absolute;
		top:0.65rem;
		left:0.65rem;
		z-index:998;
		overflow: hidden;
		box-shadow: 0 1px 3px 0 rgba(154,154,154,0.5);
	}
	.Introduce_control_icon .subIntroduceControl{
		width:100%;
		height:100%;
		border-radius: 0.2rem;
		background-image:url(../img/logoIcon.png);
		background-repeat:no-repeat;
		background-position: center;
    	display:block;
	}
	.login_control_icon img{
		width: 1.5rem;
		height: 1.5rem;
		cursor: pointer;
	}
	.mapiconbox{
		width: 0rem;
		float: right;
		border-radius: 0.2rem;
		overflow:hidden;
	}
	.mapicon{
		width: 100%;
		overflow:hidden;
		position:relative;
		background:#fff;
	}
	.mapicon div{
		float: left;
		position:relative;
		width:3.6rem;
		height:100%;
		
		
	}
	.globalmap img{
		width: 82px;
		height:56px;
		cursor: pointer;
		margin:0.1rem 0.05rem;
		box-sizing:border-box;
	}
	.globalmap p{
		font-size: 0.4rem;
		margin: 0;
		text-align: center;
		position:absolute;
		bottom:0.3rem;
		right:0.2rem;
		color:#0029ff;
		
	}
	.chinaMap img{
		width: 82px;
		height:56px;
		cursor: pointer;
		margin:0.1rem 0.05rem;
		box-sizing:border-box;
	}
	.chinaMap p{
		font-size: 0.4rem;
		margin: 0;
		text-align: center;
		position:absolute;
		bottom:0.3rem;
		right:0.2rem;
		color:#0029ff;
		padding:0 3px;
	}
	.landMap img{
		width: 82px;
		height:56px;
		cursor: pointer;
		margin:0.1rem 0.05rem;
		box-sizing:border-box;
	}
	.landMap p{
		font-size: 0.4rem;
		margin: 0;
		text-align: center;
		position:absolute;
		bottom:0.3rem;
		right:0.2rem;
		color:#0029ff;
		padding:0 3px;
		
	}
	.mapiconbox .mapicon .activeMap{
		background:#3385FF;
		color:#fff;
	}
	.satelliteMap img{
		width: 82px;
		height:56px;
		cursor: pointer;
		margin:0.1rem 0.05rem;
		box-sizing:border-box;
	}
	.satelliteMap p{
		font-size: 0.4rem;
		margin: 0;
		text-align: center;
		position:absolute;
		bottom:0.3rem;
		right:0.2rem;
		color:#0029ff;
		padding:0 3px;
	}
	.globalmap{
		position:absolute;

	}
	.chinaMap{
		position:absolute;

	}
	.landMap{
		position:absolute;

	}
	.satelliteMap{
		position:absolute;

	}
	.shippopup{
		font-size:0.7rem;
	}
	.shippopup a{
		font-size:0.7rem;
	}
	.main_search_box{
		position:absolute;
		top:0.65rem;
		left:2.5rem;
		right:0.7rem;
		height:32px;
		z-index:1001;

	}
	.search_icon{
		width:0.9rem;
		position:absolute;
		top:0.25rem;
		left:0.3rem;
		height:0.9rem;
		background-image:url(img/wapimage.png);
		background-position:0 0;
		background-position: -266px -5px;
    	background-size: 600px 193px;	
	}
	.main_search_box input{
		width:calc(100% - 1.3rem);
		height:100%;
		border-radius:0.18rem;           /* For Chrome5+, Safari5+ */
		box-shadow: 0 1px 3px 0 rgba(154,154,154,0.50); 
		font-size:0.6rem;
		color:#666666;
		padding-left:1.3rem;
	}
	.unfold{
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		z-index:1000; 
		width:100%;
		height:1rem;
		text-align:center;
		display:block;
	}
	.subunfold{
		width:2rem;
		height:1rem;
		margin:0 auto;
		display:none;
		background-image:url(img/wapimage.png);
		background-repeat:no-repeat;
   	    background-position: -390px -6px;
    	background-size: 600px 193px;
	}
	.unfold img{
		width:2rem;
		height:1rem;
		margin:0 auto;
		display:none;
	}
	#takeup{
		width:100%;
		height:3rem;
		margin:0 auto;
		display:none;
		/*background-image:url(../img/wechartv2unwind.png);*/
		background-repeat:no-repeat;
   	    background-position: center;
   	    background-size: 20px 12px;
   	    overflow:hidden;
	    position: absolute;
    	z-index: 1001;
	}
	#takeup span{
		width:30px;
		height:3px;
		border-radius:2px;
		display:block;
		background-color:rgba(255,255,255,0.53);
		margin:5px auto 0 auto;
		
	}
	#alertcondition{
		padding-top:0.1rem;
	}
	#takeupweather{
		width:2rem;
		height:1rem;
		margin:0 auto;
		display:none;
	}
	.bottom_container{
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		height:7.2rem;
		-moz-box-shadow:0 -0.05rem 0.15rem rgba(0,0,0,0.1);               /* For Firefox3.6+ */
		-webkit-box-shadow:0 -0.05rem 0.15rem rgba(0,0,0,0.1);             /* For Chrome5+, Safari5+ */
		box-shadow:0 -0.05rem 0.15rem rgba(0,0,0,0.1);
		z-index:1001; 
		border-top:0.05rem solid #cccccc;
		display:none;
		overflow-y:hidden;
		overflow-x:hidden;
		/*background-color:rgba(0,0,0,.65);*/ 
		
	}	
	.withAdsForMerchant.bottom_container{
		height: 7.2rem;
	}
	.withOutAdsForMerchant.bottom_container{
		height: 6.2rem;
	}
	.subBottom_container{
		background-color:rgba(30,30,30,.75);
		overflow:hidden;
	}
	.shipDetaildialogBottom>div{
		
	}
	.DetailDialogTopIcon{
		margin:0 auto;
		height:1rem;
	}
	.DetailDialogTopIcon span{
		display:block;
		float:right;
	}
	.DetailDialogTopIcon span img{
		height:16px;
		margin:0 3px;
		vertical-align:middle !important;
	}
	.DetailDialogTopIcon>div{
		width:60px;
		margin:0 auto;
	}
	.DetailDialogTopIcon>div:after{
		clear:both;
		display:block;
		content:'';
	}
	#shipweather{
		
	}
	.tab{
		width:100%;
		height:1.5rem;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		border-top:0.01rem solid #cccccc;
		background:#FFFFFF;
		z-index:1000;
		display:none;
	}
	.clearfix{
		height:100%;
	}
	.tab ul li{
		height:100%;
		line-height:1.5rem;
		margin:0;
		width:24.8%;
		text-align:center;
		background:#FFFFFF;
		float:left;
	}
	.tab ul li a{
		height:100%;
		line-height:1.5rem;
		width:100%;
		display:block;
		padding:0;
		color: #030303;
		text-decoration: none;
	}
	.tab ul li a span{
		line-height:1.5rem;
	}
	.tab ul li.current a{
		height:100%;
		line-height:1.5rem;
		width:100%;
		display:inline-block;
		padding:0;
		text-decoration: none;
		color: blue
	}
	.tab ul li.current a span{
		line-height:1.5rem;
	}
	.tab ul li.current{
		line-height:1.5rem;
		background:#FFFFFF;
		height:100%;
		display: block;
		color: #fff;
	}
	.shipinf,.shiptraj,.shippic{
		width:100%;
		position:relative;
		display:block
	}
	.shipinf{
		position:relative;
	}
	.shipinf table{
		width:100%;
	}
	.shipinf table tr td{
		width:50%;
		padding-left:4%;
		font-size:0.6rem;
		white-space: nowrap;
	}
	.shipinf table tr td span{
		font-size:0.5rem;
		white-space: nowrap;
	}
	#shipinfo_flag{
		vertical-align:top;
		margin-right:0.5rem;
	}
	.trajinputlist{
		width:16rem;
		height:1.2rem;
		margin:0 auto;
		margin-top:0.25rem;
	}
	.trajinputlist:after{
		content:'';
		display:block;
		cleat:both;
	}
	.trajinputlist label{
		vertical-align:middle;
		width:45px;
		text-align:center;
		height:1.2rem;
		display:inline-block;
		line-height:1.2rem;
		font-size:0.5rem;
		text-align:right;
		color:#fff;
		
	}
	
	.trajinputlist input[type=datetime-local]{
		width:145px;
		height:25px;
		font-size:0.5rem;
	    letter-spacing: -1px;
    	word-spacing: 0px;
    	background:none;
    	color:#fff;
	}
	.trajinputlist.timeList label:first-child{
		text-align:right;
	}
	.trajinputlist.timeList label{
		width:45px;
		height:25px;
		float:left;
		display:block;
		text-align:center;
	}
	.trajinputlist>div.trajectoryTimeContent{
		float:left;
		display:block;
		width:calc((100% - 90px)/2);
		height:25px;
		overflow:hidden;
		border:1px solid #CCCCCC;
		border-radius:0.2rem;
		position:relative;
	}
	/*.trajinputlist>div.TrajUTCTime:after{
		content:"(UTC)";
		position:absolute;
		right:2px;
		top:0;
		line-height:25px;
		color:#fff;
	}*/
	.trajinputlist button{
		width:2.5rem;
		margin-right:0.25rem;
		text-align:center;
		height:1.0rem;
		background: #65be12;
	    border-radius: 3px;
	    color: #FFFFFF;
	    text-decoration: none;
	}
	.trajinputlist.timeList #TrajlastTime{
		width:30px;
	}
	.trajshipName{
		width:16rem;
		height:1.2rem;
		margin:0 auto;
	}
	.trajshipName label{
		vertical-align:middle;
		width:45px;
		text-align:center;
		height:1.2rem;
		display:inline-block;
		line-height:1.2rem;
		font-size:0.5rem;
		text-align:right;
		color:#fff;
	}
	.trajshipName span{
		width:9rem;
		height:1.2rem;
		color:#eee;
		font-size:0.5rem;
	}
	.cleartraj{
	    width: 1.5rem;
	    height: 1.5rem;
	    position: absolute;
	    top: 0.5rem;
	    left: calc(50% - 0.25rem);
	    background-color: #fff;
	    z-index: 999;
	    border-radius: 0.75rem;
	    display: none;
	    background-image: url(../img/wechartv2trajbackicon.png);
	    background-position: center;
	    background-size: 50%;
	    background-repeat: no-repeat;
	    box-shadow: 0 1px 3px 0 rgba(154,154,154,0.50);
	}
	
	.trajbtnlist{
		width:100%;
		height:1.8rem;
		margin-top:0.5rem;
	}
	.trajbtnlist .drawtraj{
		background:#65be12;
		width:13.6rem;
		height:1.2rem;
		border-radius:3px;
		margin:0 auto;
		color:#FFFFFF;
		font-size:12px;
	}

	.acss{
		width:100%;
		height:10.5rem;
		position:relative;
	}
	.shippicimg{
		
	}
	.shippicimg img{
		
	}
	.previousimg{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:1.25rem;
	}
	.previousimg span{
		margin-top:4.0rem;
		margin-left:0.5rem;
		height:1.5rem;
		width:0.85rem;
		background-image:url(img/wapimage.png);
		background-position: -194px 0;
    	background-size: 700px;
    	display:block;
	}
	.previousimg img{
		height:1.5rem;
		width:0.75rem;
	}
	.nextimg{
		position:absolute;
		top:0;
		right:0;
		height:100%;
		width:1.25rem;
	}
	.nextimg span{
		margin-top:4.0rem;
		margin-right:0.5rem;
		height:1.5rem;
		width:0.85rem;
		background-image:url(img/wapimage.png);
		background-position: -230px 0;
    	background-size: 700px;
    	display:block;
	}
	.nextimg img{
		height:1.5rem;
		width:0.75rem;
	}
	
	.showimage{
		height:100%;
		background-color: rgba(0,0,0,0.5);
		position:absolute;
		left:0;
		top:0;
		z-index:9999;
		display:none;
		width:100%;
	}
	.subshowimage{
		width:16rem;
		height:100%;
		display: table-cell; 
		vertical-align:middle; 
		
	}
	
	.showpsc{
		height:100%;
		background-color: rgba(0,0,0,0.5);
		position:absolute;
		left:0;
		top:0;
		z-index:9999;
		display:none;
		width:100%;
	}
	.showpsc iframe{
		width:100%;
		height:100%;
	}
	.closePSCFrame{
		/*position: absolute;
	    width: 1.5rem;
	    height: 1.5rem;
	    border-radius: 0.75rem;
	    left: calc(50% - 1rem);
	    bottom: 10px;
	    background-image: url(../img/shareClose.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;*/
        /*width: 30px;
	    height: 30px;
	    border-radius: 15px;
	    background-color: #ff0000;
	    background-image: url(../img/wechartv2closeeventnotice.png);
	    position: fixed;
	    bottom: 10px;
	    right: 10px;
	    background-repeat: no-repeat;
	    background-size: 70%;
	    background-position: center;
	    box-shadow: 0 0px 4px 2px #aaa;*/
	    width:1.5rem;
		height:1.5rem;
		border-radius:15px;
		/*
		background-color:#ff0000;
		background-image:url(../img/wechartv2closeeventnotice.png);
		right:10px;
		box-shadow: 0 0px 4px 2px #444;
		background-size: 70%;*/
		background-image:url(../img/shareClose.png);
		right:calc(50% - 0.75rem);
		background-size: cover;
		position:fixed;
		bottom:10px;
		background-repeat:no-repeat;
	    background-position: center;
	    display:block;
	}
	.subshowpsc{
		width:100%;
		height:100%;
		display: table-cell; 
		vertical-align:middle; 
		
	}
	.subshowimage img{
		vertical-align:middle;
	}


	.wapLogin{
		height:100%;
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		right:0;
		z-index:9999;
		display:none;
		width:100%;
		background:#eeeeee;
	}
	.subwapLogin{
		width:100%;
		height:100%; 
		vertical-align:middle; 
		
	}
	.wapQuit{
		height:100%;
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		right:0;
		z-index:9999;
		display:none;
		width:100%;
		background:rgba(0,0,0,0.5);
	}
	
	.subwapQuit{
		width:100%;
		height:100%;
		display: table-cell; 
		vertical-align:middle; 
		
	}
	
	.joinfleet{
		height:100%;
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		right:0;
		z-index:9999;
		display:none;
		width:100%;
		background:rgba(0,0,0,0.65);
		
	}
	.joinfleet .subjoinfleet .cancelbtn{
		width:1.5rem;
		height:1.5rem;
		position:absolute;
		left:calc(50% - 0.75rem);
		bottom:-4rem;
	}
	.subjoinfleet{
	    width: 12rem;
	    left: calc(50% - 6rem);
	    top: calc(50vh - 5rem);
	    border: 4px solid rgb(255, 255, 255);
        position: absolute;
    	z-index: 1000;
    	background-color:#E0FBBA;
    	border-radius: 5px;
	}
	.joinFleetTitle{
		width: 100%;
	    height: 30px;
	    background-color: #999999;
	    color: #fff;
	    line-height: 30px;
    	text-indent: 5px;
	}
	.RouteFeatureList {
	width:100%;
	height:3.5rem;
	display: none;
	/*background: #bdeaac;*/
	padding-top: 5px;
	position:absolute;
	top:1rem;
	left:0;
	z-index:1000;
}

.start_end_port {
	width:100%;
	height: 1.4rem;
}

.start_end_port div {

	height: 1.4rem;
}

.start_port {
	font-size: 0.8rem;
	font-family: 'Arial';
	color: #0056c0;
	width: 5rem;
	text-align: center;
	padding-left: 0.65rempx;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
		float: left;
}

.View_track {
	width: calc(100% - 10rem);
	text-align: center;
	float: left;
	position:relative;
}
.View_track img{
	position:absolute;
	top:0.4rem;
	left:calc(50% - 50px);
	z-index:500;
}
.View_track a {
	position:absolute;
	top:0rem;
	left:calc(50% - 48px);
	font-size: 12px;
	font-family: '瀹嬩綋';
	cursor: pointer;
	color: #0074d7;
	margin-left: -5px;
	line-height: 18px;
	z-index:1000;
	text-decoration: none;
}
.View_track span{
	position:absolute;
	top:0rem;
	left:calc(50% + 18px);
	font-size: 0.5rem;
	font-family: '瀹嬩綋';
	cursor: pointer;
	color: #0074d7;
	z-index:1000;
	margin-left: -5px;
	line-height: 18px;
}
.View_track input[type=checkbox]{
	position:absolute;
	top:0.13rem;
	left:calc(50% - 3px);
    width: 0.5rem;
    height: 0.5rem;
    -webkit-appearance: none;
    vertical-align: middle;
    border: 1px solid #666;
    border-radius: 2px;
    z-index:1000;
}
.View_track input[type="checkbox"]:checked{
	background:url(../img/checkboxchecked.png) no-repeat;
	background-size:0.5rem 0.5rem;
}
.View_track a:hover {
	color: #0059a4;
}

.end_port {
	font-size: 0.8rem;
	font-family: 'Arial';
	color: #0056c0;
	width: 5rem;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float:right;
}

.cost_time {
	width:100%;
	height: 1.05rem;
	line-height:1.05rem;
}

.cost_time div {
	
	color: #5d5d5d;
	/* font-family: '寰蒋闆呴粦'; */
	font-size: 12px;
}

.starttime {
	width: 5rem;
	height: 18px;
	text-align: center;

	float: left;
}

.voyage {
	width: 135px;
	height: 18px;
	text-align: center;
	float: left;
	width: calc(100% - 10rem);
}

.endtime {
	width: 5rem;
	height: 18px;
	text-align: center;

	float: left;
}
.outvelocitycurve{
	width:calc(100% - 2.8rem);
	height:12.5rem;
}
.velocitycurve {
    
}


.RouteFeatureControl{
	width:2.8rem;
	padding-top:1.0rem;
	margin-top:0.2rem;
	display:block;
	float:left;
	position:absolute;
	top:4.5rem;
	right:0;
}
.RouteFeatureControl a{
	display:block;
	text-align:center;
	width:2.8rem;
	height:1rem;
	line-height:1rem;
	margin-top:0.75rem;
}
.loading_box{
	width:100%;
	height:100%;
	background:#FFFFFF;
}
.loading1{
	text-align:center;
	vertical-align:middle;
	display: block; 
	width: 1.5rem; 
	height: 1.5rem;
	position:absolute;
	top:calc(50% - 0.75rem);
	left:calc(50% - 0.75rem);
}
.clearfix{
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	background:#FFFFFF;
	height:100%;
}
.clearfix tr td{
	border-right:0.01rem solid #ccc;
	text-align: center;
	font-size: 0.6rem;
	color: #666666;
	line-height:1.5rem;
	height:100%;
}
.clearfix tr td a{
	text-decoration: none;
	height:100%;
	line-height:1.5rem;
	width:100%;
	display:block;
}

.wapquitcontent{   
	background-color: #ffffff;
    position: absolute;   
    top: calc(50% - 4rem);   
    left:calc((20% - 1rem)/2);     
    width:80%; 
	border-radius:0.5rem;
	padding:0.5rem;
}
  
.waplogincontent{      
    width:100%;
	height:100%;  
}   
.waplogincontent h1{   
	
    color: #4a77d4;   
    text-shadow:0 0 10px;   
    letter-spacing: 1px;   
    text-align: center;  
    font-size:15px; 
}   
h1{   
    font-size: 2em;   
    margin: 0.67em 0;   
}   
.wapinput{   
    width: 80%;   
    height: 1.5rem;   
    outline: none;      
    font-size: 0.7rem;    
    border: 1px solid #6c6b6f;     
    border-radius: 0.75rem; 
    margin:0 auto;
    margin-bottom: 0.5rem; 
    display:block;
    padding-left:0.5rem;
    line-height:1.5rem;	
}
.loginfirstinput{
	margin-top:1.5rem;
}
.quitbut{   
    width: 300px;   
    float:left;
    min-height: 20px;   
    display: block;   
    background-color: #4a77d4;   
    border: 1px solid #3762bc;   
    color: #fff;   
    padding: 9px 14px;   
    font-size: 15px;   
    line-height: normal;   
    border-radius: 5px;   
    margin: 0;   
}
.login_btncontainer{
	width:80%;
	height:1.5rem;
	margin:0 auto;
}
.QuitBtncontainer{
	width:10.5rem;
	height:1.5rem;
	margin:20px auto;
}
.but{   
    width: 5rem;   
    float:left;
    height: 1.5rem;   
    display: block;   
    color: #fff;    
    font-size: 0.6rem;   
    line-height: normal;   
    border-radius: 0.75rem;   

}
.quxiaologin{
	background-color: #f11229;   
    border: 1px solid #c50d20; 
    background-color: #f11229;
    border: 1px solid #c50d20;
    font-size: 0.6rem;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    color: #fff;
    margin: 0 auto;
}


.shipdetaillink{
	float:left;
	text-align:center;
	display:none;
	text-decoration: none;

}
.pscback{
	/*position:absolute;
	left:0;
	top:0;
	height:1rem;
	width:100%;
	background:#000066;
	color:#FFFFFF;
	line-height:1rem;
	padding-left:0.8rem;*/
	width: 100%;
    height: 1.5rem;
    background: #BDD9D9;
    z-index: 999;
}
.subpasback{
	width:3rem;
	height:1.5rem;
	line-height:1.5rem;
}
.subpasback a{
	font-size:0.7rem;
	vertical-align:middle;    
	text-decoration: none;
}
.pscback img{
	width: 0.5rem;
    height: 1rem;
    margin-left: 0.4rem;
}
.shipdetailbox{
	width:100%;
	height:100%;
	overflow:hidden;
}
.guanzhubox{
	height:100%;
	line-height:100%;
	text-align:center;
	width:100%;
}
#delguanzhu,#guanzhu{
	
	
}
.guanzhubox button{

	width:2.5rem;
	height:1rem;
	background:#24d1cf;
	border-radius:6px;
	color:#FFFFFF;
	text-decoration: none;
	border:1px solid #19b4b2;
}
.guanzhubox a{
	width:2.5rem;
	height:calc(1rem - 2px);
	background:#24d1cf;
	border-radius:6px;
	color:#FFFFFF;
	text-decoration: none;
	border:1px solid #19b4b2;
	display:block;
	line-height: 1rem;
}
.guanzhubox a:visited,.guanzhubox a:link{
	color:#ffffff;
	text-decoration: none;
}
.guanzhubox button:active{
	background:#1fc8c6;
}
.sharebox{
	float:left;
	width:33%;
	height:100%;
	line-height:100%;
	text-align:right;
	/* display:none; */
}
.showsharebox{
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1000;
}
.sharepassageway{
	width:80%;
	height:6rem;
	margin:0 auto;
	margin-top:50%;
}
.sharetowechat,.sharetoqq{
	width:50%;
	height:100%;
	float:left;
	text-align:center;
}
.sharepassageway h2{
	font-size:0.8rem;
	color:#9f9f9f;
	margin-top:1rem;
}
.sharewecharticon{
	width:3rem;
	height:3rem;
	margin:0 auto;
	background-image:url(img/wapimage.png);
	background-position: -295px -66px;
    background-size: 820px;
	
}
.shareqqicon{
	width:3rem;
	height:3rem;
	margin:0 auto;
	background-image:url(img/wapimage.png);
	background-position: -400px -66px;
    background-size: 820px;
}
.cancelbtn{
	width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/shareClose.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 0.75rem);
}
.loginlogo{
	height:2.5rem;
	width:7.6rem;
	background-image: url(img/wapimage.png);
    background-repeat: no-repeat;
	background-position:0 -46px;
	background-size: 577px 190px;
	margin:50px auto;
	margin-bottom:1.5rem;
}
.waplogincontainer{
	overflow:hidden;
}
.fleetuseNotice{
	width:80%;
	height:30px;
	text-align:left;
	margin:0 auto;
}
.fleetuseNotice p{
	font-size:14px;
	font-family:'微软雅黑';
	color:rgba(0,0,0,0.8);
}
#logoutNotice{
	height: 30px;
    font-size: 16px;
    text-align: left;
}
.loginusername{
	width:80%;
	height:1.5rem;
	border-bottom:1px solid #666666;
	background:none;
	line-height:1.5rem;
	margin:0.5rem auto;
	display:block;
	font-size:0.6rem;
}
.loginhelp_box{
	width:80%;
	height:1.5rem;
	margin:0.5rem auto;
	
}
.register{
	color:#3e91e6;
	font-size:0.5rem;
	float:left;
}
.mobilelogin{
	color:#6b6b6b;
	font-size:0.5rem;
	float:right;
}
.querenlogin{  
    font-size: 0.6rem;    
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #64C707;
    border-radius: 3px;
    color: #fff;
    margin: 0 auto;
}
.modifypassword_aply{
	background-color: #83d150;   
    border: 1px solid #53a21f; 
    box-shadow: 0.1rem 0.1rem 0.3rem #83d150;
    width:100%;
    height: 1.5rem;   
    display: block;   
    color: #fff;    
    font-size: 0.6rem;    
    border-radius: 0.75rem;
}
.loginerror{
	display:block;
	font-size:0.5rem;
	color:#ff0000;
	text-align:center;
	margin:0.5rem auto;
}
.shortform{
	width:80%;
	height:1.5rem;
	overflow:hidden;
	margin:0.5rem auto;
}
.shortform input[type=text]{
	float:left;
	width:50%;
	border-bottom:1px solid #666666;
	background:none;
	line-height:1.5rem;
	display:block;
	font-size:0.6rem;
	margin:0;
	height:90%;
}
.shortform input[type=number]{
	float:left;
	width:50%;
	border-bottom:1px solid #666666;
	background:none;
	line-height:1.5rem;
	display:block;
	font-size:0.6rem;
	margin:0;
	height:90%;
}
.shortform input[type=email]{
	float:left;
	width:50%;
	border-bottom:1px solid #666666;
	background:none;
	line-height:1.5rem;
	display:block;
	font-size:0.6rem;
	margin:0;
	height:90%;
}
.shortform div{
	float:right;
	width:40%;
	display:block;
	height:100%;
}
.verificationimg{
	
}
.verificationimg img{
	width:100%;
	height:100%;
	text-align: center;
    line-height: 1.5rem;
}
.shortform input[type=button]{
	width:100%;
	border:1px solid #0589ad;
	line-height:1.5rem;
	display:block;
	font-size:0.6rem;
	height:100%;
	background:#22c1ed;
	color:#FFFFFF;
	border-radius:0.75rem;
}
.shortform button{
	width:100%;
	border:1px solid #0589ad;
	line-height:1.5rem;
	display:block;
	font-size:0.6rem;
	height:100%;
	background:#22c1ed;
	color:#FFFFFF;
	border-radius:0.75rem;
}
.protocol{
	width:80%;
	height:1.5rem;
	overflow:hidden;
	margin:0.5rem auto;
}
.leftprotocol{
	float:left;
}
.rightprotocol{
	float:right;
}
.protocol input{
	width:0.75rem;
	height:0.75rem;
	border:1px solid #CCCCCC;
	vertical-align:middle;
	-webkit-appearance: checkbox;
}
.protocol a{
	font-size:0.5rem;
	color:#666666;
	vertical-align:middle;
	
}
#flagspan img{
	border:1px solid #999999;
	vertical-align:top;
}

.recentvisit {
    position: absolute;
    top:2rem;
    left: 2.8rem;
    right: 0.7rem;
    z-index: 1001;
    overflow-x: hidden;
    border: 1px solid #888;
    background-color: #fff;
    display:none;
    margin: 0;
    padding: 0;
    padding-left:1.1rem;
}
.convoy_control_box{
	width:7rem;
	height:12rem;
	background:rgba(255,255,255,1);
	position:absolute;
	right:0.65rem;
	top:calc(5.9rem + 32px);
	z-index:1002;
	display:none;
	border-radius:5px;
	overflow:hidden;
}
.convoy_controlBottom{
	width:100%;
	height:1rem;
	overflow:hidden;
	background-color:#999999;
}
.convoy_controlBottom:after{
	content:"";
	display:block;
	clear:both;
}
.convoy_controlBottom>div:first-child{
	width:50%;
	height:100%;
	background-image:url(../img/wechartV2Gear.png);
	background-position:5px 3px;
	background-repeat: no-repeat;
	float:left;
	background-size:17px;
}
.convoy_controlBottom>div:last-child{
	width:50%;
	height:100%;
	float:right;
	text-align:right;
	color:#fff;
	line-height: 1rem;
}
.trajFrame{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	top:0;
	left:0;
	z-index:1002;
	display:none;
}
.trajFrame iframe{
	width:90%;
	height:80%;
	margin:10% 5%;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 5px;
    box-sizing:border-box;
}
.trajFrame>div{
	position:absolute;
	width:1.5rem;
	height:1.5rem;
	border-radius:0.75rem;
	left:calc(50% - 1rem);
	bottom:1.5rem;
	background-image:url(../img/shareClose.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.convoyListContent{
	width:100%;
	height:calc(100% - 1rem);
	overflow-y:hidden;
	overflow-x:hidden;
}
.convoyList{
	width:100%;
	height:auto;
	
}
.fleetCover{
	background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1001;
}
.convoyCover{
	width:100%;
	height:1rem;
	background:rgba(141,195,255,0.6);
	margin-bottom:0.1rem;
}
.fleetlistImg{
	float:left;
	height:0.7rem;
	margin:0.15rem 0.2rem 0 0.8rem;
}
.fleetlistImg{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 鍜�Chrome */
	-o-transform:rotate(90deg); 	/* Opera */
}
.normalfleetlist{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 鍜�Chrome */
	-o-transform:rotate(0deg); 	/* Opera */
}
.fleetlistName{
	float:left;
}
.closefleetlist{
	float:right;
	height:0.7rem;
	margin:0.15rem 0.8rem 0 0;
}
.convoyshipContent{
	width:100%;
	height:auto;
}
.convoyship{
	width:calc(100% - 2rem);
	margin:0 auto;
	border-bottom:1px dashed #CCCCCC;
	height:1.5rem;
	
}
.convoyship span{
	float:left;
	line-height:1.5rem;
}
.convoyship img{
	float:right;
	height:0.5rem;
	margin-top:0.5rem;
}
.fleetiframe{
	width:100%;
	height:100%;
	border:none;
}
.trajwindcontrol{
	width: 16rem;
    height: 1.2rem;
    margin: 0 auto;
    margin-top: 0.25rem;
    display:none;
}
.subtrajwind{
	width:3rem;
	height:0.7rem;
	line-height:1.2rem;
	display: inline-block;
}
.subtrajwind input[type="checkbox"]{
	float:right;
	width:0.7rem;
	height:0.7rem;
	-webkit-appearance: none ;
	vertical-align:middle;
	margin-top:0.15rem;
	margin-right:0.4rem;
	border:2px solid #eee;
	border-radius:3px;
}
.subtrajwind input[type="checkbox"]:checked{
	background:url(../img/checkboxchecked.png) no-repeat;
}
.subtrajwind span{
	float:right;
	vertical-align:middle;
	color:#fff;
}



/*鑸硅埗妗ｆ椤甸潰鏍峰紡*/

.detailHeader{
	width: 100%;
    height: 30px;
    background-color: #999999;
    color: #fff;
    font-size:12px;
    line-height:30px;
    text-indent:10px;
}
.detailHeader img{
	height:1.8rem;
	position:absolute;
	left:0.5rem;
	top:0.6rem;
}
.detailHeader h3{
	width:100%;
	height:100%;
	text-align:center;
	line-height:3rem;
	color:#FFFFFF;
	font-size:1rem;
	font-weight:normal;
	
}
.detailNavContent{
	width:100%;
	height:2rem;
	background:#B5F07E;
	overflow:hidden;
	position:relative;
}
.detailNavContent:before{
	content:'<';
	position:absolute;
	top:10px;
	left:2px;
	font-size:20px;
	color:#666;
}
.detailNavContent:after{
	content:'>';
	position:absolute;
	top:10px;
	right:2px;
	font-size:20px;
	color:#666;
}
.subdetailNavContent{
	width:90%;
	height:1.5rem;
	margin:0.25rem auto 0 auto;
	/*border-radius: 1rem;
    box-shadow: inset 0px 1px 3px 1px rgba(0,0,0,0.3);
    border: 1px #2c6acb solid;
    border-left: 1px #215ab4 solid;
    border-top: 1px #215ab4 solid;
    border-right: 1px #215ab4 solid;*/
    overflow:hidden;
    padding:0 0.1rem;
    
}
.scroolNav{
	width:100%;
	height:200%;
	overflow-x: auto;
	overflow-y: hidden;
	
}
.scroolNav ul{
	height:1.3rem;
	width:30rem;
}
.scroolNav ul li{
	line-height:1.4rem;
}
.scroolNav ul li a{
	font-size:0.6rem;
	line-height:1.4rem;
	display:block;
	width:100%;
	height:100%;
}
.ordinaryNav{
	margin-top:0.08rem;
	height:1.3rem;
	float:left;
	text-align:center;
	padding:0 10px;
	color:#212121;
}
.ordinaryNav_on{
	margin-top:0.08rem;
	padding:0 10px;
	height:1.3rem;
	float:left;
	text-align:center;
	color: #ffffff;
    background: #6dc719;
}
.basicInformationNav_on{
	margin-top:0.08rem;
	width:3rem;
	height:1.3rem;
	float:left;
	text-align:center;
	background:#daeaff;
	color:#2a6cc1;

}
.basicInformationNav_off{
	margin-top:0.08rem;
	width:3rem;
	height:1.3rem;
	float:left;
	text-align:center;
	color:#ffffff;

}
.stopRecordNav_on{
	margin-top:0.08rem;
	width:3rem;
	height:1.3rem;
	float:left;
	text-align:center;
	color:#2a6cc1;
	background:#daeaff;

}
.stopRecordNav_off{
	margin-top:0.08rem;
	width:3rem;
	height:1.3rem;
	float:left;
	text-align:center;
	color:#ffffff;
}
.basicInformation{
	width:100%;
	height:auto;
}
.ContentContainer{
	display:none;
}
.detailGreyList{
	width:100%;
	height:2rem;
	background:#eaeef1;
}
.detailGreyList div{
	width:45%;
	height:100%;
	float:left;
	padding-left:0.5rem;
}
.detailGreyList div span{
	display:block;
	font-size:0.5rem;
	line-height:1rem;
	color:#333333;
	width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.detailGreyList div font{
	display:block;
	font-size:0.5rem;
	line-height:1rem;
	color:#999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.detailWhiteList{
	width:100%;
	height:2rem;
	background:#ffffff;
}
.detailWhiteList div{
	width:45%;
	height:100%;
	float:left;
	padding-left:0.5rem;
}
.detailWhiteList div span{
	display:block;
	font-size:0.5rem;
	line-height:1rem;
	color:#333333;
	width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.portnameclip{
	
}
.detailWhiteList div font{
	display:block;
	font-size:0.5rem;
	line-height:1rem;
	color:#999999;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.shipSize,.shipVolume,.managementInformation,.classificationSociety,.constructionInformation,.powerPlant,.marineEquipment,.heaveToRecord{
	width:100%;
	height:auto;
	display:none;
}
.heaveToRecord{
	overflow:hidden;
	min-height:calc(100% - 2rem);
	position:relative;
}
.classificationSociety,.powerPlant{
	background:#efeff4;
	height: calc(100% - 3rem);
}
.societyList{
	width:100%;
	background:#FFFFFF;
	border-top:1px solid #d9d9d9;
	padding-top:0.5rem;
}

.subSocietyList{
	width:100%;
	height:3rem;
	border-bottom:1px dashed #d9d9d9;
	/*padding:0.5rem 0;*/
}
.noborder{
	border:none;
}
.height2_5{
	height:2.5rem;
}
.font0_6{
	font-size:0.6rem;
}
.topdistance{
}
.subSocietyList h1{
	font-size:0.75rem;
	line-height:1rem;
	margin:0;
	padding:0;
	padding-left:0.5rem;
	font-weight:normal;
	color:#333333;
}
.pullloadmore{
	width:100%;
	height:1rem;
	text-align:center;
	font-size:0.5rem;
	position:absolute;
	bottom:0.2rem;
	left:0;
	right:0;
	display:none;
}
.pullloading{
	width:100%;
	width:100%;
	height:1rem;
	text-align:center;
	font-size:0.5rem;
	position:absolute;
	bottom:0.2rem;
	left:0;
	right:0;
}
.pullloading img{
	width:0.8rem;
	vertical-align:middle;
}
.pullloading span{
	vertical-align:middle;
}
.stopshiplist{
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	margin:0 0 0.5rem 0;
	box-shadow: 0 2px 5px #e5e5e5;
}
.stopshiplist div div{
	padding-left:5%;
}
#ShipStopList{
	background: #f3f3f3;
	height:calc(100% - 5rem);
	overflow-y: auto;
}


/*2017-07-06鏂板*/
.shipDetailDialog{
	width:100%;
	height:100%;
	margin:0 auto;
	padding-bottom:3px;
}
.shipDetailDialogTop{
	width:100%;
	height:calc(2.3rem + 30px);
}
.shipDetailDialogTopText{
	width:100%;
	height:100%;
}
.shipDetailDialogTopImg{
	float:left;
	width:150px;
	height:100%;
	position:relative;
}
.DialogHangci{
	width:100%;
	height:2.3rem;
}
.DialogHangci .startUpdateTime{
	width:100%;
	height:1.15rem;
	text-align:center;
}
.DialogHangci .startUpdateTime p{
	display:inline-block;
	line-height:1.5rem;
	color:#CACACA;
	text-align:center;
}
.subdialoghangci{
	width:calc((100% - 140px)/2);
	height:100%;
	float:left;
	display:block !important;
}
.subdialoghangci #fleetStartPortname{
	width:100%;
	height:1.5rem;
	line-height:1.5rem;
	font-size: 0.8rem;
    font-family: 'Arial';
    color: #64C707;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align:center;
    padding-right: 5px;
    box-sizing: border-box;
}
.subdialoghangci #fleetStartPorttime{
	width: 100%;
    height: 0.7rem;
    text-align: left;
    color: #fff;
    font-size: 0.5rem;
    text-align:center;
}
.subdialoghangci #fleetEndPortTime{
	width: 100%;
    height: 0.7rem;
    text-align: right;
    color: #fff;
    font-size: 0.5rem;
    text-align:center;
}
.subdialoghangci #fleetEndPortName{
	width:100%;
	height:1.5rem;
	line-height:1.5rem;
	font-size: 0.8rem;
    font-family: 'Arial';
    color: #64C707;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align:center;
    padding-left: 5px;
    box-sizing: border-box;
}
.DialogViewTrack{
	position:relative;
	text-align:center;
	width:140px;
}
.DialogViewTrack #fleetSpeed{
	width:100%;
	height:1.15rem;
	line-height:1.15rem;
	color: #cacaca;
    font-size: 0.5rem;
}
.DialogViewTrack .ViewTrackLine{
	width:100%;
	height:1.15rem;
	line-height:1.15rem;
	border-bottom:2px solid #3895E2;
	box-sizing:border-box;
	color:#CACACA;
	letter-spacing: -1px;
}
.DockingUpdateTime{
	/*width:100%;
	height:1.15rem;*/
	
}
.DialogViewTrack #voyageUpdateTime{
	width:100%;
	height:0.7rem;
	line-height:0.7rem;
	color: #5d5d5d;
    font-size: 0.5rem;
}
.shipDetaildialogBottom{
	width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.2);
	
}
.DetailDialogTopShipName{
	width:10rem;
	height:1rem;
}
.DetailDialogTopShipName span{
	font-size:0.7rem;
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.DialogBottomcolumn1{
	width:100%;
	height:1.7rem;
	padding-left: 0.5rem;
}
.DialogBottomcolumn2{
	width:100%;
	height:1.6rem;
	padding-left: 0.5rem;
}
.DialogBottomcolumn3{
	width:100%;
	height:1.6rem;
	padding-left: 0.5rem;
}
.DialogBottomcolumn4{
	width:100%;
	max-height:2.0rem;
	position:relative;
}
.shengjibtn{
	position:absolute;
	right:0.5rem;
	display:block;
	width:3rem;
	height:22px;
	top:0;
	text-align:center;
	line-height:22px;
	background: #24d1cf;
	color:#fff;
	border-radius:3px;
	text-decoration: none !important;
}
.shengjibtn:active,.shengjibtn:link,.shengjibtn:visited,.shengjibtn:hover{
	color:#fff !important;
}
.shengjibtn:active{
	background:#1ec1bf;
}
.DialogBottmlist{
	width:45%;
	height:18px;
	float:left;
	display:block !important;
	color:#ddd;
	line-height:18px;
	font-size:12px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.DialogBottmlist01{
	width:50%;
	height:18px;
	float:left;
	display:block !important;
	color:#ddd;
	line-height:18px;
	font-size:12px;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.DialogBottmlistcolumn{
	width:100%;
	height:22px;
	display:block;
	color:#ddd;
	line-height:22px;
	padding-left:0.6rem;
}
.shengjitip{
	line-height:22px;
}
.shengjitip span{
	color:#ff0000;
}
#stopinfo{
    color: #ddd;
    font-size:0.5rem;
    text-align: center;
    height:1.15rem;
	line-height:1rem;
}
.startinfo{
	height: 0.8rem;
    line-height: 0.8rem;
    color: #333333;
    font-size:0.5rem;
	
}
.startinfo span{
	margin-left:0.5rem;
}

#timebefor{
	color:#0056c0;
}
#markercontent{
	width:100%;

	height:140px;

	text-indent:10px;

	
	position:absolute;
	bottom:0px;
	z-index:1002;
	background-color:rgba(30,30,30,0.75);
	color:#fff;

}


#markercontent div.markerContentLeft{
	line-height:30px;
	width:calc(100% - 80px);
	float:left;
	margin-top:10px;
}
#markercontent div.markerContentLeft>div{
	width:100%;
	height:30px;
	line-height:30px;
	
}
#markercontent div.markerContentLeft>div label{
	display:block;
	float:left;
	min-width: 70px;
	height:26px;
	line-height:26px;
}
#markercontent div.markerContentLeft>div span{
	display:block;
	float:left;
	text-align:center;
	width:15px;
	height:26px;
	text-indent: 5px;
}
#markercontent div.markerContentLeft>div input[type=text],#markercontent .latlonCon select{
	width:55px;
	display: block;
	float: left;
	border:none;
	border: 1px solid #ccc;
	line-height: 26px;
	height: 26px;
	background:none;
	color:#fff;
	border-radius:3px;
	text-indent:3px;
	box-sizing:border-box;
}
#markercontent div.markerContentLeft>div input[type=text]#marker_name{
	width: calc(100% - 100px);
}
#markercontent div.confirmContent{
	line-height:30px;
	width:80px;
	float:right;
	margin-top:10px;
}
#markercontent .confirmContent button{
	width:60px;
	height:26px;
	color:#fff;
	background-repeat:no-repeat;
	background-position:center left;
	background-size:26px;
	text-indent:28px;
	display:block;
	margin:13px 0;
}
#markercontent .confirmContent button:first-child{
	background-image:url(../img/wechartv2okgreen.png);
}
#markercontent .confirmContent button:last-child{
	background-image:url(../img/wechartv2cancelgreen.png);
}
#markercontent div:after{
	content: '';
	display: block;
	clear: both;
}

.layui-layer.layui-anim.layui-layer-page{
	border: 4px solid rgb(255, 255, 255);
    box-sizing: border-box;
}
.layui-layer.layui-anim.layui-layer-page .layui-layer-btn .layui-layer-btn0{
	background: #00b008;
	font-size:12px;
	font-weight:normal;
	padding:0 30px;
}
.layui-layer.layui-anim.layui-layer-page .layui-layer-btn .layui-layer-btn1{
	font-size:12px;
	font-weight:normal;
	padding:0 30px;
}
#markercontent .markerContentTitle{
	width: 100%;
    height: 30px;
    
    border-bottom:1px solid #eee;
}
#markercontent .markerContentTitle span:first-child{
	float:left;
	color: #fff;
    line-height:30px;
    width:calc(100% - 80px);
    display:block;
}


#markercontent .markerContentTitle span:last-child button{
	color: #fff;
	display: block;
    width: 60px;
    height: 22px;
    line-height: 22px;
    background: #64C707;
    border-radius: 3px;
    margin-top:4px;
}
.trajcontentCon{
	width:100% !important;
	top:inherit !important;
	left:0 !important;
	/*top:calc(100vh - 200px) !important;
	height:200px !important;
	*/
	bottom:0 !important;
	border-radius:0 !important;
	background-color:rgba(0,0,0,0.65) !important;
}
#trajcontent{
	width:100%;
	height:100%;
	position:relative;
}
.trajcontentSwitch{
	position: absolute;
    right: 5px;
    top: -24px;
    width: 20px;
    height: 20px;
    background-color: #f00;
    border-radius: 15px;
    text-align: center;
    background-image:url(../img/wechartv2closedialog.png);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    
}
.home_control{
	width:100%;
	height:100%;
	padding:10px;
	box-sizing:border-box;
	padding-bottom:0;
}
.trajectoryships{
	width:100%;
	min-height:25px;
	line-height:25px;
}
.trajectoryships:after{
	display: block;
	content: '';
	clear: both;
}
.trajectoryships .inputbox{
	width:calc(100% - 60px);
	float: left;
}
.trajectoryships .inputbox input{
	width:90%;
	height:21px;
	border:1px solid #aaa;
	border-radius:4px;
	text-indent:5px;
	font-size:12px;
	background:none;
	color:#aaa;
}
.trajectoryships .buttonbox{
	width:60px;
	float: left;
}
.trajectoryships .buttonbox button{
	width:50px;
	height:25px;
	text-align: center;
	line-height:25px;
	background:#00b008;
	border-radius:4px;
	color:#fff;
}
.home_control .timeoutbox{
	width:100%;
	height:26px;
	line-height:26px;
	margin:5px 0;
}
.home_control .timeoutbox:after{
	content: '';
	display: block;
	clear: both;
}
.home_control .timeoutbox span{
	float: left;
	display: block;
	height:100%;
	line-height:30px;
	margin:0 2px;
	font-size:12px;
	color:#eee;
	float:left;
	width:30px;
}
.home_control .timeoutbox>div{
	width:calc(50% - 36px);
	float:left;
	height:25px;
	overflow:hidden;
	border:1px solid #ddd;
	border-radius:5px;
	position:relative;
}/*
.home_control .timeoutbox>div:after{
    content: "(UTC)";
    position: absolute;
    right: 2px;
    top: 0;
    line-height: 25px;
    color: #fff;
}*/
.home_control .timeoutbox input{
	float: left;
	display: block;
	width:145px;
	height:25px;
	text-indent:1px;
	
	color:#ddd;
	background:none;
    word-spacing: -3px;
    letter-spacing: -1px;
    line-height:24px;
}
.home_control .buttonoutbox{
	width:100%;
	height:24px;
	line-height:24px;
	margin:5px 0;
}
.home_control .buttonoutbox button,.home_control .buttonoutbox input{
	display: block;
	float: left;
	width:80px;
	height:28px;
	margin:0 5px;
	background-size:24px 24px;
	background-position: left center;
	background-repeat:no-repeat;
    background-color: initial;
    color:#fff;
    text-align:left;
    text-indent:26px;
}
.home_control .buttonoutbox button:first-child{
	margin-left:calc(50% - 120px);
	background-image:url("../img/wechartv2playtraj.png?v=201803231000");
}
.home_control .buttonoutbox input{
	background-image:url("../img/wechartv2shareTraj.png?v=201803231105");
	width:80px;
}
.home_control .buttonoutbox button:last-child{
	background-image:url("../img/wechartv2finishtraj.png?v=201802281339");
}
.customSignBtn{
	background-color: #f2ec00 !important;
}
.wapBind{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom:0;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	display:none;
}
.wapBind form{
	width:80%;
	height:220px;
	background:#fff;
	position:absolute;
	left:10%;
	top:calc(50vh - 110px);
	border-radius:5px;
}
.wapBind form .telPhoneBind{
	width:100%;
	height:100%;
	padding:8px;
	box-sizing:border-box;
	
}
.wapBind form .countBind{
	width:100%;
	height:100%;
	padding:8px;
	box-sizing:border-box;
	padding:8px;
	display:none;
}
.wapBind form .bindList{
	width:90%;
	min-height:30px;
	margin:5px auto;
}
.wapBind form .bindList:after{
	content:'';
	display:block;
	clear:both;
}
.wapBind form .bindList p{
	width:100%;
	height:25px;
	color:#f00;
	line-height:25px;
	text-align:left;
	clear:both;
	display:none;
}
.telPhoneBind .bindList .nextStepCheck{
	text-align:center;
}
.bindList input[type=text]{
	width:calc(100% - 10px);
	height:30px;
	line-height:30px;
	float:left;
	border-bottom:1px solid #eee;
}
.bindList input[type=text].phoneCheckCode{
	float:left;
	width:calc(100% - 90px);
}
.bindList input[type=button]{
	width:80px;
	height:25px;
	border:none;
	border-radius:13px;
	float:right;
	margin-top:3px;
	background: #22c1ed;
    border: 1px solid #0589ad;
    color:#fff;
}
.bindList button[type=button]{
	width:80%;
	height:30px;
	border-radius:15px;
	margin:0 auto;
	display:block;
	background-color: #83d150;
    border: 1px solid #53a21f;
    box-shadow: 0.1rem 0.1rem 0.3rem #83d150;
    color: #fff;
    font-size: 0.6rem;
}
.bindList button[type=submit]{
	width:80%;
	height:30px;
	border-radius:15px;
	margin:0 auto;
	display:block;
	background-color: #ff6355;
    border: 1px solid #a21f1f;
    box-shadow: 0.1rem 0.1rem 0.3rem #d17250a1;
    color: #fff;
    font-size: 0.6rem;
}
.telPhoneBind .bindList:nth-of-type(3),.countBind .bindList:last-child{
	margin-top:20px;
}
.telPhoneBind input[type=text]:after{
	content:'*';
	color:#f00;
}
.telPhoneBind .bindList span{
	display:block;
	float:left;
	width:10px;
	height:30px;
	line-height:30px;
	color:#f00;
	text-align:center;
}
.bindTips{
	width: 90%;
    height: 30px;
    margin: 5px auto;
    line-height:30px;
    text-align:center;
}

.CustomerPhone{
	width:100%;
	height:22px;
	padding-left:0.6rem;
	color:#ddd;
	line-height:22px;
}
.CustomerPhone input[type=tel]{
	background-color: transparent;
	width:100px;
	height:100%;

}




/*船队功能弹窗样式*/
.noticeDialog,.turngroupDialog,.deleteshipDialog,.noteDialog,.changeShipNameDialog,.setTelDialog{
	position:absolute;
	width:80%;
	box-sizing:border-box;
	background-color:#fff;
	border-radius:5px;
	left:10%;
	z-index:1002;
}
.turngroupDialog{
	top:100px;
	display:none;
}
.turngroupDialog .operation{
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.turngroupDialog .operation:after{
	display:block;
	clear:both;
	content:'';
}
.turngroupDialog .leftpart{
	width:50px;
	float:left;
	margin:10px 0;
	display:none;
}
.turngroupDialog .leftpart label{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
}
.turngroupDialog .rightpart{
	width:calc(100% - 50px);
	margin:20px auto;
	position:relative;
	height:28px;
}
.turngroupDialog .rightpart input[type=text]{
	width:calc(100% - 25px);
	height:28px;
	border:1px solid #ccc;
	position:absolute;
	top:0;
	left:0;
	z-index:1001;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.turngroupDialog .rightpart select{
	width:100%;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	z-index:1000;
	border-radius: 3px;
}
.turngroupDialog .submitBtn{
	width:100%;
	height:30px;
	margin:20px 0;
}
.turngroupDialog .submitBtn button{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	background:#64C707;
	border-radius:3px;
	color:#fff;
    margin: 0 auto;
}
.cancelTurnGroup{
	width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
    position: absolute;
    left: calc(50% - 0.75rem);
    bottom: -3rem;
    background-image: url(../img/shareClose.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.noteDialog{
	top:100px;
	display:none;
}
.noteList{
	width:100%;
	max-height:150px;
	padding:0 10px;
	box-sizing:border-box;
	margin:10px 0;
	overflow-y:auto;
}
.noteList ul{
	width:100%;
	
}
.noteList ul li{
	border-bottom:1px dashed #ccc;
}
.noteList ul li:after{
	content:'';
	display:block;
	clear:both;
}
.noteList ul li span,.noteList ul li p{
	display:block;
	float:left;
    height:22px;
    line-height:22px;
}
.noteList ul li span:first-child{
	width:12px;
}
.noteList ul li span:last-child{
	width:120px;
	float:right;
	text-align:right;
}
.noteList ul li p{
	max-width:calc(100% - 132px);
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.noteDialog>div.submitBtn{
	width:100%;
	height:30px;
	margin:20px 0;
}
.noteDialog>div.notrarea{
	width:100%;
	height:50px;
	padding:0 10px;
	box-sizing:border-box;
}
.noteDialog>div.notrarea textarea{
	resize:none;
	width:100%;
	height:100%;
	font-size:12px;
	color:#666;
	text-indent:5px;
	box-shadow: 0 1px 3px 0 rgba(152,192,96,0.50);
	border:none;
	border-radius:4px;
	line-height:18px;
}

.noteDialog>div.submitBtn button{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	background:#64C707;
	border-radius:3px;
	color:#fff;
    margin: 0 auto;
}
.cancelNoteDialog{
	width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
    position: absolute;
    left: calc(50% - 0.75rem);
    bottom: -3rem;
    background-image: url(../img/shareClose.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.changeShipNameDialog{
	top:100px;
	padding:40px 10px;
	display:none;
}
.changeoInp{
	width:100%;
	height:30px;
	margin:15px 0;
	padding:0 10px;
	box-sizing:border-box;
}
.changeoInp:after{
	content:'';
	display:block;
	clear:both;
}
.changeoInp label{
	display:block;
	height:30px;
	width:50px;
	float:left;
	line-height:30px;
}
.changeoInp input[type=text]{
	display:block;
	width:100%;
	float:left;
	height:30px;
	border:none;
	border-radius:5px;
	color:#666;
	font-size:12px;
	box-shadow: 0 1px 3px 0 rgba(152,192,96,0.50);
	text-indent:5px;
	box-sizing:border-box;
}
.changeoInp input[type=text]:focus{
	border:1px solid #06b84a;
}
.ChangeoBtn{
	width:100%;
	height:30px;
	margin:15px 0;
}
.ChangeoBtn button{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	background:#00b008;
	border-radius:3px;
	color:#fff;;
	margin:0 auto;
}

.setTelDialog{
	top:100px;
	display:none;
}
.fleetDialog{
	box-sizing:border-box;
	border:4px solid #fff;
	background:#E0FBBA;
}
.fleetDialog .dialogHeader{
	width:100%;
	height:30px;
	line-height:30px;
	background-color:#999;
	color:#fff;
	text-indent:5px;
}
.fleetDialog .defaultText{
	font-size:12px;
	line-height:30px;
	padding:0 10px;
	box-sizing:border-box;
	height:30px;
	width:100%;
}
.fleetDialog .cancelNewTel{
	width:1.5rem;
	height:1.5rem;
	border-radius:0.75rem;
	position:absolute;
	left:calc(50% - 0.75rem);
	bottom:-3rem;
	background-image: url(../img/shareClose.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.fleetDialog .dialogTelList{
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.fleetDialog .dialogTelList:after{
	content:'';
	display:block;
	clear:both;
}
.fleetDialog .dialogTelList .telephoneNoList{
	width:calc(100% - 70px);
	float:left;
	max-height:100px;
	overflow-y:auto;
}
.fleetDialog .dialogTelList .telephoneNoList input[type=text]{
	display: block;
    width: 100%;
    height: 30px;
    border: none;
    border-radius: 5px;
    color: #666;
    font-size: 12px;
    box-shadow: 0 1px 3px 0 rgba(152,192,96,0.50);
    text-indent: 5px;
    outline:none;
    box-sizing:border-box;
    margin-bottom:2px;
}
.fleetDialog .dialogTelList .telephoneNoList input[type=text]:focus{
	border:1px solid #06b84a;
}
.fleetDialog .dialogTelList .telephoneNoBtn{
	width:60px;
	float:right;
}
.fleetDialog .dialogTelList .telephoneNoBtn button{
	width:100%;
	height:30px;
	border-radius:4px;
	background: #00b008;
	color:#fff;
	margin-bottom:2px;
}
.noticeDialog{
	top:100px;
	padding:40px 10px;
	display:none;
}
.noticeDialog .noticeContent{
	width:100%;
	height:100px;
}
.deleteshipDialog{
	display:none;
}
/*2018-02-07船舶弹窗样式更改*/
.newVersionShipTitle{
	width:100%;
	height:30px;
	padding:0 10px;
	box-sizing:border-box;
	line-height:30px;
	border-bottom:1px solid rgba(238,238,238,0.5);
}
.newVersionShipTitle>section{
	float:left;
	height:30px;
	line-height:30px;
}
.newVersionShipTitle>section.DetailDialogTopIcon{
	float:right;
}
.newVersionShipTitle>section span{
	line-height:30px;
}
#shipinfo_updatetime{
	letter-spacing: -1px;
	margin-left:-5px;
}
.newVersionShipTitle>section:last-child{
	float:right;
	width:132px;
}
.updateTime{
	color:#ddd;
}
.DialogBtn{
    width:100%;
    height:2.4rem;
    border-top:1px solid rgba(238,238,238,0.5);

}
.DialogBtn .icons{
	width:100%;
	height:2rem;
	box-sizing:border-box;
    display: flex;
}
.DialogBtn .icons>div{
	display:block;
	height:100%;
    flex: 1;
}
.DialogBtn .icons>div button{
    display: block;
    width: 100%;
    height: 2.3rem;
    margin: 0 auto;
    color: #fff;
    line-height: 3.3rem;
}
.DialogBtn .icons>div .iconBtn{
    background-position: center 3px;
    background-repeat: no-repeat;
    background-size: 22px;
}
#delguanzhu{
	background-image:url(../img/wecahrtv2flowing.png);
}
#guanzhu{
	background-image:url(../img/wechartv2unflow.png);
}
#trajBtn{
	background-image:url(../img/wechartv2track.png);
}
#searchPeriphery{
	background-image:url(../img/wechartv2round.png);
}
#particulars{
	background-image:url(../img/wechartv2details.png);
}
#shareShipBtn {
	background-image:url(../img/wechartv2share.png);
}
#outGetLocation button {
    background-image:url(../img/get_location_fff.png);
}
.shipDetaildialogBottom .buttons{
	width:100%;
	height:2rem;
	padding:0.25rem 20px;
	box-sizing:border-box;
}
.shipDetaildialogBottom .buttons .LBtn{
	float:left;
	height:1.5rem;
	background-color:#64C707;
	border-radius:3px;
	color:#fff;
	margin-right:5px;
	text-align:center;
	line-height:1.5rem;
	width:calc((100% - (3rem + 30px))/2);
}
.shipDetaildialogBottom .buttons .LBtn:first-child{
	background-image:url("../img/wechartv2shipInf.png");
	background-repeat: no-repeat;
    background-size: 25px;
    background-position: 8px center;
    text-indent:30px;
}
.shipDetaildialogBottom .buttons .LBtn button{
	color:#fff;
	width:100%;
	height:100%;
	background-image:url("../img/wechartv2PSCIcon.png");
	background-repeat: no-repeat;
    background-size: 25px;
    background-position: 13px center;
    text-indent:23px;
}
.shipDetaildialogBottom .buttons .SBtn{
	float:left;
	width:1.5rem;
	height:1.5rem;
	border-radius:5px;
	background-color:rgba(255,255,255,0.2);
	margin-left:10px;
	background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
}
.shipDetaildialogBottom .buttons #ReportErrors{
	background-image:url("../img/wechartv2report.png");
}
.shipDetaildialogBottom .buttons #sharebtn{
	background-image:url("../img/wechartv2share.png");
}
/*气象海况部分的样式*/
#shipweather {
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.2);
	margin:10px 0;
}
.columnTitle{
	width:100%;
	height:30px;
}
.columnTitle h2{
	display:block;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:30px;
	font-family:'微软雅黑';
}
.columnTitle:before{
	content:'';
	display:block;
	float:left;
	background-color:#2EA2DB;
	width:4px;
	height:18px;
	border-radius:2px;
	margin:6px 5px 0 0;
}
.shipvoyageTitle:before{
	background-color:#A4DF6E;
}
.AnchoredTitle:before{
	background-color:#FDBF5E;
}
.shippicTitle:before{
	background-color:#12C9A6;
}
.columnTitle:after{
	content:'';
	display:block;
	clear:both;
}
.columnTitle span{
	display:block;
	float:right;
	color:#fff;
	font-size:12px;
	line-height:30px;
}
#shipweather .weatherTop{
	width:100%;
	border-bottom:1px solid rgba(238,238,238,0.4);
}
#shipweather .weatherTop:after{
	content:'';
	display:block;
	clear:both;
}
#shipweather .weatherTop>div{
	width:50%;
	float:left;
	text-align:center;
	box-sizing:border-box;
	margin-bottom:10px;
}
#shipweather .weatherTop>div:first-child{
	border-right:1px solid rgba(238,238,238,0.4);
}
#shipweather .weatherTop>div h3{
	font-size:12px;
	color:#eee;
}
#shipweather .weatherTop>div>div>span{
	color:#ddd;
}
#shipweather .weatherTop>div>div>span:first-child{
	margin-right:10px;
}
#shipweather .weatherBottom{
	width:100%;
}
#shipweather .weatherBottom:after{
	content:'';
	display:block;
	clear:both;
}
#shipweather .weatherBottom .weatherLeft{
	float:left;
	margin-top:80px;
}
#shipweather .weatherBottom .weatherLeft span{
	display:block;
	width:60px;
	height:20px;
	line-height:20px;
	color:#fff;
	text-align:right;
}
#shipweather .weatherBottom .weatherRight{
	float:left;
	width:calc(100% - 60px);
	height:100%;
}
#shipweather .weatherBottom .weatherRight .weatherTime{
	width:100%;
	height:30px;
}
#shipweather .weatherBottom .weatherRight .weatherTime:after{
	content:'';
	display:block;
	clear:both;
}
#shipweather .weatherBottom .weatherRight .weatherTime span{
	display:block;
	width:97px;
	height:30px;
	line-height:30px;
	color:#ddd;
	text-align:center;
	float:left;
}
#shipweather .weatherBottom .weatherRight #weatherCanvas{
	width:100%;
	height:50px;
}
#shipweather .weatherBottom .weatherRight #weatherCanvas>div{
	width:97px;
	height:50px;
	float:left;
	text-align:center;
	overflow:hidden;
}
#shipweather .weatherBottom .weatherRight .weatherScroll .weatherTable .weatherTableList .shipdetailWatherIcon{
	width:97px;
	height:50px;
	overflow:hidden;   
}
#shipweather .weatherBottom .weatherRight .weatherScroll .weatherTable .weatherTableList .shipdetailWatherIcon img{
	width: 40px;
    height: 40px;
    margin: 5px auto;
    display:block;
}
#shipweather .weatherBottom .weatherRight .weatherScroll .weatherTable .weatherTableList .shipdetailWatherTime{
	width:97px;
	height:30px;
	line-height:30px;
}
#shipweather .weatherBottom .weatherRight #weatherCanvas:after{
	content:'';
	display:block;
	clear:both;
}
#shipweather .weatherBottom .weatherRight #weatherCanvas img{
	width:40px;
	height:40px;
	margin: 5px auto;
}
#shipweather .weatherBottom .weatherRight .weatherTable{
	width:100%;
	height:220px;
}
#shipweather .weatherBottom .weatherRight .weatherTable:after{
	content:'';
	display:block;
	clear:both;
}
#shipweather .weatherBottom .weatherRight .weatherTable>div{
	width:97px;
	float:left;
}
#shipweather .weatherBottom .weatherRight .weatherScroll{
	width:100%;
	overflow-x:auto;
	height:220px;
}
#shipweather .weatherBottom .weatherRight .weatherTable .weatherLoading{
	width:100%;
	height:100%;
	position:relative;
	min-width: 295px;
}
#shipweather .weatherBottom .weatherRight .weatherTable .weatherLoading img{
	position:absolute;
	width:36px;
	height:36px;
	top:calc(50% - 18px);
	left:calc(50% - 18px);
}

#shipweather .weatherBottom .weatherRight .weatherScrollPoint{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:12px;
	
	text-align:center;
}
#shipweather .weatherBottom .weatherRight .weatherScrollPoint span{
	color:#fff;
	font-size:12px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}
#shipweather .weatherBottom .weatherRight .weatherTable>div span{
	display:block;
	width:100%;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-size:12px;
}
#shipvoyage{
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
	margin:10px 0;
	background-color:rgba(255,255,255,0.2);
}
#shipvoyage .outvelocitycurve{
	width:100%;
	height:180px;
}
#shipvoyage .outvelocitycurve .velocitycurve{
	width:100%;
	height:100%;
}

#shipvoyage .cost_time div{
	color:#eee;
}

.HistoryAnchored{
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
	margin:10px 0;
	background-color:rgba(255,255,255,0.2);
}
.HistoryAnchored iframe{
	width:100%;
	height:190px;
}
#shippic{
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
	margin:10px 0;
	background-color:rgba(255,255,255,0.2);
}
#lefta,#righta{
	display:none !important;
}
#shippic .imgview{
	width:100%;
	height:3rem;
	overflow-x:auto;
	overflow-y:hidden;
}
#shippic .imgview .imgContent{
	max-width:1000%;
	width:auto;
	height:100%;
	white-space: nowrap;
}
#shippic .imgview .imgContent a{
	display:inline-block;
	height:100%;
	margin:0 5px;
}
#shippic .imgview .imgContent img{
	height:100%;
	margin:0 5px;
	display:inline-block;
}
.leaflet-control-container .leaflet-control-zoom .zoomInDIY{
	width:32px;
	height:32px;
	background-image:url('../img/wechartv2zoomindiyactive.png');
	background-size:14px 14px;
	background-repeat:no-repeat;
	background-position:center;
}
.leaflet-control-container .leaflet-control-zoom .zoomInDIY.leaflet-disabled{
	background-image:url('../img/wechartv2zoomindiydisable.png');
}
.leaflet-control-container .leaflet-control-zoom .zoomOutDIY{
	width:32px;
	height:32px;
	background-image:url('../img/wechartv2zoomoutdiyactive.png');
	background-size:14px 2px;
	background-repeat:no-repeat;
	background-position:center;
}
.leaflet-control-container .leaflet-control-zoom .zoomOutDIY.leaflet-disabled{
	background-image:url('../img/wechartv2zoomoutdiydisable.png');
}
.leaflet-control{
	right:0.5rem !important;
}
/*商家标注模块的样式列表*/
.merchantDialog{
	width:100%;
	height:212px;
	/*background-color:rgba(0,0,0,0.65);*/
	position:absolute;
	bottom:0;
	z-index:1001;
	display:none;
	overflow:hidden;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.merchantDialog iframe{
	width:100%;
	height:100%;
	border:none;
	background:none;
}
.merchantDialog #m-aa{
	display:block;
	width:100%;
	padding:20px 10px 10px 10px;
	box-sizing:border-box;
	
}
.merchantDialog #m-aa p{
	font-size:12px;
	color:#fff;
	line-height:18px;
}
.merchantDialog .merchantTakeUp{
	width:100%;
	height:50px;
	text-align:center;
	overflow:hidden;
	position:absolute;
}
.merchantDialog .merchantTakeUp span{
	width: 30px;
    height: 3px;
    border-radius: 2px;
    display: block;
    background-color: rgba(255,255,255,0.53);
    margin: 5px auto 0 auto;
}
.merchantDialog .merchantPIC{
	width:100%;
	height:64px;
	padding:0 10px;
	box-sizing:border-box;
	overflow-x:auto;
	overflow-y:hidden;
}
.merchantDialog .merchantPIC img{
	height:60px;
	margin-top:2px;
}
.eventnotice{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 15px;
    z-index: 1000;
    background: #F95A57;
    display:none;
}
.eventnotice .eventnotice_content{
	width:calc(100% - 1rem);
	float:left;
}
.eventnotice .eventnotice_content marquee>a{
	color:#fff;
}
.eventnotice .eventnotice_content marquee{
	background:none;
}
.eventnotice>a{
	color:#fff;
	display:block;
	width:1rem;
	float:right;
	height:100%;
	background-image:url(../img/wechartv2closeeventnotice.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:14px;
}

/*船舶资料弹窗样式  20180312添加*/
.showShipDetailFrame{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1002;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.showShipDetailFrame iframe{
	width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.closeShipDetailFrame{
	/*position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
    left: calc(50% - 1rem);
    bottom: 10px;
    background-image: url(../img/shareClose.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    /*width:30px;
	height:30px;
	border-radius:15px;
	background-color:#ff0000;
	background-image:url(../img/wechartv2closeeventnotice.png);
	position:fixed;
	bottom:10px;
	right:10px;
	background-repeat:no-repeat;
	background-size: 70%;
    background-position: center;
    box-shadow: 0 0px 4px 2px #aaa;*/
    width:1.5rem;
	height:1.5rem;
	border-radius:15px;
	background-image:url(../img/shareClose.png);
	right:calc(50% - 0.75rem);
	background-size: cover;
	position:fixed;
	bottom:10px;
	background-repeat:no-repeat;
    background-position: center;
}

.scroll{
	/*overflow: scroll;*/ 
	-webkit-overflow-scrolling: touch;
}
.shipInfoFAB{
	width:1.5rem;
	height:1.5rem;
	border-radius:15px;
	/*
	background-color:#ff0000;
	background-image:url(../img/wechartv2closeeventnotice.png);
	right:10px;
	box-shadow: 0 0px 4px 2px #444;
	background-size: 70%;*/
	background-image:url(../img/shareClose.png);
	right:calc(50% - 0.75rem);
	background-size: cover;
	position:fixed;
	bottom:10px;
	background-repeat:no-repeat;
    background-position: center;
	display:none;
}

/*报错页面的弹窗样式*/
.reportErrorDialog{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:RGBA(0,0,0,0.6);
	z-index:1002;
	display:none;
}
.reportErrorDialog iframe{
	width:90%;
	height:80%;
	margin:10% 5%;
	background-color:#E0FBBA;
	border: 4px solid rgb(255, 255, 255);
    border-radius: 5px;
    box-sizing: border-box;
    overflow:hidden;
}
.reportErrorDialog .exitErrorDialog{
	position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
    left: calc(50% - 1rem);
    bottom: 1.5rem;
    background-image: url(../img/shareClose.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*船舶名样式设置*/
div.leaflet-marker-icon.leaflet-interactive.leaflet-zoom-animated.shipName{
	border:none !important;
	background-color:rgba(0,0,0,0.4) !important;
	color:#fff !important;
	border-radius:10px;
	padding:2px 4px;
	font-size:12px !important;
    line-height: 12px !important;
}
div.leaflet-marker-icon.leaflet-interactive.leaflet-zoom-animated.DIYText{
	border:none !important;
	background-color:rgba(255,255,255,0) !important;
	color:#000 !important;
	border-radius:0px;
	padding:0;
	font-size:12px !important;
	height: 12px;
    line-height: 12px;
    text-shadow: 0 1px white, 1px 0 white, -1px 0 white, 0 -1px white;
}
div.leaflet-marker-icon.leaflet-interactive.leaflet-zoom-animated.leaflet-div-icon{
	padding:0;
}
.leaflet-popup-tip-container .leaflet-popup-tip{
	width:7px;
	height:13px;
}
.leaflet-popup-content-wrapper .leaflet-popup-content{
	margin: 3px 15px 3px 8px;
}
.leaflet-pane leaflet-popup-pane .leaflet-zoom-animated a.leaflet-popup-close-button{
	right:-5px;
}
.layui-layer-dialog .layui-layer-title{
	background-color:#999;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:12px;
	color:#fff;
}
.layui-layer-dialog .layui-layer-setwin .layui-layer-close{
	display:none;
}
.layui-layer-dialog.layui-layer .layui-layer-content{
	padding:10px;
	font-size:12px;
}
.layui-layer-dialog .layui-layer-btn a{
	background-color:#64C707;
	font-size:12px;
	font-weight:normal;
}
/*搜周边窗口的样式列表*/
.showPeriphery{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#fff;
	z-index:1003;
}
.showPeriphery .PeripheryTitle{
	height:30px;
	line-height:30px;
	background-color:#999;
}
.showPeriphery .PeripheryTitle:after{
	content:'';
	display:block;
	clear:both;
}
.showPeriphery .PeripheryTitle>div{
	width:33.3%;
	float:left;
	color:#fff;
}
.showPeriphery .PeripheryTitle>div:nth-child(1){
	text-indent:10px;
	text-align:left;
}
.showPeriphery .PeripheryTitle>div:nth-child(2){
	text-align:center;
}
.showPeriphery .PeripheryTitle>div.closePeriphery>div{
	width: 56px;
    text-align: right;
    margin: 0 auto;
    background-image: url(../img/shareClose.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px center;
}
.showPeriphery .PeripheryTitle>div:nth-child(3){
	text-align:right;
	padding-right:10px;
	box-sizing:border-box;
}
.showPeriphery .PeripheryTitle>div:nth-child(3) img{
	width:20px;
}
.PeripheryFliterContent{
	width:100%;
	height:50px;
	background-color:#B5F07E;
	padding:0 10px;
	box-sizing:border-box;
}
.PeripheryFliterContent select{
	width:calc((100% - 100px)/3);
	margin-right:10px;
	float:left;
	border-radius: 3px;
    margin-top: 10px;
    height:30px;
}

.PeripheryFliterContent select:last-child{
	margin-right:0;
	width:70px;
}
.showPeriphery .PeripheryContent{
	/*width:calc(100% - 20px);*/
	width:100%;
	height:calc(100% - 80px);
	margin:0 auto;
	overflow:auto;
	background-color:#f5f5f5;
	-webkit-overflow-scrolling: touch;
}
.PeripheryContent #innerPeripheryContent{
	width:100%;
	height:auto;
	text-indent:10px;
}
.showPeriphery .PeripheryContent .PeripheryList{
	/*width:100%;
	height:30px;
	overflow:hidden;
	margin:5px auto;
	background-color:#fff;
	border:1px solid #2f528f;
	border-radius:3px;
	box-sizing:border-box;
	position:relative;
	box-shadow: 0px 2px 10px #ddd;*/
	width:100%;
	height:30px;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	padding:0 10px;
}
.showPeriphery .PeripheryContent .PeripheryList:nth-child(odd){
	background-color:#eaeef1;
}
.showPeriphery .PeripheryContent .PeripheryList:nth-child(even){
	background-color:#fff;
}
.showPeriphery .PeripheryContent .PeripheryList:after{
	width:0;
	height:0;
	content:'';
	display:block;
	position:absolute;
	border-top: 6px solid transparent;
    border-left: 6px solid #4472c4;
    border-bottom: 6px solid transparent;
    right:10px;
    top:8px;
}
.showPeriphery .PeripheryContent span{
	display:block;
	width:calc((100% - 105px)/3);
	height:100%;
	float:left;
	line-height:28px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-indent:3px;
    margin-right:5px;
}
.showPeriphery .PeripheryContent span:last-child{
	width:70px;
	margin-right:0;
}
.showPeriphery .PeripheryContent span:first-child{
	width:calc((100% - 30px)/3);
	margin-right:0;
}
.showPeriphery .PeripheryContent span:nth-child(2){
	text-align:center;
}
.showPeriphery .PeripheryShipCount{
	width:100%;
	height:30px;
	background-color:#999;
	color:#fff;
	line-height:30px;
	text-align:center;
	fon-size:12px;
}
.showPeriphery .PeripheryContainer{
	width:100%;
	height:calc(100% - 30px);
	background-color:#f5f5f5;
}
/*轨迹动画分享事件的样式列表*/
.shareTrajAnimate{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.65);
	z-index:19891016;
	
	display:none;
}
.shareTrajAnimate iframe{
	width:100%;
	height:100%;
}
.shareTrajAnimate .closeShareTraj{
	width: 1.5rem;
    height: 1.5rem;
    border-radius: 15px;
    background-image: url(../img/shareClose.png);
    right: calc(50% - 0.75rem);
    background-size: cover;
    position: fixed;
    bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.modifyAnimateName{
	width:100%;
	height:100%;
	position:absolute;
	z-index:19891016;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.65);
	display:none;
}
.modifyAnimateName .container{
	box-sizing: border-box;
    border: 4px solid #fff;
    background: #E0FBBA;
    width:80%;
    position:absolute;
    left:10%;
    top:calc(50% - 79px);
    border-radius:5px;
}
.modifyAnimateName .container .title{
	width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #999;
    color: #fff;
    text-indent: 5px;
}
.modifyAnimateName .container .content{
	width:100%;
	height:28px;
	padding:0 10px;
	box-sizing:border-box;
    margin: 20px 0;
}
.modifyAnimateName .container .content input{
	width: calc(100% - 50px);
    height: 28px;
    display:block;
    border-radius:3px;
    margin: 0 auto;
    text-indent:3px;
    border:1px solid #ccc;
}
.modifyAnimateName .container button.submit{
	width:100px;
	height:30px;
	margin:20px auto;
	display:block;
	height: 30px;
    line-height: 30px;
    background: #64C707;
    border-radius: 3px;
    color: #fff;
}
.modifyAnimateName .closeModifyAnimate{
	width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
    position: absolute;
    left: calc(50% - 0.75rem);
    bottom: 2rem;
    background-image: url(../img/shareClose.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*点标注弹窗*/
.pointMarkerFn{
	width:100%;
	height:114px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1002;
	display:none;
	background-color:rgba(30,30,30,0.75);
}
.pointMarkerFn .title{
	width:100%;
	height:30px;
	padding:0 10px;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
}
.pointMarkerFn .title:after{
	content:'';
	display:block;
	clear:both;
}
.pointMarkerFn .title>div:first-child{
	float:left;
	width:25%;
}
.pointMarkerFn .title>div:last-child{
	float:right;
}
.pointMarkerFn .title>div>span{
	color:#fff;
	line-height:30px;
	margin-right:5px;
}
.pointMarkerFn .content{
	width:100%;
	height:50px;
	padding:0 10px;
	box-sizing:border-box;
	border-bottom:1px solid #999;
}
.pointMarkerFn .content .row{
	width:100%;
	height:25px;
}
.pointMarkerFn .content .row:after{
	content:'';
	display:block;
	clear:both;
}
.pointMarkerFn .content .row .fl{
	float:left;
	display:block;
	width:50%;
	height:25px;
}
.pointMarkerFn .content .row .fr{
	float:right;
	display:block;
	height:25px;
}
.pointMarkerFn .content .row span{
	color:#fff;
	line-height:25px;
	margin-right:5px;
}
.pointMarkerFn .tools{
	width:100%;
	padding:0 30px;
	box-sizing:border-box;
	margin:5px 0;
}
.pointMarkerFn .tools:after{
	content:'';
	display:block;
	clear:both;
}
.pointMarkerFn .tools .toolCon{
	width:33%;
	float:left;
}
.pointMarkerFn .tools .toolCon .toolIcon{
	width:70px;
	height:100%;
	margin:0 auto;
}
.pointMarkerFn .tools .toolCon .toolIcon.editPmarker{
    width: 50px;
    float: left;
}
.pointMarkerFn .tools .toolCon .toolIcon.deletePmarker{
    float: right;
}
.pointMarkerFn .tools .toolCon .toolIcon:after{
	content:'';
	display:block;
	clear:both;
}
.pointMarkerFn .tools .toolCon .toolIcon button{
	width:24px;
	height:24px;
	display:block;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
	float:left;
}
.pointMarkerFn .tools .toolCon:nth-child(1) button{
	background-image: url(../img/wechartv2EditMarkeractive.png);
}
.pointMarkerFn .tools .toolCon:nth-child(2) button{
	background-image: url(../img/wechartv2roundactive.png);
}
.pointMarkerFn .tools .toolCon:nth-child(3) button{
	background-image: url(../img/wechartv2DeleteMarkeractive.png);
}
.pointMarkerFn .tools .toolCon .toolIcon span{
	height:24px;
	color:#fff;
	display:block;
	line-height:24px;
	text-align:center;
	float:left;
}
/*获取当前位置周边的船舶*/
.currentAround{
	width:100%;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#fff;
	z-index:1002;
	display:none;
}
.currentAround span{
	line-height:50px;
	font-size:13px;
	text-indent:45px;
	display:block;
	background-image:url(../img/wechartv2successPosition.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:28px;
}
.currentAround:after{
	display:block;
	content:'>';
	position:absolute;
	right:10px;
	width:8px;
	height:12px;
	top:0;
	color:#13d801;
	font-size:16px;
	line-height:50px;
}
.blurBackgroundImg{
	width:100%;
	height:100%;
	/*background-position:left -567px;*/
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:1005;
    filter: blur(2px);
}
.blurBackgroundImgFocus{
	position:absolute;
	top:0;
	left:0;
	z-index:1006;
	background: rgba(0,0,0,0.65);
	overflow:hidden;
}
.IntroduceCompany{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1001;
	display:none;
}
.IntroduceCompany iframe{
	width:100%;
	height:100%;
	border:none;
}
.IntroduceCompany .exitIntroduceCompany{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 15px;
    background-image: url(../img/shareClose.png);
    right: calc(50% - 0.75rem);
    background-size: cover;
    position: fixed;
    bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.typhoonSRC{
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family:'';
    line-height:16px;
}
.leaflet-popup-content-wrapper .leaflet-popup-content{
	max-width:160px;
}
.piracyDialog{
	width:100%;
	height:180px;
	background-color:rgba(0,0,0,0.65);
	position:absolute;
	bottom:0;
	z-index:1001;
	color:#fff;
	padding:0 10px;
	box-sizing:border-box;
	display:none;
}
.piracyDialog>div:first-child{
	width:100%;
	height:30px;
	line-height:30px;
}
.piracyDialog>div.piracyContent{
	font-size:13px;
	line-height:20px;
	width:100%;
	height:calc(100% - 30px);
	overflow-y:auto;
    text-align: justify;
}

div.leaflet-marker-icon.leaflet-interactive.leaflet-zoom-animated.lefttrajectory{

    border: none !important;
    background-color: rgba(255,255,255,0.8) !important;
    color: #525252 !important;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 10px !important;
    line-height: 18px !important;
    height: 18px !important;
   
}
div.leaflet-marker-icon.leaflet-interactive.leaflet-zoom-animated.lefttrajectory:before{
	content:'';
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent; 
	border-right: 8px solid rgba(255,255,255,0.8); 
	border-bottom: 5px solid transparent; 
	position:absolute;
	left:-8px;
	top:6px;
}


div.leaflet-marker-icon.leaflet-interactive.leaflet-zoom-animated.righttrajectory{

    border: none !important;
    background-color: rgba(255,255,255,0.8) !important;
    color: #525252 !important;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 10px !important;
    line-height: 18px !important;
    height: 18px !important; 
    max-width:130px;
}
div.leaflet-marker-icon.leaflet-interactive.leaflet-zoom-animated.righttrajectory:after{
	content:'';
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent; 
	border-left: 8px solid rgba(255,255,255,0.8); 
	border-bottom: 5px solid transparent; 
	position:absolute;
	right:-8px;
	top:6px;
}
.TrajUTCTime:after{
	content:"(UTC)";
	position:absolute;
	right:2px;
	top:0;
	line-height:25px;
	color:#fff;
    letter-spacing: -1px;
}



.searchAroundCover{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:1002;
	font-family:"微软雅黑";
	display:none;
}
.searchAroundCover>.searchAroundDialog{
	width:80%;
	height:200px;
	background-color:#fff;
	border-radius:8px;
	position:absolute;
	top:calc(50vh - 100px);
	left:10%;
}
.searchAroundCover>.searchAroundDialog>.searchAroundTitle{
	width:100%;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
	background-color:#999;
	border-radius:8px 8px 0 0;
	color:#fff;
	border-bottom:1px solid #eee;
}
.searchAroundCover>.searchAroundDialog>.searchAroundContent{
	width:100%;
	height:150px;
}
.searchAroundCover>.searchAroundDialog>.searchAroundContent:after{
	display:block;
	content:'';
	clear:both;
}
.searchAroundCover>.searchAroundDialog>.searchAroundContent>div{
	width:50%;
	height:100%;
	float:left;
	text-align:center;
}
.searchAroundCover>.searchAroundDialog>.searchAroundContent>div img{
	width:56px;
	
}
.searchAroundCover>.searchAroundDialog>.searchAroundContent>div div{
	width:56px;
	height:86px;
	margin:30px auto 0 auto;
}
.searchAroundCover>.searchAroundDialog>.searchAroundContent>div p{
	font-size:14px;
	height:30px;
	line-height:30px;

}
.merchantAdsMarquee{
	width: 100%;
	height: 0;
	background-color: #ff9101;
	position: relative;
}
.merchantAdsMarquee::after{
	content: '';
	display: block;
	position: absolute;
	width: 1rem;
	height: 1rem;
	background-image: url(../img/fleetlist.png);
	background-size: 0.4rem;
	background-repeat: no-repeat;
	background-position: center;
	right: 0;
	top: 0;
}
.merchantAdsMarquee marquee{
	color: #eee;
	line-height: 1rem;
	font-size: 14px;
	width: calc(100% - 1rem);
}