/* Set the size of the div element that contains the map */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.map-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    overflow: hidden;
}

#map {
    position: absolute;
    height: 100%; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}

body {
    height: 100%;
}

.nav {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 99999;
    pointer-events: none;
}

.sidebar {
    padding: 12px 0 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    overflow: hidden;
}

.tip {
    background-color: white;
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.15);
    color: #4c4c4c;
    font-size: 12px;
    padding: 1em;
    width: 368px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    pointer-events: all;
}

.jiao {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.jiao > .back-icon {
    transform: rotate(180deg);
}

.boards {
    flex: 1;
    overflow-y: auto;
    width: 368px;
    pointer-events: none;
}

.board-content {
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.15);
    padding: 12px;
    background-color: white;
    pointer-events: all;
}

.card {
    display: flex;
    border-bottom: rgb(221, 221, 221) dashed 1px;
    margin-bottom: 12px;
    cursor: pointer;
}

.card:hover,
.single {
    background-color: #f6f6f6;
}

.sub-title {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
    position: relative;
}

.desc-content {
    color: #4c4c4c;
    font-size: 12px;
    padding: 12px;
}

.rlink {
    font-style: italic;
    color: #337ab7;
}

.log {
    background-color: #fd7e2b;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.no {
    padding: 0 12px;
}

