body {
    margin: 0;
    font-family: "microsoft yahei", arial, tahoma, helvetica, sans-serif
}

#app, body, html {
    overflow: hidden;
    width: 100%;
    height: 100%
}

#app {
    position: relative
}

#map {
    width: 100%;
    height: 100%
}

.left-tool {
    position: absolute;
    top: 35px;
    left: 5px;
    z-index: 1005;
    overflow: hidden;
    width: 320px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 2px 5px 5px rgba(0, 0, 0, .3);
    -webkit-transition: .3s;
    transition: .3s;
    height: 94%;
}

.header-box {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
    background: #fff
}

header {
    position: relative;
    z-index: 1;
    padding: 10px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.header-logo {
    float: left;
    margin-top: 5px;
    margin-left: 18px;
    width: 125px;
    height: 24px;
    background: url(../images/indexImg.png) -669px 0 no-repeat
}

.clearfix:after, .clearfix:before {
    clear: both;
    display: table;
    content: ""
}

#menu_display {
    float: right;
    margin-top: 8px;
    margin-right: 10px;
    width: 19px;
    height: 15px;
    border: 0;
    background: url(../images/indexImg.png) -324px 0 no-repeat;
    cursor: pointer
}

#menu_display:hover {
    background-position: -834px 0
}

.left-down {
    position: relative;
    display: none
}

.map-btn-top {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999;
    background: #fff;
    padding: 2px 0;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    font-size: 14px
}

.map-btn-top .map-btn-common {
    padding: 0 15px 0 15px;
    background: #fff;
    float: left;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    color: #bdbdbd;
    position: relative
}

.map-btn-top .map-btn-common:hover {
    color: #5193e8
}

.map-btn-top .to-index i {
    width: 14px;
    height: 13px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    background: url(../images/indexImg.png) -866px 0 no-repeat
}

.map-btn-top .to-index:hover i {
    background: url(../images/indexImg.png) -893px 0 no-repeat
}

.map-btn-top .to-old i {
    width: 13px;
    height: 13px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
    background: url(../images/indexImg.png) -853px 0 no-repeat
}

.map-btn-top .to-old:hover i {
    background: url(../images/indexImg.png) -880px 0 no-repeat
}

.map-btn-top .to-en i {
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
    background: url(../images/service/service.png) -9px -23px no-repeat
}

.map-btn-top .to-en:hover i {
    background: url(../images/service/service.png) -27px -23px no-repeat
}

.map-btn-top .map-btn-common:not(:last-child):after {
    height: 12px;
    width: 1px;
    background: #bdbdbd;
    content: "";
    position: absolute;
    right: 0;
    top: 5px
}

.map-btn-bottom {
    position: absolute;
    right: 80px;
    bottom: 12px;
    z-index: 999;
    background: #fff;
    padding: 2px 0;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    font-size: 14px
}

.map-btn-bottom .map-btn-common {
    padding: 0 15px 0 15px;
    background: #fff;
    float: left;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    color: #bdbdbd;
    position: relative
}

.map-btn-bottom .map-btn-common:hover {
    color: #5193e8
}

.map-btn-bottom .to-index i {
    width: 14px;
    height: 13px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    background: url(../images/indexImg.png) -866px 0 no-repeat
}

.map-btn-bottom .to-index:hover i {
    background: url(../images/indexImg.png) -893px 0 no-repeat
}

.map-btn-bottom .to-old i {
    width: 13px;
    height: 13px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
    background: url(../images/indexImg.png) -853px 0 no-repeat
}

.map-btn-bottom .to-old:hover i {
    background: url(../images/indexImg.png) -880px 0 no-repeat
}

.map-btn-bottom .to-en i {
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
    background: url(../images/service/service.png) -9px -23px no-repeat
}

.map-btn-bottom .to-en:hover i {
    background: url(../images/service/service.png) -27px -23px no-repeat
}

.map-btn-bottom .map-btn-common:not(:last-child):after {
    height: 12px;
    width: 1px;
    background: #bdbdbd;
    content: "";
    position: absolute;
    right: 0;
    top: 5px
}

.floattool {
    width: 38px;
    /*height: 155px;*/
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin-top: -82px;
    background: white;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .3);
    z-index: 999
}

.floattool > div {
    width: 38px;
    height: 38px;
    font-size: 12px;
    line-height: 38px;
    text-align: center;
    cursor: pointer
}

