body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}


    body > div {
        margin: 0;
        box-sizing: border-box;
    }

#main_xcl {
    border-bottom: 0px solid;
    height: 84px;
    background-image: url(/Content/Upload/websiteimg/jiandang.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: none;
}

#mapControl {
    position: absolute;
    top: 5px;
    width: 100%;
    bottom: 0px;
    touch-action: none;
}

#mapDiv {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}

#main_top {
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    height: 0px;
    top: 1px;
}

#main_tool {
    min-width: 375px;
    position: absolute;
    right: 0px;
    height: 100%;
}

@media all and (max-width:1024px) and (min-width:300px) {
    #main_tool {
        width: 375px;
    }
}

#maincontent {
    display: none;
}

#main_top {
    z-index: 999;
    position: relative;
    overflow: hidden;
    background-size: cover;
}

#main_map {
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: auto;
    overflow: hidden;
    left: 0px;
}

    #main_map image {
        cursor: pointer;
    }


#main_tool {
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    overflow: auto;
}

/* .topControl {
     width: 100%;
    height: 23px;
    line-height: 25px; 
    padding: 5px 0;
    background: #f7f6f6;
    border-right: none;
    float: left;
    overflow: hidden;
    display: flex;
    border-bottom: 1px solid #ccc;
} */

@media (max-width:1300px) {
    #top_left {
        height: 100%;
        float: left;
        position: absolute;
        left: 0px;
        width: 90% !important;
        padding-right: 420px;
        padding-left: 15px;
        box-sizing: border-box;
    }
	
	
 #top_left.top_left_84 {
        width: 84%!important;
    }

        #top_left img {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            display: block;
            width: 100%;
            object-fit: scale-down;
        }
}

#top_left {
    height: 100%;
    float: left;
    position: absolute;
    left: 0px;
}

    #top_left.left_only {
        padding-right: 5px;
    }

    #top_left.left_hasQr {
        padding-right: 150px;
    }

    #top_left .left_hasQr_img {
        position: absolute;
        right: 6px;
        width: 140px;
    }

.qr_img_fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 2222222222;
    width: 100%;
    height: 100%;
}

    .qr_img_fixed > div {
        width: 80%;
        max-width: 400px;
        margin: 0 auto;
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.qr_big_close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
}

.qr_img_fixed img {
    display: block;
    width: 100%;
    max-height: 100%;
}


#top_left img {
    border: none;
    text-align: center;
    max-width: max-content;
}

#top_center {
    height: 100%;
    float: left;
    text-align: right;
    position: absolute;
    min-width: 100px;
	margin-right: 5px;
}

#top_right {
    height: 100%;
    float: right;
    position: absolute;
    right: 0px;
}

#top_left img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 90%;
}

/*地图功能栏*/

#cityinfo {
    position: absolute;
    display: none;
    width: 320px;
    background-color: white;
    border: solid 1px #cdcdcd;
    text-align: left;
    z-index: 9998;
    top: 58px;
    right: 30px;
    padding-bottom: 7px;
}

#city_name {
    width: 71px;
    height: 24px;
    margin: 8px 5px 0px 5px;
    cursor: pointer;
}

#city_name1 a:hover {
    color: #ff6f00;
}

.xred {
    color: #ff6f00;
}

#city_name img {
    cursor: pointer;
}

#city_name a {
    margin-right: 8px;
    text-align: center;
    padding: 2px 0 2px 15px;
    min-width: 36px;
    line-height: 17px;
    float: left;
    display: block;
}

#city_name1 {
    margin: 5px;
}

    #city_name1 a {
        text-align: center;
        padding-left: 10px;
        min-width: 36px;
        line-height: 24px;
        float: left;
        display: block;
    }

#cityinfoQX {
    position: absolute;
    display: none;
    width: 71px;
    background-color: white;
    text-align: left;
    z-index: 9998;
    top: 63px;
    right: 129px;
}

#city_nameQX {
    width: 71px;
    height: 24px;
    margin: 8px 5px 0px 5px;
    cursor: pointer;
}

    /* #city_nameQX span {
        color: #ff6f00;
    } */

    #city_nameQX img {
        cursor: pointer;
    }

#city_nameQX1 {
    margin: 5px;
}

    #city_nameQX1 a {
        text-align: center;
        padding-left: 10px;
        min-width: 36px;
        line-height: 24px;
        float: left;
        display: block;
    }

