/* base.css */

.sufei-dialog-close{
    display: none;
}
.unselected, .icon-add, .icon-reduce {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ellipsis {
  text-overflow: ellipsis; 
  white-space:nowrap; 
  overflow:hidden;
  display: inline-block;
}

#indexbox .blue {
  color: #0f89f5;
}
#indexbox .none {
  display: none;
}
#indexbox .relative {
  position: relative;
}
/* 公共样式 */
#indexbox button, .button {
  line-height: normal;
  background-color: #559ffb;
  border: none;
  border-radius: 2px;
  color: #FFF;
  font-size: 14px;
}

.transit {
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}

.flex {
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}

.zdeps-1 {
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    /*box-shadow: 0 2px 6px rgba(0,0,0,0.3);*/
    /*-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);*/
}

.zdeps-2 {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);
       -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);    
}

.zdeps-3 {
    box-shadow: 1px -1px 6px rgba(0,0,0,0.3);
    /*-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);*/
}
.usel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
}

.sep {
    display: inline-block;
    vertical-align: baseline;
    border-right: 1px solid #e1e1e1;
    height: 12px;
    margin: 0 4px;
}
.clearfix:after{
  content:'\0020';
  display:block;
  height:0;
  clear:both
}
.clearfix{
  *zoom:1
}
body {
    background: #FCF9F2 url(data:image/png;base64,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);
    overflow: hidden;
    min-width: 960px;
    min-height: 500px;
    position: relative;
}

#themap {
    position: relative;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTI0RTg4NzlGRDk5MTFFNjlDNTFBODNCMUQwNzgyQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTI0RTg4N0FGRDk5MTFFNjlDNTFBODNCMUQwNzgyQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjRFODg3N0ZEOTkxMUU2OUM1MUE4M0IxRDA3ODJCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjRFODg3OEZEOTkxMUU2OUM1MUE4M0IxRDA3ODJCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmlSGaMAAAujSURBVHja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) !important;
    /*display: none;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#search-panel:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 2em;
    background: linear-gradient(rgba(255,255,255, 0), rgba(255,255,255, 1));
    pointer-events: none;
    z-index: 99999;
}


#themap.amap-container {
    background: none;
}
#themap.themap_theme{
    background-image:none !important;
}

.mainbox {
    position: absolute;
    left : 15px;
    top : 15px;
    z-index: 2001;
}

#amapbox{
    z-index: 2000;
    position: absolute;
    left: 15px;
    top: 66px;
    width: 400px;
    display: none;
}

#amap-panels {
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
    opacity: 0.94;
}

#amap-banner-entry{
    position: absolute;
    left : 0px;
    bottom: 0px;
    box-sizing : border-box;
    width: 56px;
    height: 66px;
    border-top: 1px solid transparent;
    background: url(../image/sqrcode2.png) center center no-repeat;
    background-position: 8px 10px;
    cursor: pointer;
    z-index: 1010;
}

#amap-banner-entry:hover{
    background-color: #fff;
    border-top: 1px solid #f4f5f6;
}

#amap-banner-entry:hover #amap-banner{
    display: block;
}


#amap-banner {
    display: none;
    box-sizing: border-box;
    z-index: 1008;
    position: absolute;
    bottom: 0px;
    left: 55px;
    background: #fff;
}

#alibaba {
    display: none;
    text-align: center;
    margin : 8px 8px 2px 8px;
    color: #999;
}


#mobileenterance {
    position: relative;
    background: url(../image/amap_banner.png) center center no-repeat;
    width: 344px;
    height: 100px;
    border: 1px solid #f4f5f6;
}

#mobileenterance_no_bg {
    position: relative;
    background:#fbfbfb url(../image/app_banner.png) no-repeat;
    background-position: 96px center;
    background-size: 160px 65px;
    height: 95px;
}

#mobileenterance a, #mobileenterance_no_bg a{
    position: absolute;
    color: #333;
    right: 22px;
    width: 70px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    border-radius: 3px;
    cursor: pointer;
}

#mobileenterance .bannerQrcode, #mobileenterance_no_bg .bannerQrcode {
    vertical-align: middle;
    position: absolute;
    width: 65px;
    height: 65px;
    top: 15px;
    left: 22px;
}

.app_banner{
    position: absolute;
    width: 160px;
    height: 65px;
    top: 16px;
    left:96px;
}

#mobileenterance .android, #mobileenterance_no_bg .android {
    bottom: 20px;
    color: #6ccfaf;
    border: 1px solid #6ccfaf;
}

#mobileenterance .android:hover, #mobileenterance_no_bg .android:hover {
    background-color: #6ccfaf;
    color: #fff;
}

#mobileenterance .ios, #mobileenterance_no_bg .ios {
    top: 20px;
    color: #8c989f;
    border: 1px solid #8c989f;
}

#mobileenterance .ios:hover, #mobileenterance_no_bg .ios:hover {
    background-color: #8c989f;
    color: #fff;
}

.amap-panctrl {
    z-index: -10;
    width: 100%;
    position: absolute;
    height: 24px;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    text-align: center;
    background: url("404.png") center center no-repeat;
    display: none;
}
.amap-search-panctrl {
    background-color: #fff;
    padding: 12px 10px 5px 10px;
    z-index: -10;
    width: 340px;
    position: absolute;
    height: 24px;
    left: 0;
    overflow: hidden;
    display: none;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 1px 2px 1px rgba(0,0,0,.1);
    text-align: center;
    color: #0f89f5;
}
.amap-panctrl-down {
    bottom: -20px;
}

.amap-panctrl-up {
    bottom: -20px;
}

.amap-panctrl .fa {
    padding : 2px 40px;
}

.amap-panctrl .fa:hover {
    color: #0091ff;
}

#citybox {
    position: absolute;
    top: 15px;
    left: 395px;
    /* padding: 6px 6px 5px; */
    z-index: 1100;
    background: #fff;
    /* border-radius: 3px; */
    box-shadow: 0px 2px 2px rgba(0,0,0,.15); 
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: #5f6477;
}