.floattool div.v_separator {
    width: 20px;
    height: 1px;
    border-bottom: 1px solid #ccc;
    margin: 0 9px
}

.floattool .icon {
    width: 22px;
    height: 22px;
    float: left;
    margin: 8px
}

.floattool .layer_nav .icon {
    background: url(../images/indexImg.png) -495px 0 no-repeat
}

.floattool .table_nav .icon {
    background: url(../images/indexImg.png) -517px 0 no-repeat
}

.floattool .jsp_nav .icon {
    background: url(../images/indexImg.png) -266px 0 no-repeat
}

.floattool .graphic_nav .icon {
    background: url(../images/indexImg.png) -473px 0 no-repeat
}

.floattool .time_nav .icon {
    background: url(../images/indexImg.png) -451px 0 no-repeat
}

.float-tool-title {
    background: #000;
    width: 50px;
    height: 25px;
    position: absolute;
    display: none;
    color: white;
    font-size: 11px;
    border-radius: 3px;
    z-index: 1010
}

.float-tool-title .title {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 25px
}

.float-tool-title .right-arrow {
    width: 0;
    height: 0;
    left: 50px;
    top: 8px;
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}

.float-tool-title .up-arrow {
    width: 0;
    height: 0;
    left: 20px;
    top: -5px;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000
}

.layer-items img {
    width: 74px;
    height: 54px
}

.layer-arguments span:first-child {
    float: left;
    display: block
}

.layer-arguments .uncheck, .layer-arguments .check {
    float: right;
    display: block;
    margin-top: 12px;
    width: 14px;
    height: 14px
}

.layer-arguments .uncheck {
    background: url(../images/indexImg.png) -90px 0 no-repeat
}

.layer-arguments .check {
    background: url(../images/indexImg.png) -104px 0 no-repeat
}

.layer-pop {
    position: absolute;
    z-index: 999;
    right: 0px;
    bottom: 45px;
    background: #fff;
    border-radius: 3px;
    width: 251px;
    font-size: 13px
}

.layer-pop .layer-items {
    padding-top: 13px
}

.layer-pop .layer-items a {
    width: 72px;
    float: left;
    text-align: center;
    line-height: 20px;
    color: #333
}

.layer-pop .layer-items a img {
    border: 2px solid transparent;
    border-radius: 3px
}

.layer-pop .layer-arguments {
    margin-top: 4px;
    height: 36px;
    line-height: 36px;
    border-top: 1px solid #eee
}

.layer-pop a.active {
    color: #337fe5
}

.layer-pop a.active img {
    border: 2px solid #337fe5
}

.main_table, .main_graphic {
    display: none
}

.dlbtips, .noDataTips {
    position: absolute;
    left: 50%;
    top: 27px;
    height: 30px;
    line-height: 30px;
    margin-left: -105px;
    opacity: .7;
    background: #151516;
    font-size: 15px;
    z-index: 999;
}

.dlbtips .tabtop_rt, .noDataTips .tabtop_rt {
    float: left;
    margin-left: 10px
}

.add_service {
    color: #bdbdbd;
    position: absolute;
    right: 270px;
    top: 20px;
    background: white;
    border-radius: 2px;
    padding: 4px 10px;
    font-size: 14px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 999
}

.add_service:hover {
    color: #3f88e7
}

.add_service .add_icon {
    display: inline-block;
    margin-right: 5px;
    width: 14px;
    height: 12px;
    background: url(../images/service/service.png) -100px -5px no-repeat
}

.service_dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    min-width: 400px;
    height: 330px;
    margin-left: -300px;
    margin-top: -165px;
    background: white;
    z-index: 99999999;
    font-size: 15px;
    box-shadow: 0 3px 3px 0 rgba(10, 2, 4, 0.2);
    border-radius: 2px
}

#service_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 9999999;
    left: 0;
    top: 0;
    display: none;
    text-align: center
}

.service_url input {
    width: 419px;
    margin-left: 10px;
    font-size: 14px;
    padding: 7px 10px;
    border: 1px solid #eee
}

.service_operator {
    margin-top: 80px
}

.service_operator span {
    border-radius: 2px;
    padding: 2px 20px;
    cursor: pointer
}

#service_ok {
    margin-left: 210px;
    background: #5193e8;
    color: #fff;
    border: 1px solid #5193e8
}

