TDataView_ui/styles/toolsBar.css

#toolsBar .cover-content {
	font-size: 0px;
}

#toolsBar .cover-content .li-content-bg {
	font-size: 12px;
	text-align: right;
	line-height: 38px;
}

#toolsBar .cover-content .li-content-bg span {
	margin-right: 5px;
	display: inline-block;
}

#toolsBar .cover-content .li-content-bg.lh14 {
	line-height: 14px;
}

#toolsBar .cover-content .li-content-bg.lh14 span {
	margin-top: 5px;
}

#toolsBar .tools-bar-content {
	float: left;
	margin-right: 10px;
	position: absolute;
	left: -306px;
	top: 0px;
}

#toolsBar .tools-bar-content .tools-ul {
	width: 295px;
	height: 118px;
	background: rgba(45, 53, 68, 0.8);
	border-radius: 4px;
	border: 1px solid #aaaaaa;
	display: none;
	position: relative;
	margin: 0px;
}

#toolsBar.chrome .tools-bar-content .tools-ul {
	height: 114px;
}

#toolsBara.active .tools-bar-content .tools-ul {
	display: block;
}

#toolsBar.active .tools-bar-content .tools-ul {
	display: block;
}

#toolsBar .tools-bar-content li {
	height: 38px;
	width: 59px;
	cursor: pointer;
	position: relative;
	color: #fff;
	display: inline-block;
	border: 0px !important;
}

/*#toolsBar .tools-bar-content li.tools-marker {
	display: none;
}*/

#toolsBar .tools-bar-content li .li-content-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
	margin: 0px;
	z-index: 3;
	width: 100%;
	height: 100%;
}

#toolsBar .tools-bar-content li:hover {
	color: #fff179;
	background: #071c2d;
}

#toolsBar .tools-bar-content li.cur {
	color: #fff179;
	background: #071c2d;
}


/* base state */
#toolsBar .tools-ul .tools-painting .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -2px -2px;
}
#toolsBar .tools-ul .tools-marker .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -2px -2px;
}
#toolsBar .tools-ul .tools-distance .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -66px -2px;
}

#toolsBar .tools-ul .tools-area .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -130px -2px;
}

#toolsBar .tools-ul .tools-elevation .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -194px -2px;
}

#toolsBar .tools-ul .tools-KSFX .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -256px -2px;
}

#toolsBar .tools-ul .tools-TSFX .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -2px -40px;
}

#toolsBar .tools-ul .tools-toolJumpToLatlng .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -67px -40px;
}

#toolsBar .tools-ul .tools-mapshot .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -130px -40px;
}

#toolsBar .tools-ul .tools-msAll .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -194px -40px;
}

#toolsBar .tools-ul .tools-shiZi .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -256px -40px;
}

#toolsBar .tools-ul .tools-dixing .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -2px -80px;
}

#toolsBar .tools-ul .tools-cleanMap .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -66px -80px;
}


#toolsBar .tools-ul .tools-lookAroundAnalysis .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -256px -2px;
}

#toolsBar .tools-ul .tools-visualAnalysis .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -2px -40px;
}

#toolsBar .tools-ul .tools-measuringHeight .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -194px -80px;
}

#toolsBar .tools-ul .tools-radar .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -130px -80px;
}

#toolsBar .tools-ul .tools-flightSimulation .li-content-bg {
	background: url(../images/tools/tool-li-item.png) no-repeat -256px -80px;
}


/*  hover */
#toolsBar .tools-ul li:hover.tools-painting .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
}
#toolsBar .tools-ul li:hover.tools-marker .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
}
#toolsBar .tools-ul li:hover.tools-distance .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -2px;
}

#toolsBar .tools-ul li:hover.tools-area .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -2px;
}

#toolsBar .tools-ul li:hover.tools-elevation .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -2px;
}

#toolsBar .tools-ul li:hover.tools-KSFX .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
}

#toolsBar .tools-ul li:hover.tools-TSFX .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
}

#toolsBar .tools-ul li:hover.tools-toolJumpToLatlng .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -40px;
}

#toolsBar .tools-ul li:hover.tools-mapshot .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -40px;
}

#toolsBar .tools-ul li:hover.tools-msAll .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -40px;
}

#toolsBar .tools-ul li:hover.tools-shiZi .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -40px;
}

#toolsBar .tools-ul li:hover.tools-dixing .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -80px;
}

#toolsBar .tools-ul li:hover.tools-cleanMap .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -80px;
}

#toolsBar .tools-ul li:hover.tools-lookAroundAnalysis .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
}

#toolsBar .tools-ul li:hover.tools-visualAnalysis .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
}

#toolsBar .tools-ul li:hover.tools-measuringHeight .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -80px;

}

#toolsBar .tools-ul li:hover.tools-radar .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -80px;
}

#toolsBar .tools-ul li:hover.tools-flightSimulation .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -80px;
}

/*  selected  */
#toolsBar .tools-ul li.cur.tools-painting .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
}
#toolsBar .tools-ul li.cur.tools-marker .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
}

#toolsBar .tools-ul li.cur.tools-distance .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -2px;
}

#toolsBar .tools-ul li.cur.tools-area .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -2px;
}

#toolsBar .tools-ul li.cur.tools-elevation .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -2px;
}

#toolsBar .tools-ul li.cur.tools-KSFX .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
}

#toolsBar .tools-ul li.cur.tools-TSFX .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
}

#toolsBar .tools-ul li.cur.tools-toolJumpToLatlng .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -40px;
}