#citybox .city-title {
        /* float: left; */
    display: inline-block;
    padding: 14px 8px;
    background: #fff;
    cursor: pointer;
    display: inline-block;
    min-width: 36px;
    height: 17px;
    /* border-radius: 3px; */
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    /*box-shadow: 0px 2px 2px rgba(0,0,0,.15);*/
}
#citybox .city-title .iconfont{
    font-size: 12px;
    display: inline-block;
}

#citybox .city-title:hover, #citybox .city-title.active {
    color: #0091ff;
}

#citybox .city-title.active .iconfont {
    -webkit-transform : rotate(-180deg);
    -moz-transform : rotate(-180deg);
    -ms-transform : rotate(-180deg);
    transform : rotate(-180deg);
}

#citybox .city-panel {
    z-index: 1999;
    top: 48px;
    left: 0
}

#layerbox .city-panel {
    display: none;
    z-index: 1999;
    top: 38px;
    right: -6px
}

#citybox .weather-box {
        /* float: left; */
    display: inline-block;
    text-align: center;
    background: #fff;
    height: 45px;
    position: absolute;
    z-index: -1;
    top: 0;
    /* right: -47px; */
    /* left: -1px; */
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,.15);
}

#citybox .weather-item {
    display: inline-block;
    vertical-align: middle;
}

#citybox .weather-info {
    padding: 6px 8px 0 10px;
    margin-top: -1px;
    display: none;
    white-space: nowrap;
}

#citybox .weather-info img.fa-spin{
    margin:10px 0;
}

#citybox .air-quality {
    font-size: 13px;
    cursor: pointer;
    padding-right: 5px;
    margin-left: 3px;
}
#citybox .air-quality:hover{
    opacity: 0.6;
}
#citybox .air-quality.active{
    color: #009cf9;
}
#citybox .air-quality .icon-wumai{
    font-size: 24px;
    vertical-align: middle;
    padding-left: 10px;
    border-left: 1px dashed #000;
}