#service_cancel {
    margin-left: 20px;
    border: 1px solid grey
}

#service_cancel:hover {
    background: #5193e8;
    color: #fff;
    border: 1px solid #5193e8
}

#popup_container {
    width: 30%;
    background: #fff;
    position: absolute;
    z-index: 99999999;
    left: 50%;
    top: 50%;
    box-shadow: 0 3px 3px 0 rgba(10, 2, 4, 0.2)
}

#popup_title {
    width: 100%;
    text-align: center;
    margin-top: 28px;
    color: #575757;
    font-size: 24px
}

#popup_content {
    width: 100%;
    margin-top: 30px
}

#popup_message {
    font-size: 13px;
    text-align: left;
    margin-right: 13px;
    margin-left: 13px;
    line-height: 22px;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all
}

#popup_panel {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 40px
}

#popup_ok {
    height: 35px;
    background: #5193e8;
    color: white;
    width: 80px;
    font-size: 14px;
    border: 1px solid #5193e8;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    margin: 0
}

.service_dialog .content .service_type {
    margin-top: 28px
}

.service_dialog .content .service_url {
    margin-top: 40px
}

.service_dialog .service_close, #popup_container .popup_close {
    padding: 0;
    float: right;
    width: 12px;
    height: 12px;
    background: url(../images/service/service.png) -8px -5px no-repeat;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer
}

.service_dialog .service_close:hover, #popup_container .popup_close:hover {
    background: url(../images/service/service.png) -25px -5px no-repeat
}

.service_dialog .service_header {
    text-align: center;
    margin-top: 28px;
    font-size: 20px;
    color: #4c4c4c
}

.service_type .type_span, .service_url .url_span {
    margin-top: 8px
}

.service_type .type_span, .service_url .url_span {
    float: left;
    padding: 0;
    margin-left: 42px;
    font-size: 14px;
    color: #565656
}

.service_type .service {
    left: 101px;
    position: absolute;
    border: 1px solid #eee;
    margin-left: 37px;
    cursor: pointer;
    background: white
}

.service_type .service:hover {
    border: 1px solid #5193e8
}

.service_type .service .service_name {
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 8px;
    margin-left: 16px;
    font-size: 14px;
    color: gray
}

.service_type .service .down {
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(../images/service/service.png) -42px -5px no-repeat;
    cursor: pointer;
    margin-left: 25px;
    margin-right: 5px
}

.service #service_type {
    display: none
}

.service #service_type li {
    padding-top: 7px;
    padding-bottom: 8px;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 14px;
    color: gray;
    border-top: 1px solid #eee
}

.service #service_type li:hover {
    color: #5193e8
}

.service_dialog .content {
    position: relative
}

.service_dialog .content .validate_info, .service_dialog .content .service_loading {
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    display: none
}

.validate_info .alert_icon {
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-top: 2px;
    background: url(../images/service/service.png) -116px -2px no-repeat;
    float: left;
    margin-left: 37%
}

.validate_info .alert_text, .service_loading span {
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #fc0000;
    margin-left: 8px
}

.service_loading img {
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 37%;
    margin-top: 3px
}

.service_loading span {
    color: #b8b8b8
}

#app {
    font-family: "microsoft yahei, \5B8B\4F53, arial, sans-serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

#app, body, html {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.header-logo {
    margin-left: 2px;
    width: 238px;
    height: 60px;
    background: url(../images/headlogo2.png) no-repeat;
}


#navbar {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 12;
    position: absolute;
    transition: .3s;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, .25);*/
    border-collapse: separate;
    height: 63px;

}


.navbarShow {
    top: 0;
}

#search {
    float: left;
}

.need-login,.had-login{
	margin:0 3px !important;
}

#search[data-v-08169ecd] {
    height: 30px;
    line-height: 30px;
    padding-top: 20px;
    /* margin-top: 13px; */
    margin-left: 20px;
    float: left;
}

#search .search_content[data-v-08169ecd] {
    position: relative;
    border: 1px solid #b8b8b8;
}

#search .search_content input[data-v-08169ecd] {
    width: 230px;
    outline: none;
    border: none;
    margin-left: 10px;
    margin-right: 22px;
    height: 25px;
    margin-bottom: 0px;
    box-shadow: none;
    webkit-box-shadow: none;
}


