wv-business-components-demo/dist/style/index.css

.mapContainer,
.gisMap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.mapContainer .mapTypeDiv,
.gisMap .mapTypeDiv {
  height: 36px;
  position: absolute;
  bottom: 81px;
  right: 52px;
}

.mapContainer .mapTypeDiv .mapTypeDivItem,
.gisMap .mapTypeDiv .mapTypeDivItem {
  cursor: pointer;
  height: 100%;
  width: 50px;
  margin-left: 8px;
  float: left;
  background: #ffffff;
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px 2px 2px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mapContainer .mapTypeDiv .mapTypeDivItem .mapTypeDivItemImg,
.gisMap .mapTypeDiv .mapTypeDivItem .mapTypeDivItemImg {
  height: 20px;
  width: 20px;
}

.mapContainer .mapTypeDiv .mapTypeDivItem .mapTypeDivItemImg1,
.gisMap .mapTypeDiv .mapTypeDivItem .mapTypeDivItemImg1 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABKJJREFUWEe9mMF1GzcQhjHQYfdmpQLbFVipwFQHdAWRKjB50QIn26cFeSFZQaQKrFQQugJLFUSuIOJRh93JGzxggwUHwOrF0b7ng0wS+DDzz8yPBfGCz2azOX16evoqhJgJIbZKqWVpeyh94Wd+boz508H5Za+VUpe5PV4M0BjzuxDigoHJQr4IYAyHiN8A4H0Am4R8FuBqtZoLIV41TXMzNfVM5P5QSs3btr0AAIqqf3ZKqUW87mTAaKOidmgjBu6+qqrZcrl8pM9jSES81Fpfh5CTABP6yUKW4DxE27afAeCT/zuGLAJmxE1r3lVVde4jktpUCDGKXJzGtm2vAeA3DjILaIzZCiE+BgveI+JduFgMSTpFROp19kHEH3Vdn8WHKEFKKX+9urq6SwIyIh6iEJ84hGzbdgYA1O+Gh9NWDMhU+lut9QMLmIML0jhKSwQZVyhF8qgA/FoM3PDdI8A4RZx+3MiiKJ1FkRg0yRyShczB0doc4AIRN35jAFg2TUNatE8El9VkXKFOk0N0SnAsoAPYCyHexVUVw/mexmkSEZcAQMVyGuuN0u0myTD6UhJgNchBCiGoy9OClNajtsFAxlzJv3P6TFZxApI2Sfa0FCQBkIuJ2pNvQ8niYVMcHpODjDVZ6meIeKO1tqnMNWT3+RsA2Egpv1APLAIGRcFqMpWzHIhr/heIuIjnblD5e6XU+STA/wMyJ862bR8A4LXXZXEWR+3lv0bSTocCoG/y1pZNBkxE8lFKee71wuhxNFEQ8VxrTYfMPsYYsmOvqqr6JQu4Xq/P+r6npv1YVdUlDXymcFhIxusNxeLpVqvVJ0R8VErtQmKvYdsvU0dxcDTOfKMNx1hsCEaQDNw3rTXd5EaPj5R3LgG4n2Y7FpCB87+9Q8QPAPCdmRAWsuu6s8jKF/smIn7RWn/2m3hHZO8u8aliOOaCE//kQHpx/0naCUdbyahaN50CJGmNABk4qxvOmdgeBUDzdt/3PQnfQ/oDZOFcYy4B/utmmLTaMg/CHns8Kpy3VDjutyFkEc4B7sk0ZCJ4sBFk4NgNmEgOhUNrdF1HtuyhrutFyeK7bvA37c8Uib02WHlNhctEkr04lXpdcNh7pdTI+AZ3oR0YY/4SQryhBZ9xwYkb8FGPywGGQeGsljGGIntq+6DvRb4Kc5PBb5p6W1CKmtMd9VBrZCmFcX8MIntQSp0Co6vs+GLgDlLKWTjuaEK4Kt93XfeD5u96vX7f9z3ZLu+ij3TudEkZJXjbG22RTIWcAufSR4089RwQcRs25kDfvu3Qoazshj5YgmQu8UeRC0bVvO/7OQCQ+N+Rtqm6pZS3fd/fco4m3B8APjRNczsCzEWSGV9JuCk6jL/jRpvX5WjsHY06LpLR+PrZcENHCK8H/hBT3yz47x/BGWNIbw+IuJvi9QK90f2D3g9alxNPkyxgIt1s5LxFdwvSRee6qqobbpK4KqU3qzRCbTWTPqWUC6+5OP1Zw+rSvSVTeXJyMk85Z3pd4orCvoF1m5C1p3/e4ZDLCSeGrea6rre5sfgsyz+lANy7nRkiki8kKPuGwleyEIJMxX6qHP4BtkL5nWSWFGgAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .mapTypeDiv .mapTypeDivItem .mapTypeDivItemImg2,
.gisMap .mapTypeDiv .mapTypeDivItem .mapTypeDivItemImg2 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA+VJREFUWEftmM+LHEUUx9+3emEaFc2CRowHc/RHIBH0ZMDx6C3+BxM8LHgws6jb1euCbWSnuncOuyqeRGJAL3vRHHJ2lajoRb0oCLoJEvUiZMHD7PZMPXlNd1PTds/MehO6bl31qupb71VV1/uAFihJkvSZ+Q0i2tNavyBdjDHXiehpAK+PRqMPoiiyCww118QYcxqAzNVj5ouY1cMY08uNTxd2zPyc53m3rbU/O3U/AljXWl+bq6DBYHt7+8TR0dElZu4T0Ync7E6tQGNMNxfWrY4nApk5VUrdqGn7hplfWV9f//I4QnNHbDvCyu5TAnP3iuGFpglmCXT6XAfwWhAEP80SmiTJBWaW+coIVe0zgeLew8NDMezNW/mCAomZLYCPxuPxxsbGxm/uuLMi9C+B+Squ1LlXjJn5TQDi0bP5t4T4UCn1VT7YDWb+GMBbRHR/zQJTIlrVWr8nbXEc7xDRpTpHMPMtIooAiJ6swBhzE8AjNfvpqhiHYXjTGLMH4NlCIIAjIsr2GTN/HoZhdzgc3j2ZTDQzvwrAd8dj5r+11vcOh8Oz1trvasQdMPNOGIZRvgguBcZxXH4UE3qe119bW/u+MKoKdD1YCCxskyQ5Za0Vr78oDijql5aWHkjT9AyAzyoC3+50OtHq6uqdot7VBPdD9lcYhnvVFS7iwWqfJEkes9Z+C+AeafM878HxePx4ITAPZ1ciVO3bKFBr3XTtTIW4cs18obXOwl+zsN8BPNQgMNsadf1agc7ebT2YOaPmFLu/unYPlvdge4qn78H2mineg+0haQ9J+y9u/ySVN1f73GqfW/NykvbJ72SaU1nd//K5lfMayWUzfiKpaSVx/3UymXSreCN/iR87J8mxSJk7N3ow5zXC6QSHlUUEKqVGzPy1U50y8zuCP7TWB04CfpuITsm3tfYkgCecvHjqPbi1tXXOWit8aCoVrRVojBE+Ivyk4HSlFqXUk2ma/uF53p/Vw8TMfwEYLC8vv7uyspLGcTxXoAssa8a7VSULF6vAsooptNaZR40xoYipS7yJ6BcA2lq7A+BhsalBHz8A+ISZMx5TUw4A9KYENhhmgCgHSVNYZHNz84zneVtE9HxT36K+ij7m2Je8ZqbAnJ/06niNO8FgMHhGKSVY7ammiRcUeE0QsMtrmgQKDhPDD+d5xm03xghgHwB4tNpvlsCmCMkYIlCw1335gBmn831/x8VhxxG5u7vr7e/vC6G/XJxgIkpHo9FdnU7nvIvfJEJKqX4QBJ82zSEAU0j+FWa+6vt+/78Kq04QRZHv+/7LzPwSEb0fhuFmfriElJ0DEAVBINtiZvkHVujTivyRPcgAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .mapTypeDiv .mapTypeDivItemC.mapTypeDivItem,
.gisMap .mapTypeDiv .mapTypeDivItemC.mapTypeDivItem {
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #2d8cf0;
}

.mapContainer .mapTypeDiv .mapTypeDivItemC.mapTypeDivItem .mapTypeDivItemImg1,
.gisMap .mapTypeDiv .mapTypeDivItemC.mapTypeDivItem .mapTypeDivItemImg1 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABNpJREFUWEe9mVFyGkcQhv9myVti2BPEfkuVoUJOIOkG+ARBJwhUIK+2XwOO0AkkncDKCYRPYLlAVXkLOsEuJd4stl0z7CyzM7Mzaycl3sSyO9/2/P1394jwhJ/nZ0n7+x29J+AYTPPlpDUKLU+hH/yf1zuz9EbCFR+6XI5bp741ngywO9tcADywYfyQTwJowjHzByI6qhPJrwLszpJ+hqh1N352VXfrrcgx/72cxP3uu2QApgv1HAafr8bx0HxubcDyQmHtiIWsyIE/bSMcr0dxKq8bkCA+Xf4eX+qQtQDd+vFDhuAURGeavCGi14e8KUMGAavFDTDjdtvkExWRqkXZiJy5jd1ZcgnQry5IL2BnlswJ9Jumk08E3OoPMyGFTgF6r91zv43QM18iBJll/MvdH/FtJaBDxIV+zDfWITvT5JiIbkoADm3ZgGUb+hzxi39G8doJ6INTD/ZBWuIXN3kgLRlpv7UAHVtUyjyxlixZj3RDhJ4eCT2SdSF9cPK9zFC/nCbDBtGZ+j5jHt1N4rn6W4cT4vdp0spQI5IhOCfgvqBjQaCfzawy4ZSnubYb4BGRTJa2ZerEp+DGUan0VUjAqUEXJIOGYB6IbXXZhmUVdUtNQJ+VWeyMJACfp1VCyoiJLkbzOvUCgQz3+qAL0tRkyM8AvlqOY9nF+AxZXP/pLHne3NEZZ/xWeKBTg+aCPk1W7aIPRJo/Y4AGhmbdVZnPwGI1bp/UAixspSJxvgXSJ8/OLFkT6Eflm8FaXLKX/wipqoMPsPDPvC2rDVgRyTTL+ETpxdKj2fMxn6wm8SKU4N1pkoKo9RBx7AV8+WfSo4Y07XQb8ako+A5NOiHtSnJIFgXYebd5DUa6GrfOdehCw8SnlYACrtGQRV8abaAhKEFatZz5w2oSa8PSHkdFSnUuClJVM9FlOwFNOHWjgHxs8qvvdvTRUSEkZCNCz2jlrVqunqcixcxvV5P4TRHZvCOSs4upBzty5oBj3MG8EXrJvxWtfFHaQo2qqtVVgEJaJUA7cnvdODsTAMK0wVg0CAsNUrKG4MRvagAeuhkLLk/zYjvMAQdIHyJ+IRJH3qtB1oHLARdi/KyMIPNGRtDa1ooZwhb/YSaRGU+YE2H9EGEYavGFG/ywo0SsbyaJ6kmlBuvCVUWyanAKel2+IyLaq3FcanzVLCSzuDtL/xVNcq6begOOtd22x/kAS0FxdDPdWSoi2xbljpQXqSz0VYaDPRjnLIZevbV2byGykRVbaPqjVuo2y0ncJkeG+suXeQjEvMkYx3q5kxVCzBPUWHymx3sxnXX/ejhClg1UF+1KpFyXYkcFvPRGmSR1IR3nLBZcvn3CyN0f5g0Dc92YNYOWpwwMvl+NYym7wgdDkOYQD0fktArRB9BnoCdmG7EgGGsGrndNXIuImvTl9fnVchxflwB9kTTLlw8ulL2u6/mwr3RZKnv2XOww5FLd9UTuW+CMyBXjgXpWrZOFYmFXQkzTjyCswXxep9dTz8rnjwt1JGxWEy+gc7srIle06HlLBqLLbZRduSqJzNLH6AjEfS2b7wkYKs2Zu+BtWGX4M8yZkHKGfmXnLE+00AejrzUNIilEMuw7HEa7dFSSZ/O2ibmvLH5Vy19HY6KOsvw3A3ogtNUJhcpkAKLlX9SVwxdN6002yGh1AQAAAABJRU5ErkJggg==") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .mapTypeDiv .mapTypeDivItemC.mapTypeDivItem .mapTypeDivItemImg2,
.gisMap .mapTypeDiv .mapTypeDivItemC.mapTypeDivItem .mapTypeDivItemImg2 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABBNJREFUWEftmM9vG0UUx7/fWcdETRp7JX4WCXKjxWsoEpxAwj1yS/+DVBwQF+oodgkUyS4VkZo1igFxA5VKcOECPfRMQAUEEgJkGxASVSpUygWtTdJCsL0P7djerNc/wxHt3Hb93sxn35s3nvclphgp28kqsiDAVjWXPOm5WHb9CoEnXOBs7VbiXRTpTjHVRJOjm87iTFsVAFkG5RTHeaRfd5YhLABY7NmJyIm2qBsxJT/77yA/UIyXK/mFyxMJRhgsbjrJeVedpkgWQLJrVh8KaNlOBmSBQCY8nwcoYjSVcq8OrCX4yhW1Wjuz8PlBQLuB2AyA+e59gF54Y21uElgatcBYwK6TiFyBG8tXXzz849gMlZwlgB6Yn6GwvQb0wnu4rTZ13ieMaQC9KUTgAvI+1B2vVFcP/RqcdlyGBgDTna+4OCy8nYXkHIglgo92n08Qxh7ofqGfIVcBfgDgPIE7h3xf0yVXaquJt3VxlZwywdPD4iCQ6ySKEM2jB62Ss03wwUEHudQ0UPxpxdy2bGeL5NM9QCjjH4qr95mIfFrNm5lHbJkT1tdEmCMxG5xPgL3qA4m51HY9rRS/Hdy70hCgXM2bRe+3dKkuPmDwobegCLK1M+Z3PaMwYF8Eu4A924cu3DoyYzTPAXiWgL/H96DuikvbIvlJP7y8sWuguL1i1nvvRwJ6+6uaN7fCXzhNBAd8Luwcg9H6muC8TpUY97hoPdwD9NLZMpDxMhT2HQlYySVHHTt9Ke4/ZuSzSs7U6R/8sPpNEvcOBQxFPugbAe7v3SiCnViEiyTag6POwaiKg+dgdMz498HooN6/OURFEhVJ54IaapqiIomKJLqwRtet/3fT1JHDdC+r9RPvHAw27gCuCeOZsLyhb+Il5zeC9x2kq/NkkWDvzGCLF/wv1npNSxVALYf5wwNUSv0tIl8GXjcFePN2K3H+2hobfgNuOzdAHvGe/4obd8/utVJ+Xxy6D6Y2nONUWrjqU9SGAlq2UyS1ftLT6XwW15XHGJ+5yVbr9/DeEcEfhKzHF5JvffMcm+kpAPsEy9CEWqvpkz4op8KCZVimqOZMHVHLrr9EYn1Ywy6CX4RYU5AywPs9m7D0IZDvQfURRbQeMzBEGiCW+wGHWnYEIgDFsCxyzN6xYmxvAHhmhKv/Oix9jLMX7Os1YwG9EEOwPEyvCS6Q2vjzSdItk3h81MJTAYpcbsaQDeo1wwG98CpkK6vme5MiE/zdsp2TINcJHA37jQMclSFd/WnbqYNM6Amlo9PtxlAOymEHgcSHYljXG8uEvNqrYADNym7ikDVXfyp4hOgiALKVnPnxyMh3BeyLgFzaMZD9z2ChFRaLMjs333hBAc+L4J1qPvlap7icLQLHXaBYy5vlSR//L5fn3N2XDupuAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .mapbtnBox,
.gisMap .mapbtnBox {
  width: 35px;
  position: absolute;
  bottom: 36px;
  right: 12px;
}

.mapContainer .mapbtnBox .mapbtn,
.gisMap .mapbtnBox .mapbtn {
  cursor: pointer;
  width: 35px;
  height: 35px;
  margin-top: 10px;
  background: #ffffff;
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px 2px 2px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mapContainer .mapbtnBox .mapbtn .img,
.gisMap .mapbtnBox .mapbtn .img {
  width: 20px;
  height: 20px;
}

.mapContainer .mapbtnBox .img1,
.gisMap .mapbtnBox .img1 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABDRJREFUWEfNWc112zgQnsFB4G2TCtauYO0KIleQdBCngkgXCzzFPgH0xXIFUSpYbwXrVBC5gmgrWOlG+8DJGz5AAemhCMpOnnHiozHEp/nm74MR9lyXl5dHRPSWiMb+E68A4Mg/LwFg7Z9vlFJfz87O+N3ghUMsrLUHiPgJABjUwRBbAFgBwC0RXeR5zs9JKwng1dXVq4eHh49EdJ701Z5NiHg+Go2up9Np8HKnRS9Aa+0pIl4BAFP4nGtNRNM8zxe7ProTYFEUn3Z4beMpu/H0rQJ1HAo+BDgk3vmQ+EMCwt6czWYXXSBFgEzp/f09e+20bUhE/wHAed8vb9sxE2yHiH8KYBZa66lEuQjQOfdZALfxv3b+FJ6ttQxyAgBtjy6MMR/a334E0H+AMzVeG6XUeN9S0T6US1RVVbdtkD7DG4nYAOgTgr0Xrzut9Tgl44Z41ocRg/wrtiOiD3H4bAF6g++tbN1orQ+eG1wA5M/kmhjTvdZaH4YztwAFantpjeojZy13kbiTLBFx1VfvJLpjqmuAvkOw97YLEaez2awzIay1Y0T8O6E+rjxtTKe4pLgnokMuWwHgAhHfB2suJXmei63M08JJxJk4ZM211hdd4WKtXbVK0LUxZlIDdM6x97aA2oEao3DOsVc/DkEW7a0PlWyFBF0ZYw7Rx8C3yGhjjBHbmqf13z3B1WZEdJLnuUi3c4578zZhlFLHKPD/jzGG21NjdWT5PlhXWutjiWrnHLfNt+GjnAcM8BYR30Tx16hD4X1HAd8HIHQlYJtmIvoqARQpsNY2EmkvZN6IiL7kef6oz7dDqAYoJEid3m0AzjmeiBtV/wkgl8aY47a9kA9LBkjxRmNM1wDR2PcEcLVp6jkvH2C7QIYK/ospvjPGhLa4PUqg+O7lJ8mLLzNFUUyIiMf7sDoLdVmWPKFII3tyznCfz7LsKLlQC7yvjTGvO/olTzC/stX9H09HdatjIEKiiN2E9/6uYSFMVOK4xTKSJwnJi74ns24YOtFca63Pu8atdsMAgJ/jljSwSgImBsxtCQC4/e2MSS9TT7smGM8gK72GUGsMrB2b1kqpk11Kzo/8p1VVHSEi17XQCu+IaKmUWo5Go8UuTeNzgON6O+I9GvkZYIqASU7VxI0pQi1Fdi611ifPrew8OPZco6N0ys6eua+X7kSn1dskWvl9r3CPQEqz3xoR57suelJA+gsp1iUNWdE1I3ZeHpVlOY+VXnQ4qy++kfqSAijsKYrivb8pe6QWGVyWZZPky6MeusOfWeCwXLhhgQ4Am5DxTCGLHyI6IKJw/SYKsb5ylnqByVJTvN8b4sXW3g0RTfqu8XoBhhJUluWkXUz3Bcdey7JsnlIZkgBGlHP8cJvjoWHQVMMdhcOBiObPfokuecr/G2JcVVWtoRGRYyzuJPUFuVKKY/R237vFH1Y/00rl85HnAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .mapbtnBox .img2,
.gisMap .mapbtnBox .img2 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAQZJREFUWEftmUEOgjAQRf9wAb2ReiN3pCtgVdhxI+FE4gX4ZogLNJIgnQWJ04Rd5+f30aHDVGA0mqYpSF5VTkTaPM8rC2mxEIkxnkXkNtcieQkhdKn6VgZLESk+DFYhhNINriEQY3SCa0AtznGCSfgAOEEnmEDAT5IEeFOoE/wPglrPZVl22rpakmcA+sxHJyKb68FxHHutJ+XbKbDVqHUcyUrqur4DOFqLG+kNanAAcDAStJZ57P8V65I1Sb5s8l9o6E/TW5KR7AFsThKNnZLkFxdLc73cSqXoBJ1gAgHP4gR4XrB6d2v19vEP9WpUCxOdoAHBfTfRX0WvtoGnawiSrUUDXbWeEro6cRD9kPMAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .mapbtnBox .img3,
.gisMap .mapbtnBox .img3 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAL9JREFUWEftl8ENwjAMRe0sACMwQjeo2IBpIuUEnJJ4KToCG8AI7QIuKit8V+rh5/5frJcvS1E5+NGDzyccEH0hGqRB1ACaZwdpEDWA5tlBGkQNoHl2MMygmY0oLDC/5JzfG0/NbHD3l4icAy+IQM0ppau21j4icokg7sD4bgPOInLaAR6BXLTW+lDVewQtmrGu6/O/ZnrvN3cfoi8AeVMpZeIeBC3yX4wKpEEahA2gAO5BGkQNoHl2kAZRA2j+Bzs5IQuybsh+AAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .mapbtnBox .img4,
.gisMap .mapbtnBox .img4 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABLJJREFUWEetWU1SHDcU1msWml3wCQInCD5B8AmMT2DmBGE2tLQyrNTDBjiBJycwnMDjE2RygpATZNgBVT0v9amkLo1G3VKDVeXCdreevn4/33ufIPHKdXV1dcTMH5n5SAhxIITAz3CthBAPRLQiovvz83P8e/SiMTuMMQdE9IcQ4sSBGrP9QQhxx8y3Wmv8vWgVAby+vt5/fn6+FkKcFlh9FEL8knlvIaWczWazdc5eFqAx5pSIAG4/Zyx4vqyqata2LfYcExE8/lu0f01E07qu74bsDgJsmuZroddSZ6yllIfeS8jZtm3PiOhz9PJCKTXtA5kE6EIKcPjyV6+qqt7HxeGA3hDR74HhOynlNBXyJMCmab4jNK9Fxsz/CiEutNaLPhvGmAsi+hKCVEp9it/fAfjGsFr7zHyptb7IfaDLb0TKr51wbwFMbMidkXxeChCb4zOJ6FNYOB1Al3f/jKzWPoDTofDGm+bz+RkzgymwtoqrA2iMWSQqbLQHmfnHZDI5KeG40LgxZukLh5n/1FpbzrUAXYeA9169AAyUNKZLhIehujebzV/+/5j5ELYswKZpboQQaGFvWR1VuMPABPtKqWwzwKFIsaenJ9CP58lbpdSZBwjvoeH/7GUPyRltmgaew7BxGzjqQSl1SLFrc8ZGPH+UUh7kctEYg1YIb9sCCYsURE8JwhyBof/VUqoZchARzahpGjTrjzgKiY5KQhUJIdAFwPZhSyoCj06itc6mjKM2eC+eJf059wDo4y/ihHYG/htA9cjMGEgxtXTTSkgTfXv7wHknuX0rAGRvJFVx4fP4sBiIjwYO0VoP9vKmab6VDCMdwL6w9AFk5g9a62UI2vHpCl4dAhgVRsrJ3dAbenCtlHoXvz0GIPa6ojtSSvWOagWF2VUzqhjC5lcY7wlxV0Qh+LipF1WPe6kAYGcOALsemAI4n89PmBn5srVKaSQF3KdCTrvYgoloZievcIADieZt6citO0hKZkYxrKSUlzlSjvIVWiecBVPfck/RqDPYmhypojBSqq1IBIUoorN3AFqijiaZlVLq/VA+FQy1gyIoUYRhjqN6wbuW5G2rc5XXFYofczIgj/f29tZt28bix28r1r1BMwDpQ/XZsHva8wA7AVPSBTyKsMASH7SuqupDyZUHoiKEQOoAhx23fBFagO4rcB1hc6vEi87zHQP0eBz3McuSAoqHZinlOxRdOPKHMjCbiw5gqUy4HyJu2ApnAsyFfo6MRVPoxax0HMFnncbo4cXQOVtzZCw7w+ERoc6qswz1AM/fUsrjPo4slp1B4m8p/reCHMrnBGXt8HBS0MQSlIgu6rq+HKIeJ3owG9q+7lZv7s3n8y/M3N0+9LFHr+JK6ORVVVXTIdqIaQedoK5rKMZuuZQA13VT9BC15a7fUnJ04QxuzYIp2glvt1xB4bIovgQdbK9ZzYrhEvokCh3wWI7Dn6qq1hgamBmHh1oEcx20DWzEuuORiE7fdIHp4+KIHPkCALnr3aFUxTO0tJvJZHJTMv1kPRieBqAvLy+nm80GPTMshhwo21vhzVJg3uAogHGyt217RET4dQR+hvLUqj38GqKqKlT2sqQnp77yf5897KFoMU58AAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .mapbtnBox .img5,
.gisMap .mapbtnBox .img5 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAARtJREFUWEftmMFNw0AQRf9sBemAFugASkgJoQJys/dGTjN7wlRAqIASMJ2ERvzRRjICERTwxsoKzd4sa6znN7M79ggAmNktgDsAi3xdwdoB6Nq2fRBVXYnIYwVQ3xBI3mTAXkSuKgV8FTNjjXAj0xdAkk8AtucEDiFckrz/CXATY8yb5WxLVa9F5MUBp6bADU41N8a5QTf4m3PQzD7OqVJjY3xuEjHG7UlqcI72SHLfJBxwasrd4FRznzaJ12CRRK/BIn0A3KAbzAbGOjhmw3tx6V+dG/z3BlV1julDH2PsT/LBemyXl9x3wBJ7ObZ6gymlJcnng9Ot0refI77+EXD1Q/SclpTSehiGtYhczJGmvz6T5FsIoWuapnsHg/ga6QVI1QAAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
}

.mapContainer .overviewDiv,
.gisMap .overviewDiv {
  position: absolute;
  bottom: 34px;
  right: 54px;
  width: 240px;
  height: 140px;
  border: 2px solid #ccc;
  border-radius: 4px;
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px 2px 2px 2px;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
}

.hoverBgStyle {
  position: absolute;
  background: #2d8cf0;
  min-width: 100px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 4px 10px;
  pointer-events: none;
  display: none;
  border-radius: 4px;
}

.hoverVideoBgStyle {
  position: absolute;
  min-width: 100px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 2px 6px;
  pointer-events: none;
  color: #666666;
  display: none;
  background: #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  opacity: 1;
  border: 1px solid #D5D5D5;
}

.MapmessageBox {
  position: absolute;
  background: #2d8cf0;
  width: 100px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 4px 10px;
  pointer-events: none;
  display: none;
  border-radius: 4px;
}

.mapContainer .esri-popup__header {
  background: #2d8cf0;
}

.mapContainer .esri-popup__header .esri-popup__button {
  color: #fff;
}

.mapContainer .esri-popup__header .esri-widget__heading {
  color: #fff;
  text-align: left;
}

.mapContainer .esri-popup__header .esri-popup__button:hover {
  background-color: transparent;
}

.mapContainer .esri-view-surface--inset-outline:focus::after {
  outline: none !important;
}

.popHeadWhite.mapContainer .esri-popup__header {
  background: #fff;
  display: none;
}

.popHeadWhite.mapContainer .esri-popup__header .esri-popup__button {
  color: #000;
}

.popHeadWhite.mapContainer .esri-popup__header .esri-popup__button:hover {
  background-color: #cccccc;
}

.popHeadF3.mapContainer .esri-popup__header {
  background: #F3F3F3;
}

.popHeadF3.mapContainer .esri-popup__header .esri-widget__heading {
  color: #000;
}

.popHeadF3.mapContainer .esri-popup__header .esri-popup__button {
  color: #cccccc;
}

.popHeadF3.mapContainer .esri-popup__header .esri-popup__button:hover {
  background-color: #F3F3F3;
}

.mapContainer .esri-attribution {
  display: none;
}

.mapContainer .esri-sketch .esri-sketch__panel .esri-sketch__section:first-of-type {
  display: none;
}

.mapContainer .esri-popup__content {
  margin: 0;
  padding: 12px 15px;
}

.mapContainer .esri-ui .esri-popup {
  z-index: 2;
}

.mapContainer .esri-view-width-xlarge .esri-popup__main-container {
  width: auto !important;
}

.mapContainer .esri-view-width-large .esri-popup__main-container {
  width: auto !important;
}

.mapContainer .esri-popup__main-container {
  width: auto !important;
  max-height: none;
  z-index: 2;
}

.InfoMessage {
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: #333333;
  text-align: left;
  min-width: 200px;
  max-width: 270px;
}

.InfoMessage p {
  line-height: 20px;
  margin: 0;
}

.InfoMessage .color1 {
  font-weight: bold;
}

.gisMap .moveControlBox {
  height: 40px;
  width: 400px;
  position: absolute;
  top: 20px;
  left: calc(50% - 200px);
  box-sizing: border-box;
}

.gisMap .moveControlBox .moveControl {
  height: 40px;
  padding: 6px 10px;
  width: fit-content;
  font-size: 14px;
  line-height: 24px;
  font-family: MicrosoftYaHei-, MicrosoftYaHei;
  font-weight: normal;
  color: #333333;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.25);
  border-radius: 3px 3px 3px 3px;
  margin: 0 auto;
  box-sizing: border-box;
}

.gisMap .moveControlBox .moveControl > div {
  display: inline-block;
  vertical-align: middle;
}

.gisMap .moveControlBox .moveControl .moveControlPlay {
  cursor: pointer;
  width: 14.81px;
  height: 14.81px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAjCAYAAACD1LrRAAAAAXNSR0IArs4c6QAAAiFJREFUWEfF189rE0EUB/A3If+C4h8hgZCT4MG/xFNb6k2pWKw/EKFQEIRSVOjBgiLiQcGjIB4UVIR9M41GIqywUkRFIzIY2cXN+8pIF6KkyW6yO51LIFnm892Xmdm3qtlsHqnVag+I6BCALQDLWuuvVPFQrVbrNREdzhwAP4joAjNfJyKpyncwRk0OYJuIFpn5ZRX4nrDDAEApdbPf7y93u91emQHGwkPQdwArzLzp8pQRIC+cWUxE80EQuM+ZRlHYlV+UUpuDweCsMcYtxKlGYXhI+SYibuttTVP+WeAswysA88zcLnLrZcDOGwC4Ya09F4ahzROgLDizvojIGa31rUl42fBfD8BzV36t9du9AlQC72IpgI0kSS52Op2f/weoEs6sTyKypLW+O4z7gLPyP03TdKHdbr9zX3iDs7sFsMrM573DLoCIHN8XmIiu7gssIse8wgA+AJjTWj/2BccA1qy1a2EYJl5WNYBHIrJojIm87GMAkYicNMY8HHVsll5qAIlS6kqv11uNoij2clYDeKKUWgiC4L2vp9OOiJzSWt+fBGa/z1rq3+4wIKLLQRD8yovOtKoB/HPoF0GnggF8JKIlZr5XFJt2O6VEtB7H8aVRD/aiIXL9x66sAE6Ma2XKhj8DOM3Md4pOPOn6cW+L16y1K3nb1UnQqJ7rGREdHeoQXuy2KG+KTlbketVoNA7W6/UNpdQBALeZ2b2SVD7+ACxPXxsZ2KXEAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%;
}

.gisMap .moveControlBox .moveControl .moveControlPlay.moveControlPlay1 {
  cursor: pointer;
  width: 14.81px;
  height: 14.81px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAjCAYAAACD1LrRAAAAAXNSR0IArs4c6QAAAQdJREFUWEftl9ERgjAMhkmygCOwgTkYQJ1AV3AD3UQ3cASdQB2gsSM4ggtAPF44qSItPvgSXsvfj+slDR9kf3og5DLzhIiWqpo3a3Vde+/9Kfb7YvMdMDMzIp4BYBKALs65xRA8Jd8BF0XhAWD6CaCqWxHZfYOn5Dvgsiy1b2NVvYrI/Bs4Jd+CmXlOROex4NS8ge2o21obqmorrrAtwxOzdrJ2snbqHYt2gdgFYlemDYm/DAkmotsP/9VJ+WiTyLLs5JxbjTWJMB+60wUAZj3utBaRw4A7RedDW8wR8RiKm6ruRWQTYYvR+Tc/bjZvJg0i5gDwqKrq3gjyEPR1PSb/EZwCGfvuE+irDELKvX7lAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%;
}

.gisMap .moveControlBox .moveControl .moveControlReset {
  cursor: pointer;
  margin-left: 8px;
  width: 14.81px;
  height: 14.81px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAMlJREFUSEvtl8ENwjAMRb8zQTeAEUIyAGIDNqAbIEboJjABK2SBShmhi9RGLuWC4Nb45NySg1/8ZEs2AUDO+QzgKiKRiDp92/qIyASgMPNQa51ohT63Bv2Lpx9g5gOllAoRHa3AyhGRm2YsltAVPDjYxLqIuGoT09pOrtpVtzHgxdXG64+ortpVNzPgxdVM7XfgRXVKaSKinRn1PVcvg8AdwMUSPM/ziWKM+xCCbhNWWT/GcexJM40xdiGEHkCThe1jk5lLrbXo/QXj8amlVWs6NgAAAABJRU5ErkJggg==") no-repeat;
  background-size: 100% 100%;
}

.gisMap .moveControlBox .moveControl .selBox {
  height: fit-content;
}

.gisMap .moveControlBox .moveControl .moveControlSpeed {
  margin-left: 12px;
  width: 120px;
  text-align: left;
}

.gisMap .moveControlBox .moveControl .moveControlSpeed > span {
  display: inline-block;
  width: 50%;
  height: 100%;
  vertical-align: middle;
}

.gisMap .moveControlBox .moveControl .moveControlSpeed .width100 {
  width: 100%;
}

.marginL10 {
  margin-left: 10px;
}

.trackLinetime {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  min-width: 100px;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  opacity: 1;
  border: 1px solid #707070;
  font-size: 14px;
  font-family: MicrosoftYaHei-, MicrosoftYaHei;
  font-weight: normal;
  text-align: left;
  color: #333333;
  line-height: 18px;
}
.trackLinetime .trackLinetimeClose {
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: -3px;
}

.gisMap .pointRoundBox {
  display: none;
  position: absolute;
  right: 200px;
  top: 400px;
  width: 48px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 1px solid #DCDCDC;
}

.gisMap .pointRoundBox div {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: #DEEEFF;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #2D8CF0;
  float: left;
  font-size: 16px;
  font-family: MicrosoftYaHei-, MicrosoftYaHei;
  font-weight: normal;
  color: #2D8CF0;
  line-height: 16px;
  margin-left: 2px;
  margin-top: 2px;
  text-align: center;
}

.arctiveTitle1 {
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  background: #FFFFFF;
  padding: 0px 10px;
  opacity: 1;
  transform: translateX(-50%);
}

.arctiveTitle2 {
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  padding: 0px 10px;
  background: #FFFFFF;
  opacity: 1;
  transform: translateX(-50%);
}