@charset "UTF-8"; 

body {
	min-width: 100%
}

li {
	list-style: none;
	font-family: SimSun;
	font-size: 13px
}

.caret {
	border-top-color: #0062b2
}

.map-caret {
	border-top-color: #fff
}

a, a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #3b81ff
}

.nav-pillsmini>li {
	float: left;
	margin-top: 2px
}

.nav-pillsmini>li>a {
	border-radius: 0;
	background-color: #fff;
	line-height: 14px;
	margin-top: 0;
	height: 34px;
	padding: 7px 0
}

.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #fff
}

.head {
	position: relative;
	height: 92px;
	background: url("../images/head_bg.png") no-repeat;
	z-index: 3
}

.g-head {
	position: relative;
	height: 78px
}

.g-head .g-logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 420px;
	height: 100%
}

.g-head .g-logo:hover {
	cursor: pointer
}

.g-head .login {
	margin: 20px;
	float: right
}

.g-head2 {
	position: relative;
	height: 70px;
	padding: 5px
}

.g-head2 .login {
	position: absolute;
	width: auto;
	top: 0;
	right: 30px
}

.g-head2 .login a {
	float: left;
	color: #a1a9b9;
	text-align: center
}

.g-head2 .login a:hover {
	color: #fff
}

.g-head2 .login1 {
	display: inline-block;
	width: 54px;
	background: url("../images/login.png") no-repeat
}

.g-head2 .register {
	display: inline-block;
	width: 52px;
	background: url("../images/register.png") no-repeat
}

.g-head2 .dropdown-width {
	min-width: 85px;
	margin-top: 3px;
	margin-bottom: 3px
}

.g-head2 .divider {
	margin-top: 3px;
	margin-bottom: 3px
}

.g-head2 .menu-index {
	z-index: 9999;
	float: right;
	margin-right: 20px
}

.navbar .container.f-w980 {
	width: 980px
}

.nav-split {
	width: 6px;
	height: 38px;
	padding: 0;
	background: url("../images/nav_split.png") left center no-repeat
}

.g-webroot-nav.navbar {
	margin-bottom: 0
}

.navbar-inverse .g-nav-lay {
	height: 42px;
	line-height: 36px;
	border: 0
}

.navbar-inverse .g-nav-lay ul.nav {
	height: 42px
}

.navbar-inverse .g-nav-lay ul.nav li.g-nav-menuli {
	width: 105px;
	line-height: 22px
}

.navbar-inverse .g-nav-lay ul.nav li a {
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	cursor: pointer
}

.navbar-inverse .g-nav-lay ul.nav li.selected {
	height: 40px;
	line-height: 15px;
	margin-top: 4px;
	background-position: 0 5px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	cursor: pointer;
	position: relative
}

.navbar-inverse .g-nav-lay ul.nav li:hover {
	height: 40px;
	line-height: 15px;
	margin-top: 4px;
	background-position: 0 5px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	cursor: pointer;
	position: relative
}

.navbar-inverse .g-nav-lay ul li.select {
	font-weight: bold
}

.g-foot2 {
	padding: 0 0 10px 0;
	background-color: #fbfeff
}

.g-foot2 a:hover {
	text-decoration: underline
}

.g-foot2 a, .g-foot2 span {
	color: #686868
}

.g-foot2 .f-fr a {
	margin-left: 0;
	color: #686868
}

.g-foot2 .f-fr a:hover {
	color: #686868;
	text-decoration: underline
}

.g-foot2 span {
	margin: 3px
}

.g-foot2 span.m-link {
	font-weight: bold
}

.g-foot2 .m-address span {
	color: #aaa
}

.i-sty1 {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	display: inline-block
}

.i-sty1:hover {
	color: #ff8040
}

.i-sty1-enter {
	background: url(../images/action_viw.png) 2px center no-repeat
}

.i-sty1-edit {
	background: url(../images/action_edit.png) 2px center no-repeat
}

.i-sty1-download {
	background: url(../images/action_dld.png) 2px center no-repeat
}

.i-sty1-delete {
	background: url(../images/action_del.png) 2px center no-repeat
}

.m-content {
	font-size: 12px;
	background: #fff
}

.m-content-header {
	border: 3px solid #ddd;
	border-top: 0 solid #ddd;
	border-left: 0 solid #ddd;
	border-right: 0 solid #ddd;
	height: 38px;
	line-height: 38px;
	background: url("../images/tablebg.png") repeat
}

.m-content-header .m-zh-title {
	color: #061939;
	float: left;
	margin-left: 15px;
	font-size: 14px;
	font-weight: bold;
	font-family: "\5FAE\8F6F\96C5\9ED1"
}

.m-content-header .m-en-title {
	position: relative;
	padding-top: 10px;
	margin-left: 72px;
	line-height: 21px;
	font-family: Courier New;
	text-indent: 4px;
	color: #7d7d7d
}

.btn-group.open .dropdown-toggle {
	background: #334975;
	background: linear-gradient(#334975, #334975);
	-pie-background: linear-gradient(#334975, #334975);
	behavior: url(css/PIE.htc)
}

.btn-group.open .dropdown-toggle span {
	color: #fff;
	border-top-color: #fff
}

.u-hovera {
	color: #fff;
	font-size: 12px !important
}

.menu-index a:hover {
	color: #fff
}

.u-hovera-blue {
	color: #0062b2
}

.menu-index-blue a:hover {
	color: #0062b2
}

.u-hovera a {
	color: #fff
}

.u-hovera .caret {
	color: #000
}

.u-hoverbtn:hover {
	background: #334975;
	background: linear-gradient(#334975, #334975);
	-pie-background: linear-gradient(#334975, #334975);
	behavior: url(css/PIE.htc);
	color: #fff
}

.u-backgd {
	background: #fbdb84;
	background: linear-gradient(#fbdb84, #facd53);
	-pie-background: linear-gradient(#fbdb84, #facd53);
	behavior: url(css/PIE.htc)
}

.u-btn1 {
	background: #fbdb84;
	background: linear-gradient(#fbdb84, #facd53);
	-pie-background: linear-gradient(#fbdb84, #facd53);
	behavior: url(css/PIE.htc);
	margin: 0 10px;
	font-size: 12px
}

.u-btn2 {
	width: 60px;
	height: 25px;
	border: 0;
	cursor: pointer;
	background: url("../images/search-btn-11.png") 0 0 no-repeat
}

.u-left-shadow {
	position: absolute;
	top: 0;
	left: -20px;
	width: 20px;
	height: 100%;
	background: url(../images/v_shadow_l.png) top right repeat-y
}

.u-right-shadow {
	position: absolute;
	top: 0;
	right: -20px;
	width: 20px;
	height: 100%;
	background: url(../images/v_shadow.png) repeat-y
}

.f-cb:after, .f-cbli li:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: "."
}

.f-cb, .f-cbli li {
	zoom: 1
}

.f-ib {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.f-dn {
	display: none
}

.f-db {
	display: block
}

.f-fl {
	float: left
}

.f-fr {
	float: right
}

.f-fr a {
	color: #ccc;
	text-align: center;
	margin-left: 23px
}

.f-fr a:hover {
	color: #fff
}

.f-pr {
	position: relative
}

.f-prz {
	position: relative;
	zoom: 1
}

.f-oh {
	overflow: hidden
}

.f-ff0 {
	font-family: arial, 5b8b4f53
}

.f-ff1 {
	font-family: "Microsoft YaHei", 5fae8f6f96c59ed1, arial, 5b8b4f53
}

.f-fs1 {
	font-size: 12px
}

.f-fs2 {
	font-size: 14px
}

.f-fwn {
	font-weight: normal
}

.f-fwb {
	font-weight: bold
}

.f-tal {
	text-align: left
}

.f-tac {
	text-align: center
}

.f-tar {
	text-align: right
}

.f-taj {
	text-align: justify;
	text-justify: inter-ideograph
}

.f-vam, .f-vama * {
	vertical-align: middle
}

.f-wsn {
	word-wrap: normal;
	white-space: nowrap
}

.f-pre {
	overflow: hidden;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all
}

.f-wwb {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.f-ti {
	overflow: hidden;
	text-indent: -30000px
}

.f-ti2 {
	text-indent: 2em
}

.f-lhn {
	line-height: normal
}

.f-tdu, .f-tdu:hover {
	text-decoration: underline
}

.f-tdn, .f-tdn:hover {
	text-decoration: none
}

.f-toe {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis
}

.f-usn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.f-csp {
	cursor: pointer
}

.f-csd {
	cursor: default
}

.f-csh {
	cursor: help
}

.f-csm {
	cursor: move
}

.f-h20 {
	height: 20px
}

.f-h250 {
	height: 250px
}

.f-h300 {
	height: 300px
}

.f-hauto {
	height: auto
}

.f-h100p {
	height: 100%
}

.f-w300 {
	width: 295px
}

.f-w330 {
	width: 330px
}

.f-w960 {
	width: 960px
}

.f-w980 {
	width: 980px
}

.f-w998 {
	width: 998px
}

.navbar .f-w1000 {
	width: 1000px
}

.f-w1000 {
	width: 1000px
}

.f-nomargin {
	margin: 0
}

.f-mbtm5 {
	margin-bottom: 5px
}

.f-mbtm10 {
	margin-bottom: 10px
}

.f-mlft15 {
	position: relative;
	height: 45px;
	margin-left: 25px
}

.f-mlfto100 {
	margin-left: -100px
}

.f-mlf30 {
	margin-left: 30px
}

.f-mlf0 {
	margin-left: 0
}

.f-mt5 {
	margin-top: 5px
}

.f-mt10 {
	margin-top: 10px
}

.f-clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.f-clear {
	*zoom: 1
}

.f-ftyh {
	font-family: "\5FAE\8F6F\96C5\9ED1"
}

.f-nob {
	border: 0
}

.f-blue {
	color: #3d6dcc
}

.f-black {
	color: black
}

.f-red {
	color: #e33737
}

.mapboxgl-popup-content {
	position: relative;
	background: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	pointer-events: auto
}

.sortClass {
	margin-bottom: 36px
}

.favQueryContent {
	top: -28px
}

.bufferRadiusPop {
	background-color: white;
	margin-left: 200px;
	margin-bottom: -50px
}

.bufModifyRadiusPop {
	background-color: white;
	margin-left: 200px;
	margin-bottom: -160px
}

.KeyQueryPopups {
	margin-left: 50px;
	margin-bottom: -7px
}

.g-searchbox-content {
	border: 1px solid #ccc
}

.KeyQueryPopups {
	margin-left: 50px;
	margin-bottom: -7px
}

.mapboxgl-boxhandler {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: #e90;
	border: 2px solid #e90;
	opacity: .4
}

 @CHARSET "UTF-8"; 

* {
	margin: 0;
	padding: 0
}

html, body {
	height: 100%;
	overflow: hidden;
	font-size: 14px;
	font-family: 'Microsoft YaHei', '微软雅黑'
}

input[type="text"]:focus, textarea:focus {
	outline: 0
}

ul {
	margin-left: 0
}

a, a:hover, a:facus {
	text-decoration: none;
	outline: 0
}

.m-map-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: center
}

.m-map-mask-info {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -80px -70px;
	width: 140px;
	height: 160px
}

.m-map-mask-info div {
	margin: 10px 0
}

.g-map {
	width: 100%;
	height: calc(100% - 63px);
	position: absolute
}

.mapboxgl-ctrl-bottom-left {
	bottom: 30px
}

.mapboxgl-ctrl-scale {
	line-height: 14px;
	background-color: rgba(255, 255, 255, 0);
	right: 255px;
	bottom: 15px;
	position: absolute;
}

.lngLat {
	position: absolute;
	z-index: 1;
	right: 240px;
	bottom: 5px
}

.showLevel {
	position: absolute;
	z-index: 1;
	right: 10px;
	bottom: 115px;
	font-weight: bold;
	background: #fff;
	width: 30px;
	line-height: 30px;
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	color: #333;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)
}

.logo {
	/* position: absolute; */
	z-index: 1000;
	left: 10px;
	bottom: 10px;
}

.login {
	position: absolute;
	right: 8px;
	top: 15px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
	border-radius: 20px;
	z-index: 100;
}

#reddot {
	width: 6px;
	height: 6px;
	position: absolute;
	right: 7px;
	top: 6px;
	background-color: red;
	border-radius: 50%;
	z-index: 100;
}

.login-logo {
	width: 38px;
	height: 38px;
	border-radius: 19px;
	background: #fff
}

.login-logo .dropdown-toggle {
	font-size: 12px
}

.dropdown-menu {
	border: 1px solid #659cf6;
	right: 2px;
	left: auto;
	min-width: 72px
}

.dropdown-menu>li>a {
	padding: 3px 10px;
	font-size: 12px
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a,
	.dropdown-submenu:focus>a {
	background-image: linear-gradient(to bottom, #ec6e33, #ec6e33);
	color: #fff
}

.thematicMap {
	background: #fff;
	position: fixed;
	top: 70px;
	right: 75px;
	z-index: 1;
	box-shadow: 2px 2px 4px 0 rgba(51, 51, 51, 0.16), -2px 0 4px 0
		rgba(51, 51, 51, 0.16);
	border-radius: 3px;
	padding: 4px 6px
}

.right-cents-top-title {
	width: 340px;
	height: 35px;
	line-height: 34px;
	border-bottom: 1px solid #e4e4e4;
	cursor: move
}

.right-cents-title {
	font-size: 16px;
	color: #333;
	padding-left: 4px
}

.close-panel {
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	right: 13px;
	top: 13px;
	padding: 2px 4px;
	cursor: pointer;
	background: url(../images/close_n.png) no-repeat
}

.close-panel:hover {
	background: url(../images/close_p.png) no-repeat;
	background-size: cover
}

.close-panel img {
	width: 10px
}

.thematic_panel {
	margin-top: 13px;
	width: 100%;
	max-height: 450px
}

.classify-children {
	color: #333;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	padding-left: 10px
}

.classify-children .children-lv1 {
	margin-top: 6px;
	width: 96%;
	border: 1px solid #eee;
	margin-left: 5px
}

.lv1-title {
	display: block;
	padding-left: 10px;
	height: 40px;
	color: #000;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold
}

.lv1-title img {
	width: 20px
}

.children-lv1:first-child {
	margin-top: 0
}

.classify-children .active .lv1-title {
	background: #eaf1fb;
	color: #4187e7
}

.classify-children .lv1-title:hover {
	background: #eaf1fb
}

.children-lv2 {
	padding: 0 15px
}

.children-lv2.ischecked {
	background: #f6f6f6
}

.lv2-title {
	position: relative;
	display: block;
	padding: 7px 0;
	color: #000;
	line-height: 1pc
}

.lv2-text {
	padding-left: 5px;
	font-size: 13px
}

.lv2-info {
	overflow: hidden;
	padding-left: 25px;
	height: 0;
	transition: .3s;
	font-size: 12px
}

.classify-children .checkbox {
	float: left;
	display: block;
	margin-top: 3px;
	width: 14px;
	height: 14px;
	background: url(../images/ico_check.png) no-repeat
}

.lv2_img {
	padding-left: 10px
}

.lv2_img img {
	width: 16px
}

.classify-children .help {
	float: right;
	width: 11px;
	height: 15px;
	background: url(../images/list-help.png) 0 0 no-repeat
}

.classify-children .help:hover {
	background: url(../images/list-help-over.png) 0 0 no-repeat
}

.classify-children .ischecked .checkbox {
	background: url(../images/ico_check_v.png) no-repeat
}

.classify-children .ischecked .lv2-info {
	height: auto
}

.triangle-down {
	float: right;
	display: block;
	margin-top: 17px;
	margin-right: 10px;
	width: 11pt;
	height: 7px;
	background: url(../images/ico_arrow.png) no-repeat;
	transition: .1s
}

.specialTime {
	background-color: white;
	display: none
}

.specialTime .specialHd {
	display: inline-block;
	height: 60px;
	overflow: hidden
}

.specialHd .tempWrap {
	height: 10px;
	width: 284px;
	border-radius: 10px;
	background: #aac5ee;
	position: relative;
	margin: 0 auto;
	top: 35%;
	z-index: 10;
	margin-left: 25px;
	margin-right: 25px
}

.specialHd ul {
	text-align: center;
	margin: 0 auto;
	padding-top: 25px !important
}

.specialHd li {
	cursor: pointer;
	display: inline-block;
	cursor: pointer;
	padding-top: 5px;
	font-size: 14px;
	color: black;
	margin: 0 30px;
	position: relative
}

.specialHd li:after {
	cursor: pointer;
	content: '';
	background: url(../multiTimePhaseWMTS/images/sgz_y.png) no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 20;
	top: -18px;
	left: 50%;
	margin-left: -12px
}

.spPrev, .spNext {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	bottom: 32px
}

.spPrev {
	left: 5px
}

.spNext {
	right: 0
}

.specialHd li.act span {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	background: url(../multiTimePhaseWMTS/images/sgz_xz.png) no-repeat;
	position: absolute;
	top: -18px;
	left: 13px;
	z-index: 21
}

* {
	margin: 0
}

html, body {
	height: 100%;
	overflow: hidden;
	font-family: Microsoft YaHei
}

input[type="text"]:focus, textarea:focus {
	outline: 0
}

ul {
	margin-left: 0
}

li {
	list-style: none;
	font-family: Microsoft YaHei;
	font-size: 13px
}

.f-dn {
	display: none;
}

.g-searchbox-head .close {
	position: absolute;
	bottom: 35px;
	right: 2px;
	top: 12px;
}

.close {
	width: 30px;
	height: 30px;
	background: url("../images/close.png") center center no-repeat;
	cursor: pointer;
	opacity: .8;
}

.mapboxgl-popup-close-button {
	/* position: absolute;
	right: -16px;
	top: -14px; */
	border: 0;
	border-radius: 0 3px 0 0;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	color: red;
	font-size: x-large;
}
.mapboxgl-marker{
	    top: 10px;left:10px;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: 1.4;
	filter: alpha(opacity = 40);
}

#searchbox {
	position: absolute;
	float: left;
	/*width: 346px;*/
	z-index: 100;
	top: 15px;
	left: 435px;
	border-radius: 3px;
}

.g-leftbody {
	position: absolute;
	top: 46px;
	left: -420px;
	width: 347px;
	z-index: 1000;
}

.printBtn {
	user-select: none;
	cursor: default;
	height: 30px;
	border-radius: 3px;
	background: #056aff;
	color: #fff;
	text-align: center;
	line-height: 30px;
	width: 150px;
	float: left;
	margin-left: 50px;
}

.printBtn:hover {
	background: #3385ff;
}

#sole-searchbox-content {
	position: absolute;
	background-color: #fff;
	width: 403px;
	height: 38px;
	z-index: 100;
	border-radius: 3px;
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
	/* box-shadow: 1px 2px 1px rgba(0, 0, 0, .15) */
    border: 1px solid #b8b8b8;
}

.search-gap {
	left: 365px;
	height: 26px;
	display: inline-block;
	border-right: 1px solid #b8b8b8;
	top: 7px;
	position: absolute;
	z-index: 1500;
}

.search-icon {
	position: absolute;
	margin-top: 6px;
	margin-left: 5px;
	width: 27px;
	height: 27px;
}

#id_geo-search_input {
	position: absolute;
	top: 7px;
	left: 12px;
	font-size: 14px;
	color: #333;
	line-height: 20px;
	width: 295px;
	border: 0;
	padding: 2px;
	background-color: #fff;
	font-family: Microsoft YaHei;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.new-btn-image {
	pointer-events: auto;
	background: url(../images/searchbox_f175577.png) no-repeat 0 -76px
		#3385ff;
	width: 57px;
	height: 38px;
	position: absolute;
	top: 0;
	left: 346px;
	border: 0;
	padding: 0;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	z-index: 200;
}

div.u-close {
	width: 30px;
	height: 28px;
	background: url("../images/close.png") center center no-repeat;
	cursor: pointer;
}

.child-panel {
	background-color: #fff;
	height: auto;
	margin-left: 0px;
	margin-top: 10px;
}

.g-searchbox-content.selected {
	display: block;
}

/* .g-searchbox-head {
	position: absolute;
	height: 38px
} */

/* .g-searchbox-head .normal-title {
	height: 38px;
	padding: 0 0 0 10px;
	background-color: #fff;
	padding-top: 8px;
	line-height: 24px;
	color: #909090;
	border-radius: 2px;
	font-family: Microsoft YaHei;
	font-size: 13px
} */

.vec_shutter_DIV {
	display: none;
	z-index: 998;
	position: absolute;
	background-color: #fff;
	Opacity: 0;
	filter: alpha(opacity = 0);
	width: 100%;
	height: 100%;
}

.vec_shuttermap {
	position: absolute;
	width: 100%;
	height: 100%;
}

.img_shutter_DIV {
	display: block;
}

.img_shutter {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}

.img_shuttermap {
	position: absolute;
	width: 1920px;
	height: 969px;
	display: block;
	clip: rect(0, 999em, 969px, 837px);
}

.vec_shutter {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}

.vec_shuttermap {
	position: absolute;
	width: 100%;
	height: 100%;
}

#data-box {
	position: absolute;
	width: 340px;
	height: 560px;
	top: 62px;
	left: 15px;
	z-index: 1000;
}

#my-favorites {
	display: inline-block;
	width: 23px;
	height: 23px;
	background-repeat: no-repeat;
	position: absolute;
	left: 5px;
	top: 9px
}

#keyQueryresult3dPage li, #bufferQueryresultPage3d li,
	#polygonQueryresultPage3d li, #classifyresult3dPage li {
	color: white;
}

#route-searchbox-content {
	position: absolute;
	width: 346px;
	height: 154px;
	z-index: 1200;
	border-bottom-right-radius: 2px;
	border-radius: 2px 0 0 2px;
	background: #fff;
}

.route-header {
	display: block;
	position: absolute;
	width: 346px;
	height: 38px;
	z-index: 300;
	cursor: pointer;
}

.searchbox-content-common {
	box-sizing: border-box;
	float: left;
	width: 306px;
	height: 38px;
}

.route-tabs {
	position: absolute;
	border-bottom: 1px solid #a3c7ff;
	color: #333;
	font-family: SimSun;
	font-size: 13px;
}

.route-tabs .tab-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 153px;
	height: 38px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
}

.bus-tab {
	position: absolute;
	left: 0;
	top: 0;
	width: 153px;
	height: 38px;
}

.car-tab {
	position: absolute;
	left: 153px;
	top: 0;
	width: 153px;
	height: 38px;
}

.bus-icon {
	position: absolute;
	width: 19px;
	height: 19px;
	left: 58px;
}

.car-icon {
	position: absolute;
	width: 21px;
	height: 21px;
	right: 100px;
}

.choose-bus {
	position: absolute;
	top: 12px;
	left: 85px;
	letter-spacing: 10px;
	color: #3385ff;
}

.choose-car {
	position: absolute;
	top: 12px;
	left: 60px;
	letter-spacing: 10px;
}

.route-tabs .arrow-wrap {
	position: absolute;
	height: 6px;
	width: 6px;
	top: 34px;
	background: #fff;
	border-top: 1px solid #a5c4ff;
	border-left: 1px solid #a5c4ff;
	transform: rotate(45deg);
	transition: left .2s ease-in;
	left: 28.5%;
}

.cancel-button {
	position: relative;
	float: right;
	width: 39px;
	height: 38px;
}

.cancel-bus-car-search-icon {
	position: absolute;
	margin-top: 11px;
	margin-left: 12px;
	width: 16px;
	height: 17px;
}

#bus-car-search-icon {
	position: absolute;
	width: 37px;
	height: 38px;
	left: 308px;
	top: 0;
}

#routebox {
	position: absolute;
	width: 346px;
}