#search .search_btn[data-v-08169ecd], #search .search_content[data-v-08169ecd], #search[data-v-08169ecd] {
    float: left;
}


#search .search_btn i[data-v-08169ecd] {
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-image: url(../images/btns.png);
    background-repeat: no-repeat;
    background-position: -2px -327px;
    margin-left: 12px;
    margin-top: 8px;
    float: left;
}



#search .clear_keyword[data-v-08169ecd] {
    background: url(../images/btns.png);
    background-repeat: no-repeat;
    background-position: -426px -28px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 9px;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    /*color: -internal-light-dark-color(black, white);*/
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    /*background-color: -internal-light-dark-color(white, black);*/
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

#search .search_btn[data-v-08169ecd] {
    height: 30px;
    border: 1px solid #b8b8b8;
    border-left: 0;
    width: 40px;
    cursor: pointer;
}

div {
    display: block;
}

.categoryBox[data-v-a3ca283a] {
    padding: 0;
    margin-top: 13px;
    height: 34px;
    position: absolute;
    width: 500px;
    background: #fff;
    left: 0;
}

ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#category {
    float: left;
    font-size: 13px;
    position: relative;
    color: #333;
    width: 200px;
    /* height: 100%; */
    height: 64px;
}

#category a {
    color: #000;
    float: left;
    text-decoration: none;
    height: 34px;
}

#category .t-item {
    padding-left: 5px;
    position: relative;
    float: left;
    padding-right: 0;
}

.tool-box {
    position: relative;
}

.tool-text {
    font-size: 13px;
    font-style: normal;
    color: #333;
    font-family: "microsoft yahei, \5B8B\4F53, arial, sans-serif";
}

.t-item {
    padding: 0 15px;
    position: relative;
    float: left;
}

.tool-container {
    z-index: 10;
    position: absolute;
    top: 80px;
    right: 20px;
    background: #fff;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .15)
}

.t-item {
    padding: 0 15px;
    position: relative;
    float: left
}

.t-item > a {
    overflow: hidden;
    display: block
}

.t-item:not(:last-child):after {
    content: "";
    display: block;
    visibility: visible;
    width: 1px;
    height: 21px;
    background: #eee;
    position: absolute;
    top: 7px;
    right: -1px
}

item > .active .tool-text {
    color: #2f87eb;
}

.tool-icon {
    float: left;
    margin-right: 2px;
    margin-top: 2px
}

.tool-box-icon {
    width: 15px;
    background-position: -84px 0;
}

#toolBtn2 .tool-box-icon {
    width: 15px;
    background-position: -274px -28px;
}

#toolBtn2:hover .tool-box-icon{
	background-position: -298px -28px;
}
/**高级检索图标*/
/*#advanceSearchBtn .tool-box-icon {
    width: 15px;
    background-position: -587px -188px;
}
#advanceSearchBtn:hover .tool-box-icon{
	background-position: -168px -213px;
}
*/
#advanceSearchBtn  .tool-box-icon{
    display: inline-block;
    background-image: url(./images/advance.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
#advanceSearchBtn:hover .tool-box-icon{
    background-image: url(./images/advance_blue.png);
}
#draw_line .tool-box-icon,#draw_input_line .tool-box-icon{
    display: inline-block;
    background-image: url(./images/line.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
#draw_line:hover .tool-box-icon,#draw_input_line:hover .tool-box-icon{
    background-image: url(./images/line_blue.png);
}
#draw_circle .tool-box-icon,#draw_input_circle .tool-box-icon{
    display: inline-block;
    background-image: url(./images/circle.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
#draw_circle:hover .tool-box-icon,#draw_input_circle:hover .tool-box-icon{
    background-image: url(./images/circle_blue.png);
}

#draw_rectangle .tool-box-icon{
      display: inline-block;
      background-image: url(./images/rectangle.png);
      background-repeat: no-repeat;
      background-position: 0px 0px;
      width: 16px;
      height: 16px;
}
#draw_rectangle:hover .tool-box-icon{
    background-image: url(./images/rectangle_plue.png);
}
#draw_polygon .tool-box-icon{
    display: inline-block;
    background-image: url(./images/polygon.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
#draw_polygon:hover .tool-box-icon{
    background-image: url(./images/polygon_plue.png);
}
#search_result .tool-box-icon{
    display: inline-block;
    background-image: url(./images/result.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
#search_result:hover .tool-box-icon{
    background-image: url(./images/result_blue.png);
}
#draw_clear .tool-box-icon{
    display: inline-block;
    background-image: url(./images/clear.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
#draw_clear:hover .tool-box-icon{
    background-image: url(./images/clear_blue.png);
}


