<template>
<div>
    <div id="left-panel">
        <div id="searchbox" class="clearfix">
        <div id="searchbox-container">
            <div id="sole-searchbox-content" class="searchbox-content" v-show="showSearchboxContent">
            <input v-model="inputData" id="sole-input" class="searchbox-content-common" type="text" name="word" autocomplete="off" maxlength="256" placeholder="搜地点、查公交、找路线"
                value="">
            <div class="input-clear" title="清空" v-show="clearDiv" @click="clearInputData"></div>
            <div class="searchbox-content-button right-button route-button loading-button" data-title="路线" data-tooltip="2" @click="showRouteBox">
            </div>
            </div>
            <div id="route-searchbox-content" class="searchbox-content route-searchbox-content bus" v-show="showRouteSearchboxContent">
            <div class="route-header">
                <div class="searchbox-content-common route-tabs">
                <div class="tab-item bus-tab" data-index="bus">
                    <i></i>
                    <span>公交</span>
                </div>
                <div class="tab-item drive-tab" data-index="drive">
                    <i></i>
                    <span>驾车</span>
                </div>
                <div class="tab-item walk-tab" data-index="walk">
                    <i></i>
                    <span>步行</span>
                </div>
                <div class="tab-item bike-tab" data-index="bike">
                    <i></i>
                    <span>骑行</span>
                </div>
                <div class="arrow-wrap"></div>
                </div>
                <div class="searchbox-content-button right-button cancel-button loading-button" data-title="关闭路线" data-tooltip="3" @click="cancelRouteBox">
                </div>
            </div>
            <div class="routebox">
                <div class="searchbox-content-common routebox-content">
                <div class="routebox-revert" title="切换起终点">
                    <div class="routebox-revert-icon"> </div>
                </div>
                <div class="routebox-inputs">
                    <div class="routebox-input route-start">
                    <div class="route-input-icon"> </div>
                    <input autocomplete="off" maxlength="256" placeholder="输入起点或在图区上选点" class="route-start-input" type="text"
                        value="">
                    <div class="input-clear" title="清空" style="display: none;"> </div>
                    <div class="route-input-add-icon"> </div>
                    </div>
                    <div class="routebox-input route-end">
                    <div class="route-input-icon"> </div>
                    <input autocomplete="off" maxlength="256" placeholder="输入终点" class="route-end-input" type="text" value="">
                    <div class="input-clear" title="清空" style="display: none;"> </div>
                    </div>
                </div>
                </div>
            </div>
            </div>
        </div>
        <button id="search-button" data-title="搜索" data-tooltip="1" @keyup.enter="queryData" @click="queryData('')"></button>
        <div id="toast-wrapper">
            <div id="toast">
            <img class="info-tip-img" src="//webmap1.bdimg.com/wolfman/static/common/images/transparent.gif" alt="">
            <span class="info-tip-text"></span>
            </div>
        </div>
        </div><!--搜索框-->
        <ul v-show="showReturnPanel" id="cards-level0" class="cardlist"><!--返回-->
           <li @click="returnListPanel"  ref="returnListPanelInfo" class="card status-return fold" data-fold="返回“(西安熙地港店)”的搜索结果" style="z-index: 100; max-height: 372px;">
               <div class="poi-wrapper">
                   <div id="unlog">
                   </div>
               </div>
           </li>
        </ul>
        <ul v-show="showListPanel" id="cards-level1" class="cardlist"><!--放入下方的结构面板,hover是一个状态，非hover又是一个状态-->
            <li v-show="liList"  class="card animated-card" data-fold="" style="height:440px;">
                <div class="poi-wrapper">
                    <ul class="poilist">
                        <li  v-for="(item,index) in finalArr" @click="clickLi(item)" @mouseenter="highLight(item)" @mouseleave="removehighLight(item)" :key ='index'  :id=index
                        class="search-item base-item" v-on:mouseover="addActive($event,item)" v-on:mouseout="removeActive($event)">
                            <div class="col-l"><!--图标文字区域 -->
                                <a href="javascript:void(0)" :style="getStyle(item, index)"></a>
                            </div>
                            <div class="ml_30 mr_90"><!--文字区域 -->
                                <ul class="poilist">
                                    <li style="color: #3385ff!important;font-size:12px">{{item.name}}</li>
                                    <li style="font-size:12px">{{item.address}}</li>
                                    <li style="font-size:12px;color:rgba(0, 0, 0, 0.45)">{{item.type}}</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </li>
            <el-pagination  ref="pagination"
                small
                background
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[5, 10, 20, 40]"
                :page-size="pagesize"
                :pager-count=5
                layout="total, prev, pager, next"
                :total="countPage"
                style="width:368px;margin-left:-30px;background:#fff;pointer-events:auto"
                >
            </el-pagination>
        </ul>
        <ul v-show="showInformationPanel" id="cards-level2" class="cardlist" style="background:#fff"><!--点击详情,含有搜周边-->
           <li  class="card animated-card" data-fold="展开" style="height:319px;padding: 0px;overflow: hidden;z-index: 100;border:'black 1px solid'">
                <table v-for="(item,index) in tableData" :key="index" class="mailTable" :style="styleObject">
                    <tr>
                        <td class="column">{{item.key}}</td>
                        <td class="column1">{{item.value}}</td>
                    </tr>
                </table>
           </li>
           <div id='nearSearch'>
                <el-select v-model="value" 
                  size='mini'
                  placeholder="请选择"
                  style="width:90px">
                    <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                </el-select>
                <a href="javascript:void(0);" @click="nearQuery()" style="text-decoration:underline;">搜周边</a>
           </div>
        </ul>
  </div>
