/***********20170601添加***********/

@media (min-height: 769px) {
	.sidebar-right{
		top: 120px!important;
	}

}


@media (min-width: 1367px) {
	.left-content {
		width: 915px!important;
	}

	.attitude-gif{
		width: 25%;
		display: block!important;
	}

	.playPlane{
		width: 75%!important;
	}

	.panel-playback-process{
		padding-top: 0!important;
	}

	.playBack-bottom{
		height: 320px!important;
	}

	.left-flight-time{
		display: block!important;
	}
}





html {
	height: 100% !important;
	width: 100% !important;
	overflow:hidden;
	-webkit-tap-highlight-color: transparent;
	margin: 0;
	padding: 0;
}

body,td,th {font-family:"Volvo Sans Medium", "Volvo Sans Regular",  "Helvetica Neue", Helvetica, Roboto, Arial, 微软雅黑, "Microsoft YaHei", STHeiti, 黑体, Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif}

.sidebar-left{
	display: block;
	position: absolute;
	z-index: 99;
	width: 203px;
	left: -203px;
	height: 100%;
	background: #222121;
	-moz-transition: left 0.5s;
	-ms-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s;
}

.sidebar-left .active{
	left: -204px;
}


.sidebar-left>div{
	height: 100%;
}

/* 全局设置 */
.navbar {
	border-radius: 0;
	margin-bottom: 0;
}
.navbar-inverse {
	background-color: #000;
	border-color: #000;
}

.navbar .dropdown-menu{
	background-color: #222121;;
	border-radius: 0px;
}

.navbar .dropdown-menu{
	background-color: #222121;;
	border-radius: 0px;
}
.navbar .dropdown-menu > li:hover{
	border-left: 4px solid #f8c023;
}

.navbar .dropdown-menu > li{
	border-left: 4px solid transparent;
}


.navbar a{
	font-weight: 600;
	outline: 0 none;
}

.navbar .dropdown-menu > li > a:hover,.navbar .dropdown-menu > li > a:focus {
	color: #f8c023;
	text-decoration: none;
	background-color: #222121;
}

.navbar .nav-dropdown-menu>li>a{
	font-weight: 600;
	padding: 5px 20px 5px 11px;
	color: #fff;
}

.apps-ios ,.apps-android{
	font-size: 20px;
}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #222121;
}

.navbar {
	/*border:0px;*/
}


.caret {
	display: none;
	/* width: 0; */
	/* height: 0; */
	margin-left: 0;
	/* vertical-align: middle; */
	border-top: 0;
	border-top:0;
	border-right: 0;
	border-left:0;
}
#map{
	position: absolute;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	z-index: 9;
}

/*********左侧导航栏***********/
.sidebar-left .first-myairPlane{
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #f8c023;
	background-color: #222121;
	border-bottom: 2px solid black;
}

.sidebar-left .first-myairPlane:hover{
	cursor: pointer;
}


.sidebar-left .first-myairPlane-logo{
	margin-left: 10px;
}

.sidebar-left .planes{
	margin-top: -5px;
}

.sidebar-left .right-arrow{
	float: right;
	width: 22px;
	height: 22px;
	margin: 12px 10px 0px 0;
	background: url(../img/LeftIcon/right-arrow.png) 0 0 no-repeat;
}

.sidebar-left .right-arrow:hover{
	background: url("../img/LeftIcon/right-arrow.png") -22px 0 no-repeat;
}

/**********右侧导航栏**********/
.sidebar-right{
	position: relative;
	display: block;
	float: right;
	z-index: 999;
	color: #fff;
	top:20px;
	right: -120px;

	-moz-transition: right 0.5s;
	-ms-transition: right 0.5s;
	-o-transition: right 0.5s;
	transition: right 0.5s;

}

.sidebar-right ul li{
	list-style: none;
}
.sidebar-right li{
	/*display: inline-block;*/
	text-align: center;
	background: rgba(0,0,0,0.45);
	/*line-height: 0;*/
	margin-bottom: 8px;
	font-size: 11px;
	/*padding: 6px 8px;*/
}

.sidebar-right li>span:hover{
	color: #f8c023;
}