.categoryBox li {
    height: 34px;
    line-height: 34px;
    margin-right: 20px;
    display: inline-block;
}

.tool-container-triangle {
    margin-left: 5px;
    float: left;
    margin-top: 5px;

}


.triangle {
    width: 11px;
    height: 6px;
    background-image: url(../images/btns.png);
    background-repeat: no-repeat;
    background-position: -339px -222px;
    transition: .3s;
    transform: rotate(0deg);
}

.triangleSelect {
    width: 11px;
    height: 6px;
    background-image: url(../images/btns.png);
    background-repeat: no-repeat;
    background-position: -339px -222px;
    transition: .3s;
    transform: rotate(180deg);
}

#category a {
    color: #000;
    float: left;
    text-decoration: none;
    height: 20px;
}

a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    /* text-decoration: underline; */
    text-decoration: none;
}
.draw-polygon {
    display: inline-block;
    background-image: url(../images/drawPolygon.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
    margin-left: 15px;
    margin-top: 5px;
}
.com-icon {
    display: inline-block;
    background-image: url(../images/btns.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
}

.tool-ul2{
	position: absolute;
    width: 120px;
    background: #fff;
    top: 28px;
    left: 3px;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
    z-index: 9999;
}

.tool-ul {
    position: absolute;
    width: 115px;
    background: #fff;
    top: 28px;
    left: 90px;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
    z-index: 9999;
}

.tool-li {
    width: 100%;
    display: block;
}

.tool-li, .tool-ul {
    padding: 0;
    margin: 0;
}

.tool-item {
    overflow: hidden;
    display: block;
    width: 115px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.tool-item-box {
    position: relative;
    width: 90px;
}

.toolcm {
    background-position: -324px 0
}

.tool-item:hover .toolcm {
    background-position: -463px 0
}

.toolcl {
    background-position: -295px 0
}

.tool-item:hover .toolcl {
    background-position: -434px 0
}

.toolbd {
    background-position: -41px -25px
}

.tool-item:hover .toolbd {
    background-position: -115px -25px
}

.toolbx {
    background-position: -65px -26px
}
.tool-circel{
    background-position: -238px -328px;
}
.tool-item:hover .toolbx {
    background-position: -139px -26px
}

.toolbm {
    background-position: -91px -26px
}

.tool-item:hover .toolbm {
    background-position: -165px -26px
}
.tool-item:hover .toolbm-input {
    background-image: url(../images/drawPolygonBlue.png);
}

.tool-item .tool-text {
    margin-left: 2px;
    line-height: 40px;
    height: 40px;
}

.tool-item .com-icon {
    margin-left: 15px;
    margin-top: 5px;
}

.tool-item:hover .tool-text {
    color: #2f87eb;
}

.t-item > .active, .t-item > .active .tool-text:hover {
    color: #2f87eb;
}

.tool-content:hover .tool-box-icon {
    transition: 0s;
    background-position: -414px -332px
}

#side_bar {
    position: absolute;
    width: 327px;
    /*top: 61px;*/
    top: -2px;
    left: -327px;
    background: #fff;
    border-right: 1px solid #aaa;
    transition: left .5s ease;
    z-index: 6;
    box-shadow: 1px 0 5px rgba(0,0,0,.5);
    border-collapse: separate;

}

.side_to_left,.side_to_right {
    background-image: url(../images/btns.png);
    width: 5px;
    height: 9px;
    display: block;
    margin-top: 14px;
    margin-left: 7px
}

.side_to_left {
    background-position: -217px -216px
}

.side_bar_stretch {
    position: absolute;
    width: 20px;
    height: 35px;
    background: hsla(0,0%,100%,.6);
    top: 0px;
    right: -22px;
    border: 1px solid #aaa;
    border-left: none;
    cursor: pointer;
    display: block;
    transition: .2s
}

#top_bar {
    position: absolute;
    width: 327px;
    left: 390px;
    background: #fff;
    border-right: 1px solid #aaa;
    transition: left .5s ease;
    z-index: 6;
    box-shadow: 1px 0 5px rgba(0,0,0,.5);
    border-collapse: separate;

}

.side_to_top {
    background-position: -217px -216px;
    -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
}

.side_to_down {
    background-position: -232px -216px;
    -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
}

.side_to_right {
    background-position: -232px -216px
}

.side_to_top,.side_to_down{
    background-image: url(../images/btns.png);
    width: 5px;
    height: 9px;
    display: block;
    margin-top: 13px;
    margin-left: 7px
}

.top_bar_stretch {
    position: absolute;
    width: 40px;
    height: 20px;
    background: hsla(0,0%,100%,.6);
    top: 0px;
    left: 365px;
    border: 1px solid #aaa;
    border-top: none;
    cursor: pointer;
    display: block;
    transition: .2s
}

.down_bar_stretch {
    position: absolute;
    width: 20px;
    height: 35px;
    background: hsla(0,0%,100%,.6);
    top: 0px;
    left:350px;
    border: 1px solid #aaa;
    /* border-top: none; */
    cursor: pointer;
    display: block;
    transition: .2s
}


.collect_panel {
    height: 100%;
    width: 100%;
}

#side_bar.show {
    left: 0
}