.no-img {
    background-color: transparent;
    background-image: url(https://www.101weiqi.com/static/images/101markets_more.png);
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position-y: -139px;
    z-index: 9;
}

.info {
    flex: 1;
    color: #333;
    line-height: 1.2;
    font-size: 12px;
}

.info > div:not(:first-child) {
    padding: 5px 0;
}

.bottom-tip {
    font-size: 12px;
    color: #333;
    text-align: center;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:visited {
    color: #337ab7;
}

a:hover {
    color: #337ab7;
    text-decoration: underline;
}

a:link {
    color: #337ab7;
}

a:active {
    color: #337ab7;
}

.link {
    cursor: pointer;
}

.back {
    cursor: pointer;
    color: #3385ff;
}

.search-input {
    display: flex;
    padding: 12px 12px 0 12px;
    display: flex;
    padding-right: 0;
    pointer-events: all;
}

.search-input > input {
    background-color: white;
    border: none;
    padding: 0.75em;
    flex: 1;
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.15);
}

.search-button {
    background: url(https://www.101weiqi.com/static/images/searchbox.png)
        no-repeat 0 -76px #3385ff;
    pointer-events: auto;
    width: 57px;
    height: 38px;
    cursor: pointer;
}

.clear-button {
    background: url(https://www.101weiqi.com/static/images/searchbox.png)
        no-repeat 0 -38px #fff;
    pointer-events: auto;
    width: 57px;
    height: 38px;
    cursor: pointer;
}

.cur-img {
    background-image: url(https://www.101weiqi.com/static/images/101markets_more.png);
    width: 25px;
    height: 38px;
    display: inline-block;
    margin-left: 6px;
    margin-top: 4px;
    background-position: 0 -233px;
}

.swiper {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    background-color: #d9edf7;
}

.swiper-content {
    display: flex;
    font-size: 22px;
    overflow: auto;
    width: max-content;
}

.swiper-content::-webkit-scrollbar {
    display: none;
}

.s-card {
    width: 100vw;
    max-width: 100vw;
    min-width: 100vw;
    display: inline-block;
    width: 100%;
    font-size: 28px;
    display: flex;
    padding: 12px;
    gap: 10vw;
}

.info-item {
    display: flex;
    gap: 12px;
}

.avatar-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIBAMAAABfdrOtAAAAG1BMVEUAAABITExIS0tITExISFBIS0xISk1IS0tIS0zEu3RTAAAACHRSTlMAgN9AIL9gn+8XvYEAAAMGSURBVHja7do7j9pAFAVgg42hdB5ILiEvKK1sCkqzm2woiZSCkmgjlBJppSTlYh57f3aq6CoCYo/PnJEXzfcHjux7r2dsT+B5nuc9AR9vrlaru6s8oIn78tfbX6sPAcNU/vXqZ2Y9I5YjxejOcshvOWW0tJnRkdOKLxZv2kTOKRJrIXJecU8o+7GhnZCuOEjpCZCCh2gKP0QSFyFFwgtRGzhkIeUG+EOlXEG8ELXmjaI6QCE/pJICWZZDUbT71ZaKDtiiSL9foVS2hoeEOo8TqWzLm0S155VEFRlv3FUCTAm98j0xsEUeXOyZT8XAHn2oMBeusZioGSJGchch9aYxchESi5ElEEJ+rrTEyNpFyBwIIT8huw0MmfuQCwlp4pxcTki9Z1fYwJDExcq4bO7ya7glyl2EZM1dtHpiZMvbb6uCWBKVAbNIHZRYDCW85lJz3sKoBk0NAW4XMWTd1BaOiCFqIWZyFyH4JzXWF/uZGNkBXyDJm7uwgbuV3MFXosegnpmLL3ddoO6comTA3xNWSdQnYBQZk5I4+H+yD+q75jWwisa83lIz3oWomFh2lfKGRLWIjxSVGvQvc+oHcEi04PWvuub1rwqJ/atSuOx46XdWQkJ4K4RvinknvNSBd1ZNPVgKicGXOHzpygNLUugpj1d+Yy1kxmsu1ebNu+rwOli1eB2sQug5j79DLC8mJCMcfT5yb+s6+vIfw8zKZeiaRTrPG33TiPMx0MHx276UQA+O35Ql4Ee6p6kYG3231lC2Wm0qdRUvq2Z8ljJ4Qz8XyNBg10BNeS+w1xW28Liv5Wsgrkh4BVEb4s1Sb6A3Xfxo70yseQd82MTPqnZE0aqiFeFVpSNWDYCfMuCsjEWxSt8Rywa8u6UOQG8hRw1CsW4JlAQoSk+s25b/K8HtgboDlReC7OhLEEFi/icOb6+2EOx4Hay25ss7HjIRgs2JWfQhPoQQwmrhg4th3PFWX/XgImTOe21QmYM1/hE4PwJsiaJULNsAb6XYC110+8yiF4HneZ7XDH8AqDDmeWF+2EUAAAAASUVORK5CYII=);
    width: 1em;
    height: 1em;
    display: inline-block;
    background-size: contain;
}

.phone-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIBAMAAABfdrOtAAAAG1BMVEUAAAADAAAAAAAEAAADAAADAAADAAAEAAADAAABXuQNAAAACHRSTlMAnyCA379gQLs52wUAAAGWSURBVHja7dw/a8JAGIDxNFGz1qU4SinUUZC2jtKhZCy2lIz2n3QU+wmiib2PXYSEDInx8l5OVJ5n9AV/npc4eXGIiM4xfz7a08PS1PhWGr31jYwvpdWTidJWmk3lhhvqIrF8KTdKu0cxEuojiXQpnqrRUIgM6iArITKug6yFSFAHSWSGq2ol2/lO8dN+XKfdFlc5a+jimuTD1p7LS44Mq5Z5KUIuqr4RzxoyzYdta0jUz386LSDFQEBAQCRI0tUsNEBWjmYDEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQUyTqatY79r+8g5wEEs1/X20j0XbSs4vEi+3ED6wif+mZTXtI/k6eTSTOZoFFJMlmoUVknc16FpFNNvs5KcQruxXTxk2dk+7ob7wc8XefIHZLR4KqboZ2cRI3d+B7XTGR1VLFZjt2S00aPISf9NPzuMV9FxaUKS/vZS/Hh3gwwkSMuIGuES8c+0t5PsBjNzaOUXeBhnHlGOZ/jvZ0v3SIiM6wf9ddPOioc1ipAAAAAElFTkSuQmCC);
    width: 1em;
    height: 1em;
    display: inline-block;
    background-size: contain;
}

.back-icon {
    background-image: url(data:image/png;base64,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);
    width: 1em;
    height: 1em;
    display: inline-block;
    background-size: contain;
}

.contacts {
    display: flex;
    gap: 12px;
}

.c-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.info-window {
    padding: 0;
    border: #cfcfcf 1px solid;
    background-color: white;
}

.info-window-h1 {
    font-weight: bold;
    padding: 8px;
    padding-right: 30px;
    font-size: 14px;
    border-bottom: #cfcfcf 1px solid;
    background-color: #f9f9f9;
}

.info-window-h2 {
    font-size: 12px;
    padding: 12px;
}

.tdt-infowindow-content-wrapper {
    background-color: transparent !important;
}

.tdt-infowindow-content {
    margin: 0 !important;
    background-color: transparent !important;
}

.tdt-infowindow-close-button {
    width: 24px !important;
    height: 20px !important;
    transform: translate(-6px, 8px);
}

.info-name {
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info-link {
    color: #598ab2;
}

.detail-content {
    position: absolute;
    bottom: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 12px;
    overflow-y: auto;
    max-height: 300px;
}