#ZoomIn{
	margin-top: 40px;
}

.tooltip-inner{
	max-width:400px;
	font-size: 18px;
	padding: 5px 10px;
	border-radius: 0;
	background: rgba(0,0,0,0.45);
}

.tooltip.left .tooltip-arrow {
	border-left-color: rgba(0,0,0,0.45);
}



/*************/
.My-UTC-time{
	font-size: 20px;
	font-weight: 400;
}
.index-form{
	width: 305px;

}
.navbar .form-control {
	width: 100%;
	border: none;
	border-radius: 0;
	background-color: #4e4d4d;
	color: #a4a1a1;
	font-size: 16px;
	height: 40px;
	font-weight: 400;
}

.index-form-box{
	padding: 0 15px;
}
.index-form-button{
	color: #fff;
	font-weight: bold;
	border: none;
	height: 40px;
	width: 100%;
	border-radius: 0;
	background-color: #327db6;
	border: 0;
}

.index-form-title{
	text-align: center;
	color: #fff;
	font-size: 20px;
	letter-spacing: 5px;
	margin-top: 10px;
}

.index-form-rememberDiv{
	color: #fff;
	height: 30px;
}

.index-form-checkbox{
	display: inline;
}
.index-form-checkbox:hover{
	color: #999e95;
}

.index-form-forgitpassword{
	float: right;
	color: #64bef1;
	font-weight: 300;
}

.index-form-forgitpassword:hover{
	cursor: pointer;
	color: #17a0f1;
}

.index-form-button:hover{
	color: #fff;
	background-color:#3a90d1;
}

.form-control:focus {
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(233, 27, 53, 0.6);
	box-shadow: inset 0 0px 0 rgba(0,0,0,.075), 0 0 0 rgba(233, 50, 22, 0.6);
}



/* 全局定义一下 ul 的样式 */
ul{margin:0;padding:0}


.help-logo{
	margin-left: 5px;
	color: #ddd;
}

.help-logo:hover{
	color: #f8c023;
}

.pilot-name{
	margin-left: 5px;
}

.choiceValue{
	margin-left: 15px;
	color: #fff;
}

.sidebar-left{
	/*left: -500px;*/
}

.sidebar-left-info{
	display: block;
	position: absolute;
	width: 312px;
	left: -312px;
	height: 100%;
	background: #222121;
	z-index: 100;
}
.sidebar-left-info ul li{
	list-style-type:none;
	padding: 0;
}

.sidebar-left-info ul{
	padding: 0;
}

.info-img-box{
	pointer-events: auto;
	/*box-shadow: 0 0 0.4em 0 rgba(50,50,50,0.5);*/
}

.info-img-box,.info-img-box>img{
	max-width: 312px;
	-webkit-animation: simple-show 1s ease both;
	animation: simple-show 1s ease both;
	vertical-align: bottom;
	display: block;
}

.info-img-box,.info-img-box>img:hover{

}



.plane-info{
	background-color: #000;
}

.plane-all .info-type{
	color: #f8c023;
	line-height: 48px;
	height: 48px;
}

.plane-all .info-pilot{
	color: #f8c023;
	line-height: 48px;
	height: 48px;
	/* margin-top: 8px; */
	cursor: pointer;
}

.content .row{
	margin-right: 0;
	margin-left: 0;
	/*border-bottom: 0.2em solid #ffffff;*/
	/*padding: 4px 0;*/
}

.board-right-line{
	border-right: 0.2em solid #ffffff;
}

.board-bottom-line{
	border-bottom: 0.2em solid #ffffff;
}

.content .plane-fly-info{
	background-color: #ededed;
}

.content .col-xs-6 >p{
	margin:0;
	text-align: center;
}

.content .fly-start-time{
	font-weight: 600;
	font-size: 40px;
}

.content .fly-start-text1{
	margin-top: -5px !important;
}

.content .fly_start_time2{
	color: #a4a1a1;
	margin-bottom: 3px !important;
}


.content .plane-detial-div{
	overflow: auto;
	height: 510px;
	display: block;
}