#exitFullscreen {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0 14px;
    line-height: 46px;
    height: 46px;
    color: #565656;
    font-size: 13px;
    z-index: 1100;
    background: #fff;
    border-radius: 3px;;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
    cursor: pointer;
    display: none;
}
#exitFullscreen:hover{
    color: rgba(109, 120, 145, 0.6);
}
.lushu_ctrl{
    position: absolute;
    top: 15px;
    right:90px;
    display: none;
}
.lushu_fb_qa{
    background: #fff;
    /*padding:9px 14px;*/
    border-radius: 3px;
    float: left;
    margin-right: 12px;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}
.lushu_fb_qa a{
    display: block;
    float: left;
    height: 46px;
    width: 46px;
    color: #5f6477;
    font-size: 13px;
    text-align: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.lushu_fb_qa a.lushu_fb{
    background-image: url(../image/icon_feedback.png);
}
.lushu_fb_qa a.lushu_qa{
    background-image: url(../image/icon_help.png);
}
.lushu_fb_qa a.lushu_intro{
    background-image: url(../image/icon_intro.png);
    background-size: 45%;
}
.lushu_fb_qa a span{
    display: inline-block;
    height: 28px;
    width: 46px;
    border-right:1px #d5dce0 dashed;
    line-height: 28px;
    margin-top: 9px;
    text-indent: -999px;
    overflow: hidden;
}
.lushu_fb_qa a:last-child{
    margin-left: 1px;
}
.lushu_fb_qa a:last-child span{
    border:0;
}
.lushu_fb_qa a:hover{
    text-decoration: none;
    background: #f8f8f8;
}
.lushu_fb_qa a:hover span{
    text-indent: 0px;
}

.exitLushu{
    float: left;
    height: 46px;
    line-height: 46px;
    padding: 0 14px;
    border-radius: 3px;
    cursor: pointer;
    background: #fff;
    color: #5f6477;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}
.exitLushu span{
    display: inline-block;
    float: left;
    height: 46px;
    line-height: 46px;
}
.exitLushu span .iconfont{
    font-size: 20px;
    margin-right: 6px;
}

.loc_icon{
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    background-color: #0f89f5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 2px 2px 2px rgba(0,0,0,.15);
}

.ripple {
    position: relative;
    width: 40px;
    height: 40px;
}
.ripple i{
    position: absolute;
    top : 50%;
    left : 50%;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
}


#amap-result-banner {
    margin: 0px auto 0;
}

#amap-result-banner #mobileenterance {
    width: 315px;
    border: 1px solid #f4f5f6;
}

#amap-result-banner .active-banner img {
    height: 97px;
    width: 100%;
}

#amap-panels > div {
    display : none;
    position: relative;
    background: #fff;
    width: 100%;
}

#amap-links {
    z-index: 1002;
    width: 345px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #f4f4f4;
}

#amap-links > a{
    color: #999;
    display: inline-block;
    padding: 6px;
}

#nav {
    position: absolute;    
    width: 55px;
    background-color: #f4f5f6;
    overflow: hidden;
    height: 100%;
    z-index: 9999;
}

#nav li {
    position: relative;
    box-sizing : border-box;
    width: 55px;
    height: 55px;
    padding-top: 7px;
    text-align: center;
    cursor: pointer;
}

#nav li .fa{
    font-size: 20px;
    color: #b1b2b3;
    display: block;
}

#nav li .nav-txt{
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    color: #737475;
}

#nav li:hover,  #nav li.active{
    background-color: #fff;
}

#nav li:hover .fa, #nav li.active .fa {
    color: #1b8cfb;
}

#nav li:hover .nav-txt, #nav li.active .nav-txt {
    color: #1b8cfb;
}

#nav .dirico {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin : 0 18.5px;
    background: url(../image/dir.png) center center no-repeat;
}

#nav .active .dirico, #nav li:hover .dirico {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin : 0 18.5px;
    background: url(../image/dir-active.png) center center no-repeat;
}

#nav .starico {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin : 0 17px;
    background: url(../image/favstar.png) no-repeat;
    background-position: 0 0;
    overflow: hidden;
}

