.map .marker-icon-select {
    position: relative
}

.map .marker-icon-select img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1
}

.map .marker-icon-select:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 3.5px));
    width: 36px;
    height: 43px;
    background: url(../img/selectedMarker.png) no-repeat center/100%
}

.map .label-icon div {
    white-space: nowrap
}

.map .mapTooltip {
    background: transparent;
    padding: 0;
    border-radius: 0;
    border: none
}

.map .mapTooltip:before {
    display: none
}

.map .mapTooltip span {
    display: block;
    border: 1px solid;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 3.5px;
    height: 20px;
    line-height: 18px;
    font-size: 11px
}

.mask {
    position: fixed;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    z-index: 500;
    width: 100%;
    height: 44px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/topMask.png) repeat-x 0 0/auto 44px
}

.close {
    position: fixed;
    left: 15px;
    top: 56px;
    z-index: 600;
    width: 22px;
    height: 22px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/close.png) no-repeat center/100%;
    cursor: pointer
}

.toolbar {
    position: fixed;
    right: 12px;
    top: 46px;
    z-index: 600;
    width: 40px
}

.toolbar.iswap {
    top: 73px
}

.toolbar div {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 4px;
    cursor: pointer
}

.toolbar div:last-of-type {
    margin-bottom: 0
}

.toolbar div.share {
    background-image: url(//image.gamersky.com/webimg13/db/mapTools/share-icon.png)
}

.toolbar div.more {
    background-image: url(//image.gamersky.com/webimg13/db/mapTools/more-icon.png)
}

.toolbar div.search {
    background-image: url(//image.gamersky.com/webimg13/db/mapTools/search-icon.png)
}

.toolbar div.multiLayer {
    background-image: url(//image.gamersky.com/webimg13/db/mapTools/multiLayer-icon.png)
}

.selectMultiLayer {
    padding-top: 12px;
    box-sizing: border-box
}

.selectMultiLayer .layerList {
    width: 100%;
    padding-left: 16px;
    box-sizing: border-box
}

.selectMultiLayer .layerList .layer {
    height: 48px;
    line-height: 47px;
    border-bottom: .5px solid #323238;
    box-sizing: border-box;
    font-size: 16px;
    color: #a3a3a6
}

.selectMultiLayer .layerList .layer:last-of-type {
    border: 0
}

.selectMultiLayer .layerButton {
    width: 100%;
    height: 83px;
    padding-bottom: 34px;
    text-align: center;
    line-height: 44px;
    border-top: .5px solid #323238;
    box-sizing: border-box;
    font-size: 16px;
    color: #d7d7d9;
    cursor: pointer
}

.moreBox {
    padding-top: 12px;
    box-sizing: border-box
}

.moreBox .moreList {
    width: 100%;
    padding-left: 16px;
    padding-bottom: 10px;
    box-sizing: border-box
}

.moreBox .moreList .moreItem {
    position: relative;
    height: 48px;
    line-height: 47px;
    border-bottom: .5px solid #323238;
    font-size: 16px;
    color: #a3a3a6;
    box-sizing: border-box;
    cursor: pointer
}

.moreBox .moreList .moreItem:last-of-type {
    border: 0
}

.moreBox .moreList .moreItem:after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 11px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/moreItemRight-icon.png) no-repeat center/10px 11px
}

.moreBox .moreList .moreItem:first-of-type:after {
    width: 40px;
    height: 20px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/switchOff-icon.png) no-repeat center/100%
}

.moreBox .moreList .moreItem:first-of-type.cur:after {
    background: url(//image.gamersky.com/webimg13/db/mapTools/switchOn-icon.png) no-repeat center/100%
}

.moreBox .moreButton {
    width: 100%;
    height: 83px;
    padding-bottom: 34px;
    text-align: center;
    line-height: 44px;
    border-top: .5px solid #323238;
    box-sizing: border-box;
    font-size: 16px;
    color: #d7d7d9;
    cursor: pointer
}

.markerStatisticsBox .markerStatistics-main {
    padding: 20px;
    box-sizing: border-box;
    text-align: center
}

.markerStatisticsBox .markerStatistics-main h3 {
    font-size: 17px;
    color: #d7d7d9;
    line-height: 22px;
    margin-bottom: 4px
}

.markerStatisticsBox .markerStatistics-main .markerStatistics-list {
    max-height: 310px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.markerStatisticsBox .markerStatistics-main .markerStatistics-list p {
    margin: 0;
    font-size: 13px;
    color: #b1b1b5;
    line-height: 18px
}

.markerStatisticsBox .markerStatistics-button {
    height: 48px;
    border-top: .5px solid #323238;
    line-height: 47px;
    text-align: center;
    font-size: 17px;
    color: #eb413d
}

.bottom[data-v-c12fe78d] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    z-index: 600;
    width: 100%;
    height: 83px;
    padding: 0 16px 34px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/bottomMask.png) repeat-x 0 0/auto 100%;
    box-sizing: border-box
}

.bottom .addMarker[data-v-c12fe78d] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 16px;
    color: #b09971;
    line-height: 1;
    background: rgba(0, 0, 0, .8);
    border-radius: 8px;
    overflow: hidden;
    width: 120px;
    height: 40px;
    margin-right: 16px
}