.sidebar-left-info .fix-bottom{
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	height: 3.8em;
	background: #111;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 1em;
	position: absolute;
	bottom: 3.8em;
	color: #fff;
	width: 100%;
	z-index: 100;
	top:100px;

}

.company-info{
	position: absolute;
	padding-left: 15px;
	height: 42%;
	width: 100%;
	left: 0;
	bottom: 0;
	background: -webkit-linear-gradient(-90deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
	background: -moz-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
	background: -ms-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
	background: -o-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
	background: linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
	margin-top: -20px;
	color: #fff;
}

.company-info >p{
	margin-bottom: 0;
}

.company-info .plane-description{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba(229, 221, 221, 0.81);
}


.plane-all .company-info>span{
	margin-left: 15px;
}

#plane-sn{
	font-size: 20px;
}


.radar-sidebar{
	-webkit-animation: loading-plane-info-panel-r 0.5s ease both;
	animation: loading-plane-info-panel-r 0.5s ease both;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	bottom: 0;
	top: 54px;
	position: absolute;
	width: 312px;
	z-index: 100;
	left:-312px;

	-moz-transition: left 0.5s;
	-ms-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s;
}

.radar-sidebar >div{
	pointer-events: auto;
	box-shadow: 0 0 0.4em 0 rgba(50,50,50,0.5);
}

.radar-sidebar .title{
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-transform: uppercase;
	background-color: #222121;
	color: #f8c023;
	min-height: 35px;
}
.radar-sidebar .content{
	overflow: auto;
	-webkit-overflow-scrolling: auto;
	-ms-overflow-y: scroll !important;
}
.radar-sidebar .bottom{
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	height: 3.8em;
	background: #111;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 1em;
}
.radar-sidebar .box{
	background: blue;
	height: 300px;
	border: 0.2em solid #ffffff;
	overflow: hidden;

}

.radar-sidebar .content::-webkit-scrollbar-thumb {
	background: #f8c023;
	border-radius: 0.2em;
}

.radar-sidebar .content::-webkit-scrollbar {
	width: 0.5em;
}

.radar-sidebar .content::-webkit-scrollbar-track {
	background: #efeff5;
}

.radar-sidebar ul li{
	list-style: none;
}

.remove-margin{
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}

.content .dropdown-plane{
	background-color:#327db6 ;
	color: #fff;
	min-height: 40px;
	height: 40px;
	line-height: 40px;

}

.content .dropdown-plane:hover{
	cursor: pointer;

}

.content .dropdown-plane .allow-right{
	float: right;
	line-height: 40px;
	margin-right: 10px;
	margin-top: 10px;
}

.content .dropdown-plane .allow-right:hover,.f-l-arrow{
	cursor: pointer;
}


.content .dropdown-plane .drop-logo{
	margin-left: 30px;
	font-size: 20px;
}

.content .dropdown-menu .text{
	font-size: 14px;
}

.content .flight-record{
	background: #f4f4f4;
	color: #333333;
	display: none;
	/**  */

	-o-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-webkit-transition: transform .3s linear;
	-ms-transition: transform .3s linear

}

.flight-record .record-list-title{
	background-color: #dcdcdc;
	color: #393939;
	height: 25px;
	line-height: 25px;
}

.flight-record .record-list-content{
	background-color: #f4f4f4;
	color: #333333;
	height: 48px;
	width: 100%;
	border-bottom: 0.2em solid #ffffff;


}

.flight-record .record-list-content2 {
	background-color: #f4f4f4;
	color: #333333;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border-bottom: 0.2em solid #ffffff;
}

.flight-record .record-list-content2:hover {
	background-color: #EFF8FF;
}

.flight-record .record-list-content2 .l-data
{
	height: 100%;
	font-weight: 600;
	border-right: 0.2em solid #ffffff;
}

.flight-record .record-list-content .l-data
{
	height: 100%;
	font-weight: 600;
	line-height: 48px;
	border-right: 0.2em solid #ffffff;
}


.flight-record .record-list-content .l-data2
{
	height: 100%;
	line-height: 48px;
	border-right: 0.2em solid #ffffff;
}

.flight-record .record-list-content2 .l-time{
	/*margin-top: 6px;*/
}