#nav .active .starico, #nav li:hover .starico {
    background-position: -21px 0;
}

body .is-dragging {
    z-index: 199999;
}

.boxpanel{
    padding:12px;
    display: none;
}
.boxpanel .panel_header{
    height: 30px;
}
.boxpanel .panel_body{
    margin-top: 10px;
}
.boxpanel .panel_header .panel_tab{
    float: left;
    height: 28px;
    line-height: 28px;
    border:1px #0f89f5 solid;
    border-radius: 2px;
}
.boxpanel .panel_header .panel_tab li{
    float: left;
    padding:0 10px;
    color: #0f89f5;
    font-size: 14px;
    cursor: pointer;
}
.boxpanel .panel_header .panel_tab li.active{
    background: #0f89f5;
    color: #FFF;
}
.boxpanel .panel_header .traffic_tag{
    float: right;
    line-height: 30px;
}
.boxpanel .panel_header .traffic_tag span{
    float: left;
    font-size: 14px;
}



#layerbox1{
    float: right;
    width: 90px;
    background:#FFF;
    border-radius: 2px;
    position: relative;
}
#layerbox1 .layer_item1{
    line-height: 30px;
    text-align: right;
    padding:0 2px;
    cursor: pointer;
    width: 90px;
    background: #FFF url("../image/tools_layer_new.png") no-repeat;
    position: absolute;
}
#layerbox1 .layer_item1 span{
    padding-right: 10px;
}
#layerbox1 .layer_item1 .roadnet{
    display: none;
    border-top:1px #e5e5e5 solid;
    background: url("../image/tools_layer_new.png") #fff no-repeat 7px -280px;
}
#layerbox1 .layer_item1 .roadnet.select{
    background-position: 7px -305px;
}
#layerbox1 .layer_item1 .layer_mask{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#000;
    opacity: 0.2;
}
#layerbox1 .layer_item1.two_d{
    background-position: 2px -220px;
}
#layerbox1 .layer_item1.three_d{
    background-position: 2px -249px;
}
#layerbox1 .layer_item1.up{
    z-index: 3;
}
#layerbox1 .layer_item1.down{
    z-index: 2;
}
#toolbox{
  position: absolute;
  bottom: 10px;
  right: 100px;
  z-index: 1999;
  background: #fff;
  border-radius: 2px;
  height: 30px;
}
.ranging .icon{
    background-position: 11px 2px;
}
.ranging.active .icon{
    background-position: 11px -121px;
}
.mark .icon{
    background-position: 10px -22px;
}
.screenshot .icon{
    background-position: 11px -46px;
}

#layerbox .fullscreen.notfull .icon{
    border: 0;
    background-position: 2px -282px;
}
#layerbox .fullscreen.full .icon{
    border: 0;
    background-position: 0px -320px;
}


.flipY {
    -webkit-transform : rotateY(180deg);
    transform : rotateY(180deg);
}

.flyme {
    position: absolute;
    z-index: 100000;
    font-size: 18px;
    color: #4787ed;
}

.loc_edit{
    color: #3a84df;
}

#layerbox .hide-list .item.smog {
    display: none;
}

#loginTip  .jBox-pointer-bottom:after{
    bottom: 8px;
    left: 10px;
}

#loginTip.login-tip-hide{
    display: none!important;
}
.recommend_entry{
    display: none;
    position: absolute;
    width: 230px;
    height: 252px;
    background: #4a90e2 url("../image/lushu_entry.png");
    background-size: 230px 252px;
    right: 0;
    top: 58px;
    border-radius: 3px;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
    cursor: pointer;
}
.recom_close{
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    right: 8px;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
.recommend_entry:before{
    content: "";
    position: absolute;
    top: -4px;
    right: 18px;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #4a90e2;
    border-top: 0;
}

.amap-scalecontrol.scalecontrol_theme{
    color: #fff;
}
.fav_marker_outer{
    /*display: none;*/
    position: absolute;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    z-index: -10;
}