.bottom .addMarker i[data-v-c12fe78d] {
    width: 22px;
    height: 22px;
    margin-right: 6.5px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/addMaker-icon.png) no-repeat center/22px
}

.bottom .screenMaker[data-v-c12fe78d] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 16px;
    color: #222;
    line-height: 1;
    background: #b09971;
    border-radius: 8px;
    overflow: hidden;
    width: calc(100% - 136px);
    max-width: 532px;
    height: 40px
}

.bottom .screenMaker i[data-v-c12fe78d] {
    width: 26px;
    height: 26px;
    margin-right: 8.5px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/screenMaker-icon.png) no-repeat center/26px;
    border-radius: 50%;
    overflow: hidden
}

.addMarkerBottom[data-v-a1261ed7] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    z-index: 600;
    width: 100%;
    height: 83px;
    padding: 0 16px 34px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/bottomMask.png) repeat-x 0 0/auto 83px;
    box-sizing: border-box
}

.addMarkerBottom .addMaker[data-v-a1261ed7] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 16px;
    color: #b09971;
    line-height: 1;
    background: rgba(0, 0, 0, .8);
    border-radius: 8px;
    overflow: hidden;
    width: 120px;
    height: 40px;
    margin-right: 16px
}

.addMarkerBottom .addMaker i[data-v-a1261ed7] {
    width: 22px;
    height: 22px;
    margin-right: 6.5px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/addMaker-icon.png) no-repeat center/22px
}

.addMarkerBottom .screenMaker[data-v-a1261ed7] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 16px;
    color: #222;
    line-height: 1;
    background: #b09971;
    border-radius: 8px;
    overflow: hidden;
    width: calc(100% - 136px);
    max-width: 532px;
    height: 40px
}

.addMarkerBottom .screenMaker i[data-v-a1261ed7] {
    width: 26px;
    height: 26px;
    margin-right: 8.5px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/screenMaker-icon.png) no-repeat center/26px;
    border-radius: 50%;
    overflow: hidden
}

.addMarkerBottom[data-v-f59a2fec] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    z-index: 600;
    width: 100%;
    height: 83px;
    padding: 0 16px 34px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/bottomMask.png) repeat-x 0 0/auto 83px;
    box-sizing: border-box
}

.addMarkerBottom .addMaker[data-v-f59a2fec] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 16px;
    color: #b09971;
    line-height: 1;
    background: rgba(0, 0, 0, .8);
    border-radius: 8px;
    overflow: hidden;
    width: 120px;
    height: 40px;
    margin-right: 16px
}