.record-list-content .f-state{
	color: #6ccb78;
	margin-right: 4px;
}

.record-list-content .f-state-no{
	color: #6d6d6d;
}

.record-list-content .f-state-inactive{
	color: #bababa;
}

.record-list-content .f-l-distance{
	color: #6d6d6d;
	cursor: pointer;
}

.record-list-content .f-l-time{
	color: #393939;
	font-weight: 600;
}

.record-list-content .f-l-arrow{
	float: right;
	margin-top: -7px;
}

.flight-record .col-xs-8{
	height: 100%;
	padding-left: 8px;
	padding-right: 10px;
}

.flight-record .record-list-more{
	height: 30px;
	line-height: 30px;
	color: #327db6;
	text-align: center;
}

.flight-record .record-list-more:hover{
	cursor: pointer;
}

.fly-Expected .e-text{
	height: 25px;
	line-height: 25px;
}

.content .fly-Expected{
	height: 84px;
	line-height: 20px;
	color: #6d6d6d;
	text-align: center;
	width: 100%;
	background-color: #ededed;
}
.bottom {
	margin: 0;
	padding: 0;
}
.bottom >div{
	cursor: pointer;
	text-align: center;
	padding-top: 10px;
}
.radar-sidebar .row{
	margin: 0;
	padding: 0;
}
.radar-sidebar .flight-lat-lon{
	background-color: #6d6d6d;
	height: 110px;
	border-bottom: 0.2em solid #ffffff;
}

.flight-lat-lon .col-xs-2{
	height: 100%;
	background-color: #dcdcdc;
	color: #393939;

	text-align: center;
	padding-top: 8px;
}
.flight-lat-lon .col-xs-10{
	height: 100%;
	background-color: #ededed;
	border-left: 0.2em solid #ffffff;
	color: #6d6d6d;
	padding: 5px 0;
}
.flight-lat-lon >div{
	margin: 0;
	padding: 0;
}

.flight-lat-lon .r-title{
	font-size: 12px;
}

.flight-lat-lon .r-value{
	font-size: 14px;
	font-weight: 600;
	color: #232323;
}

.flight-speed{
	height: 52px !important;
	border-bottom: 0 !important;
}

.content .dropdown-icon{
	margin-left: 50px;
	margin-right: 8px;
}


.MAIN_LOGO{
	margin-top: -8px;
}

/* 鼠标悬停，默认样式 */

.p-c-content .flight-record-logo2{
	width: 64px;
	height: 23px;
	display: block;
	float: right;
	margin-top: 7px;
	background: url("../img/sidebar/record.png") 0px -23px no-repeat;
}

.p-c-content .flight-record-logo:hover{
	cursor: pointer;
	background: url("../img/sidebar/record.png") 0px 0px no-repeat;
}


.p-c-content .flight-record-left {
	width: 5px;
	height: 40px;
	display: block;
	float: right;
	background: url(../img/sidebar/leftbar.png) 0 0 no-repeat;
}

.p-c-content .flight-record-left-no {
	background-position: -5px 0px;
}


.p-c-content .flight-record-left2 {
	width: 5px;
	height: 30px;
	display: block;
	float: right;
	margin-top: 4px;
	/* top: 27px; */
	background: url(../img/sidebar/leftbar.png) 0 0 no-repeat;
}


.progress-bar {
	background-color: #f8c023;
}

.progress {
	height: 7px;
	margin-bottom: 0px;
}


.p-c-content .flight-record-left-s {
	background: url(../img/sidebar/leftbar.png) -5px 0 no-repeat !important;
}

.record-list-content .flight-record-live{
	cursor: pointer;
	width: 64px;
	height: 24px;
	display: block;
	float: right;
	margin-top: -11px;
	background: url("../img/sidebar/live.png") 0 0 no-repeat;
}

.record-list-content .flight-record-live:hover{
	background-position: 0 -25px;
}


.p-c-content .flight-record-replay{
	width: 64px;
	height: 24px;
	display: block;
	float: right;
	margin-top: 10px;
	background: url("../img/sidebar/replay.png") 0 0 no-repeat;
}

