[v-cloak]{display:none}.heat-map{height:calc(100vh - 74px);background:#fff;max-width:1200px;margin:10px auto;border-radius:8px}.heat-map ::-webkit-scrollbar{background:rgba(0,0,0,.8);width:4px}.heat-map ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.8);background:#9e9e9e}.heat-map ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.8);border-radius:10px;background:#ededed}.park-marker{position:absolute;width:47px;height:54px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.park-marker.active i,.park-marker.hover i,.park-marker:hover i{color:#fe7e22!important}.park-marker.active .number,.park-marker.hover .number,.park-marker:hover .number{background:#fe7e22!important}.park-marker.type-company i{color:#0093f4}.park-marker.type-company .number{background:#0093f4}.park-marker i{top:0;left:0;color:#d73c1d;font-size:47px;text-shadow:.1em .1em .2em #333}.park-marker .number,.park-marker i{position:absolute;-webkit-transition:all .3s ease;transition:all .3s ease}.park-marker .number{background:#d73c1d;color:#fff;font-weight:700;text-align:center;border:1px solid #ddd;left:14px;top:12px;font-size:12px;display:inline-block;line-height:18px;height:18px;width:18px;border-radius:50%}.map{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.map,.map-header{display:-webkit-box;display:-ms-flexbox;display:flex}.map-header{border-bottom:1px solid #f3f4f6;height:70px}.map-header .title{font-size:24px;color:#262626;padding-left:16px;line-height:70px}.map-header h4{margin:26px 26px 0;font-weight:400;cursor:pointer;font-size:16px;color:#d35400}.map-body{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px}.map-body,.map-content{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.map-content .map{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;height:100%;width:100%}.map .rank-box{position:absolute;top:8px;background:#fff;border-radius:2px;margin:0}.map .rank-actions{left:45%;top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 5px}.map .rank-actions>div{cursor:pointer;font-size:12px;color:#666;padding:7px}.map .rank-actions div.active{color:#e86131}.map .rank-actions div:first-child{border-left:none}.map .area-rank{left:8px;max-width:200px}.map .area-rank .area-list{padding:0;margin:16px 0}.map .area-rank .list-item{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 16px;font-size:12px;color:#333;line-height:20px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.map .area-rank .list-item .rank{width:24px;text-align:center;background:#ecf0f1;border-radius:0 100px 100px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.map .area-rank .list-item .name{text-align:left;padding-left:16px}.map .area-rank .list-item .point{padding-left:16px;font-size:18px}.map .area-rank .list-item:hover{background:#f9f9f9;color:#fe7e22}.map .area-rank .list-item:first-child .rank{color:#fff;background:#e86131}.map .area-rank .list-item:first-child .point{color:#e86131}.map .area-rank .list-item:nth-child(2) .rank{color:#fff;background:#e88031}.map .area-rank .list-item:nth-child(2) .point{color:#e88031}.map .area-rank .list-item:nth-child(3) .rank{color:#fff;background:#e8a431}.map .area-rank .list-item:nth-child(3) .point{color:#e8a431}.map .area-info{right:8px;width:158px}.map .area-info-header{border-bottom:1px solid #efefef;padding:16px}.map .area-info-header h4{margin:0;font-size:16px;font-weight:700;color:#333;line-height:32px}.map .area-info-header h5{margin:0;font-size:12px;font-weight:700;color:#333;line-height:23px}.map .area-info-header a{font-size:12px;color:#e86131}.map .area-info-list{padding:16px;margin:0}.map .area-info-list dt{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;padding:5px 8px;font-size:12px;color:#e86131;border-radius:12px;border:1px solid #e86131}.map .area-info-list dd{border-left:1px solid #ecf0f1;margin:0;padding-left:8px;min-height:50px}.map .area-info-list dd a{padding:8px 0;display:block;font-size:12px;color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.map .area-info-list dd a.active,.map .area-info-list dd a.hover,.map .area-info-list dd a:hover{background:#f9f9f9;color:#fe7e22;text-decoration:underline}