#Div1 {
    position: absolute;
    display: none;
    width: 320px;
    background-color: white;
    border: solid 1px #cdcdcd;
    text-align: left;
    z-index: 9998;
    top: 60px;
    right: 67px;
}

#Div2 {
    width: 310px;
    height: 24px;
    margin: 8px 5px 0px 5px;
    border-bottom: solid 1px #cdcdcd;
}

    #Div2 span {
        color: #ff6f00;
    }

    #Div2 img {
        cursor: pointer;
    }

#Div3 {
    margin: 5px;
}

    #Div3 a {
        text-align: center;
        padding-left: 10px;
        min-width: 36px;
        line-height: 24px;
        float: left;
        display: block;
    }

.maintop {
    vertical-align: middle;
}

a:link, a:visited {
    color: black;
    text-decoration: none;
}

#main_map .topControl a:hover,
#main_map .topControl a:active {
    color: #f60;
}

a {
    outline: none;
}


:focus {
    outline: 0;
}

.topControl_left {
    float: left;
    min-width: 220px;
    text-align: left;
}

.topControl_right {
    height: 23px;
    line-height: 23px;
    background: #f7f6f6;
    border-right: none;
    position: absolute;
    right: 0px;
    overflow: hidden;
    text-align: left;
}

.topLinks {
    color: black;
    margin: 3px 0px;
    display: block;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.c_img {
    /* float: left; */
    margin-right: 2px;
}

.k_img {
    float: right;
}

/*分享弹出框*/
#ShareDiv {
    position: absolute;
    height: auto;
    width: auto;
    z-index: 9999;
    top: 300px;
    left: 450px;
}

#pop {
    font-size: 12px;
    width: 350px;
    height: 65px;
    overflow: hidden;
    border: 1px solid #cdcdcd;
    background-color: #F0F0F0;
}

#title {
    border-bottom-color: #dadada;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: #4c4c4c;
    height: 25px;
    line-height: 21px;
    text-align: left;
}

#Content {
    width: 100%;
    height: 40px;
}

#close {
    width: 10px;
    height: 10px;
    background-image: url('/Content/images/Front_images/popup_close.png');
    border: 0px;
    background-repeat: no-repeat;
    float: right;
    margin-top: 5px;
    margin-right: 6px;
    cursor: pointer;
}

#linkText {
    margin-top: 5px;
    margin-left: 6px;
    width: 282px;
    height: 21px;
    float: left;
    line-height: 21px;
    border: 1px solid #a6a6a6;
    background-color: white;
}

#btnSpan {
    margin-top: 5px;
    margin-left: 6px;
    width: 48px;
    height: 26px;
    display: block;
    float: left;
    background-image: url('/Content/images/Front_images/share_btn.png');
    border-color: transparent;
    cursor: pointer;
}

.right {
    float: right;
}

#main_tool_Tow .tooldiv {
    float: left;
    width: 100%;
}

.Than {
    display: none;
}
/*底部广告*/
#Map_Bottom_Adv {
    width: 100%;
    z-index: 9999;
    position: absolute;
    bottom: 0px;
}

/*登录*/
#Hide_Login {
    display: none;
    margin-top: 35px;
    text-align: center;
}

    #Hide_Login div {
        margin-top: 20px;
        position: relative;
    }

        #Hide_Login div input {
            width: 240px;
            padding-left: 35px;
            height: 38px;
            position: relative;
            border: 1px solid #ddd;
            transition: .3s;
            font-size: 14px;
            color: #666;
        }

            #Hide_Login div input:-webkit-autofill {
                -webkit-box-shadow: 0 0 0px 1000px white inset !important;
            }

#btn_Login {
    background-color: #3f89ec;
    width: 280px;
    height: 40px;
    color: #fff;
    font-size: 16px;
}

    #btn_Login:hover {
        opacity: 0.9;
    }

#userNameLabel {
    display: block;
    position: absolute;
    top: 8px;
    left: 75px;
    width: 0;
    height: 24px;
    overflow: hidden;
    padding: 0 0 0 24px;
    background-image: url(/Content/images/input_icons.png);
    background-repeat: no-repeat;
    z-index: 20;
    line-height: 25px;
    color: #aaa;
    background-position: 0 -68px;
}

#userPwdLabel {
    display: block;
    position: absolute;
    top: 8px;
    left: 75px;
    width: 0;
    height: 24px;
    overflow: hidden;
    padding: 0 0 0 24px;
    background-image: url(/Content/images/input_icons.png);
    background-repeat: no-repeat;
    z-index: 20;
    background-position: 0 -147px;
    line-height: 25px;
    color: #aaa;
}

