#ui-map-box{height:450px}

.plot-ico{background:url(../images/plot_ico.png) no-repeat}
.plot-ico-darrow,.plot-ico-uarrow{display:inline-block; width:11px; height:7px; vertical-align:middle}
.plot-ico-darrow{background-position:0 -1130px; position:relative; top:-1px}
.plot-ico-uarrow{background-position:-25px -1130px; position:relative; top:-1px}
.plot-ico-close{display:inline-block; width:60px; height:60px; background-position:0 -928px}
.plot-ico-circlose{display:inline-block; width:33px; height:33px; background-position:0 -1020px}
.plot-ico-close3{display:inline-block; width:17px; height:17px; background-position:0 -1335px}
.plot-ico-close2{display:inline-block; width:12px; height:12px; background-position:0 -1095px}

.map .map-box{position:relative; height:450px}
.map-label{height:50px; border:1px solid #ddd; height:52px}
.map-label ul li{float:left; padding:0 25px; height:50px}
.map-label ul li a.icon-text{display:block; height:50px; line-height:50px; font-size:15px; color:#666}
.map-label ul li a.icon-text span{float:left; display:block; width:23px; height:23px; border-radius:23px; margin:13px 10px 0 0}
.map-label ul li a.icon-text i{float:left; display:block; font-style:normal}
.map-label ul li.label-one a.icon-text span{background-position:0 -189px}
.map-label ul li.label-two a.icon-text span{background-position:0 -217px}
.map-label ul li.label-three a.icon-text span{background-position:0 -245px}
.map-label ul li.label-four a.icon-text span{background-position:0 -274px}
.map-label ul li.label-five a.icon-text span{background-position:0 -303px}
.map-label ul li.label-six a.icon-text span{background-position:0 -331px}
.map-label ul li.label-seven a.icon-text span{background-position:0 -359px}
.map-label ul li.label-eight a.icon-text span{background-position:0 -388px}
.map-label ul li.label-nine a.icon-text span{background-position:0 -416px}

.assort-distance{position:absolute; right:80px; bottom:35px; z-index:9; width:260px; padding:20px; border:1px solid #bbb; background:#fff}
.assort-distance.fixed-side{right:0; bottom:40%; width:40px; padding:0; border:0}
.assort-distance.fixed-side .extend-box{display:none}
.assort-distance.fixed-side .close-assort{display:block}
.assort-distance .close-assort{display:none; width:42px; padding:10px 0; font-size:14px; text-align:center; line-height:18px; cursor:pointer; color:#333; background-color:#fff}
.assort-distance h4{padding-bottom:10px; font-size:16px; color:#666; font-weight:normal}
.assort-distance h4 i{margin-right:5px; color:#06b676; font-weight:bold}
.assort-distance h4 span{display:inline-block; width:24px; height:24px; margin-right:10px; border-radius:12px; vertical-align:-5px}
.assort-distance h4 span{background-position:0 -189px}
.assort-distance ul li .digit{color:#06b676}
.assort-distance .close{position:absolute; right:20px; top:22px; display:block; width:21px; height:21px; background-position:0 -779px; cursor:pointer}
.assort-distance ul{overflow-y:auto; padding-right:10px; max-height:300px}
.assort-distance ul::-webkit-scrollbar{width:3px; height:8px}
.assort-distance ul::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#888}
.assort-distance ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#F1F1F1}
.assort-distance ul li{height:40px; font-size:16px; line-height:40px; overflow:hidden}
.assort-distance ul li .digit{float:left}
.assort-distance ul li .text{float:left; display:block; width:170px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.assort-distance ul li .distance{float:right; font-size:14px; color:#999}