sgyzt-front/public/map-easy-client/leaflet-easy.css

.layer-control-label{width: 50px; height: 45px; position: relative; display: inline;left: 2px;opacity: 0.6;margin-left: 3px;cursor: pointer;}
.layer-control-label img{width: 47px;height: 45px;vertical-align: initial;}
.layer-control-label span{bottom: 2px;position: absolute;right: 0px;text-align: center;height: 20px;line-height: 24px;width: auto;color: #fff;text-shadow: 1px 1px 2px #000;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWNicJ/XAAACoAFoZOWciwAAAABJRU5ErkJggg==);}
#app-right-top {
   position: relative;
    top: 59px;
    margin-top: -42px;
	
}
.ui3-control-wrap{box-sizing: border-box; position: relative;}
.ui3-control-wrap #ui3_city_change {
    display: inline-block;
    float: left;
    border-radius: 2px;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}
.ui3-control-wrap #ui3_city_change .adjustpadding {
    float: left;
    width: 5px;
    height: 34px;
    border-radius: 2px 0 0 2px;
    padding-left: 7px;
    background: #fff;
}
.ui3-control-wrap .ui3-city-change-inner {
    float: left;
    display: inline-block;
    padding-right: 12px;
    height: 34px;
    line-height: 34px;
    background-color: #fff;
    color: #666;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    position: relative;
}
.ui3-control-wrap .left, .ui3-control-wrap .right {
    height: 34px;
    background: #fff;
    border-radius: 0 2px 2px 0;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}
.float-l {
    float: left;
}
.ui3-control-wrap .left b, .ui3-control-wrap .right b {
    float: left;
    height: 21px;
    display: inline-block;
    border-right: 1px solid #eee;
    top: 7px;
    position: relative;
}
.ui3-control-wrap .trafficopt {
    padding-right: 12px;
    line-height: 34px;
    float: left;
    display: inline-block;
    cursor: pointer;
}
.ui3-control-wrap .left span, .ui3-control-wrap .right span {
    float: left;
    height: 34px;
    width: 29px;
    background-image: url(./images/newtools.png);
    background-repeat: no-repeat;
}
.ui3-control-wrap .last {
    border: 0!important;
}
.ui3-control-wrap .traffic {
    background-position: -111px -118px;
}
.ui3-control-wrap i {
    float: left;
    font-size: 12px;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    display: inline-block;
}
.ui3-control-wrap .left b, .ui3-control-wrap .right b {
    float: left;
    height: 21px;
    display: inline-block;
    border-right: 1px solid #eee;
    top: 7px;
    position: relative;
}
.ui3-control-wrap .boxopt {
    padding-right: 12px;
    line-height: 34px;
    float: left;
    cursor: pointer;
    display: inline-block;
}
.ui3-control-wrap .boxutils {
    padding-right: 7px;
    background-position: -34px -116px;
}
.ui3-control-wrap i {
    float: left;
    font-size: 12px;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    display: inline-block;
}
.ui3-control-wrap .boxopt em {
    width: 7px;
    height: 7px;
    float: right;
    margin-top: 13px;
    margin-left: 5px;
    background-image: url(./images/newtools.png);
    background-repeat: no-repeat;
    background-position: -13px -17px;
}
.ui3-control-wrap .ui3-city-change-inner em {
    width: 7px;
    height: 7px;
    margin-left: 5px;
    float: right;
    margin-top: 13px;
    background-image: url(./images/newtools.png);
    background-repeat: no-repeat;
    background-position: -13px -17px;
}
.ui3-control-wrap .detail-box {
    position: absolute;
    width: 86px;
    background: #fff;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
    top: 34px;
    right: 0;
    float: left;
    display: none;
    z-index: 80000;
}
.ui3-control-wrap .boxinfo {
    list-style-type: none;
	display:inline;
}
.ui3-control-wrap .boxinfo li {
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    padding-left: 7px;
}
.ui3-control-wrap .boxinfo li .measure {
    background-position: -80px -117px;
}
}
<style>
.ui3-control-wrap .left span, .ui3-control-wrap .right span {
    float: left;
    height: 34px;
    width: 29px;
    background-image: url(./images/newtools.png);
    background-repeat: no-repeat;
}
.ui3-control-wrap .last {
    border: 0!important;
}
.ui3-control-wrap .boxinfo li i {
    margin-left: 2px;
}
.ui3-control-wrap i {
    float: left;
    font-size: 12px;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    display: inline-block;
}
.ui3-control-wrap .boxinfo li .mark {
    background-position: -80px -168px;
}
.ui3-control-wrap .ui3-city-change-inner:hover {
    color: #0C88E8;
	text-decoration: none;
}
.ui3-control-wrap .trafficopt:hover i {
    color: #579AFC;
}
.ui3-control-wrap .boxopt:hover .boxtext {
    color: #579AFC;
}
.ui3-control-wrap i.active {
    color: #579AFC;
}
.ui3-control-wrap .boxopt:hover .boxtext {
    color: #579AFC;
}
.ui3-control-wrap .trafficopt:hover .traffic {
    background-position: -36px -167px;
}
.ui3-control-wrap .boxopt:hover .boxutils {
    background-position: -34px -48px;
}
.ui3-control-wrap .boxutils.active {
    background-position: -34px -48px;
}
.ui3-control-wrap .left span.active, .ui3-control-wrap .right span.active {
    background-color: #fff;
}
.ui3-control-wrap .boxopt em.active {
    background-position: -12px -177px;
}
.ui3-control-wrap .traffic.active {
    background-position: -36px -167px;
}
.ui3-control-wrap .ui3-city-change-click .ui3-city-change-inner em, .ui3-control-wrap .ui3-city-change-click-close .ui3-city-change-inner em {
    background-position: -12px -177px;
}
.ui3-control-wrap .ui3-city-change-inner:hover em {
    border-top-color: #0C88E8;
}
.map_popup {
    position: absolute;
    z-index: 50000;
}
.map_popup .popup_main {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}
.map_popup .title {
    border-bottom: 1px solid #dadada;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #4c4c4c;
    padding-left: 7px;
}
.map_popup .title a{
     cursor: pointer;
}
.map_popup button {
    position: absolute;
    z-index: 50;
    top: 7px;
    right: 6px;
    width: 12px;
    height: 12px;
    background: url(./images/popup_close.gif) no-repeat;
    border: 0;
    cursor: pointer;
    padding: 0;
}
.leaflet-pm-toolbar-close-button {
    position: absolute;
    z-index: 5000000;
    top: 7px;
    right: 6px;
    width: 12px;
    height: 12px;
    background: url(./images/popup_close.gif) no-repeat;
    border: 0;
    cursor: pointer;
    padding: 0;
}
.map_popup .poput_shadow {
    width: 100%;
    height: auto;
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: 1;
    _left: 1px;
    _top: 1px;
    _background: #505050;
    _border: 1px solid #505050;
    _filter: alpha(opacity=20);
}
.sel_city {
    margin: 7px 5px 5px;
}
.sel-city-hotcity {
    padding: 0 5px;
}
.sel_city a {
    white-space: nowrap;
    margin-right: 9px;
    line-height: 18px;
	cursor:pointer;
	float: left;
}
.ui3-control-wrap .map-measure:hover i {
    color: #579AFC;
}
.ui3-control-wrap .map-measure:hover .measure {
    background-position: -80px -49px;
}
.ui3-control-wrap .map-mark:hover .mark {
    background-position: -40px -168px;
}
.ui3-control-wrap .map-mark:hover i {
    color: #579AFC;
}