.addMarkerBottom .addMaker i[data-v-f59a2fec] {
    width: 22px;
    height: 22px;
    margin-right: 6.5px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/addMaker-icon.png) no-repeat center/22px
}

.addMarkerBottom .screenMaker[data-v-f59a2fec] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 16px;
    color: #222;
    line-height: 1;
    background: #b09971;
    border-radius: 8px;
    overflow: hidden;
    width: calc(100% - 136px);
    max-width: 532px;
    height: 40px
}

.addMarkerBottom .screenMaker i[data-v-f59a2fec] {
    width: 26px;
    height: 26px;
    margin-right: 8.5px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/screenMaker-icon.png) no-repeat center/26px;
    border-radius: 50%;
    overflow: hidden
}

.addMarker[data-v-5b56d6b7] {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 700;
    width: 100vw;
    max-width: 700px;
    height: 100vh;
    background: #17171a
}

.addMarker .header[data-v-5b56d6b7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 88px;
    box-sizing: border-box;
    background-color: #222226;
    padding: 44px 16px 0
}

.addMarker .header .back[data-v-5b56d6b7], .addMarker .header .operate[data-v-5b56d6b7] {
    width: 98px;
    height: 100%;
    display: flex;
    align-items: center
}

.addMarker .header .back i[data-v-5b56d6b7], .addMarker .header .operate i[data-v-5b56d6b7] {
    display: block;
    width: 20px;
    height: 20px
}