.routebox-inputs {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
}

.routebox-input-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: auto;
}

.starting-point {
	position: relative;
	top: 12px;
	margin-left: 21px;
	margin-bottom: 9px;
	width: 12px;
	height: 12px;
}

.nav-point {
	position: relative;
	top: 10px;
	margin-left: 18px;
	margin-bottom: 9px;
	width: 16px;
	height: 17px;
}

.mid-point {
	position: relative;
	top: 7px;
	margin-left: 21px;
	margin-bottom: 4px;
	width: 12px;
	height: 12px;
}

.cir-point {
	position: relative;
	top: 7px;
	margin-left: 21px;
	margin-bottom: 4px;
	width: 12px;
	height: 12px;
}

.ending-point {
	position: relative;
	top: 5px;
	margin-left: 19px;
	margin-bottom: 9px;
	width: 16px;
	height: 16px;
}

.routebox-revert {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	cursor: pointer;
}

.change-icon0 {
	position: absolute;
	margin-top: 29px;
	margin-left: 10px;
	width: 20px;
	height: 22px;
}

.change-icon {
	position: absolute;
	margin-top: 29px;
	margin-left: 10px;
	width: 20px;
	height: 22px;
}

.routebox-input.route-start {
	position: relative;
	top: 0;
	left: 45px;
	width: 261px;
	height: 42px;
	border-bottom: 1px solid #eaebed;
	font-family: SimSun;
}

#route-mid {
	position: relative;
	top: 0;
	left: 45px;
	width: 261px;
	height: 42px;
	border-bottom: 1px solid #eaebed;
	font-family: SimSun;
}

#route-cir {
	position: relative;
	top: 0;
	left: 45px;
	width: 261px;
	height: 42px;
	border-bottom: 1px solid #eaebed;
	font-family: SimSun;
}

.routebox-input.route-end {
	position: relative;
	bottom: 0;
	left: 45px;
	width: 261px;
	height: 42px;
	border: 0;
	border-bottom: 1px solid #eaebed;
	font-family: SimSun;
}

.route-start-input {
	position: absolute;
	margin-top: 10px;
	width: 237px;
	border: 0;
	padding-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.route-mid-input {
	position: absolute;
	margin-top: 10px;
	width: 237px;
	border: 0;
	padding-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.route-cir-input {
	position: absolute;
	margin-top: 10px;
	width: 237px;
	border: 0;
	padding-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.route-end-input {
	position: absolute;
	margin-top: 10px;
	width: 237px;
	border: 0;
	padding-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.route-start-input::-webkit-input-placeholder {
	color: #aaa;
}

.route-start-input:-moz-placeholder {
	　　color: #aaa;
}

.route-start-input::-moz-placeholder {
	　　color: #aaa;
}

.route-start-input:-ms-input-placeholder {
	　　color: #aaa;
}

.route-mid-input::-webkit-input-placeholder {
	color: #aaa;
}

.route-mid-input:-moz-placeholder {
	　　color: #aaa;
}

.route-mid-input::-moz-placeholder {
	　　color: #aaa;
}

.route-mid-input:-ms-input-placeholder {
	　　color: #aaa;
}

.route-cir-input::-webkit-input-placeholder {
	color: #aaa;
}

.route-cir-input:-moz-placeholder {
	　　color: #aaa;
}

.route-cir-input::-moz-placeholder {
	　　color: #aaa;
}

.route-cir-input:-ms-input-placeholder {
	　　color: #aaa;
}

.route-end-input::-webkit-input-placeholder {
	color: #aaa;
}

.route-end-input:-moz-placeholder {
	　　color: #aaa;
}

.route-end-input::-moz-placeholder {
	　　color: #aaa;
}

.route-end-input:-ms-input-placeholder {
	　　color: #aaa;
}

.routebox-input2 {
	position: absolute;
	top: 15px;
	left: 25px;
	width: 281px;
	height: 35px;
	background-color: #e1edff;
	font-family: SimSun;
	border-radius: 3px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
}

.routebox-input3 {
	position: absolute;
	top: 15px;
	left: 25px;
	width: 281px;
	height: 35px;
	background-color: #e1edff;
	font-family: SimSun;
	border-radius: 3px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
}

.route-input-number {
	position: absolute;
	margin-top: 9px;
	margin-left: 10px;
	width: 237px;
	border: 0;
	background-color: #e1edff;
}

.route-input-station {
	position: absolute;
	margin-top: 9px;
	margin-left: 10px;
	width: 237px;
	border: 0;
	background-color: #e1edff;
}

#tab-1 {
	position: absolute;
	top: 38px;
	left: 0;
	width: 346px;
	height: 115px;
	background-color: #fff;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
}

#tab-2 {
	position: absolute;
	top: 38px;
	left: 0;
	width: 346px;
	height: 115px;
	background-color: #fff;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
}

#tab01 {
	position: relative;
	left: 0;
	top: 113px;
	width: 346px;
	height: auto;
	background-color: #fff;
	border-radius: 0 2px 2px 0;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	font-family: SimSun;
}

/* #tab02 {
	position: absolute;
	left: 0;
	top: 113px;
	width: 347px;
	height: auto;
	background-color: #fff;
	border-radius: 0 2px 2px 0;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	font-family: SimSun;
} */

#md-bus-toolbar {
	position: absolute;
	width: 346px;
	top: 84px;
	height: 31px;
	cursor: pointer;
}

#change-bus :hover {
	color: #3385ff;
}

#search-bus-route :hover {
	color: #3385ff;
}

#search-bus-station :hover {
	color: #3385ff;
}

#md-car-toolbar {
	position: absolute;
	width: 346px;
	bottom: 0;
	background-color: #fff;
}

#mid-point {
	position: absolute;
	width: 68px;
	height: 20px;
	left: 70px;
	top: 5px;
	border-radius: 3px;
	background-color: #e1edff;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
}

#cir-point {
	position: absolute;
	width: 68px;
	left: 185px;
	height: 20px;
	top: 5px;
	border-radius: 3px;
	background-color: #e1edff;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
}

#add-mid {
	position: absolute;
	top: 4px;
	left: 7px;
	font-size: 13px;
}

#add-cir {
	position: absolute;
	top: 4px;
	left: 7px;
	font-size: 13px;
}

.add-point {
	position: absolute;
	top: 3px;
	left: 51px;
	width: 14px;
	height: 14px;
}

.delete-input-icon0 {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 10px;
	right: 103px;
	cursor: pointer;
}

.delete-input-icon {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 10px;
	right: 7px;
	cursor: pointer;
}

.delete-input-icon-left {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 10px;
	right: 30px;
	cursor: pointer;
}

/* #md-carLineResult {
	height: auto;
	overflow-y:  auto;
	max-height: 500px;
} */

 @CHARSET "UTF-8"; 

.m-car .car-panel {
	padding-top: 25px;
}

.m-car .car-panel form {
	margin: 0;
}

.m-car-lineresult {
	overflow-y: auto;
	border: 1px solid #cbcbcb;
}

.m-car-lineresult h3 {
	line-height: 18px;
}

/* .m-car-lineresult .info {
	padding-left: 2px;
	border-top: 1px solid #e6e6e6;
	color: #000;
	margin: 0;
} */

.m-car-lineresult .info li {
	cursor: pointer;
	padding: 7px 10px 7px 17px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 20px;
	overflow: hidden;
}

.m-car-lineresult .info li span {
	font-weight: bold;
}

.m-car-lineresult .info li span.b {
	color: #3d6dcc;
}

.m-car-lineresult .info .focus li {
	background: #eaedf5;
}

.m-car-lineresult .info h3 {
	height: 18px;
	font-size: 12px;
	color: #000;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	margin-top: 3px;
}

