/*工具栏样式*/
#toolbar {
  width: 100%;
  z-index: 999;
  position: relative;
  font-family: "宋体";
}

#map-tools {
  /*position: absolute; right: 0; padding: 5px 5px 0 0;*/
}
#map-3dtools {
  position: absolute;
  right: 0;
  padding: 5px 5px 0 0;
}
.map-tool li {
  float: left;
  height: 26px;
  line-height: 26px;
  margin: 0 1px;
  padding: 0 5px;
}
.map-tool li:hover {
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  margin: -1px 0px;
}
.map-tool li span {
  margin-left: 2px;
}
.map-tool li i {
  float: left;
  width: 14px;
  height: 100%;
  display: inline-block;
  background: url(../images/map_tool.png) no-repeat;
}
.map-tool li .tools i {
  height: 20px;
}
.map-tool li.fore1 i {
  background-position: 0 -12px;
}
.map-tool li.fore2 i {
  background-position: 0 -45px;
}
.map-tool li.fore3 i {
  background-position: 0 -77px;
}
.map-tool li.fore4 i {
  background-position: 0 -112px;
}
.map-tool li.fore5 i {
  background-position: 0 -144px;
}
.map-tool li.fore6 i {
  background-position: 0 -176px;
}
.map-tool li.fore7 i {
  background-position: 0 -208px;
}
.map-tool li.fore8 i {
  background-position: 0 -240px;
}
.map-tool li.fore9 i {
  background-position: 0 -272px;
}
.map-tool li .fore10 i {
  background-position: 0 -333px;
}
.map-tool li .fore11 i {
  background-position: 0 -364px;
}
.map-tool li .fore12 i {
  background-position: 0 -398px;
}
.map-tool li .fore13 i {
  background-position: 0 -429px;
}
.map-tool li .fore14 i {
  background-position: 0 -462px;
}
.map-tool li .fore15 i {
  background-position: 0 -493px;
}
.map-tool li.fore3 {
  position: relative;
}

.map-tool .fore01 i {
  background-position: 0 -12px;
}
.map-tool .fore02 i {
  background-position: 0 -45px;
}
.map-tool li .view i {
  height: 20px;
}
.map-tool li.fore0 {
  position: relative;
}
.map-tool li.fore0:hover {
  background: none;
  border: none;
  margin: 0 1px;
}
.map-tool li.fore0:hover .view {
  display: block;
}
.map-tool li.fore0 span {
  float: left;
}
.map-tool li.fore0 b {
  float: left;
  width: 12px;
  height: 12px;
  margin: 8px 0 0 2px;
  display: inline-block;
  background: url(../images/arrow-d-b.png) no-repeat;
}
.map-tool li.fore0 .view {
  position: absolute;
  left: -10px;
  top: 24px;
  background: #fff;
  border: 1px solid #ddd;
  display: none;
  z-index: 99999;
  width: 100px;
}
.map-tool li.fore0 .view div {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  width: 100%;
}
.map-tool li.fore0 .view div span {
  float: left;
  display: inline-block;
}
.map-tool li.fore0 .view div:hover {
  background: #eee;
}

.map-tool li.fore8 {
  position: relative;
}
.map-tool li.fore8:hover {
  background: none;
  border: none;
  margin: 0 1px;
}
.map-tool li.fore8:hover .tools {
  display: block;
}
.map-tool li.fore8 span {
  float: left;
}
.map-tool li.fore8 b {
  float: left;
  width: 12px;
  height: 12px;
  margin: 8px 0 0 2px;
  display: inline-block;
  background: url(../images/arrow-d-b.png) no-repeat;
}
.map-tool li.fore8 .tools {
  position: absolute;
  left: 0;
  top: 24px;
  background: #fff;
  border: 1px solid #ddd;
  display: none;
  z-index: 99999;
}
.map-tool li.fore8 .tools div {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  width: 100%;
}
.map-tool li.fore8 .tools div span {
  float: left;
  display: inline-block;
}
.map-tool li.fore8 .tools div:hover {
  background: #eee;
}

.map-tool li.fore5 {
  position: relative;
}
.map-tool li.fore5:hover {
  background: none;
  border: none;
  margin: 0 1px;
}
.map-tool li.fore5:hover .measLength {
  display: block;
}
.map-tool li.fore5 span {
  float: left;
}
.map-tool li.fore5 b {
  float: left;
  width: 12px;
  height: 12px;
  margin: 8px 0 0 2px;
  display: inline-block;
  background: url(../images/arrow-d-b.png) no-repeat;
}
.map-tool li.fore5 .measLength {
  position: absolute;
  left: 0;
  top: 24px;
  background: #fff;
  border: 1px solid #ddd;
  display: none;
  z-index: 99999;
}
.map-tool li.fore5 .measLength div {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  width: 84px;
}
.map-tool li.fore5 .measLength div span {
  float: left;
  display: inline-block;
}
.map-tool li.fore5 .measLength div:hover {
  background: #eee;
}

.map-tool li.fore6 {
  position: relative;
}
.map-tool li.fore6:hover {
  background: none;
  border: none;
  margin: 0 1px;
}
.map-tool li.fore6:hover .measArea {
  display: block;
}
.map-tool li.fore6 span {
  float: left;
}
.map-tool li.fore6 b {
  float: left;
  width: 12px;
  height: 12px;
  margin: 8px 0 0 2px;
  display: inline-block;
  background: url(../images/arrow-d-b.png) no-repeat;
}
.map-tool li.fore6 .measArea {
  position: absolute;
  left: 0;
  top: 24px;
  background: #fff;
  border: 1px solid #ddd;
  display: none;
  z-index: 99999;
}
.map-tool li.fore6 .measArea div {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  width: 84px;
}
.map-tool li.fore6 .measArea div span {
  float: left;
  display: inline-block;
}
.map-tool li.fore6 .measArea div:hover {
  background: #eee;
}
.map-tool li.active {
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  margin: -1px 0px;
}

.traffic-legend {
  display: none;
  /*margin-top: 32px;*/
  padding-top: 3px;
  padding-left: 9px;
  /*margin-left: 143px;*/
  height: 32px;
  background-color: #ffffff;
  border-top: 1px solid #d9d9d9;
}
.traffic-legend div {
  display: inline-block;
  text-align: center;
  float: right;
  width: 130px;
}
.traffic-legend span {
  display: inline-block;
  height: 23px;
  padding: 0 6.5px;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  padding-top: 3px;
}
#roadflow-time {
  color: #000000;
}

.traffic-legend .traffic-legend-crowd {
  background-color: #d95757;
}

.traffic-legend .traffic-legend-amble {
  background-color: #f2ae00;
}

.traffic-legend .traffic-legend-clear {
  background-color: #61b250;
}