.addMarker .header .back i[data-v-5b56d6b7] {
    background: url(//image.gamersky.com/webimg13/db/mapTools/back-icon.png) no-repeat center/100%
}

.addMarker .header .operate[data-v-5b56d6b7] {
    justify-content: flex-end
}

.addMarker .header .operate i[data-v-5b56d6b7] {
    background: url(//image.gamersky.com/webimg13/db/mapTools/addMarkerMore-icon.png) no-repeat center/100%
}

.addMarker .header .title[data-v-5b56d6b7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    flex: 1;
    height: 100%;
    font-size: 18px;
    color: #d7d7d9;
    line-height: 1
}

.addMarker .form[data-v-5b56d6b7] {
    flex: 1;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto
}

.addMarker .form .radioGroup[data-v-5b56d6b7] {
    display: flex;
    align-items: center;
    height: 44px;
    color: #d7d7d9;
    font-size: 15px;
    line-height: 1
}

.addMarker .form .radioGroup.disabled[data-v-5b56d6b7] {
    opacity: .4
}

.addMarker .form .radioGroup div[data-v-5b56d6b7] {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.addMarker .form .radioGroup div[data-v-5b56d6b7]:last-of-type {
    margin-right: 0
}

.addMarker .form .radioGroup div i[data-v-5b56d6b7] {
    display: block;
    width: 20px;
    height: 20px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/radio-icon.png) no-repeat center/100%;
    margin-right: 8px
}

.addMarker .form .radioGroup div.cur i[data-v-5b56d6b7] {
    background: url(//image.gamersky.com/webimg13/db/mapTools/radioSelect-icon.png) no-repeat center/100%
}

.addMarker .form .formItem[data-v-5b56d6b7] {
    padding: 0 12px;
    border-radius: 12px;
    background-color: #222226;
    margin-bottom: 12px;
    overflow: hidden
}

.addMarker .form .formItem[data-v-5b56d6b7]:last-of-type {
    margin-bottom: 0
}

.addMarker .form .selectGroup[data-v-5b56d6b7] {
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.addMarker .form .selectGroup div[data-v-5b56d6b7] {
    display: flex;
    align-items: center;
    line-height: 1
}

.addMarker .form .selectGroup div[data-v-5b56d6b7]:first-of-type {
    font-size: 15px;
    color: #d7d7d9
}

.addMarker .form .selectGroup div:first-of-type span[data-v-5b56d6b7] {
    display: block;
    width: 6px;
    height: 7px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/xing-icon.png) no-repeat center/100%;
    margin-left: 4px
}

.addMarker .form .selectGroup div[data-v-5b56d6b7]:last-of-type {
    height: 100%;
    padding-right: 26px;
    font-size: 15px;
    color: #717173;
    background: url(//image.gamersky.com/webimg13/db/mapTools/select-icon.png) no-repeat right center/11px 10px
}

.addMarker .form .selectGroup div.markerType[data-v-5b56d6b7] {
    display: flex;
    align-items: center
}

.addMarker .form .selectGroup div.markerType img[data-v-5b56d6b7] {
    display: block;
    width: 24px;
    height: 24px
}

.addMarker .form .selectGroup div.markerType span[data-v-5b56d6b7] {
    font-size: 15px;
    color: #b1b1b5;
    margin-left: 9px
}

.addMarker .form .positionGroup[data-v-5b56d6b7] {
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.addMarker .form .positionGroup div[data-v-5b56d6b7] {
    display: flex;
    align-items: center;
    line-height: 1
}

.addMarker .form .positionGroup div[data-v-5b56d6b7]:first-of-type {
    font-size: 15px;
    color: #d7d7d9
}

.addMarker .form .positionGroup div:first-of-type span[data-v-5b56d6b7] {
    display: block;
    width: 6px;
    height: 7px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/xing-icon.png) no-repeat center/100%;
    margin-left: 4px
}

.addMarker .form .positionGroup div[data-v-5b56d6b7]:last-of-type {
    height: 100%;
    padding-right: 26px;
    font-size: 15px;
    color: #717173;
    background: url(//image.gamersky.com/webimg13/db/mapTools/positionGroup-icon.png) no-repeat right center/11px 10px
}

.addMarker .form .inputGroup[data-v-5b56d6b7] {
    padding-top: 12px
}

.addMarker .form .inputGroup .groupTitle[data-v-5b56d6b7] {
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.addMarker .form .inputGroup .groupTitle div[data-v-5b56d6b7] {
    display: flex;
    align-items: center;
    line-height: 1
}

.addMarker .form .inputGroup .groupTitle div[data-v-5b56d6b7]:first-of-type {
    font-size: 15px;
    color: #d7d7d9
}

.addMarker .form .inputGroup .groupTitle div:first-of-type span[data-v-5b56d6b7] {
    display: block;
    width: 6px;
    height: 7px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/xing-icon.png) no-repeat center/100%;
    margin-left: 4px
}

.addMarker .form .inputGroup .groupTitle div[data-v-5b56d6b7]:last-of-type {
    font-size: 15px;
    color: #717173
}

.addMarker .form .inputGroup textarea[data-v-5b56d6b7], .addMarker .form .inputGroup input[data-v-5b56d6b7] {
    padding: 10px 0;
    display: block;
    width: 100%;
    height: 44px;
    resize: none;
    box-sizing: border-box;
    background: transparent;
    font-size: 16px;
    color: #b1b1b5
}

.addMarker .form .inputGroup textarea[data-v-5b56d6b7]::placeholder, .addMarker .form .inputGroup input[data-v-5b56d6b7]::placeholder {
    color: #717173
}

.addMarker .form .inputGroup .inputFileBox[data-v-5b56d6b7] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 20px;
    width: 104px;
    height: 66px;
    border-radius: 6px;
    background: #2e2e33;
    overflow: hidden;
    font-size: 12px;
    color: #717173
}

.addMarker .form .inputGroup .inputFileBox i[data-v-5b56d6b7] {
    display: block;
    width: 16px;
    height: 16px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/fileImage-icon.png) no-repeat center/100%;
    margin-bottom: 2px
}

.addMarker .form .inputGroup .inputFileBox input[data-v-5b56d6b7] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.addMarker .form .inputGroup .inputFileBox img[data-v-5b56d6b7] {
    display: block;
    width: 100%;
    height: 100%
}

.addMarker .form .inputGroup .imageFileBox[data-v-5b56d6b7] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(104px, 104px));
    grid-gap: 8px;
    width: 101%;
    padding-top: 12px;
    padding-bottom: 20px;
    box-sizing: border-box
}

.addMarker .form .inputGroup .imageFileBox .image[data-v-5b56d6b7] {
    position: relative;
    height: 66px;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    background-color: #2e2e33
}

.addMarker .form .inputGroup .imageFileBox .image img[data-v-5b56d6b7] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.addMarker .form .inputGroup .imageFileBox .image i[data-v-5b56d6b7] {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 14px;
    height: 14px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/imageFileDelete-icon.png) no-repeat center/100%;
    cursor: pointer
}