.m-car-lineresult .info h3 .drv_show_all {
	float: right;
	padding: 7px 3px 7px 15px;
	margin-top: -8px; *
	line-height: 18px;
	font-weight: 100;
	cursor: pointer;
	background: url(http://map.baidu.com/image/new_map_nav.gif) no-repeat 0
		-195px;
}

.m-car-lineresult .info h3 .drv_show_all_foucs {
	background-position: 0 -230px;
}

.m-car-lineresult .info h3 .drv_title {
	display: block;
	float: left;
	margin-left: 2px;
}

.m-car-lineresult .info h3 strong {
	display: block;
	line-height: 19px;
	padding: 0 0 5px 8px;
	margin-right: 8px;
}

.m-car-lineresult .info h3.no1 {
	background: url(../images/seicon.png) no-repeat 2px 0;
	cursor: pointer;
}

.m-car-lineresult .info h3.no2 {
	background: url(../images/seicon.png) no-repeat 2px -18px;
	cursor: pointer;
}

.m-car-lineresult .info li.sel {
	background: #f2f2f2;
}

.m-car-lineresult .info li.sel2 {
	background: #f2f2f2;
	cursor: default;
}

.m-car-lineresult .info .main-roude-content li span {
	color: blue;
	font-weight: normal;
}

.m-car-lineresult .info_walk {
	color: #000;
	border-top: 1px solid #ccc;
}

.m-car-lineresult .info_walk h3 {
	height: 24px;
	font-size: 12px;
	color: #fff;
	padding: 5px 0 0 25px;
	border-bottom: 1px solid #ccc;
}

.m-car-lineresult .info_walk h3 span {
	display: block;
	float: left;
	background: url(http://map.baidu.com/image/bgs.gif) no-repeat right
		-160px;
	margin-left: 2px;
}

.m-car-lineresult span a {
	color: #6587ce;
}

.m-car-lineresult .main-roude-title {
	cursor: pointer;
	font-size: 12px;
	font-weight: 100;
	border-bottom: #e6e6e6 solid 1px;
	line-height: 30px;
	padding-left: 5px;
	display: block;
}

.m-car-lineresult .main-roude-title-bt {
	float: right;
	margin-right: 5px;
	display: block;
	height: 100%;
}

.m-car-lineresult .main-roude-title-dt {
	float: left;
	width: 86%;
}

.m-car-lineresult .main-roude-title_focus {
	background-color: #f8f8f8;
}

.m-car-lineresult .no-main-roude-content li {
	padding: 5px 10px;
	border-bottom: #e6e6e6 solid 1px;
}

.m-car-lineresult .info .close {
	padding-left: 15px;
	background: transparent url(http://map.baidu.com/image/bgs.gif)
		no-repeat scroll -270px -13px;
}

.m-car-lineresult .info .open {
	padding-left: 15px;
	background: transparent url(http://map.baidu.com/image/bgs.gif)
		no-repeat scroll -270px -33px;
}

.m-car-lineresult .print {
	text-align: right;
	line-height: 20px;
	padding-right: 5px;
}

.m-car-lineresult dl {
	margin-top: 5px;
}

.m-car-lineresult dt {
	padding-left: 26px;
	background: url(http://map.baidu.com/image/trans_icons.png) no-repeat;
}

.m-car-lineresult dd {
	color: #5a5a5a;
	padding-left: 25px;
	height: auto;
}

.m-car-lineresult .subm {
	clear: both;
	padding-left: 25px;
	width: 120px;
	height: 25px;
	margin-top: 5px;
}

.m-car-lineresult .subm input {
	width: 60px;
}

.m-car-lineresult .which_1 {
	background-position: 0 2px;
}

.m-car-lineresult .which_2 {
	clear: both;
	background-position: 0 -24px;
}

.m-car-lineresult .city input {
	width: 70px;
	font: 16px arial;
}

.m-car-lineresult .addr {
	padding-top: -5px
}

.m-car-lineresult .addr input {
	width: 130px;
	font: 16px arial;
}

.m-car-lineresult .cutstr {
	width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m-car-lineresult .route-result-total {
	line-height: 30px;
	color: #20a1e3;
	padding-left: 10px;
	font-weight: bold;
	font-size: 13px;
}

.m-car-query .icon {
	font-size: 18px;
	padding: 0 9px;
	margin: 0 6px 0 25px;
	position: relative;
	top: 2px;
	zoom: 1;
}

.m-car-query .car-panel .form-horizontal .controls {
	margin-left: 1px;
}

.m-car-query .car-panel .form-horizontal .btn-div {
	text-align: right;
	padding-right: 20px;
}

.m-car-query .car-panel .route_btn {
	width: 70px;
}

.m-car-query input {
	width: 200px;
}

.m-car-query .start {
	margin-bottom: 10px;
}

.m-car-query .among {
	margin-bottom: 6px;
}

.m-car-query .among gbd {
	margin-bottom: 6px;
}

.m-car-query .start {
	background: url("../images/seicon.png") 0 3px no-repeat;
}

.m-car-query .among {
	background: url("../images/seico1n.png") no-repeat;
}

.ui-helper-reset {
	line-height: .6;
	border-radius: 0;
	font-family: SimSun;
}

.m-car-query .gbd {
	background: url("../images/seico2n_s1.png") no-repeat;
}

.m-car-query .end {
	background: url("../images/seicon.png") 0 -18px no-repeat;
}

.close-otherpoint {
	background: url("../images/close.png") center no-repeat;
	cursor: pointer
}

.m-car-query .sechange {
	position: absolute;
	width: 19px;
	height: 27px;
	left: 5px;
	top: 44px;
	background: url("../images/transfer.png") 0 0 no-repeat;
	cursor: pointer;
}

.m-car-query .sechange:hover {
	background: url("../images/transfer_c1.png") 0 0 no-repeat;
}

.m-car-query .list ul {
	margin: 0;
}

.m-car-query .list ul li {
	float: left;
	width: 65px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #cbcbcb;
	border-right: 0;
	background: url("../images/drive_options_bg.jpg") repeat-x;
	cursor: pointer;
}

.m-car-query .list ul li.last {
	border-right: 1px solid #cbcbcb;
}

.m-car-query .list ul li a {
	color: #545454;
}

/* .m-car-query .list ul li.selected {
	background: url("../images/drive_options_bg_v.jpg") repeat-x;
} */

.m-car-query .list ul li.selected a {
	font-weight: bold;
}

.m-car-querylist li {
	font-size: 13px;
	min-height: 40px;
	padding-left: 40px;
	margin: 0 0 8px 0;
	cursor: pointer;
}

.m-car-querylist li .detail-result-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	line-height: 40px;
	color: #444;
}

.m-car-querylist li .detail-result-content {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
	color: #666;
}

.m-car-querylist .xz_libtndiv {
	float: right;
	width: 70px;
	height: 100%;
	display: none;
	margin-top: 30px;
}

.m-car-querylist .xz_libtn {
	cursor: pointer;
	background-image: url(../images/addrPage.png);
	BACKGROUND-POSITION: -87px -81px;
	width: 63px;
	height: 29px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	line-height: 29px;
}

.ui-accordion .ui-accordion-content {
	margin-top: -1px;
	margin-bottom: 0;
	padding: 0;
	height: 340px !important;
	width: 100% !important;
}

.m-car-queryreult .no_point {
	line-height: 24px;
	margin-top: 3px;
	text-indent: 15px;
	padding-top: 0;
}

.m-car-mask {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 72px;
	margin: 35px -50px;
	text-align: center
}

.m-car-error {
	line-height: 18px;
	margin-left: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-left: 5px
}

.popup-action-panel .p-s-btn {
	width: 61px;
	height: 26px;
	line-height: 26px;
	border: 0;
	margin: 5px;
	background: url("../images/p-s-btn.png") no-repeat
}

.controls .iptCar, ul li .iptCar {
	height: 22px;
	line-height: 20px;
	background: #f5f5f5;
	padding: 0;
	font-size: 13px;
	padding: 2px 0 2px 10px;
	margin-left: 25px
}

.control-group .btn-image {
	background-image: url(/map/images/btn-searchKeyWord.png);
	width: 64px;
	height: 27px;
	border: 0
}

.control-group .btn-image:hover {
	background-image: url(/map/images/btn-searchKeyWord_c1.png)
}

.control-group a.addPoint {
	background: url(../images/avoid.png) no-repeat;
	padding-left: 7px;
	padding-top: 2px;
	display: inline-block;
	height: 22px;
	width: 34px;
	color: #7c7c7c
}

.control-group a.addPoint:hover {
	background: url(../images/avoid_h1.png) no-repeat
}

.car-panel .form-horizontal ul, .car-panel .form-horizontal ul li {
	margin-bottom: 5px
}

span.icon.among, span.icon.gbd {
	display: block;
	width: 20px;
	height: 28px;
	float: left;
	margin-top: -2px;
	margin-right: 3px;
	margin-left: 3px;
	padding: 0
}

.carQueryContent {
	top: -38px
}

#info_TANGRAM__hz {
	background-color: #fff
}

#md-carLineResult {
	height: auto;
	overflow-y:  auto;
	max-height: 500px
}

#endPointBox {
	margin-bottom: 0
}

.m-car-querylist {
	padding-left: 10px
}

#md-bus-toolbar li.selected {
	color: #3385ff
}

.m-bus-lineresult {
	overflow-x: hidden;
	overflow-y: auto
}

.m-bus-lineresult .busline-serach-title {
	height: 45px;
	cursor: pointer
}

.m-bus-lineresult .busline-img {
	width: 15px;
	float: left;
	padding: 0 0 0 10px
}

.m-bus-lineresult .busline-serach-title p {
	color: #00c;
	font-weight: normal;
	font-size: 12px;
	margin: 0
}

.m-bus-lineresult .busLineInfo {
	line-height: 1.2
}

.m-bus-lineresult .busLineFea_list {
	cursor: pointer;
	margin-right: 5px;
	float: right;
	width: 75px
}

.m-bus-lineresult .carlineTitle {
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px
}

.m-bus-lineresult .totalStation {
	float: left;
	margin-left: 20px
}

.m-bus-lineresult .linecontent {
	font-size: 12px;
	padding: 2px 0 2px 20px;
	line-height: 23px;
	width: 228px;
	height: auto;
	color: #000;
	overflow-y: hidden
}

.m-bus-statnum {
	color: #406593;
	padding-left: 25px;
	line-height: 10px
}

.lineStation-popup-content {
	line-height: 14px;
	font-size: 12px;
	height: 20px
}

.m-bus-stationresult .busstatcontent {
	font-size: 12px;
	padding: 2px 0 2px 20px;
	line-height: 23px;
	width: 228px;
	height: auto;
	color: #000;
	overflow-y: auto
}

.m-bus-stationresult {
	overflow-x: hidden;
	overflow-y: auto
}

.popupLineQuery {
	text-decoration: underline;
	margin-right: 6px;
	cursor: pointer
}

.m-bus-transresult {
	overflow-x: hidden;
	overflow-y: auto
}

.m-bus-transresult .routeBus {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px
}

.m-bus-transresult .routeBus .item {
	border: 1px solid #bdbdbd;
	margin-bottom: 5px
}

.m-bus-transresult .routeBus .item.on {
	background: #fff url("../images/title_close_bg.png") -1px -1px repeat-x
}

.m-bus-transresult .routeBus .item.off {
	background: #ddd
}

.m-bus-transresult .routeBus .way { *
	line-height: 30px; *
	position: absolute
}

.m-bus-transresult .routeBus .num {
	float: left;
	padding: 2px 4px;
	margin: 0 2px;
	color: #fff;
	background: #6689cb;
	font-weight: bold
}

.m-bus-transresult .routeBus .con {
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px
}

.m-bus-transresult .on .num {
	color: #fff;
	padding: 0 4px;
	margin: 0 6px;
	background: #fe6c0c
}

.m-bus-transresult .off .num {
	color: #fff;
	padding: 0 4px;
	margin: 0 6px;
	background: #666
}

.m-bus-transresult .info {
	margin: 10px
}

.m-bus-transresult .on .info {
	display: block
}

.m-bus-transresult .off .info {
	display: none
}

.m-bus-transresult .info table {
	width: 285px;
	margin: 6px 0 6px 10px
}

.m-bus-transresult .info table td {
	font-size: 12px
}

.m-bus-transresult .info table td .busTransferPoi_list {
	color: #2f87eb;
	text-decoration: none
}

.m-bus-transresult .info table td.notlast {
	padding: 8px 0 8px 3px;
	border-bottom: 1px solid #f2f5f8;
	line-height: 15px
}

.m-bus-transresult .station.terminal {
	font-weight: bold
}

.m-bus-transresult .start.station.terminal {
	font-weight: bold;
	color: #079326;
	display: inline-block;
	padding-top: 2px;
	width: 250px
}

.m-bus-transresult .end.station.terminal {
	font-weight: bold;
	color: #d93f3f;
	display: inline-block;
	padding-top: 2px;
	width: 250px
}

.m-bus-transresult .con .title {
	color: #fe6c0c
}

.m-bus-transresult .start-icon {
	padding: 4px 10px;
	background: url("../images/start_icon.png") center center no-repeat
}

.m-bus-transresult .end-icon {
	padding: 4px 10px;
	background: url("../images/end_icon.png") center center no-repeat
}

.m-bus-transresult .byfoot {
	padding: 13px 8px;
	background: url("../images/pop_s1.png") center center no-repeat
}

.m-bus-transresult .bybus {
	padding: 4px 10px;
	background: url("../images/bus_v.png") center center no-repeat
}

.m-bus-transresult .bysubway {
	padding: 10px 10px;
	background: url("../images/subway_v.png") center center no-repeat
}

.m-bus-transresult p {
	margin: 0
}

.m-bus-transresult .main-car-title-bt {
	width: 16px;
	height: 16px;
	background: url(../images/accordion_expand.png) no-repeat;
	float: right;
	cursor: pointer;
	margin-right: 25px;
	display: inline-block
}

.m-bus-transresult .title .main-car-title-bt {
	background: url(../images/accordion_collapse.png) no-repeat
}

.m-bus-transresult .no_point {
	line-height: 24px;
	margin-top: 15px;
	padding-bottom: 10px;
	text-indent: 15px
}

.m-bus-transresult .no_point span {
	color: #666;
	display: block;
	line-height: 21px
}

.m-bus-transresult .left-warn {
	margin: 5px
}

.m-bus .drive-option .icon {
	font-size: 18px;
	padding: 0 9px;
	margin: 0 6px 0 12px;
	position: relative;
	top: 2px;
	zoom: 1
}

.m-bus .drive-option input {
	width: 200px
}

.m-bus .drive-option .start {
	margin-bottom: 10px
}

.m-bus .drive-option .among {
	margin-bottom: 6px
}

.m-bus .drive-option .among gbd {
	margin-bottom: 6px
}

.m-bus .drive-option .start {
	background: url("../images/seicon.png") 0 3px no-repeat
}

.m-bus .drive-option .among .icon {
	background: url("../images/seico1n.png") no-repeat
}

.m-bus .drive-option .gbd .icon {
	background: url("../images/seico2n_s1.png") no-repeat
}

.m-bus .drive-option .end {
	background: url("../images/seicon.png") 0 -18px no-repeat
}

.m-bus .drive-option .sechange {
	position: absolute;
	width: 19px;
	height: 27px;
	left: 5px;
	top: 44px;
	background: url("../images/transfer.png") 0 0 no-repeat;
	cursor: pointer
}

.m-bus .drive-option .sechange:hover {
	background: url("../images/transfer_c1.png") 0 0 no-repeat
}

.m-bus .drive-query-options .button {
	margin: 10px 0 4px 0;
	text-align: center
}

.m-bus .drive-query-options .button input {
	width: 60px;
	height: 25px;
	border: 0;
	cursor: pointer;
	background: url("../images/serach-btn-11.png") 0 0 no-repeat
}

.m-bus input.button {
	width: 60px;
	height: 25px;
	border: 0;
	cursor: pointer;
	background: url("../images/serach-btn-11.png") 0 0 no-repeat
}

.m-bus input.text {
	width: 120px;
	margin: 2px 6px
}

.m-bus .drive-query-option-list {
	padding: 0 30px;
	display: none
}

.m-bus .drive-result {
	padding: 0 5px
}

.m-bus .drive-query-option-list ul li {
	float: left;
	width: 65px; *
	width: 65px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #cbcbcb;
	border-right: 0;
	background: url("../images/drive_options_bg.jpg") repeat-x;
	cursor: pointer
}

.m-bus .drive-query-option-list ul li.last {
	border-right: 1px solid #cbcbcb
}

.m-bus .drive-query-option-list ul li a {
	color: #545454
}

.m-bus .drive-query-option-list ul li.selected {
	background: url("../images/drive_options_bg_v.jpg") repeat-x
}

.m-bus .drive-query-option-list ul li.selected a {
	font-weight: bold
}

.m-bus .bus-panel {
	padding-top: 10px
}

.m-bus .bus-panel input {
	vertical-align: middle
}

.m-bus .bus-panel .bus_btn {
	width: 70px
}

.m-bus .bus-panel .form-horizontal .controls {
	margin-left: 2px
}

.m-bus .bus-panel .form-horizontal .btn-div {
	text-align: right;
	padding-right: 26px
}

.m-bus .bus-panel .bus-panel-control {
	text-align: center
}

.m-bus .bus-panel-control input[type="text"] {
	width: 180px
}

.m-bus .bus-panel-control .btn-small {
	font-size: 12px;
	width: 60px;
	margin-top: -10px
}

.m-bus .bus-toolbar {
	margin-top: -10px
}

.m-bus .bus-toolbar ul {
	margin-bottom: 10px
}

.m-bus .bus-toolbar ul li {
	float: left;
	margin-left: 3px
}

.m-bus .bus-toolbar ul li label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer
}

.xz_libtndiv {
	float: right;
	width: 70px;
	height: 100%;
	display: none;
	margin-top: 30px
}

.xz_libtn {
	cursor: pointer;
	background-image: url(../images/addrPage.png);
	BACKGROUND-POSITION: -87px -81px;
	width: 63px;
	height: 29px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	line-height: 29px
}

.m-bus .ui-accordion .ui-accordion-content {
	margin-top: -1px;
	margin-bottom: 6px;
	padding: 0
}

.m-bus .classify-serach {
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 100%;
	width: 100%
}

.m-bus .busError {
	line-height: 18px;
	margin-left: 5px;
	margin-top: 5px
}

.m-bus .busError .busToCar {
	color: red;
	cursor: pointer
}

.m-bus .mask-container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 72px;
	margin: -36px -50px;
	text-align: center
}

.controls .iptBus, .bus-panel-control .iptBus {
	height: 22px;
	line-height: 20px;
	background: #f5f5f5;
	padding: 0;
	margin-left: 24px;
	font-size: 13px;
	padding: 2px 0 2px 10px
}

.m-bus .bus-panel .form-horizontal .m-search-box {
	position: absolute;
	left: 210px;
	right: inherit;
	top: 42px
}

.bus-panel-control {
	margin-bottom: 10px
}

.bus-panel-control .btn-image {
	background-image: url(/map/images/btn-searchKeyWord.png);
	width: 64px;
	height: 27px;
	border: 0;
	margin-bottom: 10px;
	margin-top: 10px
}

.bus-panel-control .btn-image:hover {
	background-image: url(/map/images/btn-searchKeyWord_c1.png)
}

#md-noStartBusPoint {
	margin-top: 20px
}

 @CHARSET "UTF-8"; 

.city-btn-area {
	position: relative;
	height: 30px;
	border-bottom: 1px #ccc solid;
	line-height: 30px
}

.city-btn-area .u-close {
	position: absolute;
	right: -4px;
	top: -8px;
	width: 30px;
	height: 28px;
	background: url(../images/close.png) center center no-repeat;
	cursor: pointer
}

.city-btn-area .u-close.u-close2D {
	position: absolute;
	right: 0;
	top: -2px
}

.city-list {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	line-height: 33px;
	position: relative;
	bottom: -3px;
	max-height: 250px;
	overflow-y: auto;
	/*margin-top: 45px;*/
	padding-bottom: 10px
}

.city-list dl.dl-horizontal {
	margin: 0;
	width: 100%
}

.city-list dt, city-list dd {
	cursor: pointer
}

.city-list .dl-horizontal .inline li {
	float: left;
	padding: 0 3px;
	font-size: 12px;
	height: 30px;
	line-height: 30px
}

.city-list .dl-horizontal dt {
	width: 72px;
	margin-left: 10px;
	margin-top: 4px;
	font-size: 12px;
	float: left;
	text-align: left
}

.cityTable {
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold
}

.city-list .dl-horizontal dd {
	width: 198px;
	float: right;
	margin-top: -24px
}

.p-city-dir {
	width: 308px;
	height: 1px;
	background: #ccc
}

.searchDom {
	width: 244px;
	height: 40px;
	border-bottom: 1px dashed #ccc;
	margin: 0 auto
}

.citySearchTxt {
	line-height: 20px;
	width: 184px;
	margin-top: 8px;
	display: inline-block;
	float: left;
	margin-right: 5px;
	color: black
}

.citySearchSpan {
	float: left;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 55px;
	border: 1px solid #ccc;
	display: inline-block;
	margin-top: 8px;
	background-color: #f7f7f7;
	cursor: pointer;
	color: black
}

.cityChild_dd a {
	color: #046abe;
	font-family: 宋体, Simsun
}

.cityChild_dt a {
	color: #000;
	font-family: 宋体, Simsun
}

.cityChild_dd a:hover, .cityChild_dt a:hover {
	color: red
}

.search_div {
	width: 267px;
	height: 240px;
	position: absolute;
	z-index: 2000;
	background-color: white
}

.search_div ul {
	width: 242px;
	margin: 0 auto;
	height: 290px
}

.search_div ul li {
	width: 100%;
	line-height: 30px;
	height: 30px
}

.service-add-options {
	margin: 4px 0;
	line-height: 26px
}

.service-add-options .selectLayer {
	vertical-align: middle
}

.service-add-options .setLayer:hover {
	color: #999
}

.service-add-source-search {
	margin: 8px 0
}

.service-add-source-search .select, .service-add-source-search input,
	.service-add-source-search button {
	float: right;
	margin: 0 4px
}

.config-content-item button.aui_state_highlight {
	height: 24px;
	margin: 0 4px
}

.service-add-options .config-content-item .fl-label {
	float: left
}

.service-add-options .config-content-item .slider-group .min-num {
	float: left;
	width: 20px;
	margin: 0 4px
}

.service-add-options .config-content-item .slider-group .slider-bar {
	float: left;
	width: 380px
}

.service-add-options .config-content-item .slider-group .max-num {
	float: left;
	width: 20px;
	margin-left: 10px
}

.service-add-options .config-content-item .slider-bar {
	top: 6px
}

.service-add-options .config-content-item .slider-bar a.ui-slider-handle.ui-state-default
	{
	top: 0
}

.service-add-options .config-content-item .single-slider {
	margin-left: 28px
}