#side_bar .close {
    float: right;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 16px;
    background-image: url(../images/btns.png);
    background-repeat: no-repeat;
    background-position: -375px -27px;
    cursor: pointer
}

.floatbottom  {
    width: 120px;
    height: 120px;
    position: absolute;
    right: 10px;
    bottom: 30px;
    background: white;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .3);
    z-index: 999;
    -moz-border-radius:4px;/*8px是圆角的角度，值越大则圆角效果越明显，如果修改此项，请修改以下两项的值，使之相同*/
    -webkit-border-radius:4px;
    -moz-opacity:0.7;
    opacity: 0.7;
}

.floatbottom ul{
	width: 100%;
    margin: 0px;
}
.floatbottom ul>li{
	width: 100%;
    height: 25px;
    line-height: 15px;
    text-align: left;
}

.layui-layer-btn .layui-layer-btn1 {
    border-color: #2368A0;
    color: #fff;
    background-color: #2368A0;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #4898d5;
    background-color: #2e8ded;
    color: #fff;
}

.common-panel-title{
	border-bottom: 0px !important;
    margin-top: 10px !important;
}
/* 专题图层和钻孔数据类型从左侧表格中移动到地图的浮动工具栏中 这里是样式声明  start */
.layer-pop .layer-arguments,.layer-pop .layer-professional{
    border-bottom: 1px solid #eee;
}
.layer-pop .layer-professional, 
.layer-pop .layer-data-type{
	margin-top: 4px;
    line-height: 36px;
    border-top: 1px solid #eee;
}
.layer-professional .professional-name,
.layer-data-type .data-type-name{
    float: left;
    display: block;
}
.layer-professional .uncheck, 
.layer-professional .check,
.layer-data-type .uncheck,
.layer-data-type .check {
    float: right;
    display: block;
    margin-top: 12px;
    width: 14px;
    height: 14px;
}
.layer-professional .check,
.layer-data-type .check {
    background: url(../images/indexImg.png) -104px 0 no-repeat;
}
.layer-professional .uncheck,
.layer-data-type .uncheck {
    background: url(../images/indexImg.png) -90px 0 no-repeat;
}
/* 专题图层和钻孔数据类型从左侧表格中移动到地图的浮动工具栏中 这里是样式声明  end */

#nav_box2{
	display:none;
	height: 64px !important;
    /* margin-top: 64px !important; */
    margin-right: 20px !important;
    width: 150px !important;
}
#nav_box2>ul{
	width: 100% !important;
    height: 280px !important;
    background: #fff !important;
    text-align: center !important;
    border-radius: 5px !important;
    margin: 0px !important;
}
#nav_box2 .header-menu > li {
    margin: 0 0px 20px 0px !important;
    width: inherit !important;
}
.header-menu-box{
	width: 100%;
    height: 40px;
    text-align: center;
    padding-top: 24px;
}
.header-menu-box .line{
	display: block;
    width: 30px;
    height: 2px;
    background: #1f529e;
    margin-bottom: 5px;
    position: relative;
    -webkit-border-radius: 5px;
    margin-left: 60px;
}