.record-list-content .flight-record-replay2{
	cursor: pointer;
	width: 64px;
	height: 24px;
	display: block;
	float: right;
	margin-top: -11px;
	background: url("../img/sidebar/replay.png") 0 0 no-repeat;
}

.record-list-content .flight-record-replay2:hover{
	background-position: 0 -25px;
}


.p-c-content .flight-record-replay:hover{
	background-position: 0 -25px;
}

.p-c-content .flight-record-live:hover{
	background-position: 0 -23px;
}

.p-c-content .flight-record-logo-active{
	background-position: 0px -23px;
}

.p-c-content th{
	border-bottom: 0 !important;
	padding: 4px 10px !important;
}

.p-c-content td{
	vertical-align: middle !important;
	border-top:0 !important;
	padding: 4px 10px !important;
}

.flight-record .l-play{
	cursor: pointer;
	height: 100%;
	line-height: 48px;
}

.flight-record .flight-record-more{
	width: 100%;
	height: 32px;
	line-height: 32px;
	background-color: #dcdcdc;
	color: #3a90d1;
}

.p-c-content .plane-message .row{
	color: #a4a1a1;;
	background-color: #393939;
	font-size: 12px;
}

.plane-message .text{
	color: #fff;
	font-size: 14px;
}

.plane-message hr{
	height: 2px;
	border: none;
	border-top: 2px solid #555354;
	margin: 5px 0px 15px 0px;
}

.p-c-content .plane-message .row:first-child{
	height: 32px;
	line-height: 32px;
}

.p-c-content .plane-message .row:nth-child(2){
	height: 24px;
}

.p-c-content .plane-message .row:nth-child(3){
	height: 50px;
}

.p-c-content .plane-message .row:nth-child(5){
	height: 50px;
}

.flight-record .flight-record-more >span{

}


.bottom-content .attitude-gif{
	border-left: 0.2em solid #555354;margin-top: 15px;
	display: none;
}

.attitude-gif .gif{
	padding: 0;
}

.attitude-gif .g-content{
	margin-top: 15px;
}

.attitude-gif .g-title{
	color:  #9d9d9d;
}

.attitude-gif .g-text{
	font-size: 16px;
}

.sidebar-tools{
	position: relative;
	color: #fff;
	background-color: #4a4a4a;
}

/*.sidebar-right ul li:hover{
    cursor: pointer;
}*/

.tools-filter , .tools-setting ,.tools-replay{
	float: right;
	width: 350px;
	position: absolute;
	right: 50px;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.68);
	display: none;
}

.sidebar-right .tools-replay{
	/*height: 240px;*/
}

.sidebar-right .tools-setting{
	/*height: 360px;*/

}

.sidebar-right .tools-filter{
	/*height: 303px;*/

}

.sidebar-right .title{
	line-height: 40px;
	padding-left: 20px;
	/* margin-left: 20px; */
	height: 40px;
	text-align: left;
	color: #f8c023;
	width: 100%;
	font-size: 16px;
	/* margin: 0; */
	background: #000;
}
.sidebar-right .text-wrapper{
	width: 100%;
	padding: 20px;
	text-align: left;
	font-size: 14px;

}

.sidebar-right .row{
	margin: 0;
	padding: 0;
}

.sidebar-right .map-style{
	width: 100%;
	/*height: 105px;*/
}
.sidebar-right .map-three{
	height: 80px;
	/* background-color: #5bc0de;*/
}

.sidebar-right .sidebar-line{
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 2px solid #646464;
}

.sidebar-right .map-title{
	width: 100%;
	margin-bottom: 8px;
}

.sidebar-right .form-control{
	font-size: 14px;
	height: 25px;
}

.sidebar-right .dropdown{
	width: 100%;
}

.sidebar-right .btn{
	width: 100%;
	border-radius: 0;
	padding: 0 0 0 14px;
	text-align: left;
}

.sidebar-right .filter-plane{
	height: 30px;
	line-height: 20px;
}

.sidebar-right .j-label{
	padding: 2px 0 0 0;
	bottom: 0;
}

.sidebar-right .j-dropdown>li{
	text-align: left;
	background: #fff;
	margin-bottom: 2px;
	font-size: 14px;
	padding: 0px
}