#span_errormsg {
    position: absolute;
    top: 10px;
    left: 77px;
    line-height: 14px;
    font-size: 12px;
    color: #fc4343;
}

#a_Regist {
    color: #1B66C7;
}

    #a_Regist:hover {
        text-decoration: underline;
    }


/*弹框*/

.popwindow {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999999;
}

.pop {
    display: block !important;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 600px;
}

.buildclose {
    position: absolute;
    right: 25px;
    top: 20px !important;
    font-size: 26px;
    cursor: pointer;
    color: #288dff;
}

    .buildclose:hover {
        color: #c83131;
    }

.successtrap {
    position: fixed;
    bottom: 15px;
    color: #288dff;
    right: 20px;
    letter-spacing: 1px;
}

#siteBuildImg {
    width: 100%;
}


/*全景弹出层*/
.popu_pano {
    position: relative;
    width: 180px;
    height: 133px;
    margin-left: 3px;
    cursor: pointer;
    background: url(\'images/暂无图片2.jpg\') no-repeat;
    border-radius: 4px;
    border: 6px solid #fff;
    -webkit-box-shadow: #aaa 0px 0px 10px;
    -moz-box-shadow: #aaa 0px 0px 10px;
    -o-box-shadow: #aaa 0px 0px 10px;
    -ms-box-shadow: #aaa 0px 0px 10px;
    box-shadow: #656565 0px 0px -1px;
}

.popu_pano_close {
    width: 180px;
    height: 18px;
    background-color: #fff;
    text-align: right
}

    .popu_pano_close .close_a {
        position: relative;
        right: 3px;
        bottom: 3px;
        color: #c3c3c3;
        font-weight: bold;
        font-size: 14px
    }

        .popu_pano_close .close_a:hover {
            color: red;
        }

.popu_pano .pano_img {
    width: 180px;
    height: 115px;
    position: relative;
}

.popu_pano .Panamingds {
    top: -26px;
    position: relative;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    width: 180px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 22px;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*点位网页弹出*/
#Div_Hide_Mark_Container {
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
}

    #Div_Hide_Mark_Container.full {
        position: fixed;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 999999;
    }

        #Div_Hide_Mark_Container.full #Div_Hide_Mark_Web {
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
        }

#Div_Hide_Mark_Web {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 999999;
    background-color: #fff;
    border-radius: 8px;
    border-radius: 8px;
}

    #Div_Hide_Mark_Web iframe {
        width: 100%;
        height: calc(100% - 30px);
        border: none;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin: 0 auto;
    }

#Div_Hide_Mark_Container.full #Div_Hide_Mark_Web iframe {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


#Div_Hide_Mark_Web .div_top_tool {
    height: 30px;
    background-color: #f9f9f9;
    width: 100%;
    position: relative;
    right: 0px;
    top: 2px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

    #Div_Hide_Mark_Web .div_top_tool #tool_btn {
        margin: 8px;
        text-align: right;
    }


    #Div_Hide_Mark_Web .div_top_tool .tool_btn {
        position: absolute;
        top: 7px;
        right: 10px;
    }

        #Div_Hide_Mark_Web .div_top_tool .tool_btn a img.img_full {
            width: 16px;
            position: relative;
            right: 18px;
        }

        #Div_Hide_Mark_Web .div_top_tool .tool_btn a img.img_close {
            width: 13px;
            bottom: 1px;
            position: relative;
            right: 2px;
        }

        #Div_Hide_Mark_Web .div_top_tool .tool_btn a img:hover {
            opacity: 0.8;
        }

.big-page #maincontent #main_tool {
    right: -500px !important;
    transition: right 0.8s;
}
.big-page #maincontent #main_map {
    right: 0px!important;
}

.big-page #maincontent .dislpayArrow{
    right: 16px!important;
}

.dislpayArrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 392px;
    width: 0px;
    height: 100%;
    z-index: 99999;
}
.dislpayArrow a {
    background: url(../../Content/images/icon_arrow.png) no-repeat 0 0;
}

    .dislpayArrow a {
        position: absolute;
        display: block;
        width: 17px;
        height: 61px;
        bottom: 35px;
        margin-top: -30px;
        outline: none;
        transform: rotate(180deg);
    }
        .dislpayArrow a:hover {
            text-decoration: none;
            background-position: right 0;
        }