#div_showSearch {
    position: absolute;
    top: 10%;
    left: 0;
    width: 50%;
    margin: 0 25%;
    display: none;
}

    #div_showSearch .search-input {
        padding-right: 85px;
    }

input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder,
input::placeholder {
    color: #666;
    font-size: 14px;
    letter-spacing: 1px;
}

#div_showSearch input {
    border-radius: 4px;
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
    letter-spacing: 1px;
}

#searchKeyWords {
    height: 38px;
    display: block;
    width: 100%;
    padding-left: 10px;
    line-height: 1.3;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4));
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
}

input#searchKeyWords:-internal-autofill-selected {
    appearance: menulist-button;
    color: #333 !important;
}


.max-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

    .max-scroll::-webkit-scrollbar {
        width: 3px;
        height: 1px;
        border-radius: 8px;
    }

    .max-scroll::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background: #c5c5c5;
    }

    .max-scroll::-webkit-scrollbar-track {
        border-radius: 8px;
        background: #d6d6d6;
    }

.Search_button {
    position: absolute;
    right: 0;
    top: 0;
    height: 38px;
    line-height: 38px;
    width: 72px;
    border: 1px solid transparent;
    padding: 0 18px;
    background-color: white;
    /*color: #fff;*/
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

#searcheResult {
    width: calc(100% - 85px);
    background-color: #ffffff;
    margin: 4px 0 0 0;
    border-radius: 4px;
    display: none;
    max-height: 400px;
}

    #searcheResult ul {
        padding: 2px;
        margin: 0;
        list-style: none;
    }

        #searcheResult ul li {
            cursor: pointer;
            padding: 0 8px;
            list-style: none;
            height: 32px;
            line-height: 32px;
            color: #666666;
            background-color: #ffffff;
            border-radius: 4px;
            margin: 1px 0;
            font-size: 14px;
        }

@media (max-width: 1500px) {
    #div_showSearch {
        width: 80%;
        margin: 0 10%;
    }
}

@media (max-width: 800px) {
    #div_showSearch {
        width: 95%;
        margin: 0 2.5%;
    }
}

/*3DModel*/
.pano_3DBox_menu {
    position: absolute;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 26.0625rem;
    height: 3rem;
    top: 3.4375rem;
    left: 50%;
    margin-left: -13.03125rem;
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 0.25rem;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 9999;
}

    .pano_3DBox_menu .a_menu {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(67,67,67,.71)),to(#0d0d0d));
        background-image: linear-gradient(0deg,rgba(67,67,67,.71),#0d0d0d);
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        font-size: .875rem;
        pointer-events: auto;
        text-align: center;
        position: relative;
        color: #fff;
        cursor: pointer;
    }

    .pano_3DBox_menu .menu_active {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(34,34,34,.8)),to(rgba(6,4,4,.9)));
        background-image: linear-gradient(0deg,rgba(34,34,34,.8),rgba(6,4,4,.9));
    }

    .pano_3DBox_menu .a_menu span {
        height: 3rem;
        line-height: 3rem;
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        font-size: 16px;
        color: #fff;
    }

.openAlertImgBox {
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
}

    .openAlertImgBox img {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 5px;
        width:200px;
        max-width: 50%;
        cursor: pointer;
    }