.addMarker .form .inputGroup .imageFileBox .fileButton[data-v-5b56d6b7] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 66px;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    background-color: #2e2e33;
    font-size: 12px;
    color: #717173
}

.addMarker .form .inputGroup .imageFileBox .fileButton i[data-v-5b56d6b7] {
    display: block;
    width: 16px;
    height: 16px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/fileImage-icon.png) no-repeat center/100%;
    margin-bottom: 2px
}

.addMarker .bottom[data-v-5b56d6b7] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 83px;
    width: 100%;
    padding: 0 16px 34px;
    box-sizing: border-box;
    background-color: #222226
}

.addMarker .bottom .submit[data-v-5b56d6b7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background: #b09971;
    font-size: 16px;
    color: #222;
    line-height: 1;
    overflow: hidden;
    cursor: pointer
}

.edit-desc[data-v-5b56d6b7] {
    color: #b1b1b5;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px
}

.edit-desc a[data-v-5b56d6b7] {
    color: #3e98ff
}

.selectCategoryPopup .category-title[data-v-5b56d6b7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    box-sizing: border-box;
    font-size: 15px;
    color: #d7d7d9;
    line-height: 1;
    border-bottom: .5px solid #323238
}

.selectCategoryPopup .category-title i[data-v-5b56d6b7] {
    display: block;
    width: 16px;
    height: 16px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/popupClose-icon.png) no-repeat center/100%
}

.selectCategoryPopup .categoryList[data-v-5b56d6b7] {
    width: 100%;
    flex: 1;
    height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 16px 34px;
    box-sizing: border-box
}

.selectCategoryPopup .categoryList .category-h1[data-v-5b56d6b7] {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #717173;
    font-weight: 500;
    margin-bottom: 8px
}

.selectCategoryPopup .categoryList .category-h2[data-v-5b56d6b7] {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-bottom: -16px;
    margin-right: -10px;
    overflow: hidden;
    padding-bottom: 20px
}

.selectCategoryPopup .categoryList .category-h2[data-v-5b56d6b7]:last-of-type {
    padding-bottom: 0
}

.selectCategoryPopup .categoryList .category-h2 .category-item[data-v-5b56d6b7] {
    display: flex;
    width: 110px;
    height: 32px;
    margin-right: 10px;
    margin-bottom: 16px;
    cursor: pointer
}

.selectCategoryPopup .categoryList .category-h2 .category-item .category-icon[data-v-5b56d6b7] {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 6px;
    background-color: #2e2e33
}

.selectCategoryPopup .categoryList .category-h2 .category-item .category-content[data-v-5b56d6b7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 32px;
    flex: 1;
    width: 0
}

.selectCategoryPopup .categoryList .category-h2 .category-item .category-content .category-name[data-v-5b56d6b7] {
    font-size: 12px;
    color: #b1b1b5;
    line-height: 16px;
    margin-bottom: 2px
}

.selectCategoryPopup .categoryList .category-h2 .category-item .category-content .category-count[data-v-5b56d6b7] {
    font-size: 10px;
    color: #717173;
    line-height: 14px
}

.selectCategoryPopup .personalCategoryList[data-v-5b56d6b7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32px, 32px));
    grid-gap: 16px 28px;
    padding: 32px 20px 54px;
    box-sizing: border-box
}