.sidebar-right .j-dropdown{
	border-radius: 0;
}

.sidebar-right .j-dropdown >li >a{
	padding: 3px 10px;
}

.sidebar-right .j-dropdown > li:hover{
	border-left: 4px solid #f8c023;

}
.sidebar-right .j-dropdown > li:hover a{
	color: #f8c023;
}

.sidebar-right .j-dropdown > li{
	border-left: 4px solid transparent;
}

.sidebar-right .j-dropdown:hover{
	color: #000;
	background-color: #fff;
	border-color: #8c8c8c;
}

.sidebar-right .j-filter-over{
	height: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	background-color: #fff;
	color: #000;
	padding-left: 14px !important;
}

.sidebar-right .j-filter-close{
	float: right;
	margin-top: 1px;
	margin-right: 1px;
	cursor: pointer;
}

.sidebar-right .row div{
	padding: 0;
}

.sidebar-right .tools-replay .tools_replay_btn{
	background-color: #3a90d1;
	height: 35px;
	color: #fff;
	text-align: center;
	line-height: 35px;
	width: 70%;
	margin: auto;
}

.sidebar-right .tools-replay .tools_replay_btn:hover{
	background-color: #40add1;
	cursor: pointer;

}


.sidebar-right .tools-replay .time-inter {
	background-color: #fff;height: 20px;width: 42%;float: left
}

.sidebar-right .tools-replay .time-bs{
	float: left;padding: 0 10px
}

.tools_setting_logo,.tools_replay_logo,.zoomIn_logo,.zoomOut_logo,.tools_filter_logo,.tools_ruler_logo{
	width: 48px;
	height: 48px;
	cursor: pointer;
}

.tools_setting_logo,.tools_replay_logo,.zoomIn_logo,.zoomOut_logo,.tools_filter_logo:hover{
	cursor: pointer;
}

.sidebar-right .tools_setting_logo{
	background: url("../img/sibarIcon/setting.png") -48px 0 no-repeat;
}

.sidebar-right .tools_filter_logo{
	background: url("../img/sibarIcon/filter.png") -48px 0 no-repeat;
}

.sidebar-right .tools_replay_logo{
	background: url("../img/sibarIcon/replay.png") -48px 0 no-repeat;
}

.sidebar-right .tools_ruler_logo{
	background: url("../img/sibarIcon/ruler.png") 0 0 no-repeat;
}

.sidebar-right .tools_ruler_logo:hover{
	background: url("../img/sibarIcon/ruler.png") -48px 0 no-repeat;
}

.sidebar-right .zoomIn_logo{
	background: url("../img/sibarIcon/zoomIn.png") -48px 0 no-repeat;
}

.sidebar-right .zoomOut_logo{
	background: url("../img/sibarIcon/zoomOut.png") -48px 0 no-repeat;
}

.sidebar-right .zoomIn_logo:hover{
	background-position:  0 0 ;
}

.sidebar-right .zoomOut_logo:hover{
	background-position:  0 0 ;
}

.sidebar-right .mapBack_logo{
	height: 48px;
	width: 48px;
	cursor: pointer;
	background: url("../img/sibarIcon/mapback.png");
}

.map-type-one,.map-type-tow,.map-type-three,.map-label-one,.map-label-tow,.map-label-three{
	width: 100px;
	height: 80px;
}

.sidebar-right .map-type-one{
	cursor: pointer;
	width: 102px;
	background: url("../img/sibarIcon/map/standard.png") 0 0 no-repeat;
}

.sidebar-right .map-type-one:hover{
	background-position:  0 0 ;
}

.sidebar-right .map-type-tow{
	cursor: pointer;
	width: 102px;
	background: url("../img/sibarIcon/map/satellite.png") -102px 0 no-repeat;
}

.sidebar-right .map-type-tow:hover{
	background-position:  0 0 ;
}

.sidebar-right .map-type-three{
	cursor: pointer;
	width: 102px;
	background: url("../img/sibarIcon/map/hybrid.png") -102px 0 no-repeat;
}


.sidebar-right .map-type-three:hover{
	background-position:  0 0 ;
}