#startImgContainer .startImgMenuNavBox {
    position: fixed;
    bottom: 20px;
    min-height: 60px;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    max-width: 95%;
    min-width: 360px;
    border-radius: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #startImgContainer .startImgMenuNavBox .startImgLineBox {
        margin: 10px 10px 15px 10px;
        display: none;
        max-height: 200px;
        overflow: auto;
    }

        #startImgContainer .startImgMenuNavBox .startImgLineBox .line {
            margin: 10px 5px;
            border-radius: 40px;
            height: 40px;
            line-height: 40px;
            padding-left: 15px;
            cursor: pointer;
            position: relative;
            border: 1px solid #fff;
            font-size: 12px;
            color: #666;
        }

            #startImgContainer .startImgMenuNavBox .startImgLineBox .line:hover {
                border: 1px solid #f5ac4d;
            }

            #startImgContainer .startImgMenuNavBox .startImgLineBox .line.active {
                color: #f5ac4d;
                border: 1px solid #f5ac4d;
            }

            #startImgContainer .startImgMenuNavBox .startImgLineBox .line .name {
                padding-right: 115px;
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            #startImgContainer .startImgMenuNavBox .startImgLineBox .line .tool {
                position: absolute;
                right: 15px;
                top: 0px;
            }

                #startImgContainer .startImgMenuNavBox .startImgLineBox .line .tool .icon {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAB2UlEQVQ4jZ3US4jNYRgG8N8wUzIZWVhJiUiK5Jqi3LJQLolSkiZFyWDhsqYUNpLQsVMWFiKNKWSyIrcSC8O4RiyUBWXhNvTq/evvzJwzM57NOd/t+d7/8z7f01CpVNTBauzDrBz/xA9cwRHcrXWwscb8OFzCNNzCcdzE8Jxbizu4iPX4NhDiOPgQTzE9/1djD1Yk8VtMwcd6xI1JdA9z6mmEdozEizzTgSa8wqEhVZvP4zvm9kNa4AtmYgym5iWLcL1M3IJV2IJfAyQOvMvqm3EQizG+TLw1f88OgrTAgezN0CRuLms8H11pp8HiPt6jMy/YVFS8AStx+z9IZaObUufQuD0q3o9teICx/RDEQ/mANzleih1pt9FZ3B97RsXbMTlfUmxsqEG6N20Ych3FVZxAN9pyz7NicxDfSHOfy7m2KsLw6hIcznG8vl24nFbbjXW59qQ4FFLMS3N3ZOOO5ROdjUnZ6ciIx/nJgTX56gIT0Fpy1d+KF+IlFuBMzp/CJ5zE5lyLxmxMrxeko/A8m366TNxXukWHr+FRat4rYBLL8yvDZtH0nvJiXyEUURjhcwFfcxyNCteMyIuXYWJGQKHvP6gVm68xo5THOzEMn1PzuChkiejsDfwGQs9mBSsg274AAAAASUVORK5CYII=);
                    width: 100%;
                    height: 18px;
                    background-size: contain !important;
                    background-position: left !important;
                    background-repeat: no-repeat !important;
                    position: absolute;
                    top: 11px;
                    right: 30px;
                }

            #startImgContainer .startImgMenuNavBox .startImgLineBox .line.active .tool .icon {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAB2klEQVQ4jZ3Uy4uPcRQG8M+YmZIJKVZSIpMUybUpG5cs1CBRIkmKksHCZU0pbH5J/gMLi2nEmEImK3Irl4VrImKhWKhZuOtM563XO36/mfFs3vd7e77nPOf5nqaB7k4NsB5HsCjHP/EDV3AKd+sdbKkzPx0XMQ+3cAY3MS7nNuIOLmAzvo2EOA4+wnPMz/8qDqEzid9hDj41Im5JontY0kgj9GIiXuWZPrTiNU6MqWzuxncsHYa0wAAWYirm5iXLcb1MPAHrsAu/R0gceJ/Rt+E4VmBGmXh3fs+NgrTAsaxNcxK3lTVehqdpp9HiPj6gPy/YXkS8FWtx+z9IZaFbU+fQuDciPoo9eIBpwxDEQ/mItzlehX1ptykZ3KA9I+K9mJ0vKTY21SE9nDYMuWq4irN4ga7c87LYHMQ30tznc66rQhheXYmTOY7XdwCX02oHsSnXnhWHQoqONHdfFu50PtHFaM9KR494kikHNuSrC8zEjpKrBhFNaFbqNDkNvzPXapn6w0w/stuCL7iUeybhcxa9o0pc1TIqfA2PU/MhDSaxJrMMm0XRf5UX/9WEohVG8+nB1xxHocI14/Pi1YhMowUU+v6Fem3zDRaU+vF+jE0ZQvO4aFu2zqHAH13TaKfwZeQlAAAAAElFTkSuQmCC);
                width: 100%;
                height: 18px;
                background-size: contain !important;
                background-position: left !important;
                background-repeat: no-repeat !important;
                position: absolute;
                top: 11px;
                right: 30px;
            }

    #startImgContainer .startImgMenuNavBox .menubox {
        background-color: #fff1e1;
        height: 65px;
        margin: 10px 18px;
        position: relative;
        border-radius: 30px;
        display: flex;
    }

        #startImgContainer .startImgMenuNavBox .menubox .menu {
            display: flex;
            height: 72%;
            width: 50%;
            cursor: pointer;
            transform: translateY(-50%);
            position: relative;
            top: 50%;
        }

            #startImgContainer .startImgMenuNavBox .menubox .menu .menu_info {
                width: 82px;
                cursor: pointer;
                margin: 0px 0px;
                transform: translateY(-50%) translateX(-50%);
                position: relative;
                top: 50%;
                left: 50%;
                border-radius: 25px;
            }

            #startImgContainer .startImgMenuNavBox .menubox .menu.active .menu_info {
                background-color: #f5ac4d;
                color: #fff;
            }

            #startImgContainer .startImgMenuNavBox .menubox .menu > div {
                margin: auto;
            }

            #startImgContainer .startImgMenuNavBox .menubox .menu.menu_scene .menu_icon {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAABOUlEQVQ4jZ3TvSt3YRzH8ZeH7qJsNqZ7c8egJE//AFmUupPRILNFUYqIsiDql9FCmcVsMCmLIn6TwWYhpDx01UWn0/V74FNXnfM93+/7Ot+nmkKhoIKKWMdGKbfaMvFNmMJfTGLgN5BpbMfnfzhBT8qxvgxkF6d4RQ0acFEtpDXeeoerCPjSGi4xUgkSgl7QG09WzzjPB6Rqcou22JG8xuKpCPlSf8LWl3IsBWlGV8I+/BPIeAl7aHVHtZDVEvagpbwh1Z1GzOMBH7lvf3BfDrKFCVzHWXhPXPAR12El1i2kV8xCwjSexQ60l0kn6AmHeMz/SdiTGxxXAIiT/D212cLW4aAKQFAn5lKQvZhvtVqMk/0NmcFoInoB3RiMS5lX2KOWUJMhLMdivWW8ZrGZeT/CDv5nbE3Y/wSN8TV5P7U9mQAAAABJRU5ErkJggg==);
            }

            #startImgContainer .startImgMenuNavBox .menubox .menu.menu_scene.active .menu_icon {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAABLElEQVQ4jZ2TsS+DURTFf0UkmnTrxsZCKrEIWrOIRTp3NBmYDRL8BxaTP8Fm8AeUlViaEOlsM2hRhp7mq/clL6/3ff04yV3eO/fkvHPvQ9K4aks6zOJkCZQk7esXLUmb/xE51SjWLW5hqGRjHlgAfoACMAM0gU7ItkTmgFvgFXh2AinWgCeg7jdMGR6Sph6w4crHF/A40pGRybmRya7FnYgFAtSMs6rJjLgoGy7kRp3bSSNyvgQs53XSizhJcB3yrekUgRO3D+H8p4G3sMHfkwtgD3hxu9C3IgRKwApQds9r+05awL2bQCWSSYpP4AboWplsZWTh4yH2ASclvecUSXBsiVz9QSDFoi9yFCGdSVqVtC2padx/S5pNBHYk9SV9uOekdWDsz2XAkaS7AWYfpYFPKyuvAAAAAElFTkSuQmCC);
            }

            #startImgContainer .startImgMenuNavBox .menubox .menu.menu_line .menu_icon {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABaUlEQVQ4je3Tv0uXURQG8I9p5aAYCA1RmBCOgoMJ2hBBS0JDkwiKLinkH1FLNAihLX2hya2hoH+gCKrBQWuRatLAwR/lDyStKOPKeeF2+S7R2gMvz73nvOe5z3nfexpqtZo6OIUTWK+XDIxgDEPYOFYku/EEW1jDEqbqiExgDlcwj/6mLHkGC2jESghdxAOkA2fjvVE8zOrO43Xu6G6IvIxkX9hOmEF7rIeDl4I3xEkVLgffymKP8TbWl4KT+Fk8zRx25K01BO8U32Mt+DB4O5622H/Bp9zRj+CWQqg5+GcRrw5uLVv7J/wX+juh6i/8Kt6p4odF/I99LvQ1eLUoOBn8vYjvB6dpkC7ks7hDx3GAaZzGOHaxGQXVfarQkwsmoYFsjpLgZKxvBt/DIO7jMz7GGF3FNyxWrZ3DuyhKrhI6oyjhFe7gAt6Ew7RPuIa9SihZ68WHmJvrWC7auI0beIH3eIQuPD/K4jelDUa9btrISgAAAABJRU5ErkJggg==);
            }

            #startImgContainer .startImgMenuNavBox .menubox .menu.menu_line.active .menu_icon {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4je2UvyuFURzGH5cb6oqSO1CymJQykslkkUwmymSRP0HK6j+w+AcMNgtZTSx+lMFNGegSBm7Xj4/eeo577uk1KKNvnfO83+f5fp+33vd8j4C81QOUf9DCWgD2gb4sT8VRYIdGnAErOSbLUc0VMBGL/cC7xQpwFBWvRnWL5ERstG35MOLmo5Zec3vOT413JEYVCyMJf2x+lsb3GwA2zE8Dg21qRIufntQct84wPnp1O3+QdF2IWt6MpcSow/iR8OHFXdlW0B/Fv9HvjMJf+ExqAk/CN+Wx0YvxJmloN9YT/tXYmm3Zgdz1GSpKqknalFSWtCTpWVLVDeE8hRhrMgSq0TzVc2Zr0vklMG5+zVwNKIVrpBM4SeZ5KJm39byJB6ZCTSgsAhfAPTDzw0U2BxwA58AWMPytgb4AE8MC9gAKDl0AAAAASUVORK5CYII=);
            }

            #startImgContainer .startImgMenuNavBox .menubox .menu .menu_icon {
                width: 100%;
                height: 15px;
                background-size: contain !important;
                background-position: center !important;
                background-repeat: no-repeat !important;
                position: absolute;
                top: 7px;
            }

            #startImgContainer .startImgMenuNavBox .menubox .menu .menu_text {
                line-height: 69px;
                font-size: 12px;
                text-align: center;
            }