.resdata ul li font {
	color: #6f6f6f;
	display: inline-block;
	margin-right: 10px;
	line-height: 22px;
	float: right;
	position: relative;
	top: 6px;
	*top: -25px;
	*font-size: 12px
}

.resdata ul li em {
	color: #6f6f6f;
	display: inline-block;
	margin-right: 10px;
	line-height: 22px
}

.resdata ul li i {
	color: #6f6f6f;
	display: inline-block;
	*margin-left: 10px;
	line-height: 22px;
	padding: 0 10px
}

.resdata ul li i.select {
	background: #3875c0;
	display: inline-block;
	color: #fff
}

.resdata ul li i:hover {
	background: #3875c0;
	color: #fff
}

.resdata ul li em.butgreen button {
	background: #63b229;
	height: 32px;
	line-height: 32px;
	width: 80px;
	color: #fff;
	border: #51981d 1px solid;
	padding: 0;
	position: relative;
	*top: -30px;
	left: 0;
	margin-right: 5px
}

.resdata ul li em.butgreen button:hover {
	background: #51981d;
	color: #fff;
	border: #63b229 1px solid;
	padding: 0
}

.result {
	border: #e5e5e5 1px solid;
	border-bottom: 0;
	border-top: 0;
	margin: 0;
	padding-top: 10px
}

.result.bdddd {
	border-left: 0;
	border-right: 0
}

.result>ul {
	display: block;
	width: 98%;
	margin: 0 auto
}

.result ul li {
	height: 41px;
	line-height: 40px;
	border-bottom: #e2e2e2 1px solid;
	text-align: center
}

.result i.checkboxdw {
	vertical-align: middle;
	float: left;
	position: relative;
	top: 3px;
	*top: 8px;
	left: 0
}

.result li.item {
	background: #ececec;
	border: #ddd 1px solid;
	font-weight: bold
}

.result li.list {
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid
}

.result em {
	color: #333;
	display: inline-block;
	vertical-align: middle;
	float: left
}

.result em.time {
	color: #535353;
	padding-right: 20px
}

.result em.operate {
	color: #535353;
	padding-right: 20px;
	float: right
}

.result em.describe {
	color: #535353
}

.result ul li.list:hover {
	background: #e7f0fa;
	color: #3875c0
}

.result ul li.list:hover em {
	color: #3875c0
}