.sidebar-right .map-label-one{
	background: url("../img/sibarIcon/map/none.png") -102px 0 no-repeat;

}

.sidebar-right .map-label-one:hover{
	cursor: pointer;
	width: 102px;
	background: url("../img/sibarIcon/map/none.png") 0 0 no-repeat;

}

.sidebar-right .map-label-tow{
	background: url("../img/sibarIcon/map/num.png") 0 0 no-repeat;
}

.sidebar-right .map-label-tow:hover{
	cursor: pointer;
	width: 102px;
	background: url("../img/sibarIcon/map/num.png") -0px 0 no-repeat;
}

.sidebar-right .map-label-three{
	background: url("../img/sibarIcon/map/company.png") -102px 0 no-repeat;
}

.sidebar-right .map-label-three:hover{
	cursor: pointer;
	width: 102px;
	background: url("../img/sibarIcon/map/company.png") -0px 0 no-repeat;
}

.sidebar-right .map-box-text{
	position: absolute;
	margin-left: 20px;
	margin-top: 60px;
}

.map-filter-one,.map-filter-tow{
	width: 150px;
	height: 98px;
}

.sidebar-right .map-filter-one{
	cursor: pointer;
	background: url("../img/sibarIcon/map/filter.png") 0 0 no-repeat;
}

.sidebar-right .map-filter-tow{
	cursor: pointer;
	background: url("../img/sibarIcon/map/highlight.png") -160px 0 no-repeat;
}

.sidebar-right .map-filter-one:hover{
	width: 150px;
	background-position: 0 0;
}

.sidebar-right .map-filter-tow:hover{
	width: 150px;
	background-position: 0 0;
}

.sidebar-right .map-box-text2{
	position: absolute;
	margin-left: 63px;
	margin-top: 77px;
}

.sidebar-right .switchery-small {
	width: 50px;
}

.sidebar-right .small-down{
	float: right;
	margin-right: 8px;
	margin-top: 5px;
	width: 8px;
	height: 8px;
	background: url("../img/sibarIcon/map/smallDown.png") -0px 0 no-repeat;
}

.sidebar-right .tools-filter .dropdown-menu{
	min-width: 206px;
}



.tools-setting .light-progress .range-bar{
	height: 10px;
}

.tools-setting .light-progress .range-handle {
	background-color: #fff;
	height: 14px;
	top: -2px;
	width: 14px;
}

.tools-setting .light-progress .range-bar {
	background-color: #a4a1a1;
}

body{
	height: 100%;
}
.allScreen{
	position: absolute;
	height: 100%;
	width: 100%;
	background: url("../img/home/homeBG.png") center;
	z-index: 1200;
	opacity: 1;
	transition: opacity  1.5s ;
}

.screenWrap{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 1300;
	opacity: 1;
	transition: opacity  1.5s ;
}

.allScreen .login-title{
	width: 100%;
	height: 25%;
}

.allScreen .login-content{
	height: 60%;
	width: 340px;
	margin: auto;
	text-align: center;
}

.allScreen h1{
	color: #fff;
	letter-spacing: 6px;
	margin-bottom: 40px;
}

.allScreen .login-botton{
	width: 100%;
	height: 15%;
}

.allScreen .form-control{
	height: 45px;
	border-radius: 0;
	margin-bottom: 20px;
}

.allScreen .forget-pw{
	color: #f8c023;
	text-align: right;
	height: 20px;
	margin-top: -14px;
	line-height: 20px;
}

.allScreen .login-comment{
	height: 45px;
	line-height: 45px;
	background-color: #3a90d1;
	text-align: center;
	color: #fff;
	font-size: 25px;
	margin-top: 20px;
}
.allScreen .login-comment:hover{
	cursor: pointer;
	background-color: #65b5e4;
	color: #fff;
}

.allScreen .login-botton{
	text-align: center;
	color: #f8c023;
	width: 250px;
	margin: auto;
}

.allScreen .Get-down{
	height: 30px;
	width: 57px;
	background:  url("../img/home/arrow-down.png") 0 -29px no-repeat;
}

.allScreen .Get-down:hover{
	background:  url("../img/home/arrow-down.png") ;
}

