#app,.router-view,body,html{margin:0;padding:0;height:100%}.popup-box{width:820px;text-align:left;font-size:14px;line-height:2em;color:#666}.popup-box .popTitle{color:#000;font-size:16px;font-weight:700}.popup-box .detail-content{display:flex}.popup-box .detail-content .img-block{width:350px;height:200px;margin:10px auto auto auto}.popup-box .detail-content .img-block img{height:100%}.popup-box .detail-content .font-block{flex:1;margin-left:10px;max-width:400px}.popup-box .detail-content .font-block .bg-item{background:#f6f6f6;padding:5px 10px;margin:5px}.popup-box .detail-content .font-block .address-item{display:flex}.popup-box .tagName-ts{padding:0 3px;line-height:1.6em;display:inline-block;font-size:12px;margin:2px 5px 0 0;background:#007fff;border:1px solid #007fff;color:#fff;border-radius:10px}.popup-box .tagName-ts.y{background:#ff9500;border:1px solid #ff9500}.popup-box .tagName-ts.g{background:#2bd982;border:1px solid #2bd982}.popup-box .tagName-ts.x{background:#3171ea;border:1px solid #3171ea}.popup-box .tagName{padding:0 3px;display:inline-block;margin:2px 0 0 5px;background:rgba(0,127,255,.1);border:1px solid #007fff;color:#007fff;font-size:12px;line-height:1.5em;border-radius:10px}.popup-box .tagName.y{background:rgba(255,149,0,.1);border:1px solid #ff9500;color:#ff9642}.popup-box .tagName.g{background:rgba(43,217,130,.1);border:1px solid #2bd982;color:#2bd982}.popup-box .tagName.z{background:rgba(123,82,204,.1);border:1px solid #7b52cc;color:#7b52cc}.popup-box .tagName.r{background:rgba(255,77,77,.1);border:1px solid #ff4d4d;color:#ff4141}.popup-box .btn-block{display:flex;line-height:30px;height:50px;margin:auto;font-size:14px;border-radius:16px;padding:0 10px;color:#fff}.popup-box .btn-block>div{cursor:pointer}.popup-box .btn-block img{width:16px;vertical-align:middle}.popup-box .el-tabs__content{height:200px;overflow:auto}.popup-box .child-item{width:300px;margin:auto;border-radius:4px;border:1px solid #ccc;position:relative;overflow:hidden}.popup-box .child-item .tips{position:absolute;z-index:1;right:-80px;padding:0;transform:rotate(45deg);width:200px;text-align:center;color:#fff;background:#27d527}.popup-box .child-item>div{padding:0 10px}.map-wrapper[data-v-1b342cb2]{position:relative;width:100%;height:100%}.map-container[data-v-1b342cb2]{width:100%;height:100%;background:#f5f5f5}.loading-overlay[data-v-1b342cb2]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content[data-v-1b342cb2]{text-align:center;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.spinner[data-v-1b342cb2]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin-1b342cb2 1s linear infinite;margin:0 auto 15px}@keyframes spin-1b342cb2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content p[data-v-1b342cb2]{margin:0;color:#666;font-size:14px}.error-message[data-v-1b342cb2]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:20px;text-align:center}.error-message p[data-v-1b342cb2]{color:#e74c3c;margin-bottom:15px;font-size:16px}.error-message button[data-v-1b342cb2]{padding:8px 20px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.error-message button[data-v-1b342cb2]:hover{background:#2980b9}.map-content{height:100%;margin:0;padding:0;overflow:hidden}.drawer-div{position:fixed;top:0;z-index:1005;left:0;width:380px;background:#fff;bottom:0}.drawer-div .search-input{padding:30px 30px 15px 30px;display:flex}.drawer-div .search-input .input-block{background:#e0e0e0;flex:1;margin-right:10px;padding-left:8px;border-radius:50px}.drawer-div .search-input .input-block input{background:transparent;height:30px;outline:none;border:none}.drawer-div .ts-filter{display:flex;border-bottom:1px solid #e8e8e8;margin-bottom:5px;color:#666;font-size:14px}.drawer-div .ts-filter .type-item{flex:1;padding:5px 0;cursor:pointer;text-align:center}.drawer-div .ts-filter .type-item.active{background:#e8e8e8}.drawer-div .ts-filter .type-item .img-block{border-radius:100px;height:35px}.drawer-div .ts-filter .type-item .img-block img{width:30px}.drawer-div .type-filter{display:flex;padding-bottom:15px;justify-content:space-around;color:#666;box-shadow:0 10px 10px #c8c8c8}.drawer-div .type-filter .type-item{padding:5px 20px;position:relative}.drawer-div .type-filter .type-item.active{background:#e8e8e8}.drawer-div .type-filter .type-item .checkbook-content{position:absolute;padding:15px;box-shadow:0 0 10px #888;left:95px;top:-15px;background:#fff;border-radius:4px}.drawer-div .type-filter .type-item .checkbook-content .check-item{margin:10px}.drawer-div .type-filter .type-item .img-block{width:50px;height:50px;background:#999;border-radius:100px;margin:5px 0}.drawer-div .type-filter .type-item .img-block img{width:100%}.drawer-div .list-block{max-height:calc(100% - 260px);padding:15px 0;overflow:auto;font-size:14px;color:#666}.drawer-div .list-block .list-item{display:flex;padding:10px 0;cursor:pointer;transition:background .3s;border-bottom:1px solid #e8e8e8}.drawer-div .list-block .list-item:hover{background:#e8e8e8}.drawer-div .list-block .list-item .img-block{width:60px;height:60px;background:#f0f0f0;border-radius:100px;margin:auto 5px;flex-shrink:0;overflow:hidden}.drawer-div .list-block .list-item .img-block img{height:100%}.drawer-div .list-block .list-item .font-block{padding:0 10px}.drawer-div .list-block .list-item .font-block .title{font-weight:700;color:#000;font-size:14px}.drawer-div .list-block .list-item .font-block .tagName-ts{padding:0 3px;display:inline-block;font-size:12px;margin:2px 5px 0 0;background:#007fff;border:1px solid #007fff;color:#fff;border-radius:10px}.drawer-div .list-block .list-item .font-block .tagName-ts.y{background:#ff9500;border:1px solid #ff9500}.drawer-div .list-block .list-item .font-block .tagName-ts.g{background:#2bd982;border:1px solid #2bd982}.drawer-div .list-block .list-item .font-block .tagName-ts.x{background:#3171ea;border:1px solid #3171ea}.drawer-div .list-block .list-item .font-block .tagName{padding:0 3px;display:inline-block;margin:2px 5px 0 0;background:rgba(0,127,255,.1);border:1px solid #007fff;color:#007fff;border-radius:10px}.drawer-div .list-block .list-item .font-block .tagName.y{background:rgba(255,149,0,.1);border:1px solid #ff9500;color:#ff9642}.drawer-div .list-block .list-item .font-block .tagName.g{background:rgba(43,217,130,.1);border:1px solid #2bd982;color:#2bd982}.drawer-div .list-block .list-item .font-block .tagName.z{background:rgba(123,82,204,.1);border:1px solid #7b52cc;color:#7b52cc}.drawer-div .list-block .list-item .font-block .tagName.r{background:rgba(255,77,77,.1);border:1px solid #ff4d4d;color:#ff4141}.area-filter{position:absolute;left:380px;padding:10px 10px 5px 10px;top:0;right:0;font-size:14px;color:#666;background:#fff;z-index:1002}.area-filter .area-item{margin-right:5px;padding:0 5px;display:inline-block;width:60px;text-align:center;transition:all .3s;border-radius:10px;cursor:pointer}.area-filter .area-item.active{background:#007fff;border:1px solid #007fff;text-shadow:#888 2px 2px 5px;color:#fff}.point-detail-popup .leaflet-popup-content-wrapper{border-radius:4px;padding:0}.point-detail-popup .leaflet-popup-content{margin:0;width:auto!important;min-width:720px}