/*
导览
*/
.guide_group_info {
    position: absolute;
    width: 80%;
    max-width: 350px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,.6);
    border-radius: 10px;
    transition: top .2s linear 0s;
    bottom: 100px;
    font-size: 12px;
    color: #fff;
    display: none;
    z-index: 99999;
}

    .guide_group_info .guide_group_title {
        border-bottom: 1px solid #efefef;
        line-height: 46px;
        height: 46px;
        font-size: 16px;
        position: relative;
    }

        .guide_group_info .guide_group_title .name {
            margin-left: 15px;
        }

        .guide_group_info .guide_group_title .close {
            position: absolute;
            right: 15px;
            top: 10px;
            cursor: pointer;
            background: url(../../skin/close.png);
            width: 22px;
            height: 22px;
            background-size: cover;
        }

            .guide_group_info .guide_group_title .close:hover {
                opacity: 0.8;
            }

    .guide_group_info .guide_group_list {
        margin: 18px 0px;
    }

.guide_group_list .item {
    background: rgba(255,255,255,.2);
    border-radius: 10px;
    padding: 15px 10px;
    margin: 8px 10px;
    cursor: pointer;
    position: relative;
}

    .guide_group_list .item:hover {
        opacity: 0.8;
    }

    .guide_group_list .item .name {
        width: calc(100% - 70px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .guide_group_list .item .tool {
        background-color: #5085fb;
        border-radius: 25px;
        padding: 0px 10px;
        font-size: 12px;
        position: absolute;
        right: 10px;
        height: 25px;
        line-height: 25px;
        transform: translateY(-50%);
        top: 50%;
    }



/*2D地图*/
.tdt-infowindow-tip-container {
    display: none;
}

.tdt-infowindow-content-wrapper {
    background: none !important;
    box-shadow: none !important;
}

.tdt-infowindow-content {
    margin: 5px 19px;
}

.tdt-infowindow-close-button {
    display: none !important;
}

.tdt-infowindow-tip {
    display: none;
}

.start_map_2d_pano_info {
    padding: 5px;
    border-radius: 6px;
    position: relative;
}

    .start_map_2d_pano_info .scene_img {
        width: 180px;
        height: 90px;
        background-size: cover;
        overflow: hidden;
        border-radius: 6px 6px 0px 0px;
        position: relative;
        background-position: center;
        bottom:26px;
        cursor:pointer;
    }

        .start_map_2d_pano_info .scene_img::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            background-color: rgba(0,0,0,.23);
        }

    .start_map_2d_pano_info .scene_name {
        position: absolute;
        bottom: 2px;
        font-size: 12px;
        margin-top: 2px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
        width: 180px;
        background-color: #fff;
        border-radius: 0px 0px 6px 6px;
    }

    .start_map_2d_pano_info .scene_go {
        align-items: center;
        background: rgba(0,0,0,.5);
        border-radius: 6px;
        color: #fff;
        cursor: pointer;
        display: flex;
        justify-content: center;
        left: 50%;
        padding: 6px 10px;
        position: absolute;
        top: 25%;
        transform: translate(-50%,-50%);
        z-index: 1;
        transition: all 0.5s;
    }

        .start_map_2d_pano_info .scene_go:hover {
            background: rgba(0,0,0,.3);
        }

.map_2d_tooltip_name {
    background-color: rgb(0 0 0 / .5);
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}
/*2D地图*/

/*开场切换*/
.panoStartTypeChnageBox {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-100%);
    z-index: 99999;
}
    .panoStartTypeChnageBox .start_type {
        width: 90px;
        height: 30px;
        margin-bottom: 10px;
        background-color: #ccc;
        text-align: center;
        line-height: 30px;
        border-radius: 4px;
        color: #fff;
        background-color: rgb(0 0 0 / 47%);
        cursor: pointer;
        font-size: 14px;
    }
        .panoStartTypeChnageBox .start_type.active {
            background-color: #09f;
        }
        .panoStartTypeChnageBox .start_type:hover {
            background-color: #09f;
        }
/*开场切换*/

#fullscreenid {
    position: relative;
    width: 100%;
    height: 100%;
}
/*对比*/
#contrast {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: none;
}
/*退出对比*/
#exit_contrast {
    position: fixed;
    top: 0;
    left: calc(50% - 40px);
    background: rgba(0,0,0,0.5);
    padding: 10px;
    width: 80px;
    text-align: center;
    border-radius: 0 0 40px 40px;
    color: white;
    display: none;
    cursor: pointer;
}
    #exit_contrast:hover {
        background: rgba(0,0,0,0.6);
    }


.template_set_firstScene {
    position: absolute;
    line-height: 30px;
    z-index: 9999999;
    top: 30%;
    background-color: #ff5722;
    padding: 45px 20px;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.8;
    text-align:center;
}
    .template_set_firstScene:hover {
        opacity:1;
    }