.result ul .list span em.sq {
	background: url(../images/serve.png) -5px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.dete {
	background: url(../images/serve.png) -41px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.pz {
	background: url(../images/serve.png) -74px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.sx {
	background: url(../images/serve.png) -111px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.zt {
	background: url(../images/serve.png) -145px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.tz {
	background: url(../images/serve.png) -175px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.ck {
	background: url(../images/serve.png) -206px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.wsq {
	background: url(../images/serve.png) -241px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.bj {
	background: url(../images/serve.png) -277px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.qxdy {
	background: url(../images/serve.png) -320px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.dy {
	background: url(../images/serve.png) -362px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.sc {
	background: url(../images/serve.png) -400px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.tgsp {
	background: url(../images/serve.png) -449px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.wtgsp {
	background: url(../images/serve.png) -488px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.down {
	background: url(../images/serve.png) -537px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.ndown {
	background: url(../images/serve.png) -642px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.fx {
	background: url(../images/serve.png) -587px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.xg {
	background: url(../images/serve.png) -770px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.tj {
	background: url(../images/serve.png) -829px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.cx {
	background: url(../images/serve.png) -891px -125px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.cq {
	background: url(../images/serve.png) -1px -305px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.gb {
	background: url(../images/serve.png) -43px -305px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.sq:hover {
	background: url(../images/serve.png) -5px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.dete:hover {
	background: url(../images/serve.png) -41px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.pz:hover {
	background: url(../images/serve.png) -74px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.sx:hover {
	background: url(../images/serve.png) -111px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.zt:hover {
	background: url(../images/serve.png) -145px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.tz:hover {
	background: url(../images/serve.png) -175px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.ck:hover {
	background: url(../images/serve.png) -206px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.wsq:hover {
	background: url(../images/serve.png) -241px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.bj:hover {
	background: url(../images/serve.png) -277px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.qxdy:hover {
	background: url(../images/serve.png) -320px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.dy:hover {
	background: url(../images/serve.png) -362px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.sc:hover {
	background: url(../images/serve.png) -400px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.tgsp:hover {
	background: url(../images/serve.png) -449px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.wtgsp:hover {
	background: url(../images/serve.png) -488px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.down:hover {
	background: url(../images/serve.png) -537px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.ndown:hover {
	background: url(../images/serve.png) -642px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.fx:hover {
	background: url(../images/serve.png) -587px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.xg:hover {
	background: url(../images/serve.png) -770px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.tj:hover {
	background: url(../images/serve.png) -829px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.cx:hover {
	background: url(../images/serve.png) -891px -213px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.cq:hover {
	background: url(../images/serve.png) -1px -370px no-repeat;
	width: 20px;
	height: 40px
}

.result ul .list span em.gb:hover {
	background: url(../images/serve.png) -43px -370px no-repeat;
	width: 20px;
	height: 40px
}

header .headers .logo span.maxfont {
	color: white;
	font-family: "微软雅黑";
	font-size: 32px;
	letter-spacing: 3px
}

header .headers .logo span.minfont {
	color: white;
	font-family: "微软雅黑";
	font-size: 18px;
	letter-spacing: 2px
}

table {
	padding: 0;
	margin: 0
}

.table td {
	padding: 8px 0;
	color: #0b467a
}

table .label {
	width: 10%
}

.wfsconfig-panel {
	position: absolute;
	padding: 16px 0;
	width: 190px
}

.tree-panel {
	height: 100%;
	border: 1px solid #286aa0
}

.tree-panel .tree-title {
	height: 33px;
	line-height: 33px;
	border: 0;
	background: url(../images/tree_title_bg.jpg)
}

.tree-panel .tree-innertitle {
	background: 0
}

.tree-container {
	overflow: hidden;
	overflow-y: auto;
	width: 100%
}

.wfsconfig-table {
	padding-left: 200px
}

.wfsconfig-button {
	position: relative;
	top: -3px;
	width: 100px;
	height: 32px;
	border: 0;
	font-weight: bold;
	font-size: 13px;
	font-family: "新宋体";
	color: #666;
	background: url("../images/wfsconfig_button.png") no-repeat
}

.wfsconfig-button:hover {
	cursor: pointer
}

select {
	width: 200px;
	height: 30px
}

.station label {
	display: inline
}

.station label:hover {
	cursor: pointer
}

.select-bg {
	position: relative;
	padding: 6px 15px;
	padding-bottom: 8px;
	background: url("../images/select_bg.png") no-repeat;
	z-index: 1000
}

.label-bg {
	padding: 6px 15px;
	background: url("../images/label_bg.png") no-repeat
}

.center {
	padding-left: 20px;
	padding-right: 20px
}

table .children {
	width: 100%
}

table .field {
	margin-bottom: 10px
}

table .children select {
	margin-left: 20px;
	height: 30px
}

table .children label {
	padding: 16 0
}

table .children td.label {
	width: 100px
}

table .field td {
	border: 1px solid #cedbe1;
	text-align: center
}

table .children .children-select td {
	color: #f30
}

table .field tr:hover td {
	color: #f30
}

.children-information {
	position: relative;
	width: 500px;
	height: 200px;
	padding: 10px;
	margin-top: 4px;
	background: #fff;
	border: 1px solid #8da8b3;
	overflow-y: scroll;
	display: none
}

#wfsconfig-srvURL {
	height: 22px;
	line-height: 22px;
	margin-bottom: 0
}

.layer-list {
	overflow: auto
}

.layer-list li {
	padding: 5px 0 0 10px;
	margin: 0 2px;
	cursor: pointer
}

.layer-list li.hover {
	padding-bottom: 5px;
	background-color: #deeffa
}

.layer-list li.selected {
	background-color: #deeffa
}

.layer-list li:first-child .special_ser_up {
	display: none
}

.layer-list li:last-child .special_ser_down {
	display: none
}

.layer-list .label {
	overflow: hidden;
	width: 190px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.layer-list .label input {
	vertical-align: middle
}

.config-content-item {
	min-height: 26px;
	padding: 4px 0
}

.config-content-item.al-top span {
	vertical-align: top
}

.config-content-item .config-content-item-title {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 4px
}

.config-content-item .config-content-item-text {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 4px
}

.config-content-item-big-text {
	float: left
}

.config-content-item .cn-ipt {
	width: 390px;
	height: 22px;
	padding: 4px;
	border: 1px solid #ccc;
	background: url("../images/input_shadow.png") no-repeat
}

.config-content-item .cn-btn {
	height: 22px;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: top
}

.config-content-item .select {
	width: 158px;
	height: 22px;
	border: 1px solid #ccc;
	*border: 0;
	background: url("../images/input_shadow.png") no-repeat
}

.config-content-item .select select {
	width: 156px;
	border: 0;
	background: 0
}

.config-content-item textarea {
	width: 404px;
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	background: url("../images/input_shadow.png") no-repeat;
	resize: none
}

.service-add-source-wrap {
	width: 740px
}

.service-add-source-menu {
	*width: 736px;
	border-bottom: 1px solid #ccc;
	padding-left: 0
}

.service-config-attributes-tab {
	*width: 280px;
	border-bottom: 1px solid #ccc
}

.service-add-source-menu li {
	position: relative;
	top: 1px;
	float: left;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0 158px;
	line-height: 35px;
	color: #369;
	cursor: pointer
}

.service-config-attributes-tab li {
	position: relative;
	top: 1px;
	float: left;
	border: 1px solid #ccc;
	padding: 0 10px;
	margin-left: 10px;
	line-height: 30px;
	color: #369;
	cursor: pointer
}

.service-add-source-menu li.selected {
	border-bottom: 1px solid #fff;
	background-color: #e1edff
}

.service-config-attributes-tab li.selected {
	border-bottom: 1px solid #fff
}

.service-add-source-type {
	display: none;
	width: 736px
}

.service-add-source-type.selected {
	display: block
}

.service-config-attributes-content {
	display: none;
	overflow: hidden;
	overflow-y: auto;
	width: 280px;
	height: 100px
}

.service-config-attributes-content.selected {
	display: block
}

.service-add-source-type-title {
	display: block;
	margin: 8px 0
}

.service-add-source-type-list {
	max-height: 300px;
	padding-top: 1px;
	overflow: hidden;
	overflow-y: auto
}

.service-add-source-type-list dt {
	padding: 6px 20px;
	margin-top: -1px;
	border: 1px solid #ccc;
	vertical-align: middle;
	margin-bottom: 2px;
	-webkit-border-radius: 3px
}

.service-add-source-type-list .show-title {
	display: inline-block;
	vertical-align: middle;
	color: #3385ff
}

.service-add-source-type-list .show-title img,
	.service-add-source-type-list .show-title input,
	.service-add-source-type-list .show-title span {
	vertical-align: middle
}

.service-add-source-type-list .description {
	display: inline-block;
	width: 525px;
	line-height: 1.2;
	vertical-align: middle;
	text-indent: 2em;
	color: #6f6f6f
}

.service-add-source-type-table {
	width: 100%
}

.service-add-source-type-table th {
	padding: 4px 0;
	text-align: center;
	background: #ccc;
	color: #000
}

.service-add-source-type-table td {
	padding: 4px 0;
	text-align: center
}

.service-add-source-type-table tr.odd td {
	background: #eee
}

.service-add-options {
	margin: 4px 0;
	line-height: 26px
}

.service-add-options .selectLayer {
	vertical-align: middle
}

.service-add-options .setLayer:hover {
	color: #999
}

.service-add-source-search {
	margin: 8px 0
}

.service-add-source-search .select, .service-add-source-search input,
	.service-add-source-search button {
	float: right;
	margin: 0 4px
}

.config-content-item button.aui_state_highlight {
	height: 24px;
	margin: 0 4px
}

.service-add-options .config-content-item .fl-label {
	float: left
}

.service-add-options .config-content-item .slider-group .min-num {
	float: left;
	width: 20px;
	margin: 0 4px
}

.service-add-options .config-content-item .slider-group .slider-bar {
	float: left;
	width: 380px
}

.service-add-options .config-content-item .slider-group .max-num {
	float: left;
	width: 20px;
	margin-left: 10px
}

#wfsconfigUpdateForm {
	font-family: SimSun
}

.service-add-options .config-content-item .slider-bar {
	top: 6px
}

.service-add-options .config-content-item .slider-bar a.ui-slider-handle.ui-state-default
	{
	top: 0
}

.service-add-options .config-content-item .single-slider {
	margin-left: 28px
}

ul.ui-pager {
	text-align: center;
	position: absolute;
	margin: 10px;
	margin-bottom: 5px
}

ul.ui-pager li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 31px;
	height: 31px;
	line-height: 31px;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	text-align: center;
	border: 0;
	vertical-align: middle
}

ul.ui-pager li img {
	margin: 10px 0
}

ul.ui-pager li.ui-pager-pgEmpty {
	font-size: 11px;
	border: 0
}

ul.ui-pager li.hover {
	font-family: Arial;
	border: 0;
	color: #000;
	text-decoration: none
}

ul.ui-pager li.ui-pager-pgCurrent {
	background: url("../images/current_pager.png") no-repeat;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	border: 0
}

#bufferQueryresultPage3d {
	height: 47px;
	bottom: 5px
}

li.n1 {
	background: url("../images/result_img/A.png") 6px center no-repeat
}

li.n2 {
	background: url("../images/result_img/B.png") 6px center no-repeat
}

li.n3 {
	background: url("../images/result_img/C.png") 6px center no-repeat
}

li.n4 {
	background: url("../images/result_img/D.png") 6px center no-repeat
}

li.n5 {
	background: url("../images/result_img/E.png") 6px center no-repeat
}

li.n6 {
	background: url("../images/result_img/F.png") 6px center no-repeat
}

li.n7 {
	background: url("../images/result_img/G.png") 6px center no-repeat
}

li.n8 {
	background: url("../images/result_img/H.png") 6px center no-repeat
}

li.n9 {
	background: url("../images/result_img/I.png") 6px center no-repeat
}

li.n10 {
	background: url("../images/result_img/J.png") 6px center no-repeat
}

li.hover.n1, li.selected.n1 {
	background: url("../images/result_img/A_v.png") 6px center no-repeat
}

li.hover.n2, li.selected.n2 {
	background: url("../images/result_img/B_v.png") 6px center no-repeat
}

li.hover.n3, li.selected.n3 {
	background: url("../images/result_img/C_v.png") 6px center no-repeat
}

li.hover.n4, li.selected.n4 {
	background: url("../images/result_img/D_v.png") 6px center no-repeat
}

li.hover.n5, li.selected.n5 {
	background: url("../images/result_img/E_v.png") 6px center no-repeat
}

li.hover.n6, li.selected.n6 {
	background: url("../images/result_img/F_v.png") 6px center no-repeat
}

li.hover.n7, li.selected.n7 {
	background: url("../images/result_img/G_v.png") 6px center no-repeat
}

li.hover.n8, li.selected.n8 {
	background: url("../images/result_img/H_v.png") 6px center no-repeat
}

li.hover.n9, li.selected.n9 {
	background: url("../images/result_img/I_v.png") 6px center no-repeat
}

li.hover.n10, li.selected.n10 {
	background: url("../images/result_img/J_v.png") 6px center no-repeat
}

.lc_center {
	overflow: hidden;
	line-height: 20px;
	position: absolute;
	z-index: 3000;
	vertical-align: top;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15)
}

.popup-container {
	width: 394px
}

.popup-container .popup-title {
	position: relative;
	height: 26px;
	line-height: 26px;
	padding: 0 16px;
	padding-right: 25px;
	background: url("../images/popup-title.png") repeat;
	z-index: 1000
}

.popup-container .popup-title label {
	font-size: 14px;
	color: #fff;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding: url('ellipsis.xml#ellipsis')
}

.popup-container .popup-close {
	position: absolute;
	top: 6px;
	right: 8px;
	width: 20px;
	height: 14px;
	background: url("../images/close.png") center center no-repeat;
	cursor: pointer;
	z-index: 1000
}

.popup-container .popup-coll {
	float: right;
	margin-right: 7px;
	width: 16px;
	height: 14px;
	margin-top: 5px;
	background: url("../images/popup_collection.png") no-repeat;
	cursor: pointer
}

.popup-container .popup-collselect {
	float: right;
	margin-right: 7px;
	width: 16px;
	height: 14px;
	margin-top: 5px;
	background: url("../images/popup_collection_s.png") center center
		no-repeat;
	cursor: pointer
}

.popup-container .popup-corr {
	float: right;
	width: 20px;
	height: 16px;
	margin-top: 7px;
	background: url("../images/popup_correct.png") no-repeat;
	cursor: pointer
}

.popup-container .content-container {
	line-height: 28px;
	border: 1px solid #a7badd;
	border-top: 0;
	padding-bottom: 6px
}

.popup-container .content-text {
	float: left;
	padding-left: 40px;
	padding-top: 3px;
	color: #666
}

.popup-container .content-text dl {
	margin-bottom: 0
}

.popup-container .content-text dt {
	float: left;
	width: 44px;
	margin-left: -44px;
	text-align: right
}

.popup-container .content-text dt.long {
	width: 66px;
	margin-left: -66px
}

.popup-container .content-image {
	display: none;
	float: left;
	width: 76px;
	height: 66px;
	margin: 0 8px
}

.popup-container .popup-action-list {
	border: 0 solid #a7badd;
	border-width: 0 1px
}

.popup-container .popup-action-list li {
	float: left;
	width: 130px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #a7badd;
	border-top: 0;
	border-left: 0;
	background: url("../images/popup_action_li_bg.png") repeat-x;
	text-align: center;
	cursor: pointer
}

.popup-container .popup-action-list li.last {
	border-right: 0
}

.popup-container .popup-action-list li.selected {
	background: url("../images/popup_action_li_bg_v.png") repeat-x;
	border-bottom: 1px solid #fffcf5
}

.popup-container .popup-action-list li.hover {
	background: url("../images/popup_action_li_bg_v.png") repeat-x
}

.popup-container .popup-action-list li a {
	padding: 1px 0 1px 22px;
	color: #1369a2
}

a.p-s {
	background: url("../images/popup_action_start.png") 4px center no-repeat
}

a.p-e {
	background: url("../images/popup_action_end.png") 4px center no-repeat
}

a.p-r {
	background: url("../images/popup_action_route.png") 4px center no-repeat
}

a.p-a {
	background: url("../images/popup_action_around.png") 4px center
		no-repeat
}

.popup-action-panel .p-a-p {
	display: none;
	height: 42px;
	line-height: 38px;
	border: 1px solid #a7badd;
	border-top: 0;
	padding-left: 5px;
	background: url("../images/popup_panel_bg.png") repeat-x
}

.popup-action-panel .p-a-p.selected {
	display: block
}

.popup-action-panel .p-a-p .p-ipt {
	width: 190px;
	height: 22px;
	border: 1px solid #c2cfe8
}

.popup-action-panel .p-a-p .p-ipt.short-ipt {
	width: 120px
}

.popup-action-panel .p-a-p span {
	margin-left: 3px
}

.popup-action-panel .p-a-p span a {
	color: #1369a2
}

.popup-action-panel .p-s-btn {
	width: 61px;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	border: 0;
	margin: 5px;
	background: url("../images/p-s-btn.png") no-repeat
}

.popup-action-panel input {
	vertical-align: middle
}

.popup-arrow {
	position: relative;
	left: 53%;
	top: -1px;
	top: -2px0;
	width: 30px;
	margin: 0 -15px;
	height: 28px;
	background: url("../images/popup-arrow.png") no-repeat;
	z-index: 30000
}

.popup-group {
	position: relative;
	z-index: 999;
	background: url("../images/popup-bg.png") left bottom repeat-x
}

.popup-group #content-container {
	border: 1px solid #a7badd
}

.popup-group h1, .popup-group ul {
	margin: 0
}

.popup-group table {
	width: 360px;
	margin: 0 auto
}

.popup-group table td {
	padding: 0 4px;
	line-height: 36px;
	vertical-align: top
}

.popup-group table td input {
	border: 1px solid #c2cfe8;
	width: 260px
}

.popup-group table td textarea {
	resize: none;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid #c2cfe8;
	width: 260px;
	height: 60px;
	font-family: Arial
}

.mark-change-icon {
	text-align: center
}

.mark-change-icon a {
	line-height: 20px
}

.mark-change-icon img {
	width: 20px;
	vertical-align: middle
}

.p-s-class a:hover {
	text-decoration: underline
}

.p-b-key {
	width: 205px;
	float: right
}

.popup-container .popup-action-panel .p-b-key input[type='text'] {
	height: 22px;
	padding-left: 5px;
	width: 95px;
	margin: 0 5px
}

.popup-container .popup-action-panel .p-b-key .nearbyvalue {
	line-height: 12px
}

.areacontent {
	width: 500px
}

.areacontent .area {
	margin: 0 12px 5px 0;
	padding-bottom: 15px;
	border-bottom-color: #368;
	border-bottom-width: 1px;
	line-height: 28px
}

.area .input_ctl {
	width: 270px
}

.area .ctl-s-btn {
	width: 61px;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	border: 0;
	margin-laft: 20px;
	background: url("../images/p-s-btn.png") no-repeat
}

#qc_keyquery {
	height: 32px;
	width: 65px;
	padding: 0 10px;
	background-color: #0e6eb8;
	color: white;
	margin-top: -2px
}

.cts .body {
	height: 300px;
	overflow-y: auto
}

.cts dl {
	margin-top: 15px
}

.cts dl img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: 0 4px 2px 0
}

.cts dl dt {
	width: 100px;
	float: left;
	fond-size: 14px;
	cursor: pointer;
	margin-right: 10px;
	color: #797979
}

.cts dl dt:hover {
	color: #289fff
}

.cts dl dd {
	width: 370px;
	float: left;
	fond-size: 14px;
	margin-left: 5px
}

.cts dl dd li {
	float: left;
	color: #909090;
	line-height: 16px;
	cursor: pointer;
	margin: 2px 5px 5px 5px;
	white-space: nowrap
}

.cts dl dd li:hover {
	color: #289fff
}

.hot_search2_over {
	clear: both;
	display: block;
	height: auto;
	margin-bottom: 20px;
	padding: 10px
}

.hot_search_5 {
	margin-top: 10px
}

.hot_search_5 a {
	color: #0560bd
}

.clearfloat {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0
}

 @CHARSET "UTF-8"; 

.favoritesLabel label {
	float: left;
	width: 106px;
	text-align: center;
	border: 1px solid #cdcfd0;
	border-left: 0;
	line-height: 24px
}

.favoritesLabel label:hover {
	background-color: #c0c0d0
}

.label-select {
	background-color: #c0c0d0
}

ul.m-fav-list {
	margin-left: 0
}

.m-fav-list li {
	height: 42px;
	line-height: 39px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	margin-top: -3px;
	width: 270px;
	left: 30px
}

.m-fav-list li p {
	font-size: 12px;
	color: #68c;
	cursor: pointer;
	overflow: hidden;
	padding-left: 23px;
	height: 27px;
	line-height: 27px;
	overflow-x: hidden;
	white-space: nowrap;
	background: url(../images/sign_1.gif) no-repeat 7px -87px
}

.m-fav-list li span {
	padding-right: 3px;
	display: none;
	height: 39px;
	position: absolute;
	top: 0;
	right: 0
}

.m-fav-list li.over {
	background-color: #f2f2f2
}

.m-fav-list li:hover {
	background-color: #f2f2f2
}

.m-fav-list li:hover span {
	display: block
}

.m-fav-list li a.favDelBg {
	display: inline-block;
	width: 12px;
	height: 39px;
	text-decoration: none;
	vertical-align: -2px;
	_vertical-align: -4px;
	background: url(../images/popup_close.gif) no-repeat 0 50%
}

.m-fav-list .hide {
	display: none
}

.m-fav-list .m-fav-time {
	height: 12px;
	line-height: 12px;
	padding-left: 23px;
	left: 0;
	color: #b6b4b4;
	position: absolute;
	bottom: 2px;
	width: 220px
}

.card-favorites {
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	position: absolute;
	top: 312px;
	left: 15px;
	width: 25px;
	height: 89px;
	background-color: #fff;
	z-index: 10000;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	color: #3385ff;
	cursor: pointer
}

 @CHARSET "UTF-8"; 

#keyQueryresult {
	position: relative;
	top: 8px
}

.resultlist {
	width: 300px;
	margin: 0 auto
}

.detail-result-list li {
	min-height: 60px;
	width: 100%;
	padding-left: 50px;
	margin: 0;
	cursor: pointer;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px
}

.detail-result-list li .detail-result-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
	color: #999;
	font-family: SimSun;
	font-size: 13px
}

.detail-result-list li .detail-result-content {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.4;
	color: #878787;
	font-family: SimSun;
	font-size: 12px;
	font-family: SimSun;
	font-size: 13px
}

.geodata-seltype
 
a
 
 @CHARSET "UTF-8"; 

#md-layerlist {
	right: 5px
}

/*.g-searchbox-head {
	osition: relative;
	height: 38px
}

 .g-searchbox-head .normal-title {
	height: 38px;
	padding: 0 0 0 10px;
	background-color: #fff;
	padding-top: 8px;
	line-height: 24px;
	color: #909090;
	border-radius: 2px;
	font-family: SimSun;
	font-size: 13px;
	width: 340px;
	margin: 0 auto
} */

/* .g-searchbox-content {
	position: absolute;
	display: none;
	background: #fff;
	overflow: hidden;
	border: 0;
	margin-top: 5px;
	width: 347px;
	height: 700px;
	box-shadow: 1px 2px 4px #c4c4c4;
	border-radius: 2px
} */

.m-lay-panel {
	height: 35px;
	margin: 0;
	padding-left: 8px;
	border-bottom: 1px dotted #cbcbcb
}

.m-lay-panel button {
	height: 35px;
	border: 0;
	background: 0
}

.m-lay-panel .add {
	padding-left: 20px;
	padding-top: 5px;
	background: url(../images/add_service.png) left 3px no-repeat;
	font-weight: initial;
	font-family: SimSun
}

.m-lay-panel span {
	color: #333;
	font-weight: bold;
	font-family: "\65B0\5B8B\4F53"
}

#md-layerManager .classify-search {
	max-height: 580px
}

.m-lay-panel button:hover {
	cursor: pointer;
	background: #f8ba13;
	border: 1px solid #dea303
}

.m-lay-list {
	margin: 0;
	max-height: 530px;
	padding-left: 6px
}

.m-lay-list li {
	border: 1px solid #ededed;
	padding: 0 0 0 5px;
	margin: 3px 8px 5px 2px;
	cursor: pointer;
	background: #f5f5f5
}

.m-lay-list .tagimg {
	display: inline-block;
	width: 32px;
	height: 45px;
	background: url(../images/biaoqian.png) no-repeat
}

.m-lay-list .lisp {
	display: inline-block;
	overflow: hidden;
	width: 190px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 40px;
	line-height: 40px
}

.m-lay-list .arrow {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	background: url(../images/anniu.png) no-repeat;
	float: right;
	margin-top: 20px
}

.m-lay-list .m-handle {
	width: 100%;
	height: 60px;
	border-top: 1px solid #ccc;
	background-color: #fff;
	margin-left: -5px;
	padding-right: 5px;
	margin-bottom: 2px;
	position: relative;
	display: none
}

.m-lay-list .m-handle .setlbl {
	display: inline-block;
	line-height: 24px;
	padding-left: 10px;
	margin-top: 3px;
	margin-right: 5px
}

.m-lay-list .m-handle .setspn {
	display: inline-block;
	line-height: 24px
}

.m-lay-list .m-handle .slidebar {
	position: relative;
	height: 6px;
	top: 0;
	width: 100px
}

.ui-widget-content {
	background-color: #fff
}

a.ui-state-default.ui-slider-handle {
	height: 12px;
	width: 12px;
	margin-left: 0;
	top: -3px;
	border: 0;
	background: url(../images/ui_slider_handle.png) no-repeat
}

.m-lay-list .m-handle .up-down-delete {
	position: absolute;
	bottom: 0;
	float: right;
	right: 10px
}

.m-lay-list .m-handle .up-down-delete span {
	height: 24px;
	line-height: 24px;
	color: #7f7f7f
}

.geodata-seltype a {
	background-color: #5faae3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	color: #fff;
	display: inline-block;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	padding: 0 54px 0 22px;
	text-transform: uppercase;
	text-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
	transition: background-color .2s ease-out 0;
	width: 100%;
	text-align: center;
	margin-top: 12px;
	-moz-transition: background-color .2s ease-out 0;
	-webkit-moz-transition: background-color .2s ease-out 0;
	-o-moz-transition: background-color .2s ease-out 0;
	-ms-moz-transition: background-color .2s ease-out 0
}

.geodata-seltype a+span {
	background: url(../images/sprite_front.png) no-repeat 0 -1940px;
	display: block;
	float: left;
	height: 58px;
	margin: 0 -22px;
	position: relative;
	text-indent: -9999px;
	width: 51px;
	z-index: 1
}

@media ( max-width :1919px) and (min-width:1370px) {
	.g-searchbox-content {
		height: 560px
	}
}

@media ( max-width :1366px) and (min-width:1366px) {
	.g-searchbox-content {
		height: 480px
	}
}

 @CHARSET "UTF-8"; 

/* .toolbar {
	z-index: 4;
	position: absolute;
	top: 19px;
	right: 42px;
	display: inline-block
} */

#md-city_search {
	width: 267px;
	z-index: 2000;
	display: none;
	position: absolute;
	top: 135px;
	left: 440px;
	padding: 0;
	padding-right: 0;
	background: #fff;
	background-color: white;
	font-family: SimSun;
	font-size: 13px
}

#md-3d_city_search {
	width: 260px;
	height: 246px;
	z-index: 2000;
	display: none;
	position: absolute;
	top: 120px;
	right: 0;
	padding: 0;
	padding-right: 0;
	background: rgb(0, 0, 0, 0.6);
	font-family: SimSun;
	font-size: 13px
}

#md-toolBar2D {
	float: right;
	padding: 5px 0
}

/* #clearQT {
	position: relative;
	float: right;
	margin-right: 10px;
	background-color: white;
	width: 37px;
	height: 37px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
	border-radius: 2px;
	bottom: 4px
} */

/* .tool-gap1 {
	float: left;
	height: 25px;
	display: inline-block;
	border-right: 1px solid #eee;
	top: 2px;
	position: relative
} */

.nav2D {
	margin-top: 2px;
	padding-left: 0;
	padding-bottom: 0;
	list-style: none
}

.city-icon {
	background-image: url("./../../images/weather/阴.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 19px;
	background-repeat: no-repeat
}

/* .tool-container {
	position: relative;
	float: right;
	margin-right: 6px;
	display: block;
	background-color: #fff;
	height: 37px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
	border-radius: 2px;
	padding: 0;
	bottom: 4px
}
 */
/* .m-tools-ul li {
	height: 40px;
	padding-left: 0;
	padding: 0 3px;
	padding-right: 0;
	position: relative
} */

.m-tools-ul li a.nav-base {
	height: 29px;
	padding: 2px 6px;
	font-family: SimSun;
	font-size: 12px
}

.clear {
	clear: both
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #333
}

a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #3b81ff
}

/* #md-city {
	position: absolute;
	left: 440px;
	top: 15px;
	height: 37px
} */

#now-city {
	padding-left: 12px;
	font-family: SimSun;
	font-size: 12px;
	padding-right: 5px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	height: 34px
}

.f-fl {
	float: left
}

.
.m-tools-ul li a.nav-base {
	height: 29px;
	padding: 2px 6px;
	font-family: SimSun;
	font-size: 12px
}

.toolbar-icon {
	width: 21px;
	height: 24px;
	vertical-align: middle;
	display: inline-block;
	background-image: url("../images/tools-icon.png")
}

#md-city a .toolbar-icon.active {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.transit {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.toolbar-icon.tools {
	background-image: url("./../images/tool-icon.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 18px;
	background-repeat: no-repeat
}

.nav-base:hover .toolbar-icon.tools {
	background-image: url("./../images/tool-icon-on.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 18px;
	background-repeat: no-repeat
}

#analysis-popup {
	padding: 0;
	height: auto
}

#analysis-popup1 {
	padding: 5px;
	height: 117px;
	width: 85px;
	left: 116px
}

#analysis-popup1 :hover {
	color: #3385ff
}

#analysis-popup1 a:hover {
	text-decoration: underline !important
}

/* .nav-pillsmini>li>a {
	border-radius: 0;
	background-color: #fff;
	line-height: 14px;
	margin-top: 0;
	height: 30px;
	padding: 7px 0
} */

.nav-pillsmini>li>span {
	background: #eee;
	float: right;
	height: 34px;
	line-height: 34px;
	padding-right: 3px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.city-btn-area {
	position: relative;
	height: 30px;
	border-bottom: 1px #ccc solid;
	line-height: 30px
}

.city-btn-area .u-close.u-close2D {
	position: absolute;
	right: 0;
	top: -2px
}

.u-Popup {
	display: none;
	position: absolute;
	top: 29px;
	left: -4px;
	width: 118px;
	padding: 0;
	padding-right: 0;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 1987;
	background-color: white;
	font-family: SimSun;
	font-size: 13px
}

.u-Popup2D {
	left: 0;
	top: 41px;
	width: 267px;
	height: auto
}

#tools-popup {
	width: 107px;
	height: auto
}

#tools-popup2 {
	top: -6px;
	padding-top: 10px;
	width: 85px;
	height: 123px;
	left: -85px;
	padding-left: 0;
	z-index: 2000
}

#tools-popup2 :hover {
	color: #3385ff
}

#tools-popup2 a:hover {
	text-decoration: underline !important
}

.u-Popup2D {
	left: 0;
	top: 41px;
	width: 267px;
	height: auto
}

.u-Popup ul.unstyled>li:first-child {
	margin-top: 5px
}

.u-Popup ul.unstyled>li:last-child {
	margin-bottom: -12px
}

.toolbar-icon.handler {
	background-position: -168px 0
}

.toolbar-icon.nohandler {
	background-position: -168px 0;
	display: none
}

.toolbar-icon.analysis {
	background-image: url("./../images/analysis-icon.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 19px;
	background-repeat: no-repeat
}

.nav-base:hover .toolbar-icon.analysis {
	background-image: url("./../images/analysis-icon-on.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 19px;
	background-repeat: no-repeat
}

.toolbar-icon.tools {
	background-image: url("./../images/tool-icon.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 18px;
	background-repeat: no-repeat
}

.nav-base:hover .toolbar-icon.tools {
	background-image: url("./../images/tool-icon-on.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 18px;
	background-repeat: no-repeat
}

.mapStyleCase {
	margin-right: -3px;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	display: inline-block;
	background-size: 18px;
	background-repeat: no-repeat
}

.toolbar-icon.clear {
	background-image: url("./../images/clear-icon.png");
	width: 39px;
	height: 39px;
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: 9px
}

.toolbar-icon.clear:hover {
	background-image: url("./../images/clear-icon-on.png");
	width: 39px;
	height: 39px;
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: 9px
}

.toolbar-icon.full {
	background-position: -94px 0
}

.toolbar-icon.full3d {
	background-position: -94px 0
}

.toolbar-icon.myScenario {
	background-position: -121px 0
}

.toolbar-icon.return {
	background-position: -150px 0
}

.toolbar-icon.history {
	background-position: -213px 0
}

.toolbar-icon.photo {
	background-position: -375px 125px
}

.toolbar-icon.true3d1 {
	background-position: -495px 125px
}

.toolbar-icon.true3d2 {
	background-position: -467px 125px
}

.toolbar-icon.dishistory {
	background-position: -190px 0
}

.toolbar-icon.dishistory3d {
	background-position: -190px 0
}

.toolbar-icon.cj {
	background-position: 0 -35px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.cm {
	background-position: -28px -38px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.ch {
	background-position: -403px -35px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.cl {
	background-position: -430px 126px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.df {
	background-position: -491px 66px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.ca {
	background-position: -494px 4px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.cd {
	background-position: -406px 4px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.dw {
	background-position: -58px -36px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.data {
	background-position: -184px -132px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.lk {
	background-position: -87px -36px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.pq {
	background-position: -117px -38px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.hc {
	background-position: -235px 0;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.pmark {
	width: 22px;
	height: 28px;
	margin-right: 8px;
	margin-left: 3px;
	background-image: url(./../images/mark-icon.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 4px 4px
}

.toolbar-icon.jc {
	background-position: -179px -35px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.dy {
	background-position: -248px -34px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.fx {
	background-position: -485px -34px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.layer {
	background-position: -279px -34px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 2px
}

.toolbar-icon.tl {
	background-position: -307px -35px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.share {
	background-position: -218px 68px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.my_dt {
	background-position: -346px -77px
}

.toolbar-icon.my_dz {
	background-position: -375px -35px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.my_fa {
	background-position: -351px 0;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.my_zt {
	background-position: -327px 0;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.m-tools-ul .pop-tools li .childlist {
	width: 12px;
	height: 15px;
	display: inline-block;
	background: url("../images/r_r.png") 4px 4px no-repeat
}

ul.unstyled li:hover .lk {
	background-position: -88px -77px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .pq {
	background-position: -117px -79px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .hc {
	background-position: -261px 0;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .pmark {
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-image: url(./../../images/mark-icon-on.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 4px 4px
}

ul.unstyled li:hover .cj {
	background-position: 0 -75px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .cm {
	background-position: -28px -78px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .dw {
	background-position: -58px -77px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .jc {
	background-position: -178px -75px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .ch {
	background-position: -433px -68px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .cl {
	background-position: -400px -126px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .cd {
	background-position: -435px -4px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .df {
	background-position: -464px -66px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .ca {
	background-position: -466px -4px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .dy {
	background-position: -249px -74px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .fx {
	background-position: -458px -34px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .layer {
	background-position: -279px -74px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 2px
}

ul.unstyled li:hover .tl {
	background-position: -307px -75px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .share {
	background-position: -218px -28px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .childPopup1 {
	display: block
}

ul.unstyled li:hover .childPopup2 {
	display: block
}

ul.unstyled li:hover .my_dz {
	background-position: -349px -35px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .my_fa {
	background-position: -374px 0;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .my_tm {
	background-position: -401px -77px;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .my_zt {
	background-position: -300px 0;
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.m-tools-ul li .pop-tools ul li:hover a {
	color: #333
}

.m-tools-ul li .pop-tools ul li .childPopup1 ul li a {
	color: #6d6d6d
}

.m-tools-ul li .pop-tools ul li .childPopup2 ul li a {
	color: #6d6d6d
}

.m-tools-ul li .pop-tools ul li .childPopup1 ul li:hover a {
	color: #333
}

.m-tools-ul li .pop-tools ul li .childPopup2 ul li:hover a {
	color: #333
}

.m-tools-ul li.activate a.nav-base {
	position: relative;
	z-index: 20000
}

.m-tools-ul .activate .u-Popup {
	display: block;
	z-index: 8001
}

.m-tools-ul li .u-Popup .childPopup1 {
	left: 116px;
	top: -1px;
	display: none;
	z-index: -999
}

.m-tools-ul li .u-Popup .childPopup2 {
	left: -69px;
	top: -5px;
	display: none;
	z-index: -999
}

.m-tools-ul li .u-Popup .childPopup1 li a {
	margin-left: 13px
}

.m-tools-ul li .pop-tools ul li a {
	color: #6d6d6d
}

.m-lonlat-c {
	position: relative;
	display: inline-block;
	left: 482px;
	top: 10px;
	border: 1px solid #ccc;
	padding: 10px 32px 10px 10px;
	background: #fff;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	z-index: 10;
	font-family: SimSun
}

.m-lonlat-c select {
	height: 25px;
	line-height: 25px;
	width: 65px
}

.m-lonlat-c label {
	font-weight: normal
}

.m-lonlat-c .btn {
	background-color: #e1edff;
	color: #6f6f6f;
	border: 0
}

.m-lonlat-c .btn:hover {
	background-color: #3385ff;
	color: #fff
}

.m-lonlat-c .btn-size {
	font-size: 13px;
	padding: 3px 12px
}

.m-lonlat-c label span {
	margin: 0 4px
}

.m-lonlat-c .close {
	position: absolute;
	right: -1px;
	top: -2px;
	cursor: pointer
}

#openhistory {
	top: 0;
	margin-right: 5px;
	padding-left: 0
}

#closehistory {
	top: 0;
	padding-left: 0
}

 @CHARSET "UTF-8"; 

#md-toolBar3D {
	float: right;
	padding: 5px 0
}

.iframe-scenario {
	height: 50px;
	height: 49px90;
	right: -2px;
	width: 52px;
	position: absolute;
	filter: Alpha(Opacity = 0)
}

.scenario3d-container {
	position: absolute;
	right: 10px;
	bottom: 31px;
	z-index: 3000
}

.scenario3d-show {
	height: 56px
}

.scenario3d-container dl {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.scenario3d-container dl.selected {
	z-index: 20000
}

.scenario3d-container .scenario3d-single dt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	z-index: 9999
}

.scenario3d-container .scenario3d-single dd {
	width: 50px;
	height: 52px
}

.scenario3d-container .vector dd {
	background: url(../images/sl.png) 0 0 no-repeat
}

.scenario3d-container .vector.hover dd, .scenario3d-container .vector.selected dd
	{
	background: url(../images/sl.png) -51px 1px no-repeat
}

.scenario3d-container .image dd {
	background: url(../images/sl.png) 0 -52px no-repeat
}

.scenario3d-container .image.hover dd, .scenario3d-container .image.selected dd
	{
	background: url(../images/sl.png) -52px -53px no-repeat
}

.scenario3d-container .dem dd {
	background: url(../images/sl.png) 0 -158px no-repeat
}

.scenario3d-container .dem .hover dd, .scenario3d-container .dem .selected dd
	{
	background: url(../images/sl.png) -52px -158px no-repeat
}

.scenario3d-container .globe dd {
	background: url(../images/sl.png) 0 -106px no-repeat
}

.scenario3d-container .globe.hover dd, .scenario3d-container .globe.selected dd
	{
	background: url(../images/sl.png) -51px -106px no-repeat
}

.floatAnalysisBox {
	position: absolute;
	height: calc(100% - 82px);
	top: 82px;
	left: 0;
	z-index: 5
}

.analysis-panel {
	pointer-events: none;
	display: none;
	color: #FFF;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 10px;
	width: 260px;
	height: 100%
}

body .demo-class {
	background: rgba(0, 0, 0, .6);
	color: #fff
}

body .demo-class .layui-layer-title {
	pointer-events: all;
	height: 38px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	line-height: 38px;
	padding-left: 15px;
	font-size: 14px;
	background: unset;
	color: #fff
}

body .demo-class layui-layer-content {
	pointer-events: all;
	padding: 5px 0;
	background: rgba(0, 0, 0, .6);
	max-height: calc(100% - 63px);
	height: auto
}

body .demo-class .layui-layer-btn {
	border-top: 1px solid #e9e7e7
}

body .demo-class .layui-layer-btn a {
	background: #333
}

body .demo-class .layui-layer-btn .layui-layer-btn1 {
	background: #999
}

.tool-container3d {
	position: relative;
	float: right;
	margin-right: 6px;
	display: block;
	background-color: rgba(0, 0, 0, .6);
	height: 37px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
	border-radius: 2px;
	padding: 0;
	bottom: 4px
}

#mousePosition3d {
	position: absolute;
	bottom: 1px;
	left: 285px;
	z-index: 1005;
	font-size: 13px;
	color: #fff
}

.toolbar .single-tool .toolbar-icon.clear3d {
	background-position: -62px 0
}

/* .g-leftbody3d {
	position: absolute;
	top: 46px;
	left: 0;
	width: 347px;
	z-index: 1000;
	height: 100%
} */

#searchbox3d {
	position: absolute;
	float: left;
	width: 346px;
	z-index: 100;
    top: 10px;
    left: 436px;
	border-radius: 3px;
}

#sole-3dsearchbox-content {
	position: absolute;
	background-color: #fff;
	width: 403px;
	height: 38px;
	z-index: 100;
	border-radius: 3px;
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	background: rgba(0, 0, 0, 0.6);
	border: 1px solid white
}

/* #id_geo-3dsearch_input {
	position: absolute;
	top: 7px;
	left: 12px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	width: 295px;
	border: 0;
	padding: 2px;
	background-color: unset;
	font-family: SimSun
} */

#id_geo-3dsearch_input::-webkit-input-placeholder {
	color: #aaa
}

#id_geo-3dsearch_input:-moz-placeholder {
	　　color: #aaa
}

#id_geo-3dsearch_input::-moz-placeholder {
	　　color: #aaa
}

#id_geo-3dsearch_input:-ms-input-placeholder {
	　　color: #aaa
}

#key_3dsearch_btn {
	opacity: .8
}

/* #md-3dqueryKeyResultPanel {
	background-color: unset
} */

#md-classifyresult3dpanel {
	background-color: unset
}

#md-3dqueryPolygonResultPanel {
	background-color: unset
}

#md-3dbufferResultPanel {
	background-color: unset
}

.g-searchbox-head3d {
	position: relative;
	height: 38px
}

.g-searchbox-head3d .normal-title {
	height: 38px;
	padding: 0 0 0 10px;
	background-color: #fff;
	padding-top: 8px;
	line-height: 24px;
	color: #3385ff;
	border-radius: 2px;
	font-family: SimSun;
	font-size: 13px;
	background: rgba(0, 0, 0, 0.6)
}

.g-searchbox-head3d .close {
	position: absolute;
	bottom: 35px;
	right: 2px;
	top: 4px
}

.g-searchbox-content3d {
	max-height: 700px;
	overflow-y: auto;
	margin-top: 5px;
	background: rgba(0, 0, 0, 0.6)
}

.g-searchbox-content3d .resultlist li {
	border-bottom: 1px solid #565656
}

.classify_list_3ddiv div {
	color: #fff
}

.classify_list_3ddiv li {
	color: orange
}

.delete-query3d {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 10px;
	right: 68px;
	cursor: pointer
}

.classify-box3d {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	top: 37px;
	left: 0;
	width: 402px;
	height: 250px;
	z-index: 2000;
	border-radius: 0 0 3px 3px;
	transition: opacity .4s linear;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	border-top: 1px solid #c7c7c7
}

#md-classify3d {
	height: 100%
}

.g-classify-search3d {
	overflow: hidden;
	position: relative;
	height: 100%;
	margin-left: -4px;
	z-index: 2000
}

#md-3d-city {
	float: right;
	padding: 0
}

#now-3dcity :hover {
	color: #3385ff
}

#now-3dcity {
	padding-left: 12px;
	font-family: SimSun;
	font-size: 12px;
	padding-right: 5px;
	background-color: unset;
	color: #fff
}

.city-icon3d {
	background-image: url(./../images/3d-city-icon.png);
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 17px;
	background-repeat: no-repeat;
	margin-top: -1px
}

#now-3dcity:hover .city-icon3d {
	background-image: url("./../images/city-icon-on.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 17px;
	background-repeat: no-repeat;
	margin-top: -1px
}

#city3d-listUI .dl-horizontal .inline li a {
	color: #fff
}

#city3d-listUI .dl-horizontal dt a {
	color: #fff
}

#m3d-location {
	display: none;
	margin-left: 15px
}

#analysis3d a {
	background-color: unset;
	color: #fff
}

#analysis3d a:hover {
	color: #3385ff
}

#tools3d a {
	background-color: unset;
	color: #fff
}

#tools3d a:hover {
	color: #3385ff
}

#analysis3d-popup {
	background-color: rgba(0, 0, 0, .6)
}

#tools-popup3d {
	background-color: rgba(0, 0, 0, .6)
}

#buffer3dQT #analysis-popup1 {
	background-color: rgba(0, 0, 0, .6)
}

.toolbar-icon.analysis3d {
	background-image: url(./../images/3d-analysis-icon.png);
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 15px;
	background-repeat: no-repeat;
	margin-top: 3px
}

.nav-base:hover .toolbar-icon.analysis3d {
	background-image: url("./../images/3d-analysis-icon-on.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 15px;
	background-repeat: no-repeat;
	margin-top: 3px
}

.toolbar-icon.df3d {
	background-position: -491px 143px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .df3d {
	background-position: -464px 143px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.ca3d {
	background-position: -494px 4px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .ca3d {
	background-position: -467px 4px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.cd3d {
	background-position: -406px 4px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

ul.unstyled li:hover .cd3d {
	background-position: -435px 4px;
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px
}

.toolbar-icon.pq3d {
	background-image: url(./../images/3d-polygon-icon.png);
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 2px 3px
}

ul.unstyled li:hover .pq3d {
	background-image: url(./../images/3d-polygon-icon-on.png);
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 2px 3px
}

.toolbar-icon.hc3d {
	background-image: url(./../images/3d-buffer-icon.png);
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 3px 3px
}

ul.unstyled li:hover .hc3d {
	background-image: url(./../images/3d-buffer-icon-on.png);
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 3px 3px
}

.toolbar-icon.tools3d {
	background-image: url("./../images/3d-tool-icon.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 0 1px
}

.nav-base:hover .toolbar-icon.tools3d {
	background-image: url("./../images/3d-tool-icon-on.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 0 1px
}

.toolbar-icon.mark3d {
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-image: url(./../images/3d-mark-icon.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 4px 4px
}

ul.unstyled li:hover .mark3d {
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-image: url(./../images/mark-icon-on.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 4px 4px
}

.toolbar-icon.fly3d {
	width: 19px;
	height: 28px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(./../images/3d-fly-icon.png);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 2px 5px
}

ul.unstyled li:hover .fly3d {
	width: 19px;
	height: 28px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(./../images/3d-fly-icon-on.png);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 2px 5px
}

.toolbar-icon.cl3d {
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-image: url(./../images/3d-measure-icon.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 3px 5px
}

ul.unstyled li:hover .cl3d {
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-image: url(./../images/3d-measure-icon-on.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 3px 5px
}

.toolbar-icon.dw3d {
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-image: url(./../images/3d-location-icon.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 3px 5px
}

ul.unstyled li:hover .dw3d {
	width: 22px;
	height: 28px;
	margin-right: 5px;
	margin-left: 3px;
	background-image: url(./../images/3d-location-icon-on.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 3px 5px
}

/* .toolbar-icon.layer3d {
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 2px;
	background-image: url(./../images/3d-layermanager-icon.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 3px 5px
} */

ul.unstyled li:hover .layer3d {
	width: 25px;
	height: 28px;
	margin-right: 5px;
	margin-left: 2px;
	background-image: url(./../images/3d-layermanager-icon-on.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 3px 5px
}

.toolbar-icon.dou3d {
	width: 19px;
	height: 28px;
	margin-right: 5px;
	margin-left: 8px;
	background-image: url(./../images/3d-doublelayer-icon.png);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 0 5px
}

ul.unstyled li:hover .dou3d {
	width: 19px;
	height: 28px;
	margin-right: 5px;
	margin-left: 8px;
	background-image: url(./../images/3d-doublelayer-icon-on.png);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 0 5px
}

.toolbar-icon.monomer3d {
	width: 19px;
	height: 28px;
	margin-right: 5px;
	margin-left: 8px;
	background-image: url(./../images/3d-monomer-icon.png);
	background-repeat: no-repeat;
	background-size: 23px;
	background-position: -5px 0
}

ul.unstyled li:hover .monomer3d {
	width: 19px;
	height: 28px;
	margin-right: 5px;
	margin-left: 8px;
	background-image: url(./../images/3d-monomer-icon-on.png);
	background-repeat: no-repeat;
	background-size: 23px;
	background-position: -5px 0
}

.toolbar-icon.setting3d {
	background-image: url("./../images/3d-setting-icon.png");
	width: 39px;
	height: 39px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 11px
}

.toolbar-icon.setting3d:hover {
	background-image: url("./../images/3d-setting-icon-on.png");
	width: 39px;
	height: 39px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 11px
}

#settingSZ3d.active .toolbar-icon.setting3d {
	background-image: url("./../images/3d-setting-icon-on.png");
	width: 39px;
	height: 39px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 11px
}

#settingSZ3d {
	position: relative;
	float: right;
	margin-right: 10px;
	background-color: rgba(0, 0, 0, .6);
	width: 37px;
	height: 37px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
	border-radius: 2px;
	bottom: 4px
}


/* .setting-item-title {
	cursor: pointer;
	user-select: none;
	line-height: 38px;
	font-size: 18px;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
} */

.setting-item-title:hover {
	background-color: rgba(0, 0, 0, .2)
}

.setting-item-title i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 2px
}

.setting-item-title i.checkicon {
	background: url(./../images/3d-setting-unchecked.png) center no-repeat;
	background-size: 15px
}

.setting-item-title i.checkicon.active {
	background: url(./../images/3d-setting-checked.png) center no-repeat;
	background-size: 15px
}

.setting-item-title i.particle {
	background-image: url(./../images/3d-particle-icon.png);
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 15px;
	background-repeat: no-repeat;
	margin-top: 3px
}

#particleEffect:hover .particle {
	background-image: url("./../images/3d-particle-icon-on.png");
	height: 21px;
	width: 22px;
	vertical-align: middle;
	display: inline-block;
	background-size: 15px;
	background-repeat: no-repeat;
	margin-top: 3px
}

#particleEffect:hover span {
	color: #3385ff
}

.particle-content {
	padding: 0;
	font-size: 12px
}

.particle-item {
	line-height: 30px;
	cursor: pointer;
	padding: 0 15px
}

.particle-item:hover {
	background-color: rgba(0, 0, 0, .2)
}

.particle-content .particle-item.active {
	background: rgba(255, 255, 255, .4)
}

.clearEffectBtn {
	user-select: none;
	cursor: default;
	height: 30px;
	border-radius: 3px;
	background: #00baff;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin: 5px 15px
}

.clearEffectBtn:hover {
	background: #00a1dc
}

.particle-content .particle-item.active {
	background: rgba(255, 255, 255, .4)
}

.toolbar-icon.clear3d {
	background-image: url("./../images/3d-clear-icon.png");
	width: 39px;
	height: 39px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 11px
}

.toolbar-icon.clear3d:hover {
	background-image: url("./../images/3d-clear-icon-on.png");
	width: 39px;
	height: 39px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 11px
}

#clearQT3d {
	position: relative;
	float: right;
	margin-right: 6px;
	background-color: rgba(0, 0, 0, .6);
	width: 37px;
	height: 37px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
	border-radius: 2px;
	bottom: 4px
}

#md-3dmarkpanel {
	pointer-events: none;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 10px;
	width: 260px;
	height: 100%
}

.mark-header {
	pointer-events: all;
	height: 38px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	line-height: 38px;
	padding-left: 15px;
	font-size: 14px;
	background: rgba(0, 0, 0, .6)
}

.mark-content {
	pointer-events: all;
	background: rgba(0, 0, 0, .6);
	padding: 5px 0 10px 0;
	border-top: 1px solid rgba(0, 0, 0, .2)
}

.markAdd {
	padding: 0 15px;
	height: 124px
}

.markTab {
	height: 30px;
	width: 100%;
	border-radius: 2px;
	overflow: hidden
}

.markTab>div {
	height: 30px;
	width: 33.3%;
	float: left;
	background: #00baff;
	cursor: pointer
}

.markTab>div:hover {
	background: #5ac8f6
}

.markTab i {
	display: inline-block;
	height: 18px;
	width: 18px;
	margin: 5px 0 0 28px;
	background-image: url(../images/addTab.png)
}

.markTab>div.pointAdd i {
	background-position: 0 0
}

.markTab>div.lineAdd i {
	background-position: 0 -18px
}

.markTab>div.polygonAdd i {
	background-position: 0 -36px
}

.markStyle {
	height: 90px;
	width: 100%;
	margin: 0;
	padding: 4px 8px;
	margin-top: 4px;
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
	float: left
}

.markStyle li {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px;
	background: #fff;
	width: 40px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	float: left;
	margin-left: 2px;
	margin-bottom: 2px
}

.markStyle li i {
	display: inline-block;
	height: 30px;
	width: 30px;
	border-radius: 1px;
	margin: 5px 0 0 5px
}

.markStyle.point li i {
	background-image: url(../images/markpoint.png)
}

.markStyle.point li.point1 i {
	background-position: 0 0
}

.markStyle.point li.point2 i {
	background-position: 0 -30px
}

.markStyle.point li.point3 i {
	background-position: 0 -60px
}

.markStyle.point li.point4 i {
	background-position: 0 -90px
}

.markStyle.point li.point5 i {
	background-position: 0 -120px
}

.markStyle.point li.point6 i {
	background-position: 0 -150px
}

.markStyle.line li i {
	background-image: url(../images/markline.png)
}

.markStyle.line li.line1 i {
	background-position: 0 0
}

.markStyle.line li.line2 i {
	background-position: 0 -30px
}

.markStyle.line li.line3 i {
	background-position: 0 -60px
}

.markStyle.line li.line4 i {
	background-position: 0 -90px
}

.markStyle.line li.line5 i {
	background-position: 0 -120px
}

.markStyle.line li.line6 i {
	background-position: 0 -150px
}

.markStyle.line li.line7 i {
	background-position: 0 -180px
}

.markStyle.line li.line8 i {
	background-position: 0 -210px
}

.markStyle.line li.line9 i {
	background-position: 0 -240px
}

.markStyle.line li.line10 i {
	background-position: 0 -270px
}

.markStyle.polygon li i {
	background-image: url(../images/markpolygon.png)
}

.markStyle.polygon li.surface1 i {
	background-position: 0 0
}

.markStyle.polygon li.surface2 i {
	background-position: 0 -30px
}

.markStyle.polygon li.surface3 i {
	background-position: 0 -60px
}

.markStyle.polygon li.surface4 i {
	background-position: 0 -90px
}

.markStyle.polygon li.surface5 i {
	background-position: 0 -120px
}

.markStyle.polygon li.surface6 i {
	background-position: 0 -150px
}

.markStyle li:hover {
	background: #f1f1f1
}

.MarkPropPanel {
	display: none;
	background: #f5f4f5;
	width: 290px;
	position: absolute;
	z-index: 20000001;
	left: 50%;
	margin-left: -145px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, .5);
	font-size: 12px
}

.mpp-title {
	line-height: 36px;
	border-bottom: 1px solid #b2b2b2;
	font-size: 14px;
	color: #333;
	padding-left: 15px;
	font-weight: bold
}

.mpp-content {
	padding: 0 15px
}

.prop-item {
	padding: 6px 0
}

.mpp-prop-field {
	line-height: 30px;
	evertical-align: top;
	font-weight: bold;
	display: inline-block;
	width: 55px;
	font-size: 12px;
	color: #333
}

.mpp-prop-content {
	vertical-align: top;
	display: inline-block
}

.propInput[type=text] {
	padding: 0 5px
}

.propInput {
	border: 1px solid #b2b2b2;
	height: 30px;
	width: 200px;
	background: #FFF
}

.mpp-foot {
	padding-bottom: 10px;
	padding-top: 8px;
	position: relative
}

.mpp-foot .tipmes {
	color: red;
	position: absolute;
	width: 100%;
	top: 0;
	margin: 0 15px;
	left: 0;
	display: none
}

.analysisBtn {
	user-select: none;
	cursor: default;
	height: 30px;
	border-radius: 3px;
	background: #00baff;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin: 15px
}

.mpp-prop-table {
	width: 199px;
	background: #FFF;
	border: 1px solid #b2b2b2
}

.mpp-prop-table td, .mpp-prop-table th {
	padding: 0 5px;
	height: 30px;
	width: 33.3%;
	text-align: center
}

.mpp-prop-table input {
	border: 0;
	outline: 0;
	width: 100%;
	height: 29px
}

.mpp-prop-table a {
	color: #333
}

.signmask {
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	filter: alpha(opacity : 50);
	position: fixed;
	z-index: 20000000;
	top: 0;
	left: 0
}

.popover .arrow {
	position: absolute;
	display: block;
	border-color: transparent;
	border-style: solid;
	bottom: -22px;
	left: 50%;
	margin-left: -11px;
	border-top-color: rgba(0, 0, 0, 0.6) !important;
	border-bottom-width: 0;
	border-width: 11px
}

.popover.top>.arrow:after {
	border-top-color: rgba(0, 0, 0, 0.6) !important
}

.popover {
	background-color: rgba(0, 0, 0, 0.6) !important;
	font-family: "Microsoft YaHei";
	width: 272px;
	display: none;
	left: 511px;
	top: 105px;
	position: absolute;
	z-index: 1060;
	max-width: 276px;
	padding: 1px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	line-break: auto
}

.popover-title {
	color: #00baff;
	border: 0;
	padding: 8px 14px;
	margin: 0;
	font-size: 15px;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
	background-color: unset
}

.popover-content {
	padding: 10px 5px;
	color: #FFF;
	background: 0;
	font-size: 12px;
	max-height: 300px;
	overflow-y: auto
}

#popover2018 table {
	width: 100%;
	border-collapse: collapse
}

#popover2018 td, #popover2018 th {
	text-align: center;
	height: 25px;
	line-height: 25px;
	border: 1px solid #fff;
	font-size: 12px
}

#popover2018 td:first-child {
	width: 80px;
	font-size: 12px
}

.float-tip {
	position: absolute;
	top: -40px;
	left: -105px;
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, .7);
	z-index: 3
}

#md-3dpolygonFX {
	display: none
}

.flybutton {
	padding: 0 5px;
	font-size: 12px;
	height: 25px;
	line-height: 20px;
	cursor: pointer;
	margin: 7px 15px 3px 0;
	width: 90px;
	font-family: SimSun;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	background-color: #5979ea;
	border: 0;
	opacity: .8
}

.flylnglat {
	font-size: 13px;
	height: 23px;
	line-height: 20px;
	border: 0;
	background: rgb(255, 255, 255, 0.3);
	margin: 0 6px 4px 0;
	width: 39px;
	font-family: SimSun;
	margin-left: 13px;
	letter-spacing: 10px
}

.setflylnglat {
	font-size: 14px;
	height: 25px;
	line-height: 20px;
	width: 217px;
	font-family: SimSun;
	padding-left: 7px;
	background-color: rgb(255, 255, 255, 0.1);
	border: 0;
	color: #fff
}

.setflylnglat::-webkit-input-placeholder {
	color: #aaa
}

.setflylnglat:-moz-placeholder {
	　　color: #aaa
}

.setflylnglat::-moz-placeholder {
	　　color: #aaa
}

.setflylnglat:-ms-input-placeholder {
	　　color: #aaa
}

.chooseflylnglat {
	font-size: 13px;
	height: 25px;
	line-height: 20px;
	border: 0;
	margin: 0 6px 4px 0;
	width: 50px;
	font-family: SimSun;
	margin-left: 6px;
	padding-left: 10px;
	letter-spacing: 5px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	cursor: pointer;
	background: #3385ff;
	opacity: .9
}

.delete-flylnglat0 {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 13px;
	right: 72px;
	cursor: pointer
}

.delete-flylnglat1 {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 42px;
	right: 72px;
	cursor: pointer
}

.black {
	background-color: #000;
	color: #fff
}

.analy-header {
	pointer-events: all;
	height: 38px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	line-height: 38px;
	padding-left: 15px;
	font-size: 14px;
	background: rgba(0, 0, 0, .6)
}

.analy-body {
	pointer-events: all;
	padding: 5px 0;
	background: rgba(0, 0, 0, .6);
	max-height: calc(100% - 63px)
}

.measure-content {
	padding: 0;
	font-size: 12px
}

.measure-item {
	line-height: 30px;
	cursor: pointer;
	padding: 0 15px
}

.measure-item:hover {
	background-color: rgba(0, 0, 0, .2)
}

.measure-content .measure-item.active {
	background: rgba(255, 255, 255, .4)
}

.measure-item i {
	margin-right: 5px;
	vertical-align: text-bottom;
	display: inline-block;
	width: 14px;
	height: 14px
}

.measure-item i.distance {
	background: url(../images/icon-measure-distance.png) center no-repeat
}

.measure-item i.groundDistance {
	background: url(../images/icon-measure-distance.png) center no-repeat
}

.measure-item i.area {
	background: url(../images/icon-measure-area.png) center no-repeat
}

.measure-item i.triangle {
	background: url(../images/icon-measure-triangle.png) center no-repeat
}

.analysisBtn {
	user-select: none;
	cursor: default;
	height: 30px;
	border-radius: 3px;
	background: #00baff;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin: 15px
}

.analysisBtn:hover {
	background: #00a1dc
}

.monomer-item {
	cursor: pointer
}

.monomer-item:first-child {
	user-select: none;
	height: 30px;
	border-radius: 12px 0 0 12px;
	background: #3385ff63;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin: 5px 0 15px 15px;
	width: 120px;
	position: relative;
	float: left
}

.monomer-item:last-child {
	user-select: none;
	height: 30px;
	border-radius: 0 12px 12px 0;
	background: #3385ff63;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin: 5px 15px 15px 0;
	width: 120px;
	position: relative;
	float: left
}

.monomer-item:hover {
	background: #3385ffa6
}

.monomer-content .monomer-item.active {
	background: #3385ff;
	font-weight: 700
}

.classify-search {
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%
}

.classify-list {
	margin-left: 20px
}

.classify-list li {
	position: relative;
	float: left;
	width: 84px;
	height: 30px;
	line-height: 30px;
	padding: 0 22px 0 6px;
	border: 1px dotted #cbcbcb;
	border-left: 0;
	border-top: 0;
	cursor: pointer;
	color: #666
}

.classify-list li:nth-child(2n) {
	border-right: 0
}

.classify-list li.hover {
	text-decoration: underline
}

.classify-list li.right {
	border-right: 0
}

.classify-list li .right-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 28px;
	background: url("../images/r_r.png") 4px center no-repeat
}

.icon-link img {
	width: 18px;
	height: 18px;
	margin-right: 4px;
	vertical-align: middle
}

.classify-list-detail-title {
	padding-left: 6px;
	height: 30px;
	line-height: 30px;
	cursor: pointer
}

.classify-list-detail-list li {
	float: left;
	height: 23px;
	line-height: 23px;
	white-space: nowrap;
	margin: 4px 2px;
	padding: 0 4px;
	cursor: pointer
}

.classify-list-detail-list li.hover, .classify-list-detail-list li.selected
	{
	background: #fcb53f
}

#location3dQT form label {
	float: left;
	margin: 6px;
	margin-top: 13px
}

#location3dQT form input {
	float: left;
	margin: 6px;
	margin-top: 10px
}

#location3dQT form select {
	float: left;
	margin: 6px;
	margin-top: 10px
}

.checklng-lat {
	display: block
}

.cesium-infoBox {
	margin-left: 750px
}

.disable {
	pointer-events: none
}

@media ( max-width :1919px) and (min-width:1370px) {
	.g-searchbox-content3d {
		height: 560px
	}
}

@media ( max-width :1366px) and (min-width:1366px) {
	.g-searchbox-content3d {
		height: 480px
	}
}

#classifyresult3d {
	position: relative;
	margin-bottom: 2px;
	top: 0
}

#classifyresult3d li {
	border-bottom: 1px solid #565656
}

@media ( max-width :1919px) and (min-width:1370px) {
	#classifyresult3d {
		height: 500px
	}
}

@media screen and (max-width:1366px) {
	#classifyresult3d {
		height: 400px
	}
}

 @CHARSET "UTF-8"; 

.m-city3d-iframe {
	left: 0;
	display: none;
	width: 326px;
	position: absolute;
	filter: Alpha(Opacity = 0);
	z-index: -2;
	border: 1px solid #f5ba61;
	background: transparent
}

.m-city3d-popup {
	left: 0;
	top: 41px;
	width: 263px;
	height: auto;
	background-color: rgb(0, 0, 0, 0.6);
	color: #fff
}

.cityChild_dd a {
	color: #046abe;
	font-family: 宋体, Simsun
}

.cityChild_dt a {
	color: #000;
	font-family: 宋体, Simsun
}

.cityChild_dd a:hover, .cityChild_dt a:hover {
	color: red
}

.3d_search_div {
	width: 267px;
	height: 300px;
	position: absolute;
	z-index: 2000;
	background-color: rgb(0, 0, 0, 0.6)
}

.3d_search_div ul {
	width: 242px;
	margin: 0 auto;
	height: 290px
}

.3d_search_div ul li {
	width: 100%;
	line-height: 30px;
	height: 30px;
	color: white
}

.popup-container {
	width: 398px
}

/* .popup-container .popup-title {
	position: relative;
	height: 26px;
	line-height: 26px;
	padding: 0 16px;
	padding-right: 25px;
	background: url("../images/popup_img/popup-title.png") repeat;
	z-index: 1000
}

.popup-container .popup-title label {
	font-size: 14px;
	color: #fff;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding: url('ellipsis.xml#ellipsis')
}

.popup-container .popup-close {
	position: absolute;
	top: 6px;
	right: 8px;
	width: 20px;
	height: 14px;
	background: url("../images/popup_img/close.png") center center no-repeat;
	cursor: pointer;
	z-index: 1000
}

.popup-container .popup-coll {
	float: right;
	width: 20px;
	height: 14px;
	margin-top: 5px;
	background: url("../images/popup_img/popup_collection.png") no-repeat;
	cursor: pointer
}

.popup-container .popup-collselect {
	float: right;
	width: 20px;
	height: 14px;
	margin-top: 5px;
	background: url("../images/popup_img/popup_collection_s.png") center
		center no-repeat;
	cursor: pointer
}

.popup-container .popup-corr {
	float: right;
	width: 20px;
	height: 16px;
	margin-top: 7px;
	background: url("../images/popup_img/popup_correct.png") no-repeat;
	cursor: pointer
}

.popup-container .content-container {
	line-height: 28px;
	border: 1px solid #a7badd;
	border-top: 0;
	padding-bottom: 4px
}

.popup-container .content-text {
	float: left;
	padding-left: 40px;
	padding-top: 7px;
	color: #666
}

.popup-container .content-text dl {
	margin-bottom: 0
}

.popup-container .content-text dt {
	float: left;
	width: 44px;
	margin-left: -44px;
	text-align: right
} */

.popup-container .content-text dt.long {
	width: 66px;
	margin-left: -66px
}

.popup-container .content-image {
	display: none;
	float: left;
	width: 76px;
	height: 66px;
	margin: 0 8px
}

.popup-container .popup-action-list {
	border: 0 solid #a7badd;
	border-width: 0 1px;
	padding: 0
}

.popup-container .popup-action-list li {
	float: left;
	width: 130px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #a7badd;
	border-top: 0;
	border-left: 0;
	background: url("../images/popup_img/popup_action_li_bg.png") repeat-x;
	text-align: center;
	cursor: pointer
}

.popup-container .popup-action-list li.last {
	border-right: 0
}

.popup-container .popup-action-list li.selected {
	background: url("../images/popup_img/popup_action_li_bg_v.png") repeat-x;
	border-bottom: 1px solid #fffcf5
}

.popup-container .popup-action-list li.hover {
	background: url("../images/popup_img/popup_action_li_bg_v.png") repeat-x
}

.popup-container .popup-action-list li a {
	padding: 1px 0 1px 22px;
	color: #1369a2
}

a.p-s {
	background: url("../images/popup_img/popup_action_start.png") 4px center
		no-repeat
}

a.p-e {
	background: url("../images/popup_img/popup_action_end.png") 4px center
		no-repeat
}

a.p-r {
	background: url("../images/popup_img/popup_action_route.png") 4px center
		no-repeat
}

a.p-a {
	background: url("../images/popup_img/popup_action_around.png") 4px
		center no-repeat
}

.popup-action-panel .p-a-p {
	display: none;
	height: 41px;
	line-height: 38px;
	border: 1px solid #a7badd;
	border-top: 0;
	padding-left: 5px;
	background: url("../images/popup_img/popup_panel_bg.png") repeat-x
}

.popup-action-panel .p-a-p.selected {
	display: block
}

.popup-action-panel .p-a-p .p-ipt {
	width: 190px;
	height: 22px;
	border: 1px solid #c2cfe8
}

.popup-action-panel .p-a-p .p-ipt.short-ipt {
	width: 120px
}

.popup-action-panel .p-a-p span {
	margin-left: 3px
}

.popup-action-panel .p-a-p span a {
	color: #1369a2
}

.popup-action-panel .p-s-btn {
	width: 61px;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	border: 0;
	margin: 0 5px;
	background: url("../images/popup_img/p-s-btn.png") no-repeat
}

.popup-action-panel input {
	vertical-align: middle
}

.popup-arrow {
	position: relative;
	left: 53%;
	top: -1px;
	top: -2px0;
	width: 30px;
	margin: 0 -15px;
	height: 28px;
	background: url("../images/popup_img/popup-arrow.png") no-repeat;
	z-index: 30000
}

.popup-group {
	position: relative;
	z-index: 999;
	background: url("../images/popup_img/popup-bg.png") left bottom repeat-x
}

.popup-group #content-container {
	border: 1px solid #a7badd
}

.popup-group h1, .popup-group ul {
	margin: 0
}

.popup-group table {
	width: 360px;
	margin: 0 auto
}

.popup-group table td {
	padding: 0 4px;
	line-height: 36px;
	vertical-align: top
}

.popup-group table td input {
	border: 1px solid #c2cfe8;
	width: 260px;
	height: 20px;
	margin-bottom: 10px;
	padding: 4px 6px;
	border-radius: 4px
}

.popup-group table td textarea {
	resize: none;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid #c2cfe8;
	width: 260px;
	height: 60px;
	font-family: Arial;
	padding: 0 6px;
	border-radius: 4px
}

.mark-change-icon {
	text-align: center
}

.mark-change-icon a {
	line-height: 20px
}

.mark-change-icon img {
	width: 20px;
	vertical-align: middle
}

.p-s-class a:hover {
	text-decoration: underline
}

.p-b-key {
	width: 205px;
	float: right
}

.popup-container .popup-action-panel .p-b-key input[type='text'] {
	height: 22px;
	padding-left: 5px;
	width: 95px;
	margin: 0 10px
}

.popup-container .popup-action-panel .p-b-key .nearbyvalue {
	line-height: 12px
}

.m-classify-list3d {
	width: 392px;
	height: 100%;
	padding: 6px;
	margin: 0 auto
}

.m-classify-list3d :hover {
	color: #09c
}

.m-classify-childList li {
	float: left;
	margin: 4px 2px;
	padding: 0 4px;
	white-space: nowrap;
	color: orange
}

.m-classify-list3d img {
	width: 26px;
	height: 31px;
	display: inline-block;
	float: left;
	margin: 0 28px 0 28px;
	padding-top: 5px
}

.m-classify-list3d span {
	display: inline-block;
	float: left;
	width: 100%;
	line-height: 23px;
	text-align: center
}

.m-classify-list3d li.hover {
	text-decoration: underline
}

.m-classify-list3d li.right {
	border-right: 0
}

.m-classify-list3d li .m-right-arrow {
	position: absolute;
	top: 1px;
	right: 0
}

.m-classify-title {
	padding-left: 6px;
	height: 25px;
	line-height: 25px;
	cursor: pointer
}

.m-classify-list3d li {
	position: relative;
	float: left;
	width: 84px;
	height: 60px;
	white-space: nowrap;
	margin: 0 5px;
	cursor: pointer;
	font-size: 13px;
	color: #fff
}

.m-classify-list3d li.hover, .m-classify-list3d li.selected {
	background: #fcb53f
}

 @CHARSET "UTF-8"; 

.m-mask-content input {
	margin-top: 4px
}

.popup-action-panel {
	height: 26px
}

.mark-change-icon div {
	width: 26px
}

.m-mask-feature-icons {
	margin: 20px 0 8px;
	display: none
}

.m-mask-feature-icons ul li {
	margin: 1px;
	height: 24px;
	width: 24px;
	float: left;
	border: #FFF 1px solid
}

.m-mask-feature-icons ul li:hover {
	background-color: #eff3fc;
	border: #83a5e2 1px solid
}

.m-mask-feature-icons ul li.on {
	background-color: #eff3fc;
	border: #83a5e2 1px solid
}

.m-mask-content col {
	width: 50px
}

.popup-group table td input {
	border: 1px solid #c2cfe8;
	width: 260px;
	height: 20px;
	margin-bottom: 10px;
	padding: 4px 6px;
	border-radius: 4px
}

.m-mulitiTimePhaseWMTS {
	z-index: 3000;
	position: absolute;
	top: 55px;
	right: 55px;
	width: 105px;
	height: auto;
	background-color: white
}

.m-mulitiTimePhaseWMTS ul {
	margin: 0
}

.m-mulitiTimePhaseWMTS ul li {
	line-height: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	padding-left: 15px
}

.lnyxLi {
	background: url(../images/icon_ls_dj_p.png) no-repeat;
	background-position: 10px
}

.fpdbLi {
	background: url(../images/icon_ls_fp_p.png) no-repeat;
	background-position: 10px
}

.sldbLi {
	background: url(../images/icon_ls_sl_p.png) no-repeat;
	background-position: 10px
}

.event_box {
	background-color: white;
	bottom: 15px;
	position: absolute;
	z-index: 0
}

.event_box .parHd {
	display: inline-block;
	height: 60px;
	overflow: hidden
}

.parHd .tempWrap {
	height: 10px;
	border-radius: 10px;
	background: #aac5ee;
	position: relative;
	margin: 0 auto;
	top: 35%;
	z-index: 10;
	margin-left: 25px;
	margin-right: 25px
}

.parHd ul {
	text-align: center;
	margin: 0 auto;
	padding-top: 25px !important
}

.parHd li {
	cursor: pointer;
	display: inline-block;
	cursor: pointer;
	padding-top: 5px;
	font-size: 14px;
	color: black;
	margin: 0 30px;
	position: relative
}

.parHd li:after {
	cursor: pointer;
	content: '';
	background: url(../images/sgz_y.png) no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 20;
	top: -18px;
	left: 50%;
	margin-left: -12px
}

.sPrev, .sNext {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 14px
}

.sPrev {
	left: 5px
}

.sNext {
	right: 0
}

.parHd li.act span {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	background: url(../images/sgz_xz.png) no-repeat;
	position: absolute;
	top: -18px;
	left: 16px;
	z-index: 21
}

.screenMap {
	width: 50%;
	height: 100%;
	display: block;
	position: absolute;
	display: none
}

#onemap {
	left: 0
}

#twomap {
	right: 0
}

@media print {
	.noprint {
		display: none
	}
	body {
		-webkit-print-color-adjust: exact
	}
	.popup-arrow {
		margin: 0 -15px;
		background: url(../../images/popup_img/popup-arrow.png) no-repeat
			!important
	}
	.popup-container .popup-action-panel .p-b-key input[type='text'] {
		background: #fff !important
	}
	.popup-action-panel .p-s-btn {
		background: url("../../images/popup_img/p-s-btn.png") no-repeat
			!important
	}
	a.p-a {
		background: url("../../images/popup_img/popup_action_around.png") 4px
			center no-repeat !important
	}
	a.p-e {
		background: url("../../images/popup_img/popup_action_end.png") 4px
			center no-repeat !important
	}
	a.p-s {
		background: url("../../images/popup_img/popup_action_start.png") 4px
			center no-repeat !important
	}
	.popup-container .popup-title label {
		color: #fff !important;
		font-weight: 700
	}
	.popup-container .popup-action-list li {
		background: url("../../images/popup_img/popup_action_li_bg.png")
			repeat-x !important
	}
	.popup-container .popup-action-list li.selected {
		background: #fff !important
	}
	.popup-container .popup-corr {
		background: url("../../images/popup_img/popup_correct.png") no-repeat
			!important
	}
	.popup-container .popup-collselect {
		background: url("../../images/popup_img/popup_collection_s.png") center
			center no-repeat !important
	}
	.popup-container .popup-coll {
		background: url("../../images/popup_img/popup_collection.png") no-repeat
			!important
	}
	.popup-container .popup-title {
		background: url("../../images/popup_img/popup-title.png") repeat
			!important
	}
	.popup-group {
		background: url("../../images/popup_img/popup-bg.png") left bottom
			repeat-x !important
	}
	.popup-container .popup-close {
		background: url("../../images/popup_img/close.png") center center
			no-repeat !important
	}
	.BMapLabel {
		background: #fff !important
	}
}

 @CHARSET "UTF-8"; 

.m-print-panel {
	width: 246px
}

.m-print-panel .form-horizontal .control-label {
	width: 80px
}

.m-print-panel .form-horizontal .control-group {
	margin-bottom: 0
}

.m-print-panel .form-horizontal .controls select, .m-print-panel .form-horizontal .controls input[type='text']
	{
	margin-top: 5px;
	width: 120px
}

.m-print-panel .form-horizontal select {
	height: 20px;
	padding: 0
}

.g-head-left-print {
	float: left;
	width: 300px;
	height: 74px;
	position: absolute;
	background: url("images/head_left.png") repeat
}

.g-head-right-print {
	width: 300px;
	height: 74px;
	float: right;
	background: url("images/head_right.png") repeat
}

.logo-print {
	float: left;
	height: 74px;
	width: 400px;
	position: absolute;
	background: url("images/logo.png") center no-repeat
}

.olImageLoadError {
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity = 0)
}

img.olTileImage {
	max-width: none
}

body {
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	font-size: 12px
}

div {
	margin: 0 auto;
	text-align: left
}

.u-rkey {
	width: 18px;
	height: 15px;
	vertical-align: middle;
	display: inline-block;
	background-image: url(../images/rkicons.png)
}

.u-rkey-start {
	background-position: 0 122px
}

.u-rkey-end {
	background-position: 0 105px
}

.u-rkey-round {
	background-position: 0 87px
}

.u-rkey-big {
	background-position: 0 74px
}

.u-rkey-small {
	background-position: 0 60px
}

.u-rkey-center {
	background-position: 0 47px
}

.m-scenario-container {
	position: absolute;
	right: 100px;
	bottom: 1px;
	z-index: 1800
}

.m-scenario-container dl {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.m-scenario-container dl.selected {
	z-index: 20000
}

.m-scenario-container .scenario-single dt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 4px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	z-index: 9999;
	font-weight: 400;
	font-size: 14px
}

.m-scenario-show {
	height: 56px
}

.m-scenario-container .scenario-single dd {
	width: 52px;
	height: 52px
}

.vector dd {
	background: url(../images/sl.png) 0 0 no-repeat
}

.vector.hover dd, .vector.selected dd {
	background: url(../images/sl.png) -51px 1px no-repeat
}

.image dd {
	background: url(../images/sl.png) 0 -52px no-repeat
}

.image.hover dd, .image.selected dd {
	background: url(../images/sl.png) -52px -53px no-repeat
}

.dem dd {
	background: url(../images/sl.png) 0 -159px no-repeat
}

.dem .hover dd, .dem .selected dd {
	background: url(../images/sl.png) -52px -159px no-repeat
}

.globe dd {
	background: url(../images/sl.png) 0 -106px no-repeat
}

.globe.hover dd, .globe.selected dd {
	background: url(../images/sl.png) -51px -106px no-repeat
}

/* .classify-box {
	display: none;
	position: absolute;
	background-color: #fff;
	top: 37px;
	left: 0;
	width: 402px;
	height: 250px;
	z-index: 2000;
	border-radius: 0 0 3px 3px;
	transition: opacity .4s linear;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	border-top: 1px solid #c7c7c7;
	overflow: hidden
} */

#md-classify {
	height: 100%
}

.g-classify-search {
	overflow: hidden;
	position: relative;
	height: 100%;
	margin-left: -4px;
	z-index: 2000
}

.m-classify-list :hover {
	color: #09c;
	background-color: #f7f7f7
}

ul.m-classify-childList {
	margin-left: 0;
	color: #6f6f6f;
	width: 300px;
	padding-bottom: 10px;
	margin: 0 auto;
	border-bottom: 1px dashed #ccc
}

.m-classify-childList li {
	margin-top: 5px;
	float: left;
	padding: 0 5px;
	cursor: pointer;
	white-space: nowrap;
	margin-left: 0
}

.m-classify-childList li:hover {
	color: #2f86ff
}

.m-classify-list li.hover {
	text-decoration: underline
}

.m-classify-list img {
	width: 26px;
	height: 31px;
	display: inline-block;
	float: left;
	margin: 0 28px 0 28px;
	padding-top: 5px
}

.m-classify-list span {
	display: inline-block;
	float: left;
	width: 100%;
	line-height: 23px;
	text-align: center
}

.m-classify-list li.right {
	border-right: 0
}

.m-classify-list li .m-right-arrow {
	position: absolute;
	top: 1px;
	right: 0
}

.m-classify-title {
	margin-top: 7px;
	cursor: pointer;
	font-weight: bold;
	color: #6f6f6f;
	width: 340px;
	margin: 0 auto;
	color: #2f86ff
}

.m-classify-list {
	width: 392px;
	height: 100%;
	padding: 6px;
	margin: 0 auto
}

.m-classify-list li {
	position: relative;
	float: left;
	width: 84px;
	height: 60px;
	white-space: nowrap;
	cursor: pointer;
	margin: 0 5px;
	font-size: 13px;
	color: #999
}

.m-classify-list li.hover, .m-classify-list li.selected {
	background: #fcb53f
}

#classifyresult {
	position: relative;
	margin-bottom: 2px;
	top: 0
}

#classify_panelClose {
	top: 4px;
	right: 2px
}

#changeStylePanle {
	position: absolute;
	top: 55px;
	left: 20px;
	z-index: 2000
}

.changeStyleResult {
	position: absolute;
	height: 605px;
	overflow-y: auto;
	border: 1px solid #cdcfd0;
	border-top: 0;
	border-bottom: 0;
	background: white
}

.changeStyleResult ul {
	margin-left: 10px
}

.changeStyleResult select {
	margin-top: 20px;
	margin-left: 6px;
	width: 80%
}

.changeStyleResult ul li {
	cursor: pointer;
	width: 95%;
	border: 1px solid #ededed;
	margin-top: 3px
}

.changeStyle-shadow {
	box-shadow: 0 0 24px #6d6868;
	border-color: #ccc
}

#layerColorPicker {
	position: absolute;
	width: 60px;
	height: 30px;
	background-color: #f80;
	margin-left: 10px;
	border: 2px solid #ddd
}

.layerSty_wrapper {
	position: absolute;
	top: 61px;
	left: 16px;
	width: 260px;
	height: 470px;
	border: 0 solid #ccc;
	z-index: 2
}

.layerSty_tree_container {
	background: rgba(255, 255, 255, 0.9);
	border-width: 1px;
	height: 470px;
	overflow: auto
}

.layerSty_tree_panle {
	height: 30px;
	line-height: 30px;
	background-color: #0f8be3;
	color: white
}

.layerSty_text {
	margin-left: 5px;
	font-weight: bold;
	font-size: 14px
}

.layerStr_close {
	position: absolute;
	top: 6px;
	right: 8px;
	width: 20px;
	height: 14px;
	background: url("../images/close.png") center center no-repeat;
	cursor: pointer
}

.diyBtn1 {
	background-color: red;
	width: 20px;
	height: 16px;
	border: 1px solid #686868;
	border-radius: 5px;
	margin-left: 5px
}

.colpick_hex {
	z-index: 3
}

#fuseBtn.selected {
    background: #fff url(../images/toolbar_.png) -179px -47px no-repeat;
    cursor: pointer;
}
#fuseBtn {
    z-index: 1800;
    cursor: pointer;
    border: 1px solid #cdcfd0;
    position: absolute;
    top: 80px;
    right: 10px;
    width: 39px;
    height: 39px;
    background: #fff url(../images/toolbar_.png) -179px 11px no-repeat;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
    border-radius: 2px;
}

/*地理实体融合服务*/
.resultBOXR {
    position: absolute;
    top: 70px;
    right: 10px;
    width: 280px;
    background: #fff;
    /* height: 540px; */
    z-index: 2000;
}
.fuseResult {
    height: 38px;
    background: #2196F3;
    line-height: 38px;
    border-bottom: 1px #ccc solid;
}
.fuseResult span.title {
    color: #fff;
    padding-left: 10px;
}
.fuseResult span.close {
    position: relative;
    top: 13px;
    background: url(../images/mark.png) -20px -94px no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.fuseBase {
    width: 96%;
    margin: 0 auto;
}
.fuseBase .basetitle {
    border-bottom: 1px #ccc dotted;
    height: 35px;
    line-height: 35px;
    color: #369CFE;
    padding-left: 5px;
}
.fuseBase .baselist span.fieldName {
    width: 65px;
    text-align: right;
    color: #333;
}
.fuseBase .baselist span {
    color: #666;
    display: inline-block;
    line-height: 25px;
}
.blackefefef {
    clear: both;
    height: 10px;
    background: #efefef;
    width: 278px;
}
.f-mlft15 {
    margin-left: 15px;
}
#themeList1 {
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}
.bigdotFirst.bigdot {
    background: url(../images/sliderFirst.png) 7px -9px no-repeat;
}
.bigdot {
    height: 22px;
    background: url(../images/slider.png) 7px 2px no-repeat;
    width: 200px;
    display: inline-block;
    padding: 10px 0px 0px 23px;
}
#themeList1 .detail {
    display: none;
    color: #666;
}
.sublistTit.select span, .sublistTit:hover span {
    cursor: pointer;
    position: relative;
    top: 3px;
    background: #EF6A42 url(../images/sliderWordbg_v.png) 0px 0px no-repeat;
    padding: 0px 15px 0px 2px;
    color: #fff;
}
.smalldot {
    height: 20px;
    background: url(../images/node.png) 10px 0px repeat-y;
    width: 220px;
    display: inline-block;
    padding: 10px 0px 0px 23px;
    cursor: pointer;
}
.smalldot li,.smalldot span{font-size: 12px;}
.dotGPS {
    width: 20px;
    display: inline-block;
    height: 12px;
    float: right;
}
/*图层管理删除图层弹出框背景颜色**/
.my-skin_close {
 background-color: #FFF!important;
 border: 1px solid #84c101;
 color: black;
}