.allScreen .get-down-wa{
	margin: auto;
	width: 57px;
}

.allScreen .copyright{
	color: #fff;
	font-size: 14px;
	margin-top: 50px;
	margin-right: 30px;
}

.filter-plane-close{
	display: none;
}

#toolsReplay_ul,#toolsReplay_start_ul,#toolsReplay_stop_ul{
	max-height: 200px;
	overflow: auto;
}


#toolsReplay_ul::-webkit-scrollbar-thumb,#toolsReplay_start_ul::-webkit-scrollbar-thumb,#toolsReplay_stop_ul::-webkit-scrollbar-thumb {
	background: #f8c023;
	border-radius: 0.2em;
}

#toolsReplay_ul::-webkit-scrollbar,#toolsReplay_start_ul::-webkit-scrollbar,#toolsReplay_stop_ul::-webkit-scrollbar {
	width: 0.5em;
}

#toolsReplay_ul::-webkit-scrollbar-track,#toolsReplay_start_ul::-webkit-scrollbar-track,#toolsReplay_stop_ul::-webkit-scrollbar-track {
	background: #efeff5;
}

.dropdown-menu{
	min-width: 76px;
}


.radar-sidebar .plane-details-close{
	width: 22px;
	height: 22px;
	z-index: 1000;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	background: url(../img/LeftIcon/close.png) 0 0 no-repeat;
}

/* 使用 css3 的动画来表示正常播放 */
.radar-sidebar .plane-details-video-live{
	width: 74px;
	height: 30px;
	z-index: 1000;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 15px;
	display: none;
	background: url(../img/LeftIcon/live2.png) 0 0 no-repeat;

	animation:myfirst  infinite 2.5s;
	-moz-animation:myfirst  infinite 2.5s; /* Firefox */
	-webkit-animation:myfirst  infinite 2.5s; /* Safari and Chrome */
	-o-animation:myfirst  infinite 2.5s; /* Opera */

}
/* 这个是有过渡效果的 */
@keyframes myfirst
{
	0%   {opacity:0.3;}
	50%  {opacity:1;}
	100% {opacity:0.3;}
}

@-moz-keyframes myfirst /* Firefox */
{
	0%   {opacity:0.3;}
	50%  {opacity:1;}
	100% {opacity:0.3;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {opacity:0.3;}
	50%  {opacity:1;}
	100% {opacity:0.3;}
}

@-o-keyframes myfirst /* Opera */
{
	0%   {opacity:0.3;}
	50%  {opacity:1;}
	100% {opacity:0.3;}
}





.radar-sidebar .plane-details-close:hover{
	background: url("../img/LeftIcon/close.png") -22px 0 no-repeat;
}

.sidebar-left .main_total .row,
.sidebar-left .main_total .col-xs-6,
.sidebar-left .main_total .col-xs-3{
	padding: 0;
	margin: 0;
}

.sidebar-left .main_total .item-text{
	padding-left: 13px;
}

.sidebar-left .main_total .item-total{
	padding-left: 17px;
}

.plane_record .plane-left-close{
	color: #fff;
	cursor: pointer;
}


.plane_record .plane-left-close:hover{
	color: #f8c023;
}

.plane_record .plane-left-close:hover~.left-arrow{
	background-position: 0 0;
}

.record-list-content .jouav-text-overflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.radar-sidebar .bottom-box1{
	margin: auto;
	cursor: pointer;
	width: 27px;
	height: 27px;
	background: url("../img/sidebar/1111.png") -27px 0;
}


.radar-sidebar .bottom-box1:hover{
	background-position:  0 0;
}

.radar-sidebar .bottom-box2{
	margin: auto;
	cursor: pointer;
	width: 27px;
	height: 27px;
	background: url("../img/sidebar/2222.png") -27px 0;
}

.radar-sidebar .bottom-box2:hover{
	background-position:  0 0;
}


.radar-sidebar .bottom-box3{
	margin: auto;
	cursor: pointer;
	width: 27px;
	height: 27px;
	background: url("../img/sidebar/3333.png") -27px 0;
}

.radar-sidebar .bottom-box3:hover{
	background-position:  0 0;
}