#toolsBar .tools-ul li.cur.tools-mapshot .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -40px;
}

#toolsBar .tools-ul li.cur.tools-msAll .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -40px;
}

#toolsBar .tools-ul li.cur.tools-shiZi .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -40px;
}

#toolsBar .tools-ul li.cur.tools-dixing .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -80px;
}

#toolsBar .tools-ul li.cur.tools-cleanMap .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -80px;
}

#toolsBar .tools-ul li.cur.tools-lookAroundAnalysis .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
}

#toolsBar .tools-ul li.cur.tools-visualAnalysis .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
}

#toolsBar .tools-ul li.cur.tools-measuringHeight .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -194px -80px;
}

#toolsBar .tools-ul li.cur.tools-radar .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -130px -80px;
}

#toolsBar .tools-ul li.cur.tools-flightSimulation .li-content-bg {
	background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -256px -80px;
}

.zhengshiDl {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 275px;
	margin-top: -106px;
	margin-left: -138px;
	background: #0e74d1;
	padding: 5px 10px;
	display: none;
	border: 0px;
	color: #FFF;
	font-size: 12px;
}

.zhengshiDl.active {
	display: block;
}

.zhengshiDl h3 {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}

.zhengshiDl .name {
	width: 100px;
	padding: 0px 5px;
	vertical-align: middle;
	margin-left: 4px;
}

.zhengshiDl select {
	vertical-align: middle;
}

.zhengshiDl .cb {
	vertical-align: middle;
	margin-left: 0px;
}

.zhengshiDl div {
	line-height: 20px;
}

.zhengshiDl label {
	display: inline-block;
	width: 85px;
	text-align: right;
	color: #fff;
	padding: 3px;
}

.zhengshiDl .subdiv {
	clear: both;
	padding: 5px 0 0 0;
	text-align: center;
	border-top: 1px solid #eee;
}

.zhengshiDl .subdiv button {
	font-size: 12px;
	padding: 2px 5px;
	cursor: pointer;
}

#toolsBar.chrome .tools-measuring3DE,
#toolsBar.chrome .tools-ul .tools-LDZZ,
#toolsBar.chrome .tools-ul .tools-flyLineModal {
	display: none;
}

#shiZi {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 50px;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 12200;
	display: none;
}

#shiZi.active {
	display: block;
}

#shiZi .heng {
	width: 50px;
	height: 2px;
	background: #04cfed;
	position: absolute;
	top: 24px;
	left: 0px;
}

#shiZi .shu {
	width: 2px;
	height: 50px;
	background: #04cfed;
	top: 0px;
	left: 24px;
	position: absolute;
}

.zhengshiDl .title {
	display: inline-block;
}

.zhengshiDl #mapfishCenter {
	display: inline-block;
	margin-left: 5px;
}

.viewHeightPopup {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 365px;
}

.viewHeightPopup .panel {
	padding: 20px 20px;
	/* height: 30px; */
	background: #ffffff;
}

.viewHeightPopup .panel>span {
	display: inline-block;
	width: 50px;
	height: 30px;
	line-height: 30px;
	vertical-align: top;
	color: #000000;
	font-size: 16px;
	text-align: center;
}

.viewHeightPopup .popup-ct .close {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 18px;
	right: 15px;
	background: url(../../images/layout/close_popUp.png) no-repeat;
	border: none;
	cursor: pointer;
}

.viewHeightPopup .popup-ct h3 {
	color: #fff;
	font-weight: normal;
	padding-left: 20px;
	line-height: 48px;
}

.viewHeightPopup #viewHeight {
	width: 100px;
}

.viewHeightPopup #radius {
	width: 100px;
}

.viewHeightPopup .sure,
.viewHeightPopup .cancel {
	background: #FBD834;
	color: #000000;
	height: 30px;
	border-radius: 5px;
}

#toolFlightSimulationPanel {
	width: 400px;
}

#toolFlightSimulationPanel .step {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #a3a3a3;
}

#toolFlightSimulationPanel .step:last-child {
	border-bottom: 0px solid #fff;
}

#toolFlightSimulationPanel .step::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(111, 123, 138, 0.25);
	z-index: 1;
}

#toolFlightSimulationPanel .step.able::before {
	content: "";
	position: absolute;
	width: 0%;
	height: 0%;
}

#toolFlightSimulationPanel .number {
	height: 50px;
	width: 35px;
	display: inline-block;
	vertical-align: top;
}

#toolFlightSimulationPanel .number span {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 15px;
	border-radius: 20px;
	background: #8e9aa2;
	color: #ffffff;
}

#toolFlightSimulationPanel .right {
	height: 100%;
	width: calc(100% - 40px);
	line-height: 50px;
	vertical-align: top;
	display: inline-block;
	color: #000;
	position: relative;
}

#toolFlightSimulationPanel .right button {
	background: #fbd834;
	border: 0px;
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
	height: 30px;
	margin: 10px 0;
	float: right;
}

#toolFlightSimulationPanel .second .fly_height,
#toolFlightSimulationPanel .second .fly_speed {
	height: 24px;
	padding: 0 5px;
	margin: 0 10px;
	line-height: 15px;
}
#toolFlightSimulationPanel input[type="radio"]{
	vertical-align: middle;
    margin: 0 5px;
}

#toolFlightSimulationPanel .first .right button,
#toolFlightSimulationPanel .second .right button,
#toolFlightSimulationPanel .third .right button {
	display: none;
}

.first_button_change,
.second_button_change,
.third_button_change {
	display: inline-block !important;
}