</div>
</template>
<script>
import paginationPanel from './paginationPanel.vue';
export default{
    name:'leftPanel',
    components:{
       paginationPanel: paginationPanel
    },
    computed: {
        rowCount: function () {
            return Math.ceil(this.tableData.length / 2)
        }
    },
    created() {
        var lett = this;
        document.onkeydown = function(e) {
            var key = window.event.keyCode;
            if (key == 13) {
                lett.queryData('');
            }
        }
        this.styleObject = this.tableStyle
        if (this.showByRow !== undefined) {}
    },
    mounted(){
        this.$refs.pagination.$el.getElementsByClassName('el-pager')[0].style.margin = '0px'
        this.$refs.pagination.$el.getElementsByClassName('el-pager')[0].style.paddingLeft = '0px'
    },
    watch: {
        inputData: function () {
            this.inputData!=''?this.clearDiv = true:this.clearDiv = false
        }
    },
    props: {
            poiMap: {
                type: Object
            }
    },
    data () {
      return {
          inputData:'',
          styleObject: {},
          options: [{
                value:  100,
                label: '100米'
            }, {
                value:  500,
                label: '500米'
            }, {
                value:  1000,
                label: '1000米'
            }, {
                value:  1500,
                label: '1500米'
            }, {
                value:  2000,
                label: '2000米'
          }],
          value: 500,
          tableStyle:{ width:'100%'},
          nameConfig : {
            'name':'名称',
            'type':'类型',
            'gaodelon':'经度',
            'gaodelat':'纬度',
            'cityname':'城市名',
            'adname':'行政区',
            'address':'地址'
        },
        //   s_showByRow: true,
          tableData: [],
          liList:false,
          finalArr:[],
          transTitle: ['', '名称', '类型', '经度', '纬度', '地址'], // transTitle 该标题为转化后的标题, 注意多一列,  因为原来的标题变成了竖着显示了, 所以多一列标题, 第一个为空即可
          clearDiv:false,
          showSearchboxContent:true,
          countPage:1,
          showListPanel:false,
          showInformationPanel:false,
          showReturnPanel:false,
          showRouteSearchboxContent:false,
          currentPage:1, //默认显示第一页
		  pagesize:10,   //每页的数据
          pageShow:true,//初始化分页为false
          isNearByFlag:false,
          red10img : [
                {'0':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUI2OTdEREE5Njc4MTFFQTkyQjNFRTYzRjJEMjk4MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUI2OTdEREI5Njc4MTFFQTkyQjNFRTYzRjJEMjk4MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQjY5N0REODk2NzgxMUVBOTJCM0VFNjNGMkQyOTgyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQjY5N0REOTk2NzgxMUVBOTJCM0VFNjNGMkQyOTgyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqT6EGIAAAELUExURf82XP9JbP+Hntvb2+/v7//b4v8tVP8uVv92iPT09OXl5f9Xdv/I0v+5xtra2v+wv/+jtP/6+/83XP8wV/9lgv8+Yv9yjP9AZP/7/P/R2v9ffv8yWP8vVv/o7P/19v/5+/9Vdv/G0ejo6P+PpP/9/v9PcOmOn/96k/9UdP/Bzf/8/P+Bmf9efP/a4f/z9f8/ZP/m6/9CZv/k6f+8yevr6+Pj4/9CYuG1veDg4P+ouP91j//i5f9zjv+SoP39/ff399/f3/9YeP/H0t7e3u7u7vz8/Pv7++Hh4fr6+vyJn/+lt93d3f9nfOLi4v03XP88Yf/d5OG0vPyInv87YNnZ2f+rtP////8rU////44il6kAAABZdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AT4UBDwAAAUVJREFUeNp01NWWgzAQBuChUIW6u7t33d19F5q8/5MsUAgJhP8mE75zuJgZAGwm2jkW1cRdTLrEdsA6m/FhHxD0h/EmI5NUHtnJpyaObGRER97YMl8iNsv5Tupr5M66bkoFeVMxJIl4SWLoCeQW2WqkFnpwSy7vDUqQAgG71LZbWgIgE2ic0XIDf1Z1oR1qtHxByLkwEoaqj1Sh6CNFmPnIDLo+0oWyj5QBj7gy0js6dvqmRUg9NqZQ4LS6YM5nIXhAWOymHcy4IPNtb4iSZSCrOFsVp7qHQnv0Jr5ScsLu6JTA1LW96ZYFrbRLcLBmQi3o3niMdwsRwF5ZhY1JrjiCz3U5xTxp69LmSkn/skpcwTmUw1x5/EUvz16JxkR1gAZq4kNiRVL1/HweGccTI1FRJemwb3u4j13rf4S3g/0r68m/AAMAcVg78R1hFV0AAAAASUVORK5CYII='},
                {'1':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTJCNTg2OTI5Njc4MTFFQThBODBBNEM5Mjc0MTIxQjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTJCNTg2OTM5Njc4MTFFQThBODBBNEM5Mjc0MTIxQjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMkI1ODY5MDk2NzgxMUVBOEE4MEE0QzkyNzQxMjFCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMkI1ODY5MTk2NzgxMUVBOEE4MEE0QzkyNzQxMjFCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpLhcw0AAAEXUExURf+rtP8tVP8sVP+SoP/19v92iP9TdP+fsf80Wv/CyP9CYv8vVv9VcLy8vP+Lof+fqv+9yuDg4P39/f84XsPDw/T09P+uvv9aev/L1bq6uv8zWv87YP9OcP/4+f+dsP9Iav9+lv9uiv/3+P+8yf/s7v+Vqf/n7P9DZv/Q2f/z9f/9/s7Ozv/X2//T297e3u/v7/8xWP8yWOjo6Onp6f/N0f/8/N5Ycf/19/tUc9DQ0P/BzcjIyNPT08XFxff39/9FaP9nfP9EaP9yjP+2vv85Xs2DkeXl5cvLy8fHx8rKytvb29nZ2ftVdMDAwP90jv+FlNjY2P83XPn5+c2Ckf/i5cbGxv+PpPX19f0sUrm5uf////8rU////1zWEIIAAABddFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AOGvnZAAAAFuSURBVHjabNPllsMgEAVgkqbu7u7u7bq7+25g3v85lhZoQ5r7Ixny9QQCUwQQn4Qf9r9jx7dvg5thBFjiE8SrdqA4Uok6Kgba/AmTfFkhIko5v5WUixjjSgmpKkSOUmXSNwOl/ko6UbKbaIdKiVilBGju5bXHrWE88/GRd46c4ldfGPc0XPPwoRM5ePWKNR/x1LCNjx1IfIpNu6RXhJH4KKRKE/dwUCwcSRDEmpiHSGLDm2moGDbAbQQFXVkDeUfJLWhnhjcnUYJXdoyDdhqxCQkEY1bNMAtf0pjuaJ2vC7HY2bC+Op+mxVY31yfX8O6At8FOO6SaQD0QHeI0iXPbVQEJfgz9BhcGeDF2IkBuAzmQZZnhkFmaBEJcQmAWYA3hgF1praVlIXBO4RSspEClYCkV+s+qWApkSRYs5WSPPP1GdmTa9esLstDTh+GIJGGd5vPvenW7k2Tq1zc5kt/2MejG/Hr6+f5xyJ/8CzAA6tI90hUC8msAAAAASUVORK5CYII='},
                {'2':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REIwMkI5RDU5Njc4MTFFQUFGNUFGN0M1Q0U1ODYxMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REIwMkI5RDY5Njc4MTFFQUFGNUFGN0M1Q0U1ODYxMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjAyQjlEMzk2NzgxMUVBQUY1QUY3QzVDRTU4NjEwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjAyQjlENDk2NzgxMUVBQUY1QUY3QzVDRTU4NjEwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PulTGgsAAAEIUExURf8tVP/19v/X2/8sVP/N0f+SoP+ktf/CyP9CYv8uVv88Yf9nfP92iP+fqv+Bmf8zWv9rh/9VcKGhocPDw/8vVv9Rcv9BZf9ffrm5ub9hc/9+luDg4P/i5dk9Wv+2vv+3xP/9/v85Xv/6+//19//z9Z+fn/+rtNLS0ujo6P+FlP/Bzf+9yv82XP/c4v92j/+Rpv/w89DQ0P/u8fz8/MXFxd/f38bGxtvb2/b29tjY2MvLy8jIyPo9Yf80Wt7e3rGxsfT09O/v7/o8YP39/f9vi/+Al8TExPDw8LS0tPPz8/0rUrCwsKurq/9Wdv+puf9UdOXl5aamps/Pz8DAwJ2dnf////8rU////z3R4wsAAABYdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wB4m8IIAAABa0lEQVR42nTSh3aCMBQG4CCoqDjq1rpH3aOO7r33JLnv/yZNhERG+h+PkHxA1kW7h/sHmVXmIbM6Ob74ur4FgKs+60RgZZEaq4QQdZxa2D2WtHNkm1x7K3VEnEF1LiHiTciSIfFnyKQRkUikQaVAZCkAaqn2vR5WsFLT7ZbaQvf8qQrGAfrjzQSK2ncDrOyQmIJjdjuK+FIMLU7/A9jgi3KtUY9jRRfrdcAexnhAZBIMV9hgEqHRcFiI2IEYe9oQ046gvBhEYx8Ukkcz/grGcWIoOGi3Zwj4SDXMwoeh/TAVU9MCGn+DTNn5JCVbndyc3ET1gTr577Q/eIUkPJDYVlXKBXeOeoNPB7w7KxGgKaAJbpnzBaO5R8QEQ+AVsAoiCn4ZbWQkkc0unYNMylTKUulQ6UgFsiQLUnm+IWePS5+si2mzSqpm97K3dEnPpCm9lNjl1SXrtCny6/7a0U/xLW12v59O+3bPnwADALbwL2Q30AygAAAAAElFTkSuQmCC'},
                {'3':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDIzMDNBQzg5Njc4MTFFQUE4NDZGQUY1NTNBNEVFMDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDIzMDNBQzk5Njc4MTFFQUE4NDZGQUY1NTNBNEVFMDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMjMwM0FDNjk2NzgxMUVBQTg0NkZBRjU1M0E0RUUwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMjMwM0FDNzk2NzgxMUVBQTg0NkZBRjU1M0E0RUUwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvNJubQAAAD8UExURf92iP+rtMPDw//X28XFxf8sVP8yWP9nfP/i5YqKiv+Qpf9rh8TExP/s7v+SoP9Wdv8tVP97k//p7f9ohP+wv/+svNXV1f/4+e/v7//r7/+fqqampv9Mbv/R2v/8/P9VcPv7+/oyV//CyP/y9P/u8YiIiP9gfv9BZf8vVtYwT/+PpP8xWP+ktevr6/9FaK+vr7ZKX/8uVv81XP9CYvLy8vPz897e3tDQ0P/19pCQkOXl5dvb27i4uP9CZrdKXv0rUpaWlsHBwcvLy/+2vv+VqcbGxv9phqCgoOHh4eDg4P9aepubm52dnf82XOjo6NjY2IaGhv////8rU////2RbNLEAAABUdFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ctEAAAFBSURBVHjadNKFkoMwEAbgbSnWHlB3dzt3dzeSff93OSgBAuT+GYZNvhnIbBbSmfSW9zz8nlzUj37eL0+f3Q1AL0VrTt3MrSLb8WQ0o2Fmo1DWNJq1L0saz9KTMk2m7EpXFojcdaRNRWkj1Pj1o6T6ZQ1eOGgSAn6dAyUElXCiQAiHGi+UkyExNKGYhKiSSHpnJEWFohEDQCPN4Njgd4CwSH4X4JtVKTcGGZpsfQAFvgfcfwqA/4jT0SknZqrHqql7P3lBq/Obm+sIpOPddjYBT/6E5GKQC6fKisAHN294zcEOP4mIqwBWGJVGII2YBAfMYlzQGwgFk1LZSEUgmy7to0hKjpSEMnZkLBSUqYxCqQ/oYLufkGpLtxd0YU++Mv2IZGwnN7d77uszIlXdDrIb/drxfetOtyfnr1dvbOdPgAEAd1MkQ3tIuBIAAAAASUVORK5CYII='},
                {'4':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzZENDcwNDM5Njc4MTFFQTlFNkE5M0I0NTMzN0RFN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzZENDcwNDQ5Njc4MTFFQTlFNkE5M0I0NTMzN0RFN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNkQ0NzA0MTk2NzgxMUVBOUU2QTkzQjQ1MzM3REU3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNkQ0NzA0Mjk2NzgxMUVBOUU2QTkzQjQ1MzM3REU3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqLFO7gAAADqUExURf/X28PDw/92iP/CyMXFxf+SoP+rtP8uVv8tVP8sVMTExP9CYv9Iav9nfHd3d//s7v/N0f9aev9/l/99lv/n7P9AZNUqSv+dsP9YeP9phv/H0vr6+v+Vqf8wV/83XP/q7votU/+fqpWVlbm5uf9Qcf+hs//u8czMzP/3+HR0dP/k6f/7/P/19rA7Uv86YP9ZeP0rUv9Lbdra2sbGxomJicvLy7S0tP+EnP/i5ebm5o6Ojs7Ozv84Xp+fn7A7UH19fcrKyuvr68/Pz8nJyf9+lvDw8Kqqqs3NzYODg4uLi3Jycv////8rU////7TW2v8AAABOdFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////AKxN+84AAAFDSURBVHjadNKHkoMgEAbgjbkk5kzvvffkeq+5XoR9/9c5BUER7p/JRPhGFmEhcZA45L+rt5f374cLMQHIs8nZ1I+d2wQzXBYDGmawCKVH1fSEVGk8VS5zqmfuy5aasvWkbpQ6wko8O8CSD4YrOBFiERYrGJYhIyRNktHlMiAfSyStVAqlSJIAaUcXh5e5dTTJF3cpahXJWF+NJUXgH7Ei0lc2PZZb70Nb1CHEq7OTX9oGFG8n2d7k13onOpPVS1BKicHMv5+s4aiz7OY6Bunw265ocCM6pByDcthVOQXOIv2GjxE4jnYioi3BRlVqUmoxwY8AKhgX5A2RQV2aTJoGYaeURZO0PGkZZejJ0Cj+TaFRXkd0dNfVZDkpuA3acNe/064iU9fL0emz/3epyLLgyjypq31eT34K7np//3UezPwJMAAcoQ8mMbY6MQAAAABJRU5ErkJggg=='},
                {'5':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkQzMzREMzA5Njc4MTFFQUFFMTlCNDM2ODkwNUY5QUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkQzMzREMzE5Njc4MTFFQUFFMTlCNDM2ODkwNUY5QUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRDMzNEQyRTk2NzgxMUVBQUUxOUI0MzY4OTA1RjlBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRDMzNEQyRjk2NzgxMUVBQUUxOUI0MzY4OTA1RjlBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmm43LgAAADkUExURcPDw//X2/+fqv92iP+SoP8tVP/19sXFxa2trcTExP/CyP8sVP8yWGZmZv8+Yv9OcP/N0f/s7v9CYv+rtP+Hnv84Xv9xjNUnSP9Mbvn5+f/j6P/m6//r7//6+/9ce/9Gaf++yv9VcP9vi//f5f+UqP+2voaGhmNjY//19//i5f+QpfosU6wwSP9Nbv9BZf0rUq6urv9nfKioqKwwR/92j3Nzc5GRkf9wi7Gxsefn52xsbP80WrCwsHl5eZ2dna+vr9PT0+3t7eHh4bi4uMHBwXt7e7y8vH5+fmFhYf////8rU////+Pw1RsAAABMdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////wCejeTMAAABUklEQVR42mzSh3aDIBQGYFypiUlMYvZu9ujeO931wvu/T0EBRfnPiQG+IzIuQkeoSH+/D+7Fi3v4+i7ygSIiceZVD7N41TkfiWVYxknKw0SaWE1TyAxnM4tlgfNZMBlhXUZUWlppEbSRHbMOULsUvQ06Fc0AYFuAeoN3feTw1jGAhRt1sHnfQXIuKNGnFVhiQEoJzKVhBA2cEwMKQLPVio2tApgaYWM2GDmpAfu2lRJHrm0ZPWty1eNkPyb7jtjPGBHxts2WFm0qCj3RiWhbJcMQb+AJux/tWUc3N9XANL7tdg5uRIX4GfCTqqoqcJaqN5Kut+d0JRLiSfCIKn0p/YyQew5tkhUSH61D8rKLZKcRwk9FI10KXa0MqAy0QpTJ0vK4x/vPXk7QqhJ2cCdc/7g9RdyQ5uT8mv29KoIqocydOtvH1eq2Eq6f/t7e+ci/AAMARtIGfkn/bwsAAAAASUVORK5CYII='},
                {'6':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjQ5Q0FGMEU5Njc4MTFFQTk5NDI4MUM3REY5MTBGODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjQ5Q0FGMEY5Njc4MTFFQTk5NDI4MUM3REY5MTBGODEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNDlDQUYwQzk2NzgxMUVBOTk0MjgxQzdERjkxMEY4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNDlDQUYwRDk2NzgxMUVBOTk0MjgxQzdERjkxMEY4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8R2eoAAADtUExURf/X2/8sVMPDw/+rtMXFxf/N0f9kgv83XP9FaP+SoP+FlP8vVlhYWP9CYlVVVf8zWv+EnLu7u6Kiov+2xP9lgpeXl//j6P9DZv/5+//f5by8vPj4+P92iP/a4cTExKkpQXh4eNQlRv98lf+InvorUv/o7P/z9f8+Yv9RcoSEhP86YP/19ri4uP/s7rGxsf9qh8zMzN3d3ZycnP0rUuPj4/9EaJGRkXBwcP+fqmVlZaWlpaenp6+vr+rq6qysrP8wV62trf/i5aCgoP9VcMHBwV5eXp2dnf9nfGtra21tbf+2vlNTU/////8rU////6z3S+MAAABPdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////wA9VrCzAAABMUlEQVR42nTSh5KDIBAGYIxn1ETTe7n0cr333ovA+z/OYUDdVe6fcVz4xk0GluS2cr3D57vXZvP09vF+/31bbIRPj3CZoc1k7KHakbIosiTFRSJThjONJM/SyUuZsWxmoXSYLh0hZa2UOVmq0iUyv2q9JBeqMqmMpdYOMWAP/2XvS5UGQd0teh3XSAYULJEc0IFeCvATJBZ19eJT6kMx/mlmkHVcm9QEsiY8+ZwWgIgTXUW1a74lsArvR3vWm5ura6Aub7uRgaNoQpwUOMlU2Qh2wbxxOG9PcBLRH+RYujF0UxKPY4OnhcujNXhWKhupaITDn8fSFtDWSktISyscNYNyPmfzk35GqmMvmLBJUPqp9ZHUApHR2Sh8fSOpekGcHdzt4XN84wWlj6vLY7XzJ8AAGjIYPf24emsAAAAASUVORK5CYII='},
                {'7':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNBQzc2NjU5Njc4MTFFQUI4OUFBMEFDMDY0MTY1QkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNBQzc2NjY5Njc4MTFFQUI4OUFBMEFDMDY0MTY1QkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0FDNzY2Mzk2NzgxMUVBQjg5QUEwQUMwNjQxNjVCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0FDNzY2NDk2NzgxMUVBQjg5QUEwQUMwNjQxNjVCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvBObI0AAADzUExURf/19v/X2/92iP+rtP9CYv/i5ZaWlv9aekxMTP8tVJeXl/8+Yv+fqv/N0f+2vv8zWrOzs//4+dQkRUlJSf9+lv/s7q2trf95kv8wV/9xjP/f5WxsbP84Xv/k6f/V3aCgoP9nfP+uvv9VcP/a4f/y9P88YfoqUf/CyP9bev+SoKenp/9JbJiYmMPDw/f397GxsXh4eKysrP89YqclPcXFxYaGhq+vr7y8vJycnFFRUd/f3/81XKWlpcHBwWFhYcTExP8uVv9gfv+FlNnZ2f0rUri4uOfn52RkZMbGxlhYWJOTk15eXqglPkdHR/////8rU////8jVMwIAAABRdFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////AGjsqMEAAAFLSURBVHjabNLXlsIgEAbgSaKxbeyu3bXrrmV7771m4P2fZokRAoH/IgG+MxwODBzuHuxls67rZq/uji/e7x9XZ6vLYBFomF6BhCn0tiuhdDMkSqYbSZOoaXJJkXhSoVSJnmogJWJKiUnDKA0KYzFxAHGW4LMxnPBhHtECTPJpDkQJoE0SgH0xF4LIdkoy1sRCz3YQEroM2QEwKpEkiTXHQhhqso81tpGHeU0cdNjXRssgs01lJIvtoI+4Q2xgnzALoNIdsIg7YDfa4eMXz7J4BekE72O8683LDQwwCF97rsEz75BcDHJRVxUUuJX6jcr99iR3onJAqspIwCgmoh3nNC5U3UuW+gbqBqFqiSwTBhOjtJi0jEKVzWS5mZLp61qTYjvtl0nZrzws14osfZa/t9Pg96tIMe2LHKm7ffy0v9N+5frz/Gu78i/AAE/OHLjDdAAcAAAAAElFTkSuQmCC'},
                {'8':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTMwREZGRkY5Njc4MTFFQThGNjM5NTdFMEY2OUIxQzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTMwRTAwMDA5Njc4MTFFQThGNjM5NTdFMEY2OUIxQzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMzBERkZGRDk2NzgxMUVBOEY2Mzk1N0UwRjY5QjFDNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMzBERkZGRTk2NzgxMUVBOEY2Mzk1N0UwRjY5QjFDNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj3m+8kAAADzUExURf/X2/+rtJaWlv+SoP+fqv+2vv8tVP92iJeXl/9CYv/19v9nfP8xWEFBQf/N0f85Xv/CyP91j/9Rcv/i6P/i5f/4+dQkRcPDw/9ohP9wi6urq//Q2f83XP/c4v9VcP/w8/+mt46OjmFhYfb29v9CZv9TdP8uVj4+PvoqUf/W3v80Wv0rUv9Scq+vr0ZGRqysrK2trby8vE1NTcHBwXt7e/84Xv+FlFZWVlNTU21tbf8yWKYhOtzc3NXV1aWlpaCgoMDAwOTk5JycnP9YeImJicXFxbi4uKYiO6enp8TExFlZWbGxsf/s7jw8PP////8rU////0gI1FEAAABRdFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////AGjsqMEAAAFHSURBVHjabNKHkoMgFAVQSDTFEtN778n23jfbuw/+/2sWCyjKnVGRg8jAQ4VCJpPxr5fHo4OPs+/We+vk9/hrh2iQnkWCWL2wJ5BajkTJ1SJpEzltLlWSTDWQCkmn4kmDqNJgslTKkqIRbxd1AwwsaIQueBMB1A0o8VcH8ZYJYJJiHfJiJG9gKLN7FrBCvL48oJRofp+ukCFAKY9BIewXLH8qIUOMLzXQU2Iib20lyAqZ8y0A0NgyjGL4PkeUj9G9/0SfsB3diiUgVBY7sPXOR7nX/smNFTAOTnuRgldeIU4CnKiqLAluY/VGpXqLV6K0QCrLRsAmIXQ/hAVNCpXnikvHh45CqPxJXPoM+koZMBkohUqTxeV+TdYPs5R0p7bbJE13dTWZSTJxWT737rzHtSRd2xW5kWd7fpue2u7q8Of8Kez5F2AA1FobuufIcx8AAAAASUVORK5CYII='},
                {'9':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZGOTYzM0M5Njc4MTFFQUI4OTdBQ0FCMDEyMEY3RTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZGOTYzM0Q5Njc4MTFFQUI4OTdBQ0FCMDEyMEY3RTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NkY5NjMzQTk2NzgxMUVBQjg5N0FDQUIwMTIwRjdFMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NkY5NjMzQjk2NzgxMUVBQjg5N0FDQUIwMTIwRjdFMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqMBPwgAAADtUExURf92iP/X2//CyJaWlv/19v9nfP+SoJeXl/8sVP8vVv9Lbf82XP+fqv+FlP9CYv/i5Tg4OP+2vv9MbvX19dQkRaSkpFdXV/8yWDU1Nf80Wv/L1f/s7v/f5f/u8foqUf/Z4P/3+P8tVP9gfv9ohP+fsf/S2sPDw4WFhf9tiP89Yq2traWlpbi4uKUfOOHh4bGxsXFxcaCgoP9QcWNjY9nZ2f/N0UNDQ7y8vKYgOcHBwaysrK+vr4CAgElJScTExNHR0f9VcE9PT6enp8XFxbq6uv0rUv81XExMTD09PZycnP+rtDMzM/////8rU////2bScqsAAABPdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////wA9VrCzAAABUklEQVR42qzS55KCMBAA4KigoiL23rvXe+/9wibv/zi3SVAI5uftDITsFxYmWZLJpFIpef3u390f3D4t3hfXx3tvp4Sr6DhMhdMJMkp6WRZGthfKhOkx2UiOxSOnZMV2YyVkxEwxQhkbZcxJXz0RoHinFkCyKBN98iVH2xJCATyAhMzkiRwwJcQCV6yxVRUFlodCwMNJWdYNJE2LFOcFSOLEDcqR4F+EULma/JOk5XfUXRcbuviUhIKSdSisixtQAHgRiTXhEXFBRFkmcEeb6l0q6pLLRCIt501xPsa9lic3M8BMnXZlB842HZKPQT7sKkcDJ9JvXOu3aCdqP8h1mW9hHpNtO1Z4XLheKypTCVODcP2VqLQR2kYZogyNwrViUbkYsMFzdUfqjZJfYzW/9b2sarL0MW4+D8XwqEm95G/jXK929NC4Kvmtn9eTjyDzJ8AA2swU+jMn3XIAAAAASUVORK5CYII='},
            ],
            blue10img : [
                {'0':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkI0N0UxREQ5NEYyMTFFQUIyMzE4M0JFMDQ5MjVEM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkI0N0UxREU5NEYyMTFFQUIyMzE4M0JFMDQ5MjVEM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QjQ3RTFEQjk0RjIxMUVBQjIzMTgzQkUwNDkyNUQzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QjQ3RTFEQzk0RjIxMUVBQjIzMTgzQkUwNDkyNUQzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrG4K8wAAAELUExURTaH/0mT/4e4/9vb2+/v79vq/y2C/y6D/3am//T09OXl5Veb/8je/7nV/9ra2rDQ/6PI//r8/zeI/zCE/2Wk/z6M/3Kr/0CN//v9/9Hk/1+g/zKF/y+D/+jx//X4//n8/1Wa/8bd/+jo6I+8//3+/0+W/46z6Xqw/1SZ/8Ha//z9/4G0/16f/9rp//P4/z+N/+bw/0KP/+Tv/7zX/+vr6+Pj40KL/7XH4eDg4KjL/3Wt/+Lr/3Os/5K3//39/ff399/f31ic/8fe/97e3u7u7vz8/Pv7++Hh4fr6+om4/KXK/93d3Wed/+Li4jeH/TyL/93r/7TG4Yi3/DuK/9nZ2avG/////yuB/////wEe7yQAAABZdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AT4UBDwAAAUVJREFUeNp01NWWgzAQBuChUIW6u7t33d19F5q8/5MsUAgJhP8mE75zuJgZAGwm2jkW1cRdTLrEdsA6m/FhHxD0h/EmI5NUHtnJpyaObGRER97YMl8iNsv5Tupr5M66bkoFeVMxJIl4SWLoCeQW2WqkFnpwSy7vDUqQAgG71LZbWgIgE2ic0XIDf1Z1oR1qtHxByLkwEoaqj1Sh6CNFmPnIDLo+0oWyj5QBj7gy0js6dvqmRUg9NqZQ4LS6YM5nIXhAWOymHcy4IPNtb4iSZSCrOFsVp7qHQnv0Jr5ScsLu6JTA1LW96ZYFrbRLcLBmQi3o3niMdwsRwF5ZhY1JrjiCz3U5xTxp69LmSkn/skpcwTmUw1x5/EUvz16JxkR1gAZq4kNiRVL1/HweGccTI1FRJemwb3u4j13rf4S3g/0r68m/AAMAcVg78R1hFV0AAAAASUVORK5CYII='},
                {'1':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RENFOTdFRDU5NEY0MTFFQUI5MzFFQTk4RTM2QjdBNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RENFOTdFRDY5NEY0MTFFQUI5MzFFQTk4RTM2QjdBNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQ0U5N0VEMzk0RjQxMUVBQjkzMUVBOThFMzZCN0E1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQ0U5N0VENDk0RjQxMUVBQjkzMUVBOThFMzZCN0E1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoAlIEQAAAEXUExURavG/y2C/yyB/5K3//X4/3am/1OZ/5/G/zSG/8LV/0KL/y+D/1WU/7y8vIu6/5+//73Y/+Dg4P39/TiJ/8PDw/T09K7P/1qd/8vg/7q6ujOG/zuK/06W//j7/53F/0iS/36y/26p//f6/7zX/+zy/5XA/+fx/0OP/9Dj//P4//3+/87Oztfk/9Pl/97e3u/v7zGE/zKF/+jo6Onp6c3c//z9/1iO3vX5/1SX+9DQ0MHa/8jIyNPT08XFxff390WQ/2ed/0SQ/3Kr/7bO/zmJ/4OhzeXl5cvLy8fHx8rKytvb29nZ2VWY+8DAwHSs/4Wu/9jY2DeI//n5+YKhzeLr/8bGxo+8//X19SyA/bm5uf///yuB/////7yg04wAAABddFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AOGvnZAAAAFuSURBVHjabNPllsMgEAVgkqbu7u7u7bq7+25g3v85lhZoQ5r7Ixny9QQCUwQQn4Qf9r9jx7dvg5thBFjiE8SrdqA4Uok6Kgba/AmTfFkhIko5v5WUixjjSgmpKkSOUmXSNwOl/ko6UbKbaIdKiVilBGju5bXHrWE88/GRd46c4ldfGPc0XPPwoRM5ePWKNR/x1LCNjx1IfIpNu6RXhJH4KKRKE/dwUCwcSRDEmpiHSGLDm2moGDbAbQQFXVkDeUfJLWhnhjcnUYJXdoyDdhqxCQkEY1bNMAtf0pjuaJ2vC7HY2bC+Op+mxVY31yfX8O6At8FOO6SaQD0QHeI0iXPbVQEJfgz9BhcGeDF2IkBuAzmQZZnhkFmaBEJcQmAWYA3hgF1praVlIXBO4RSspEClYCkV+s+qWApkSRYs5WSPPP1GdmTa9esLstDTh+GIJGGd5vPvenW7k2Tq1zc5kt/2MejG/Hr6+f5xyJ/8CzAA6tI90hUC8msAAAAASUVORK5CYII='},
                {'2':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTk2NjJGNTY5NEY0MTFFQTg2M0M4RDNCQkI1M0ZDOEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2NjJGNTc5NEY0MTFFQTg2M0M4RDNCQkI1M0ZDOEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOTY2MkY1NDk0RjQxMUVBODYzQzhEM0JCQjUzRkM4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOTY2MkY1NTk0RjQxMUVBODYzQzhEM0JCQjUzRkM4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjwQnyAAAAEIUExURS2C//X4/9fk/yyB/83c/5K3/6TJ/8LV/0KL/y6D/zyL/2ed/3am/5+//4G0/zOG/2un/1WU/6GhocPDwy+D/1GY/0GO/1+g/7m5uWGHv36y/+Dg4OLr/z182bbO/7fU//3+/zmJ//r8//X5//P4/5+fn6vG/9LS0ujo6IWu/8Ha/73Y/zaH/9zq/3at/5G+//D2/9DQ0O71//z8/MXFxd/f38bGxtvb2/b29tjY2MvLy8jIyD2K+jSG/97e3rGxsfT09O/v7zyJ+v39/W+q/4Cz/8TExPDw8LS0tPPz8yuA/bCwsKurq1ab/6nM/1SZ/+Xl5aamps/Pz8DAwJ2dnf///yuB/////49b4U4AAABYdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wB4m8IIAAABa0lEQVR42nTSh3aCMBQG4CCoqDjq1rpH3aOO7r33JLnv/yZNhERG+h+PkHxA1kW7h/sHmVXmIbM6Ob74ur4FgKs+60RgZZEaq4QQdZxa2D2WtHNkm1x7K3VEnEF1LiHiTciSIfFnyKQRkUikQaVAZCkAaqn2vR5WsFLT7ZbaQvf8qQrGAfrjzQSK2ncDrOyQmIJjdjuK+FIMLU7/A9jgi3KtUY9jRRfrdcAexnhAZBIMV9hgEqHRcFiI2IEYe9oQ046gvBhEYx8Ukkcz/grGcWIoOGi3Zwj4SDXMwoeh/TAVU9MCGn+DTNn5JCVbndyc3ET1gTr577Q/eIUkPJDYVlXKBXeOeoNPB7w7KxGgKaAJbpnzBaO5R8QEQ+AVsAoiCn4ZbWQkkc0unYNMylTKUulQ6UgFsiQLUnm+IWePS5+si2mzSqpm97K3dEnPpCm9lNjl1SXrtCny6/7a0U/xLW12v59O+3bPnwADALbwL2Q30AygAAAAAElFTkSuQmCC'},
                {'3':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJDNzA2N0YxOTRFQTExQjFBNUQ2ODIwOEUwQTg2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RThDNjFCMzk2NzcxMUVBOUY3QUM4NENBNTFCNDI0RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RThDNjFCMjk2NzcxMUVBOUY3QUM4NENBNTFCNDI0RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Wo4/kwAAAPxQTFRFdqb/q8b/w8PD1+T/xcXFLIH/MoX/Z53/4uv/ioqKkL3/a6f/xMTE7PL/krf/Vpv/LYL/e7D/6fL/aKX/sND/rM7/1dXV+Pv/7+/v6/P/n7//pqamTJX/0eT//P3/VZT/+/v7MoP6wtX/8vf/7vX/iIiIYKH/QY7/L4P/MHPWj7z/MYT/pMn/6+vrRZD/r6+vSna2LoP/NYf/Qov/8vLy8/Pz3t7e0NDQ9fj/kJCQ5eXl29vbuLi4Qo//Sna3K4D9lpaWwcHBy8vLts7/lcD/xsbGaab/oKCg4eHh4ODgWp3/m5ubnZ2dNof/6Ojo2NjYhoaG////K4H/////B/CnxAAAAFR0Uk5T//////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/dy0QAAAUFJREFUeNp00oWSgzAQBuBtKdYeUHd3O3d3N5J9/3c5KAEC5P4Zhk2+GchsFtKZ9Jb3PPyeXNSPft4vT5/dDUAvRWtO3cytItvxZDSjYWajUNY0mrUvSxrP0pMyTabsSlcWiNx1pE1FaSPU+PWjpPplDV44aBICfp0DJQSVcKJACIcaL5STITE0oZiEqJJIemckRYWiEQNAI83g2OB3gLBIfhfgm1UpNwYZmmx9AAW+B9x/CoD/iNPRKSdmqseqqXs/eUGr85ub6wik4912NgFP/oTkYpALp8qKwAc3b3jNwQ4/iYirAFYYlUYgjZgEB8xiXNAbCAWTUtlIRSCbLu2jSEqOlIQydmQsFJSpjEKpD+hgu5+Qaku3F3RhT74y/YhkbCc3t3vu6zMiVd0Oshv92vF96063J+evV29s50+AAQB3UyRDe0i4EgAAAABJRU5ErkJggg=='},
                {'4':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJDNzA2N0YxOTRFQTExQjFBNUQ2ODIwOEUwQTg2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3Nzk0QTJCQzk2NzcxMUVBQjFCMjgwOUJBMjlERDc0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3Nzk0QTJCQjk2NzcxMUVBQjFCMjgwOUJBMjlERDc0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bJOddgAAAOpQTFRF1+T/w8PDdqb/wtX/xcXFkrf/q8b/LoP/LYL/LIH/xMTEQov/SJL/Z53/d3d37PL/zdz/Wp3/f7P/fbL/5/H/QI3/Km/VncX/WJz/aab/x97/+vr6lcD/MIT/N4j/6vP/LYD6n7//lZWVubm5UJf/ocf/7vX/zMzM9/r/dHR05O//+/3/9fj/O2uwOor/WZz/K4D9S5T/2traxsbGiYmJy8vLtLS0hLb/4uv/5ubmjo6Ozs7OOIn/n5+fO2qwfX19ysrK6+vrz8/PycnJfrL/8PDwqqqqzc3Ng4ODi4uLcnJy////K4H/////sVPpoQAAAE50Uk5T//////////////////////////////////////////////////////////////////////////////////////////////////////8ArE37zgAAAUNJREFUeNp00oeSgyAQBuCNuSTmTO+99+R6r7lehH3/1zkFQRHun8lE+EYWYSFxkDjkv6u3l/fvhwsxAcizydnUj53bBDNcFgMaZrAIpUfV9IRUaTxVLnOqZ+7Llpqy9aRulDrCSjw7wJIPhis4EWIRFisYliEjJE2S0eUyIB9LJK1UCqVIkgBpRxeHl7l1NMkXdylqFclYX40lReAfsSLSVzY9llvvQ1vUIcSrs5Nf2gYUbyfZ3uTXeic6k9VLUEqJwcy/n6zhqLPs5joG6fDbrmhwIzqkHINy2FU5Bc4i/YaPETiOdiKiLcFGVWpSajHBjwAqGBfkDZFBXZpMmgZhp5RFk7Q8aRll6MnQKP5NoVFeR3R019VkOSm4Ddpw17/TriJT18vR6bP/d6nIsuDKPKmrfV5Pfgruen//dR7M/AkwAByhDyYxtjoxAAAAAElFTkSuQmCC'},
                {'5':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJDNzA2N0YxOTRFQTExQjFBNUQ2ODIwOEUwQTg2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MEVDQUFBMDk2NzcxMUVBODIzOTlDMDEyQUQ3RjZGNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MEVDQUE5Rjk2NzcxMUVBODIzOTlDMDEyQUQ3RjZGNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AMU9sgAAAORQTFRFw8PD1+T/n7//dqb/krf/LYL/9fj/xcXFra2txMTEwtX/LIH/MoX/ZmZmPoz/Tpb/zdz/7PL/Qov/q8b/h7j/OIn/cav/J23VTJX/+fn54+7/5vD/6/P/+vz/XJ7/RpH/vtj/VZT/b6r/3+z/lL//ts7/hoaGY2Nj9fn/4uv/kL3/LH/6MGOsTZX/QY7/K4D9rq6uZ53/qKioMGKsdq3/c3NzkZGRcKr/sbGx5+fnbGxsNIb/sLCweXl5nZ2dr6+v09PT7e3t4eHhuLi4wcHBe3t7vLy8fn5+YWFh////K4H/////EN1xjgAAAEx0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////AJ6N5MwAAAFSSURBVHjabNKHdoMgFAZgXKmJSUxi9m726N473fXC+79PQQFF+c+JAb4jMi5CR6hIf78P7sWLe/j6LvKBIiJx5lUPs3jVOR+JZVjGScrDRJpYTVPIDGczi2WB81kwGWFdRlRaWmkRtJEdsw5QuxS9DToVzQBgW4B6g3d95PDWMYCFG3Wwed9Bci4o0acVWGJASgnMpWEEDZwTAwpAs9WKja0CmBphYzYYOakB+7aVEkeubRk9a3LV42Q/JvuO2M8YEfG2zZYWbSoKPdGJaFslwxBv4Am7H+1ZRzc31cA0vu12Dm5EhfgZ8JOqqipwlqo3kq6353QlEuJJ8IgqfSn9jJB7Dm2SFRIfrUPysotkpxHCT0UjXQpdrQyoDLRClMnS8rjH+89eTtCqEnZwJ1z/uD1F3JDm5Pya/b0qgiqhzJ0628fV6rYSrp/+3t75yL8AAwBG0gZ+Sf9vCwAAAABJRU5ErkJggg=='},
                {'6':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJDNzA2N0YxOTRFQTExQjFBNUQ2ODIwOEUwQTg2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTgyMkUzNzk2NzcxMUVBQTA3QTk3NTkxQ0M0RjZERCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTgyMkUzNjk2NzcxMUVBQTA3QTk3NTkxQ0M0RjZERCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Gt5/igAAAO1QTFRF1+T/LIH/w8PDq8b/xcXFzdz/ZKP/N4j/RZD/krf/ha7/L4P/WFhYQov/VVVVM4b/hLb/u7u7oqKittT/ZaT/l5eX4+7/Q4//+fz/3+z/vLy8+Pj4dqb/2un/xMTEKV2peHh4JWzUfLH/iLj/K3/66PH/8/j/Poz/UZj/hISEOor/9fj/uLi47PL/sbGxaqf/zMzM3d3dnJycK4D94+PjRJD/kZGRcHBwn7//ZWVlpaWlp6enr6+v6urqrKysMIT/ra2t4uv/oKCgVZT/wcHBXl5enZ2dZ53/a2trbW1tts7/U1NT////K4H/////4tuh6AAAAE90Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////AD1WsLMAAAExSURBVHjadNKHkoMgEAZgjGfURNN7ufRyvffei8D7P85hQN1V7p9xXPjGTQaW5LZyvcPnu9dm8/T28X7/fVtshE+PcJmhzWTsodqRsiiyJMVFIlOGM40kz9LJS5mxbGahdJguHSFlrZQ5WarSJTK/ar0kF6oyqYyl1g4xYA//Ze9LlQZB3S16HddIBhQskRzQgV4K8BMkFnX14lPqQzH+aWaQdVyb1ASyJjz5nBaAiBNdRbVrviWwCu9He9abm6troC5vu5GBo2hCnBQ4yVTZCHbBvHE4b09wEtEf5Fi6MXRTEo9jg6eFy6M1eFYqG6lohMOfx9IW0NZKS0hLKxw1g3I+Z/OTfkaqYy+YsElQ+qn1kdQCkdHZKHx9I6l6QZwd3O3hc3zjBaWPq8tjtfMnwAAaMhg9/bh6awAAAABJRU5ErkJggg=='},
                {'7':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJDNzA2N0YxOTRFQTExQjFBNUQ2ODIwOEUwQTg2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NzZDNzg3RTk2NzcxMUVBOEJCQ0ExNDlBRjc4QkQzNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NzZDNzg3RDk2NzcxMUVBOEJCQ0ExNDlBRjc4QkQzNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iVPAXwAAAPNQTFRF9fj/1+T/dqb/q8b/Qov/4uv/lpaWWp3/TExMLYL/l5eXPoz/n7//zdz/ts7/M4b/s7Oz+Pv/JGvUSUlJfrL/7PL/ra2tea//MIT/cav/3+z/bGxsOIn/5O//1eb/oKCgZ53/rs//VZT/2un/8vf/PIv/Kn76wtX/W57/krf/p6enSZP/mJiYw8PD9/f3sbGxeHh4rKysPYz/JVmnxcXFhoaGr6+vvLy8nJycUVFR39/fNYf/paWlwcHBYWFhxMTELoP/YKH/ha7/2dnZK4D9uLi45+fnZGRkxsbGWFhYk5OTXl5eJVqoR0dH////K4H/////7ec58QAAAFF0Uk5T//////////////////////////////////////////////////////////////////////////////////////////////////////////8AaOyowQAAAUtJREFUeNps0teWwiAQBuBJorFt7K7dteuuZXvvvWbg/Z9miRECgf8iAb4zHA4MHO4e7GWzrutmr+6OL97vH1dnq8tgEWiYXoGEKfS2K6F0MyRKphtJk6hpckmReFKhVImeaiAlYkqJScMoDQpjMXEAcZbgszGc8GEe0QJM8mkORAmgTRKAfTEXgsh2SjLWxELPdhASugzZATAqkSSJNcdCGGqyjzW2kYd5TRx02NdGyyCzTWUki+2gj7hDbGCfMAug0h2wiDtgN9rh4xfPsngF6QTvY7zrzcsNDDAIX3uuwTPvkFwMclFXFRS4lfqNyv32JHeickCqykjAKCaiHec0LlTdS5b6BuoGoWqJLBMGE6O0mLSMQpXNZLmZkunrWpNiO+2XSdmvPCzXiix9lr+30+D3q0gx7Yscqbt9/LS/037l+vP8a7vyL8AAT84cuMN0ABwAAAAASUVORK5CYII='},
                {'8':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJDNzA2N0YxOTRFQTExQjFBNUQ2ODIwOEUwQTg2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMjBBNzdDRjk2NzcxMUVBQjU1MkVEMDdENjE2NzNBRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMjBBNzdDRTk2NzcxMUVBQjU1MkVEMDdENjE2NzNBRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+j0ECxAAAAPNQTFRF1+T/q8b/lpaWkrf/n7//ts7/LYL/dqb/l5eXQov/9fj/Z53/MYT/QUFBzdz/OYn/wtX/da3/UZj/4u7/4uv/+Pv/JGvUw8PDaKX/cKr/q6ur0OP/N4j/3Or/VZT/8Pb/psr/jo6OYWFh9vb2Qo//U5n/LoP/Pj4+Kn761uf/NIb/K4D9Upj/r6+vRkZGrKysra2tvLy8TU1NwcHBe3t7OIn/ha7/VlZWU1NTbW1tMoX/IVem3Nzc1dXVpaWloKCgwMDA5OTknJycWJz/iYmJxcXFuLi4Ilimp6enxMTEWVlZsbGx7PL/PDw8////K4H/////z71LvgAAAFF0Uk5T//////////////////////////////////////////////////////////////////////////////////////////////////////////8AaOyowQAAAUdJREFUeNps0oeSgyAUBVBINMUS03vvyfbeN9u7D/7/axYLKMqdUZGDyMBDhUImk/Gvl8ejg4+z79Z76+T3+GuHaJCeRYJYvbAnkFqORMnVImkTOW0uVZJMNZAKSafiSYOo0mCyVMqSohFvF3UDDCxohC54EwHUDSjxVwfxlglgkmId8mIkb2Aos3sWsEK8vjyglGh+n66QIUApj0Eh7BcsfyohQ4wvNdBTYiJvbSXICpnzLQDQ2DKMYvg+R5SP0b3/RJ+wHd2KJSBUFjuw9c5Hudf+yY0VMA5Oe5GCV14hTgKcqKosCW5j9UaleotXorRAKstGwCYhdD+EBU0KleeKS8eHjkKo/Elc+gz6ShkwGSiFSpPF5X5N1g+zlHSnttskTXd1NZlJMnFZPvfuvMe1JF3bFbmRZ3t+m57a7urw5/wp7PkXYADUWhu658hzHwAAAABJRU5ErkJggg=='},
                {'9':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDJDNzA2N0YxOTRFQTExQjFBNUQ2ODIwOEUwQTg2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzgzMDlFMDk2NzcxMUVBOTg4MEI4NDlDQ0MzMDNFMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzgzMDlERjk2NzcxMUVBOTg4MEI4NDlDQ0MzMDNFMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0MkM3MDY3RjE5NEVBMTFCMUE1RDY4MjA4RTBBODYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/pwgngAAAO1QTFRFdqb/1+T/wtX/lpaW9fj/Z53/krf/l5eXLIH/L4P/S5T/Nof/n7//ha7/Qov/4uv/ODg4ts7/TJX/9fX1JGvUpKSkV1dXMoX/NTU1NIb/y+D/7PL/3+z/7vX/Kn762ej/9/r/LYL/YKH/aKX/n8b/0uT/w8PDhYWFbaj/PYz/ra2tpaWluLi4H1Wl4eHhsbGxcXFxoKCgUJf/Y2Nj2dnZzdz/Q0NDvLy8IFamwcHBrKysr6+vgICASUlJxMTE0dHRVZT/T09Pp6enxcXFurq6K4D9NYf/TExMPT09nJycq8b/MzMz////K4H//////xD3sQAAAE90Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////AD1WsLMAAAFSSURBVHjarNLnkoIwEADgqKCiIvbeu9d77/3CJu//OLdJUAjm5+0MhOwXFiZZksmkUil5/e7f3R/cPi3eF9fHe2+nhKvoOEyF0wkySnpZFka2F8qE6THZSI7FI6dkxXZjJWTETDFCGRtlzElfPRGgeKcWQLIoE33yJUfbEkIBPICEzOSJHDAlxAJXrLFVFQWWh0LAw0lZ1g0kTYsU5wVI4sQNypHgX4RQuZr8k6Tld9RdFxu6+JSEgpJ1KKyLG1AAeBGJNeERcUFEWSZwR5vqXSrqkstEIi3nTXE+xr2WJzczwEyddmUHzjYdko9BPuwqRwMn0m9c67doJ2o/yHWZb2Eek207VnhcuF4rKlMJU4Nw/ZWotBHaRhmiDI3CtWJRuRiwwXN1R+qNkl9jNb/1vaxqsvQxbj4PxfCoSb3kb+Ncr3b00Lgq+a2f15OPIPMnwADazBT6MyfdcgAAAABJRU5ErkJggg=='},
            ]

        }
    },
    methods: {
		handleSizeChange: function (size) {//初始页currentPage、初始每页数据数pagesize和数据data
				this.pagesize = size;
                console.log(this.pagesize)
                this.queryData('pages');
        },
        nearQuery(type){
			let layerControlConfig = [
                {code:'01',name:'汽车服务',id:'poi_gasStation',arr:[]},
                {code:'02',name:'汽车销售',id:'poi_carSales',arr:[]},
                {code:'03',name:'汽车维修',id:'poi_carFixed',arr:[]},
                {code:'04',name:'摩托车服务',id:'poi_motor',arr:[]},
                {code:'05',name:'餐饮服务',id:'poi_restrant',arr:[]},
                {code:'06',name:'购物服务',id:'poi_supermarket',arr:[]},
                {code:'07',name:'生活服务',id:'poi_lifeService',arr:[]},
                {code:'08',name:'体育休闲服务',id:'poi_sport',arr:[]},
                {code:'09',name:'医疗保健',id:'poi_medicine',arr:[]},
                {code:'10',name:'住宿服务',id:'poi_liveService',arr:[]},
                {code:'11',name:'风景名胜',id:'poi_landscape',arr:[]},
                {code:'12',name:'商务住宅',id:'poi_house',arr:[]},
                {code:'13',name:'政府机关',id:'poi_government',arr:[]},
                {code:'14',name:'科教文化服务',id:'poi_school',arr:[]},
                {code:'15',name:'交通设施服务',id:'poi_park',arr:[]},
                {code:'16',name:'金融保险服务',id:'poi_bank',arr:[]},
                {code:'17',name:'公司企业',id:'poi_company',arr:[]},
                {code:'18',name:'道路附属设施',id:'poi_road',arr:[]},
                {code:'19',name:'地名地址信息',id:'poi_address',arr:[]},
                {code:'20',name:'公共设施',id:'poi_toilent',arr:[]},
                {code:'22',name:'事件活动',id:'poi_activites',arr:[]},
                {code:'97',name:'室内设施',id:'poi_indoor',arr:[]},
                {code:'99',name:'通行设施',id:'poi_gate',arr:[]},
            ];
            this.clearSpatial('clickPoint',this.poiMap)
            this.isNearByFlag = true
            let radius = this.value
            if(radius==0||radius==undefined) return;
            let mapsearch = new this.mapSearch(this.poiMap);//初始化搜周边
            (type==''||type==undefined)?this.currentPage = 1:this.currentPage
            let pos = [2];
            let config={
                'id':'poi',
                'zIndex':10,
                'scale':0.9,
                'currentPage':this.currentPage,
                'pageSize':this.pagesize,
                'serurl':'http://172.20.32.31:7001/queryByGeometryPagination',//服务poiArrData已经做了分页,这块需要做后端分页
                'tableName':'qingpupoi',
                'img':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAfCAYAAAAFkva3AAACd0lEQVR42qWU3UuTYRjG34iiw+gk6CAp2XRqsyazWRuz8c656UF/QV8URhQSNaMP5kzRudQ5Zy3zD+i0gygiZ44oogjDJJBqjMTS1Gxzm1s17+4rYmBzbXt38OPhue/r+jEG7yMQURoWZ2QHY2XGmBkm8ff0Y479er01F3N3eBPTzsQs7gQ1eJPUOETUOMzwiTvm2COH/LqyekdoK+Mz98ep4Q4XhzODPXKcH2W2rZGZupY2MiP17hWycDBXkOfec2ZzSlbXuWg39UXJPER5gx76BJmxY347EzPx/1HHy3xBD314BLF97qLYs0zG26uSQZ89VsHQ9mVUHFgh0ZuUDPrwCIfsM3OGmz/I4P0lGfTZMyvU2qaTtbd+UqHAI+ivBZf1gwnSs10q6LMnLOiuBsZ1rgjpeCCZ/gix542gvfLerXXM00FPXDJaxwKxxyMcuDSlqbEFSeNZkQz68Pz5Ampa3o3t75yl6oFY3qCHfupz0lgnS5i42hUmtTuaM8ijh35KBqovTLSp7Z+oqj+aM8ijl/YEqc+Pb2ECqq6vtM8VyQpyyKOXJgNVza8Pqy5PkbJvOSvIIZ/xpQWqcy9HKvnnV/SGM4I953zI/1e29+wLJZMs7w1RJrBHLqsMVJ55drfCFiBFz/c0MMceuZxkytNPy5hV+Y0l+hfMsc9ZBvY0+e+VtgZJ5vyWAnfMsc9LVn7qiahofkXFzsUUuGOet6zspG8D87G44zPt7l4gnLhjnrcMKE48tsmsb6mIXwWcfG/FXJKs9PijUnmTn3byE4UTd8kyUHLs4Yei69OEE/eCZPKjDwZ3tUwSzoJlsiP3RSbEGLNlfwPf80fNP6DL+QAAAABJRU5ErkJggg=='
            }
            for(let item of this.tableData){
                if(item.key=='经度'){
                    pos[0] = parseFloat(item.value)
                }
                if(item.key=="纬度"){
                    pos[1]= parseFloat(item.value)
                }
            }
            // let pos1 = this.gcj_encrypt(pos[0],pos[1])
            this.clearLikeSpatial('tenPoints',this.poiMap)//清除画10个点
            if(type=='pages'){
                
            }else{
                this.clearLikeSpatial('tenOthersPoints',this.poiMap)//清除画10个点
                this.clearLikeSpatial('neartenOthersPoints',this.poiMap)
            }
            
            this.clearSpatial('nearBySearchID',this.poiMap)//清除图形
            this.clearSpatial('hugePointsLayerId',this.poiMap)//清除搜周边点
             this.clearSpatial('subwayID',this.poiMap)//清除地铁线路
             this.clearSpatial('markerFlag',this.poiMap)//清除地铁节点
             this.clearOverLay('infoWindowLayerId', this.poiMap)
            mapsearch.nearByQuery('nearBySearchID',pos,radius).then((data)=>{//解决回调地狱
                let circleFinalArr = [];
                for(let i = 0;i<data.length;i=i+2){
                    // let gaodePos = this.gcj_encrypt(data[i],data[i+1])
                    circleFinalArr.push([data[i],data[i+1]])//转换后查出来的为高德坐标系，但是几何体还是wgs84坐标系
                }
                return mapsearch.queryByGeometry(circleFinalArr,this.poiMap,config)
            }).then((value)=>{
                if(this.finalArr.length!=0) this.finalArr.length = 0
                this.finalArr = value.sliceData
                this.countPage = value.allData.length;
                //  if(type=='pages'){
                
                // }else{
                //     this.clearLikeSpatial('neartenOthersPoints',this.poiMap)
                // }
                this.clearLikeSpatial('neartenPoints',this.poiMap)//清除一次画的10个点
                // this.clearLikeSpatial('neartenOthersPoints',this.poiMap)//清除一次画的10个点
                 //添加每页的10个数据
                var vectors = new Array(this.finalArr.length)
                var vectors1 = new Array(value.allData.length.length)
                // this.currentPage =1;
                for(let i = 0;i<this.finalArr.length;i++){
                    for(let j = 0;j<this.red10img.length;j++){
                        if(i==j){
							let tenType = this.finalArr[i].type;
                            let finalId = '';
                            for(let item of layerControlConfig){
                                if(tenType.indexOf(item.name)>-1){
                                    finalId = item.id
                                    break;
                                }
                            }
                            config.img = this.red10img[j][i]
                            // let pos = this.gcj_encrypt(parseFloat(this.finalArr[i].gaodelon),parseFloat(this.finalArr[i].gaodelat));
                            this.addPoiVectors('neartenPoints'+"_"+finalId,this.finalArr[i],[parseFloat(this.finalArr[i].gaodelon),parseFloat(this.finalArr[i].gaodelat)],
                            this.poiMap,config)
                        }
                    }
                }
                let objVector = {
                    "id":'poiQueryID',
                    "img":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkI0N0UxREQ5NEYyMTFFQUIyMzE4M0JFMDQ5MjVEM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkI0N0UxREU5NEYyMTFFQUIyMzE4M0JFMDQ5MjVEM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QjQ3RTFEQjk0RjIxMUVBQjIzMTgzQkUwNDkyNUQzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QjQ3RTFEQzk0RjIxMUVBQjIzMTgzQkUwNDkyNUQzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrG4K8wAAAELUExURTaH/0mT/4e4/9vb2+/v79vq/y2C/y6D/3am//T09OXl5Veb/8je/7nV/9ra2rDQ/6PI//r8/zeI/zCE/2Wk/z6M/3Kr/0CN//v9/9Hk/1+g/zKF/y+D/+jx//X4//n8/1Wa/8bd/+jo6I+8//3+/0+W/46z6Xqw/1SZ/8Ha//z9/4G0/16f/9rp//P4/z+N/+bw/0KP/+Tv/7zX/+vr6+Pj40KL/7XH4eDg4KjL/3Wt/+Lr/3Os/5K3//39/ff399/f31ic/8fe/97e3u7u7vz8/Pv7++Hh4fr6+om4/KXK/93d3Wed/+Li4jeH/TyL/93r/7TG4Yi3/DuK/9nZ2avG/////yuB/////wEe7yQAAABZdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AT4UBDwAAAUVJREFUeNp01NWWgzAQBuChUIW6u7t33d19F5q8/5MsUAgJhP8mE75zuJgZAGwm2jkW1cRdTLrEdsA6m/FhHxD0h/EmI5NUHtnJpyaObGRER97YMl8iNsv5Tupr5M66bkoFeVMxJIl4SWLoCeQW2WqkFnpwSy7vDUqQAgG71LZbWgIgE2ic0XIDf1Z1oR1qtHxByLkwEoaqj1Sh6CNFmPnIDLo+0oWyj5QBj7gy0js6dvqmRUg9NqZQ4LS6YM5nIXhAWOymHcy4IPNtb4iSZSCrOFsVp7qHQnv0Jr5ScsLu6JTA1LW96ZYFrbRLcLBmQi3o3niMdwsRwF5ZhY1JrjiCz3U5xTxp69LmSkn/skpcwTmUw1x5/EUvz16JxkR1gAZq4kNiRVL1/HweGccTI1FRJemwb3u4j13rf4S3g/0r68m/AAMAcVg78R1hFV0AAAAASUVORK5CYII=",
                    "scale":1,
                    "zIndex":10
                }
                // this.addHugePoints('neartenPoints',vectors,objVector,this.poiMap)//添加海量数据点
                objVector.scale = 0.5;
                objVector.zIndex = 9;
                objVector.img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABtElEQVRoQ+1WS04CQRCtx47R0Eu9AzNb9QacQNyLB3AJJ9AlBxD36gm4gbqd5g6yHKLDjjJNIDEqMN3VxEwstlRVv0+l5oFq/kPN8ZMS+GsH1QF1QKiArpBQQHG7OiCWUDhAHRAKKG5XB8QSCgfsxYEyM+dg6hD4zOFbMF5ANE5s8SjE+6M9KoH3zPQbzNdEdLQB6JSAYZIXt7GIRCFQtlsnAEZMnFYBBoJl5l4ymb1Wqd9WE4XAPDV5VfBrMI5E0xbZnxMoM9Mn5psQIAtgcChcJ7EDZdp627Lzu3hNEzs73lW0txUqU9Ml4gcJAAK6SV48hc4QOfCRmhGIL0Mfd30gjJq2uAqdISIwz1qWmdqhjy8JgCbNfFbpev32zj8nkJo7Ju5JHGDC/YEtgmeIHHCRgZiF8QAXkoghIuCUr/UZdQRW+SfoQ0bAQJqLxA44ErWOEss1qnuYW1+hVS7aGqcXwFCaf75evSgr9P2MuojBRJ0G+HT5H+OZQWNJZNh0qvdCQPJd8O1VAr6Kxa5XB2Ir6jtPHfBVLHa9OhBbUd956oCvYrHr1YHYivrOUwd8FYtd/wnbCYsxLbqlkwAAAABJRU5ErkJggg==';
                for(let i = 0;i<value.allData.length;i++){//其余的点
                   let type1 = value.allData[i].type;
                   for(let item of layerControlConfig){
                        if(type1.indexOf(item.name)>-1){
                            item.arr.push(value.allData[i]);
                            break;
                        }
                    }
                }
                for(let i = 0;i<layerControlConfig.length;i++){
                    if(layerControlConfig[i].arr.length!=0){
                        var poiFinalArr = new Array(layerControlConfig[i].arr.length)
                        for(let j = 0;j<layerControlConfig[i].arr.length;j++){
                            // let nearPos = this.gcj_encrypt(layerControlConfig[i].arr[j].gaodelon,layerControlConfig[i].arr[j].gaodelat)
                             poiFinalArr[j] = {"X":layerControlConfig[i].arr[j].gaodelon,"Y":layerControlConfig[i].arr[j].gaodelat,
                            "attributes":layerControlConfig[i].arr[j]}
                        }
                        this.addHugePoints('neartenOthersPoints'+"_"+layerControlConfig[i].id,poiFinalArr,objVector,this.poiMap)//添加海量数据点
                    }
                    
                }
                this.returnListPanel();
            })
        },
        handleCurrentChange: function(currentPage){
            this.currentPage = currentPage;
            console.log(this.currentPage)
            if(this.isNearByFlag==true){
                this.nearQuery('pages');
            }else{
                this.queryData('pages');
            }
            
            
        },
        removehighLight(item){
        },
        highLight(item){
        },
        controlPanel(a1,a2,a3){
             this.showInformationPanel = a1;//显示详细信息面板
             this.showReturnPanel = a2;//显示返回面板
             this.showListPanel = a3;//隐藏列表面板  
        },
        returnListPanel(){
            this.clearSpatial('clickPoint',this.poiMap)
            this.controlPanel(false,false,true)
        },
        clickLi(item){
            this.controlPanel(true,true,false)
            this.tableData.length = [];
            this.flyTo(this.poiMap,[parseFloat(item.gaodelon),parseFloat(item.gaodelat)],15)
            for(let key in item){
                if(key=='?column?'){
                    continue
                }
                for(let i in this.nameConfig){
                    if(key==i){
                        this.tableData.push(
                            {key: this.nameConfig[i], value: item[key]}
                        )
                    }
                }
            }
            // this.keyTime = new Date()+"";//需要唯一的key值
            this.$refs.returnListPanelInfo.dataset.fold="返回'"+item.name+"'的搜索结果"
        },
        addActive($event,item){
            $event.currentTarget.className="add_h_nav_over";
            //此处设置联动
            let index = parseInt($event.currentTarget.id)
            let config =  {
                'zIndex':10,
                'img': this.blue10img[index][index],
                "scale":1,
                "zIndex":10,
            }
            this.clearSpatial('clickPoint',this.poiMap)
            // let pos = this.gcj_encrypt(parseFloat(item.gaodelon),parseFloat(item.gaodelat))
            this.addPoiVectors('clickPoint',null,[parseFloat(item.gaodelon),parseFloat(item.gaodelat)],
                            this.poiMap,config)
        },
        removeActive($event){
             $event.currentTarget.className="remove_h_nav_over";
        },
        clearInputData(){
            this.inputData = '';
            this.tableData.length = 0;
            let ulList = document.getElementsByClassName('cardlist');
            if(ulList.length!=0){
                for(let item of ulList){
                    item.style.display = 'none';
                }
            }
            this.clearOverLay('infoWindowLayerId', this.poiMap)
            this.clearSpatial('clickPoint',this.poiMap)//清除选中节点
            this.clearSpatial('AOI',this.poiMap)
            this.clearSpatial('findRoad',this.poiMap)//查询之前清除路网
            this.clearLikeSpatial('tenPoints',this.poiMap)//清除画10个点
            this.clearLikeSpatial('tenOthersPoints',this.poiMap)//清除画10个点
            this.clearSpatial('nearBySearchID',this.poiMap)//清除图形
            this.clearLikeSpatial('tenPoints',this.poiMap)//清除一次画的10个点
            // this.clearSpatial('neartenPoints',this.poiMap)//清除一次画的10个点
            this.clearLikeSpatial('neartenPoints',this.poiMap)//清除一次画的10个点
            this.clearLikeSpatial('neartenOthersPoints',this.poiMap)//清除一次画的10个点

             this.clearSpatial('subwayID',this.poiMap)//清除地铁线路
             this.clearSpatial('markerFlag',this.poiMap)//清除地铁节点
        },
        showRouteBox(){
            this.showSearchboxContent = false;
            this.showRouteSearchboxContent = true;
        },
        getStyle(item, index){
            let imgPos = -18*index+'px'
            let styleString = "background-image: url(//webmap0.bdimg.com/wolfman/static/common/images/markers_new2_7621a9c.png);width: 18px;height: 27px;display: inline-block;margin-left: 6px;margin-top: 4px;background-position: "+imgPos+" -139px;"
            return styleString
        },
        cancelRouteBox(){
            this.showSearchboxContent = true;
            this.showRouteSearchboxContent = false;
        },
        querySubway(name){
            let subwayConfig =  {
                'serurl':'http://172.20.32.31:7001/getSubway',
                'name':name,
                'tableName':'sh_mergesubway'
            }
            var _this = this;
            _this.getSubWayLine(subwayConfig).then(function(data){
                for(var i = 0;i<data.length;i++){
                    if(data[i].name=='10号线'){
                       
                        _this.arrToRoute('subwayID',JSON.parse(data[i].st_asgeojson).coordinates,{'lineWidth':4,'lineColor':'rgba(255,0,255)'},10,_this.poiMap);
                    }
                    else{
                        _this.arrToRoute('subwayID',JSON.parse(data[i].st_asgeojson).coordinates,{'lineWidth':4,'lineColor':'rgba(0,0,255)'},10,_this.poiMap);
                         let stationArr = [
                            {'lon':121.538591,'lat':31.328641},
                            {'lon':121.538375,'lat':31.321115},
                            {'lon':121.538375,'lat':31.310996},
                            {'lon':121.539741,'lat':31.301863},
                            {'lon':121.541394,'lat':31.294211},
                            {'lon':121.534998,'lat':31.284645},
                            {'lon':121.524506,'lat':31.28088},
                            {'lon':121.516457,'lat':31.278905},
                            {'lon':121.507761,'lat':31.280509},
                            {'lon':121.497269,'lat':31.282299},
                            {'lon':121.474991,'lat':31.269522},
                            {'lon':121.475278,'lat':31.259027},
                            {'lon':121.47765,'lat':31.248531},
                            {'lon':121.485627,'lat':31.233094},
                            {'lon':121.489436,'lat':31.224695},
                            {'lon':121.49267,'lat':31.217654},
                            {'lon':121.496047,'lat':31.207956},
                            {'lon':121.500215,'lat':31.191091},
                            {'lon':121.501006,'lat':31.184109},
                            {'lon':121.502802,'lat':31.1762},
                            {'lon':121.5,'lat':31.166745},
                            {'lon':121.487352,'lat':31.159206},
                            {'lon':121.496191,'lat':31.146968},
                            {'lon':121.504815,'lat':31.124713},
                            {'lon':121.513007,'lat':31.102267},
                            {'lon':121.515307,'lat':31.090146},
                            {'lon':121.517463,'lat':31.079198},
                            {'lon':121.519331,'lat':31.067011},
                            {'lon':121.533704,'lat':31.062},
                            {'lon':121.536866,'lat':31.054266},
                            {'lon':121.537297,'lat':31.047089},
                            {'lon':121.538591,'lat':31.036693},
                            {'lon':121.531189,'lat':31.031154}
                        ]
                        for(var i = 0;i<stationArr.length;i++){
                            let bdToGjc = _this.bd09togcj02(stationArr[i].lon, stationArr[i].lat)//bd坐标系转火星坐标系
                            let markerObj = {
                                lon:bdToGjc[0],
                                lat: bdToGjc[1],
                                type: 'markerType',
                                imgSrc:'https://openlayers.org/en/v3.20.1/examples/data/icon.png',
                                name : '8号线'+i+'号站',
                                vectorId:'markerFlag',
                                overlayId:'tipsJG',
                                scale:0.4,
                                fontStyle:'normal 10px 微软雅黑',
                                z_index:10
                            }
                            _this.addVectorLabelJG(_this.poiMap,markerObj,[0,15])
                        }
                    }
                }
            });
            
        },
        queryRoute(name){
            let roadstyle = {lineColor:'#1E90FF',lineWidth:5}
            let roadLayer = this.findRoadZY('findRoad',this.poiMap,'qingpufinalroad',name,'http://172.20.32.31:7001/zunyiLine',roadstyle)//异步查询
        },
        queryAoi(name){//七浦商厦
            // let aoiName="上海市虹口区教育局"
            let config={
                id:'AOI',
                zIndex:10,
                scale:0.9,
                serurl:'http://172.20.32.31:7001/aoiData',
                tableName:'qingpuaoi'
            }
            this.filterKey(name,this.poiMap,config,{
                strokeColor:'rgba(252,112,82,0.4)',
                strokeWidth:2,
                fillColor:'rgba(0, 0, 255, 0.4)'
            })
        },
        queryData(type){
             let layerControlConfig = [
                {code:'01',name:'汽车服务',id:'poi_gasStation',arr:[]},
                {code:'02',name:'汽车销售',id:'poi_carSales',arr:[]},
                {code:'03',name:'汽车维修',id:'poi_carFixed',arr:[]},
                {code:'04',name:'摩托车服务',id:'poi_motor',arr:[]},
                {code:'05',name:'餐饮服务',id:'poi_restrant',arr:[]},
                {code:'06',name:'购物服务',id:'poi_supermarket',arr:[]},
                {code:'07',name:'生活服务',id:'poi_lifeService',arr:[]},
                {code:'08',name:'体育休闲服务',id:'poi_sport',arr:[]},
                {code:'09',name:'医疗保健',id:'poi_medicine',arr:[]},
                {code:'10',name:'住宿服务',id:'poi_liveService',arr:[]},
                {code:'11',name:'风景名胜',id:'poi_landscape',arr:[]},
                {code:'12',name:'商务住宅',id:'poi_house',arr:[]},
                {code:'13',name:'政府机关',id:'poi_government',arr:[]},
                {code:'14',name:'科教文化服务',id:'poi_school',arr:[]},
                {code:'15',name:'交通设施服务',id:'poi_park',arr:[]},
                {code:'16',name:'金融保险服务',id:'poi_bank',arr:[]},
                {code:'17',name:'公司企业',id:'poi_company',arr:[]},
                {code:'18',name:'道路附属设施',id:'poi_road',arr:[]},
                {code:'19',name:'地名地址信息',id:'poi_address',arr:[]},
                {code:'20',name:'公共设施',id:'poi_toilent',arr:[]},
                {code:'22',name:'事件活动',id:'poi_activites',arr:[]},
                {code:'97',name:'室内设施',id:'poi_indoor',arr:[]},
                {code:'99',name:'通行设施',id:'poi_gate',arr:[]},
            ];
            this.clearOverLay('infoWindowLayerId', this.poiMap)
            this.clearSpatial('clickPoint',this.poiMap)//清除选中节点
            this.clearSpatial('AOI',this.poiMap)
            this.clearSpatial('findRoad',this.poiMap)//查询之前清除路网
             this.clearSpatial('subwayID',this.poiMap)//清除地铁线路
             this.clearSpatial('markerFlag',this.poiMap)//清除地铁节点
            this.isNearByFlag = false
            this.showInformationPanel = false;//显示详细信息面板
            this.showReturnPanel = false;//显示返回面板
            type==''?this.currentPage = 1:this.currentPage
            if(this.inputData=="") return;
            this.queryRoute(this.inputData,type)
            this.queryAoi(this.inputData,type)
            this.querySubway(this.inputData,type)
            let config =  {
                'name':[this.inputData],
                // 'id':'poiArrLayer',
                'scale':0.9,
                'zIndex':10,
                'serurl':'http://172.20.32.31:7001/poiArrData',
                'tableName':'qingpupoi',
                'img':'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAfCAYAAAAFkva3AAACd0lEQVR42qWU3UuTYRjG34iiw+gk6CAp2XRqsyazWRuz8c656UF/QV8URhQSNaMP5kzRudQ5Zy3zD+i0gygiZ44oogjDJJBqjMTS1Gxzm1s17+4rYmBzbXt38OPhue/r+jEG7yMQURoWZ2QHY2XGmBkm8ff0Y479er01F3N3eBPTzsQs7gQ1eJPUOETUOMzwiTvm2COH/LqyekdoK+Mz98ep4Q4XhzODPXKcH2W2rZGZupY2MiP17hWycDBXkOfec2ZzSlbXuWg39UXJPER5gx76BJmxY347EzPx/1HHy3xBD314BLF97qLYs0zG26uSQZ89VsHQ9mVUHFgh0ZuUDPrwCIfsM3OGmz/I4P0lGfTZMyvU2qaTtbd+UqHAI+ivBZf1gwnSs10q6LMnLOiuBsZ1rgjpeCCZ/gix542gvfLerXXM00FPXDJaxwKxxyMcuDSlqbEFSeNZkQz68Pz5Ampa3o3t75yl6oFY3qCHfupz0lgnS5i42hUmtTuaM8ijh35KBqovTLSp7Z+oqj+aM8ijl/YEqc+Pb2ECqq6vtM8VyQpyyKOXJgNVza8Pqy5PkbJvOSvIIZ/xpQWqcy9HKvnnV/SGM4I953zI/1e29+wLJZMs7w1RJrBHLqsMVJ55drfCFiBFz/c0MMceuZxkytNPy5hV+Y0l+hfMsc9ZBvY0+e+VtgZJ5vyWAnfMsc9LVn7qiahofkXFzsUUuGOet6zspG8D87G44zPt7l4gnLhjnrcMKE48tsmsb6mIXwWcfG/FXJKs9PijUnmTn3byE4UTd8kyUHLs4Yei69OEE/eCZPKjDwZ3tUwSzoJlsiP3RSbEGLNlfwPf80fNP6DL+QAAAABJRU5ErkJggg==',
                "scale":1,
                "zIndex":10,
                'currentPage':this.currentPage,
                'pageSize':this.pagesize
            }
            this.filterKeySearch(config.name,config).then((res)=>{
                let ulList = document.getElementsByClassName('cardlist');
                if(ulList.length!=0){
                    for(let item of ulList){
                        if(item.id=='cards-level1'){
                            item.style.display = 'block';
                        }else{
                            item.style.display = 'none';
                        }
                    }
                }
                if(this.finalArr.length!=0) this.finalArr.length = 0
                this.finalArr = res.sliceData
                this.countPage = res.allData.length;
                this.showListPanel = true
                this.liList = true
                //添加每页的10个数据
                var vectors = new Array(this.finalArr.length)
                var vectors1 = new Array(res.allData.length.length)
                this.clearLikeSpatial('tenPoints',this.poiMap)//清除画10个点
                // this.clearLikeSpatial('tenOthersPoints',this.poiMap)//清除画10个点
                this.clearSpatial('nearBySearchID',this.poiMap)//清除图形
                if(type=='pages'){
                
                }else{
                    this.clearLikeSpatial('tenOthersPoints',this.poiMap)//清除画10个点
                    // this.clearLikeSpatial('neartenOthersPoints',this.poiMap)
                }
                // this.clearSpatial('tenPoints',this.poiMap)//清除一次画的10个点
                // this.clearSpatial('neartenPoints',this.poiMap)//清除一次画的10个点
                this.clearLikeSpatial('neartenPoints',this.poiMap)//清除一次画的10个点
                this.clearLikeSpatial('neartenOthersPoints',this.poiMap)//清除一次画的10个点
                for(let i = 0;i<this.finalArr.length;i++){//前10个点
                    for(let j = 0;j<this.red10img.length;j++){
                        if(i==j){
                            let tenType = this.finalArr[i].type;
                            let finalId = '';
                            for(let item of layerControlConfig){
                                if(tenType.indexOf(item.name)>-1){
                                    finalId = item.id
                                    break;
                                }
                            }
                            config.img = this.red10img[j][i]
                            // let pos = this.gcj_encrypt(parseFloat(this.finalArr[i].gaodelon),parseFloat(this.finalArr[i].gaodelat))
                            this.addPoiVectors('tenPoints'+'_'+finalId,this.finalArr[i],[parseFloat(this.finalArr[i].gaodelon),parseFloat(this.finalArr[i].gaodelat)],
                            this.poiMap,config)
                        }
                    }
                    if(i==0){
                        // let pos2 = this.gcj_encrypt(parseFloat(this.finalArr[i].gaodelon),parseFloat(this.finalArr[i].gaodelat))
                        this.flyTo(this.poiMap,[parseFloat(this.finalArr[i].gaodelon),parseFloat(this.finalArr[i].gaodelat)],15)
                    }
                }
                 // this.addHugePoints('tenPoints',vectors,objVector,this.poiMap)//添加海量数据点
                let objVector = {//此处需要给前10个img设置不同的点
                    "id":'poiQueryID',
                    "img":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAMAAAD3TXL8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkI0N0UxREQ5NEYyMTFFQUIyMzE4M0JFMDQ5MjVEM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkI0N0UxREU5NEYyMTFFQUIyMzE4M0JFMDQ5MjVEM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QjQ3RTFEQjk0RjIxMUVBQjIzMTgzQkUwNDkyNUQzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QjQ3RTFEQzk0RjIxMUVBQjIzMTgzQkUwNDkyNUQzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrG4K8wAAAELUExURTaH/0mT/4e4/9vb2+/v79vq/y2C/y6D/3am//T09OXl5Veb/8je/7nV/9ra2rDQ/6PI//r8/zeI/zCE/2Wk/z6M/3Kr/0CN//v9/9Hk/1+g/zKF/y+D/+jx//X4//n8/1Wa/8bd/+jo6I+8//3+/0+W/46z6Xqw/1SZ/8Ha//z9/4G0/16f/9rp//P4/z+N/+bw/0KP/+Tv/7zX/+vr6+Pj40KL/7XH4eDg4KjL/3Wt/+Lr/3Os/5K3//39/ff399/f31ic/8fe/97e3u7u7vz8/Pv7++Hh4fr6+om4/KXK/93d3Wed/+Li4jeH/TyL/93r/7TG4Yi3/DuK/9nZ2avG/////yuB/////wEe7yQAAABZdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AT4UBDwAAAUVJREFUeNp01NWWgzAQBuChUIW6u7t33d19F5q8/5MsUAgJhP8mE75zuJgZAGwm2jkW1cRdTLrEdsA6m/FhHxD0h/EmI5NUHtnJpyaObGRER97YMl8iNsv5Tupr5M66bkoFeVMxJIl4SWLoCeQW2WqkFnpwSy7vDUqQAgG71LZbWgIgE2ic0XIDf1Z1oR1qtHxByLkwEoaqj1Sh6CNFmPnIDLo+0oWyj5QBj7gy0js6dvqmRUg9NqZQ4LS6YM5nIXhAWOymHcy4IPNtb4iSZSCrOFsVp7qHQnv0Jr5ScsLu6JTA1LW96ZYFrbRLcLBmQi3o3niMdwsRwF5ZhY1JrjiCz3U5xTxp69LmSkn/skpcwTmUw1x5/EUvz16JxkR1gAZq4kNiRVL1/HweGccTI1FRJemwb3u4j13rf4S3g/0r68m/AAMAcVg78R1hFV0AAAAASUVORK5CYII=",
                    "scale":1,
                    "zIndex":10
                }
                objVector.scale = 0.5;//为其他的poi撒点
                objVector.zIndex = 9;
                objVector.img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABtElEQVRoQ+1WS04CQRCtx47R0Eu9AzNb9QacQNyLB3AJJ9AlBxD36gm4gbqd5g6yHKLDjjJNIDEqMN3VxEwstlRVv0+l5oFq/kPN8ZMS+GsH1QF1QKiArpBQQHG7OiCWUDhAHRAKKG5XB8QSCgfsxYEyM+dg6hD4zOFbMF5ANE5s8SjE+6M9KoH3zPQbzNdEdLQB6JSAYZIXt7GIRCFQtlsnAEZMnFYBBoJl5l4ymb1Wqd9WE4XAPDV5VfBrMI5E0xbZnxMoM9Mn5psQIAtgcChcJ7EDZdp627Lzu3hNEzs73lW0txUqU9Ml4gcJAAK6SV48hc4QOfCRmhGIL0Mfd30gjJq2uAqdISIwz1qWmdqhjy8JgCbNfFbpev32zj8nkJo7Ju5JHGDC/YEtgmeIHHCRgZiF8QAXkoghIuCUr/UZdQRW+SfoQ0bAQJqLxA44ErWOEss1qnuYW1+hVS7aGqcXwFCaf75evSgr9P2MuojBRJ0G+HT5H+OZQWNJZNh0qvdCQPJd8O1VAr6Kxa5XB2Ir6jtPHfBVLHa9OhBbUd956oCvYrHr1YHYivrOUwd8FYtd/wnbCYsxLbqlkwAAAABJRU5ErkJggg==';
                for(let i = 0;i<res.allData.length;i++){//其余的点
                   let type1 = res.allData[i].type;
                   for(let item of layerControlConfig){
                        if(type1.indexOf(item.name)>-1){
                            item.arr.push(res.allData[i]);
                            break;
                        }
                    }
                }
                for(let i = 0;i<layerControlConfig.length;i++){
                    if(layerControlConfig[i].arr.length!=0){
                        var poiFinalArr = new Array(layerControlConfig[i].arr.length)
                        for(let j = 0;j<layerControlConfig[i].arr.length;j++){
                             poiFinalArr[j] = {"X":layerControlConfig[i].arr[j].gaodelon,"Y":layerControlConfig[i].arr[j].gaodelat,
                            "attributes":layerControlConfig[i].arr[j]}
                        }
                        this.addHugePoints('tenOthersPoints'+"_"+layerControlConfig[i].id,poiFinalArr,objVector,this.poiMap)//添加海量数据点
                    }
                    
                }
                
            })
        }   
    }
}
</script>
<style scoped>
#nearSearch{
    bottom: 0px;
    height: 30px;
    /* border:#00000014 1px solid; */
    background: #8080801a;
    margin-left: -30px;
    width: 368px;
    pointer-events: auto;
}
#left-panel {
    /* color:#6fa8ff; */
    color: #514a4a;
    font-size: 12px;
    position: absolute;
    left: 70px;
    top: 80px;
    pointer-events: none;
    height: 550px;
    /* overflow: auto; */
}
.cardlist .card.fold:before {
    visibility: visible;
    opacity: 1;
}
.cardlist .card.fold.status-return:before {
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 -263px;
    padding-left: 28px;
}
#unlog a {
    margin-left: 5px;
}
.mailTable {
    border-bottom: #00000014 1px solid;
}
.column{
    width: 5%;
    height: 25px;
    line-height: 25px;
    text-align: left;
    padding-left: 14px;
}
.column1{
    width: 25%;
    height: 25px;
    line-height: 25px;
    text-align: left;
    padding-left: 0px;
}
/* .mailTable td {
    width: 25%;
    height: 25px;
    line-height: 25px;
    text-align: center;
} */
#unlog .area-login {
    background: #1c1d20;
    padding: 3px 8px;
    border-radius: 2px;
    color: #fff;
}
.info-login-img {
    background: url(//webmap0.bdimg.com/wolfman/static/common/images/unloginSug_e5196cc.gif) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 4px;
    padding-bottom: 4px;
}
#unlog {
    line-height: 33px;
    height: 33px;
    text-align: center;
    /* background: #fffee0; */
    /* border: 1px solid #f4f3d4; */
    color: #666;
}
.loading {
  position: absolute;
  left: 100px;
  top: 100px;
  background: url('../assets/images/loading_m.gif') center center no-repeat #fff;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.cardlist .card:before {
    background: #fff;
    content: attr(data-fold);
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 38px;
    padding: 10px;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity .5s .5s;
    transition: opacity .5s .5s;
    cursor: pointer;
    color: #3385ff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
::-webkit-scrollbar-thumb {
    background: #ccc;
}
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
::-webkit-scrollbar {
    width: 6px!important;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.cardlist .card.fold {
    overflow: hidden;
    max-height: 38px!important;
    background: #fff!important;
}
.cardlist .card.status-return {
    cursor: pointer;
}
.poilist {
    padding: 5px 0 0;
    /* margin-left: 36px; */
    text-align:left;
}
#searchbox {
    border-radius: 2px;
    width: 425px;
    position: relative;
    z-index: 5;
}
.col-l {
    float: left;
}
.ml_30 {
   margin-left: 40px!important; 
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}
.search-item {
    padding: 6px 0;
    border-bottom:rgba(79, 79, 88, 0.08) 1px solid
}
#searchbox #searchbox-container {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    width: 368px;
    float: left;
    box-sizing: border-box;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}
#sole-searchbox-content {
    position: relative;
}
.searchbox-content {
    width: 368px;
    border-radius: 2px 0 0 2px;
    background: #fff;
}
.routebox .routebox-content {
    height: auto!important;
    position: relative;
}
.routebox .routebox-content .routebox-input {
    height: 40px;
    width: 289px;
    border-bottom: 1px solid #eaebed;
    position: relative;
}
.routebox .routebox-content .routebox-revert {
    width: 39px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.routebox .routebox-content .routebox-inputs {
    margin-left: 39px;
}
.route-searchbox-content .tab-item.bus-tab:hover i {
    background-position: 0 -51px;
}
.route-tabs .tab-item i {
    display: inline-block;
    position: relative;
    top: 2px;
    background-image: url(//webmap1.bdimg.com/wolfman/static/common/images/new/route-icon_41d3af5.png);
    background-repeat: no-repeat;
}
.route-tabs .tab-item.bus-tab i {
    width: 13px;
    height: 15px;
    background-position: 0 -34px;
}
.routebox .routebox-content .routebox-input.route-end .route-input-icon {
    background: url(//webmap0.bdimg.com/wolfman/static/common/images/new/end_e68ad9a.png) no-repeat 0 0;
}
.routebox .routebox-content .routebox-input .route-input-icon {
    width: 11px;
    height: 10px;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/start_ee17f81.png) no-repeat 0 0;
    position: absolute;
    top: 15px;
    left: 3px;
}
.routebox .routebox-content .routebox-revert .routebox-revert-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 14px;
    margin-left: -9px;
    margin-top: -7px;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/revert_172bb58.png) no-repeat 0 0;
}
.route-tabs .tab-item.walk-tab i {
    width: 15px;
    height: 17px;
    background-position: 0 -100px;
    top: 3px;
}
.route-tabs .tab-item.bike-tab i {
    width: 18px;
    height: 15px;
    background-position: 0 -138px;
    top: 3px;
}
.route-tabs .tab-item.drive-tab i {
    width: 15px;
    height: 14px;
    background-position: 0 -68px;
}
.routebox .routebox-content .routebox-input input {
    box-sizing: border-box;
    border: 0;
    height: 100%;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    border-left: 20px solid transparent;
    border-right: 27px solid transparent;
    line-height: 20px;
}
#sole-searchbox-content.is-complete #sole-input {
    border-right: 10px solid transparent;
}
#sole-searchbox-content #sole-input {
    box-sizing: border-box;
    border: 0;
    padding: 9px 0;
    border-left: 10px solid transparent;
    border-right: 27px solid transparent;
    line-height: 20px;
    font-size: 16px;
    height: 38px;
    color: #333;
    position: relative;
    border-radius: 2px 0 0 2px;
}
.searchbox-content .searchbox-content-common {
    box-sizing: border-box;
    float: left;
    width: 329px;
    height: 38px;
}
input, button, select, textarea {
    outline: 0;
    font-family: inherit;
}
#sole-searchbox-content .input-clear {
    right: 39px;
}
.searchbox-content .input-clear {
    cursor: pointer;
    position: absolute;
    width: 27px;
    height: 38px;
    top: 0;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_f175577.png) no-repeat 0 -114px #fff;
    /* display: none; */
}
.searchbox-content .searchbox-content-button.cancel-button {
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_f175577.png) no-repeat 0 -38px;
}
 
.searchbox-content .searchbox-content-button {
    box-sizing: border-box;
    float: left;
    height: 38px;
    width: 39px;
    cursor: pointer;
    position: relative;
}
.searchbox-content:after {
    font-size: 0;
    zoom: 1;
    content: " ";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.searchbox-content .searchbox-content-button.right-button:before {
    content: '';
    position: absolute;
    width: 38px;
    left: 0;
    top: 6px;
    height: 26px;
    border-left: 1px solid #eee;
}
.route-searchbox-content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-right-radius: 2px;
}
.searchbox-content {
    width: 368px;
    border-radius: 2px 0 0 2px;
    background: #fff;
}
.bus {
    zoom: 1;
}
.route-header {
    overflow: hidden;
}
.routebox {
    -webkit-transition: max-height 1s ease-in;
    transition: max-height 1s ease-in;
    overflow: hidden;
}
.searchbox-content .searchbox-content-common {
    box-sizing: border-box;
    float: left;
    width: 329px;
    height: 38px;
}
.route-tabs {
    position: relative;
    border-bottom: 1px solid #A3C7FF;
    color: #333;
    text-decoration: none;
}
.searchbox-content .searchbox-content-button.cancel-button {
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_f175577.png) no-repeat 0 -38px;
}
.searchbox-content .searchbox-content-button {
    box-sizing: border-box;
    float: left;
    height: 38px;
    width: 39px;
    cursor: pointer;
    position: relative;
}
.route-searchbox-content.bus .tab-item.bus-tab {
    color: #3385ff;
}
.route-tabs .tab-item {
    box-sizing: border-box;
    font-size: 12px;
    float: left;
    width: 25%;
    height: 37px;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
}
/* .poi-wrapper li{display:inline-block;margin:0 5px;background:#ccc;padding:0 10px; line-height:24px;font-size:12px;} */
.poi-wrapper li.add_h_nav_over{background:#cccccc21;padding: 6px 0;border-bottom:rgba(79, 79, 88, 0.08) 1px solid}
.poi-wrapper li.remove_h_nav_over{background:transparent;padding: 6px 0;border-bottom:rgba(79, 79, 88, 0.08) 1px solid}
.poi-wrapper::after{
    clear: both;
}
/* .poi-wrapper li.h_nav_over a{color:#fff;} */
a{text-decoration:none;}
.route-searchbox-content.bus .arrow-wrap {
    left: 12.5%;
}
 
.route-tabs .arrow-wrap {
    top: 34px;
    -webkit-transition: left .2s ease-in;
    transition: left .2s ease-in;
}
.arrow-wrap {
    position: absolute;
    height: 6px;
    width: 6px;
    background: #fff;
    border-top: 1px solid #A5C4FF;
    border-left: 1px solid #A5C4FF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865475, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865475, SizingMethod='auto expand')";
}
.searchbox-content .searchbox-content-button.route-button {
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 0;
}
#searchbox #search-button {
    pointer-events: auto;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_f175577.png) no-repeat 0 -76px #3385ff;
    width: 57px;
    height: 38px;
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}
.cardlist .card>* {
    -webkit-transition: opacity 1s,visibility 1s;
    transition: opacity 1s,visibility 1s;
}
.cardlist .card {
    pointer-events: auto;
    width: 368px;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    /* box-shadow: 1px 2px 1px rgba(0,0,0,.15); */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    border-radius: 2px;
    -webkit-transition: max-height .5s;
    transition: max-height .5s;
    left:-40px;
    margin:0px;
    /* border-bottom: #964d4d14 1px solid; */
}
#toast-wrapper {
    pointer-events: auto;
    visibility: hidden;
    position: absolute;
    width: 368px;
    height: 35px;
    left: 0;
    bottom: -35px;
    z-index: 1;
    -webkit-transition: visibility .5s;
    transition: visibility .5s;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}
#toast {
    box-sizing: border-box;
    width: 100%;
    line-height: 33px;
    height: 35px;
    text-align: center;
    background: #ffffdf;
    border: 1px solid #f4f4d3;
    color: #666;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}
#toast .info-tip-img {
    background: url(//webmap0.bdimg.com/wolfman/static/common/images/fav/tip_3f7f5a2.png) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 8px;
}
img, table {
    border: 0;
}
#toast .info-tip-text {
    vertical-align: -2px;
}
 
element.style {
}
 
#cards-level1 {
    z-index: 1;
    /* margin-left: -30px; */
}
#cards-level0 {
    z-index: 2;
}
.cardlist {
    width: 368px;
    position: relative;
    z-index: 0;
}
 
ul, ol {
    list-style: none;
}
</style>