.selectCategoryPopup .personalCategoryList .personalCategory[data-v-5b56d6b7] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    overflow: hidden
}

.selectCategoryPopup .personalCategoryList .personalCategory[data-v-5b56d6b7]:last-of-type {
    margin-right: 0
}

.selectCategoryPopup .personalCategoryList .personalCategory img[data-v-5b56d6b7] {
    display: block;
    width: 100%;
    height: 100%
}

.operateBoxPopup .operate-mian[data-v-5b56d6b7] {
    padding: 24px 16px
}

.operateBoxPopup .operate-mian .remove-marker[data-v-5b56d6b7] {
    width: 50px;
    cursor: pointer
}

.operateBoxPopup .operate-mian .remove-marker i[data-v-5b56d6b7] {
    display: block;
    width: 50px;
    height: 50px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/remove-icon.png) no-repeat center/100%;
    margin-bottom: 4px
}

.operateBoxPopup .operate-mian .remove-marker span[data-v-5b56d6b7] {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 16px;
    color: #d7d7d9;
    font-size: 12px
}

.operateBoxPopup .operate-button[data-v-5b56d6b7] {
    height: 83px;
    padding-bottom: 34px;
    box-sizing: border-box;
    text-align: center;
    line-height: 49px;
    font-size: 16px;
    color: #d7d7d9;
    border-top: .5px solid #323238
}

.search[data-v-dd9bfecb] {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 700;
    width: 100vw;
    max-width: 700px;
    height: 100vh;
    background: #17171a;
    box-sizing: border-box
}

.search .searchHeader[data-v-dd9bfecb] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    height: 88px;
    padding: 44px 16px 0;
    box-sizing: border-box
}

.search .searchHeader form[data-v-dd9bfecb] {
    display: block;
    height: 32px;
    width: 0;
    flex: 1;
    margin-right: 12px
}

.search .searchHeader input[data-v-dd9bfecb] {
    display: block;
    height: 32px;
    width: 100%;
    border-radius: 16px;
    background-color: #2e2e33;
    padding: 0 12px;
    box-sizing: border-box;
    color: #d7d7d9;
    caret-color: red
}

.search .searchHeader input[data-v-dd9bfecb]::placeholder {
    color: #717173
}

.search .searchHeader div[data-v-dd9bfecb] {
    height: 100%;
    flex-shrink: 0;
    font-size: 14px;
    color: #d7d7d9;
    line-height: 44px
}

.search .searchResult-list[data-v-dd9bfecb] {
    padding-left: 16px;
    padding-bottom: 34px;
    box-sizing: border-box;
    width: 100%;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.search .searchResult-list .searchResult-item[data-v-dd9bfecb] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    border-bottom: .5px solid #323238;
    cursor: pointer
}

.search .searchResult-list .searchResult-item[data-v-dd9bfecb]:last-of-type {
    border: 0
}

.search .searchResult-list .searchResult-item i[data-v-dd9bfecb] {
    display: block;
    width: 14px;
    height: 14px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/searchList-icon.png) no-repeat center/100%;
    margin-right: 4px
}

.search .searchResult-list .searchResult-item .type[data-v-dd9bfecb] {
    font-size: 15px;
    color: #a3a3a6;
    line-height: 1
}

.search .searchResult-list .searchResult-item span[data-v-dd9bfecb] {
    font-size: 9px;
    color: #b1b1b5;
    line-height: 1;
    margin: 0 5px
}

.search .searchResult-list .searchResult-item .name[data-v-dd9bfecb] {
    font-size: 15px;
    color: #d7d7d9;
    line-height: 1
}

.filterMarker-title[data-v-a5db5579] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    box-sizing: border-box;
    font-size: 15px;
    color: #d7d7d9;
    line-height: 1
}

.filterMarker-title i[data-v-a5db5579] {
    display: block;
    width: 16px;
    height: 16px;
    background: url(//image.gamersky.com/webimg13/db/mapTools/popupClose-icon.png) no-repeat center/100%
}

.filterMarker-title .reset-btn[data-v-a5db5579] {
    font-size: 14px;
    line-height: 16px;
    color: #717173
}

.filterMarker-title .filter-tit[data-v-a5db5579] {
    font-size: 15px;
    line-height: 21px;
    color: #d7d7d9;
    font-weight: 700
}

.filterMarker-main[data-v-a5db5579] {
    flex: 1;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 16px 12px;
    box-sizing: border-box
}

.filterMarker-main .main-title[data-v-a5db5579] {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #717173;
    margin-bottom: 8px
}

.filterMarker-main .markerTypeTab[data-v-a5db5579] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-bottom: 20px
}

.filterMarker-main .markerTypeTab div[data-v-a5db5579] {
    width: 80px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background-color: #2e2e33;
    border-radius: 4px;
    overflow: hidden;
    font-size: 12px;
    color: #d7d7d9;
    margin-right: 8px
}

.filterMarker-main .markerTypeTab div[data-v-a5db5579]:last-of-type {
    margin-right: 0
}

.filterMarker-main .markerTypeTab div.cur[data-v-a5db5579] {
    background-color: #d7d7d9;
    color: #222226
}

.filterMarker-main .personalMarker-list[data-v-a5db5579] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32px, 32px));
    grid-gap: 16px 24px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px
}

.filterMarker-main .personalMarker-list div[data-v-a5db5579] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    overflow: hidden
}

.filterMarker-main .personalMarker-list div[data-v-a5db5579]:last-of-type {
    margin-right: 0
}

.filterMarker-main .personalMarker-list div img[data-v-a5db5579] {
    display: block;
    width: 100%;
    height: 100%
}

.filterMarker-main .marker-list[data-v-a5db5579] {
    margin-bottom: 12px
}

.filterMarker-main .marker-list[data-v-a5db5579]:last-of-type {
    margin-bottom: 0
}

.filterMarker-main .marker-list .marker-box[data-v-a5db5579] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-wrap: wrap;
    width: calc(100% + 10px);
    gap: 16px 4px
}

.filterMarker-main .marker-list .marker-box .marker[data-v-a5db5579] {
    display: flex;
    height: 32px;
    cursor: pointer
}

.filterMarker-main .marker-list .marker-box .marker .marker-icon[data-v-a5db5579] {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 6px;
    background-color: #2e2e33;
    opacity: .8
}

.filterMarker-main .marker-list .marker-box .marker .selected-icon[data-v-a5db5579] {
    opacity: 1;
    background-color: #b09971
}

.filterMarker-main .marker-list .marker-box .marker .marker-content[data-v-a5db5579] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 32px;
    flex: 1;
    width: 0
}

.filterMarker-main .marker-list .marker-box .marker .marker-content .marker-name[data-v-a5db5579] {
    font-size: 12px;
    color: #b1b1b5;
    line-height: 16px;
    margin-bottom: 2px
}

.filterMarker-main .marker-list .marker-box .marker .marker-content .marker-count[data-v-a5db5579] {
    font-size: 10px;
    color: #717173;
    line-height: 14px
}

.filterMarker-bottom[data-v-a5db5579] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 83px;
    padding: 0 16px 34px;
    box-sizing: border-box;
    background: #222226
}

.filterMarker-bottom div[data-v-a5db5579] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    font-size: 16px
}

.filterMarker-bottom div[data-v-a5db5579]:first-of-type {
    width: 120px;
    background-color: #17171a;
    color: #b09971;
    margin-right: 16px
}

.filterMarker-bottom div[data-v-a5db5579]:last-of-type {
    width: 0;
    flex: 1;
    background-color: #b09971;
    color: #222
}

.adBox[data-v-a5db5579] {
    width: 100%;
    box-sizing: border-box;
    cursor: pointer
}

.adBox img[data-v-a5db5579] {
    display: block;
    width: 100%
}