/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <svg
    version="1.1"
    id="图层_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 870 650"
    style="enable-background: new 0 0 870 650"
    xml:space="preserve"
    :width="Width"
    :height="Height"
  >
    <g>
      <path
        class="st0"
        d="M564,431.3h306.2l0,0v-18V235.7v-18l0,0H564c-11.6-0.1-21-9.5-21.1-21V0l0,0l-18,0L345.3,0l-18,0l0,0v196.7
   c0,11.4-9.6,21-21,21H-0.1l0,0v18l0,177.6v18l0,0h306.5"
      />
      <g id="人行道_1_" :class="showPed === true ? '' : 'invisible'">
        <g class="st1">
          <g>
            <rect x="519.3" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="527.1" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="534.6" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="511.5" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="503.7" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="495.9" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="488.1" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="480.3" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="472.5" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="464.7" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="456.9" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="449.1" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="441.2" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="433.4" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="425.6" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="417.8" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="410" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="402.2" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="394.4" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="386.6" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="378.8" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="371" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="363.2" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="355.4" y="199.4" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="347.6" y="199.4" class="st2" width="4" height="16.3" />
            <rect x="339.6" y="199.4" class="st2" width="4" height="16.3" />
            <rect x="331.7" y="199.4" class="st2" width="4" height="16.3" />
          </g>
        </g>
        <g class="st1">
          <rect x="308.7" y="237.1" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="229.3" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="221.5" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="244.9" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="252.6" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="260.3" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="268" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="275.8" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="283.5" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="291.2" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="298.9" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="306.6" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="314.4" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="322.1" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="329.8" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="337.5" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="345.3" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="353" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="360.7" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="368.4" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="376.1" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="383.9" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="391.6" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="399.3" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="407" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="415.3" class="st2" width="16.5" height="4" />
          <rect x="308.7" y="423.3" class="st2" width="16.5" height="4" />
        </g>
        <g class="st1">
          <rect x="544.3" y="237.1" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="228.8" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="220.9" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="244.9" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="252.6" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="260.3" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="268" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="275.8" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="283.5" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="291.2" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="298.9" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="306.6" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="314.4" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="322.1" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="329.8" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="337.5" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="345.3" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="353" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="360.7" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="368.4" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="376.1" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="383.9" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="391.6" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="399.3" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="407" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="414.7" class="st2" width="16.5" height="4" />
          <rect x="544.3" y="423" class="st2" width="16.5" height="4" />
        </g>
      </g>
      <path
        class="st3"
        d="M868.9,226.7L868.9,226.7C868.7,226.7,868.8,226.7,868.9,226.7z"
      />
      <path
        class="st3"
        d="M868.9,226.7L868.9,226.7C869.1,226.7,869,226.7,868.9,226.7z"
      />
      <path
        class="st4"
        d="M-0.1,198.7h295.9c6.9,0,12.5-5.6,12.5-12.5V0l0,0l-1,0v186.2c0,6.4-5.2,11.5-11.5,11.5H-0.1V198.7z"
      />
      <path
        class="st5"
        d="M-0.1,214.7l0,3h308.3c10.8,0,19.6-8.8,19.6-19.6V0l-3,0v198.1c0,9.1-7.4,16.6-16.6,16.6H-0.1L-0.1,214.7z"
      />
      <path class="st4" d="M-0.1,451.3h870.3v-1H-0.1" />
      <path class="st5" d="M-0.1,434.3h870.3v-3H-0.1" />
      <g>
        <path
          class="st4"
          d="M870.2,197.7h-296c-6.4,0-11.5-5.2-11.5-11.5V0l-1,0l0,0v186.2c0,6.9,5.6,12.5,12.5,12.5h296
     C870.2,198.7,870.2,197.7,870.2,197.7z"
        />
      </g>
      <path
        class="st5"
        d="M870.2,217.7H561.8c-10.8,0-19.6-8.8-19.6-19.6V0l3,0v198.1c0,9.1,7.4,16.6,16.6,16.6h308.4V217.7z"
      />
      <g>
        <rect x="0" y="410.6" class="st6" width="300.3" height="2" />
        <g id="XMLID_9_">
          <g>
            <rect x="73.7" y="292.1" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="73.7" y="263.7" class="st6" width="12" height="2" />
        <g id="XMLID_4_">
          <g>
            <rect x="37.7" y="292.1" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="37.7" y="263.7" class="st6" width="12" height="2" />
        <g id="XMLID_10_">
          <g>
            <rect x="1.7" y="292.1" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="1.7" y="263.7" class="st6" width="12" height="2" />
        <g>
          <g id="XMLID_28_">
            <g>
              <rect x="288.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="288.3" y="350.2" class="st6" width="12" height="2" />
          <g id="XMLID_27_">
            <g>
              <rect x="252.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="252.3" y="350.2" class="st6" width="12" height="2" />
          <g id="XMLID_26_">
            <g>
              <rect x="216.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="216.3" y="350.2" class="st6" width="12" height="2" />
          <g id="XMLID_25_">
            <g>
              <rect x="180.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="180.3" y="350.2" class="st6" width="12" height="2" />
          <g id="XMLID_24_">
            <g>
              <rect x="144.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="144.3" y="350.2" class="st6" width="12" height="2" />
          <g id="XMLID_23_">
            <g>
              <rect x="108.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="108.3" y="350.2" class="st6" width="12" height="2" />
          <g id="XMLID_22_">
            <g>
              <rect x="72.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="72.3" y="350.2" class="st6" width="12" height="2" />
          <g id="XMLID_21_">
            <g>
              <rect x="36.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="36.3" y="350.2" class="st6" width="12" height="2" />
          <g id="XMLID_3_">
            <g>
              <rect x="0.3" y="380.4" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="0.3" y="350.2" class="st6" width="12" height="2" />
        </g>
        <g>
          <g>
            <rect x="-0.1" y="320.5" class="st5" width="299.4" height="2" />
          </g>
          <rect x="109.7" y="292.1" class="st6" width="189.2" height="2" />
          <rect x="109.7" y="263.7" class="st6" width="189.2" height="2" />
          <rect x="-0.2" y="235.3" class="st6" width="299.8" height="2" />
          <polygon
            class="st6"
            points="298.3,217.7 300.3,217.7 300.3,322.5 298.3,322.5 298.3,286.5 298.3,284 298.3,250.4 298.3,248
       "
          />
        </g>
      </g>
      <g>
        <rect x="569.4" y="236.3" class="st6" width="300.3" height="2" />
        <g id="XMLID_50_">
          <g>
            <rect x="783.9" y="354.8" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="783.9" y="383.3" class="st6" width="12" height="2" />
        <g id="XMLID_49_">
          <g>
            <rect x="819.9" y="354.8" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="819.9" y="383.3" class="st6" width="12" height="2" />
        <g id="XMLID_48_">
          <g>
            <rect x="855.9" y="354.8" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="855.9" y="383.3" class="st6" width="12" height="2" />
        <g>
          <g id="XMLID_47_">
            <g>
              <rect x="569.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="569.3" y="296.8" class="st6" width="12" height="2" />
          <g id="XMLID_46_">
            <g>
              <rect x="605.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="605.3" y="296.8" class="st6" width="12" height="2" />
          <g id="XMLID_45_">
            <g>
              <rect x="641.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="641.3" y="296.8" class="st6" width="12" height="2" />
          <g id="XMLID_44_">
            <g>
              <rect x="677.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="677.3" y="296.8" class="st6" width="12" height="2" />
          <g id="XMLID_43_">
            <g>
              <rect x="713.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="713.3" y="296.8" class="st6" width="12" height="2" />
          <g id="XMLID_42_">
            <g>
              <rect x="749.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="749.3" y="296.8" class="st6" width="12" height="2" />
          <g id="XMLID_41_">
            <g>
              <rect x="785.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="785.3" y="296.8" class="st6" width="12" height="2" />
          <g id="XMLID_40_">
            <g>
              <rect x="821.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="821.3" y="296.8" class="st6" width="12" height="2" />
          <g id="XMLID_39_">
            <g>
              <rect x="857.3" y="266.5" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="857.3" y="296.8" class="st6" width="12" height="2" />
        </g>
        <g>
          <g>
            <rect x="570.4" y="326.4" class="st5" width="299.4" height="2" />
          </g>
          <rect x="570.7" y="354.8" class="st6" width="189.2" height="2" />
          <rect x="570.7" y="383.3" class="st6" width="189.2" height="2" />
          <rect x="570" y="411.7" class="st6" width="299.8" height="2" />
          <polygon
            class="st6"
            points="571.3,431.3 569.3,431.3 569.3,326.4 571.3,326.4 571.3,362.4 571.3,364.9 571.3,398.6 571.3,400.9
             "
          />
        </g>
      </g>
      <g>
        <rect x="347.3" y="0.3" class="st6" width="2" height="191.4" />
        <g>
          <g id="XMLID_18_">
            <g>
              <rect x="377.5" y="179.7" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.8" y="179.7" class="st6" width="2" height="12" />
          <g id="XMLID_17_">
            <g>
              <rect x="377.5" y="143.7" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.8" y="143.7" class="st6" width="2" height="12" />
          <g id="XMLID_16_">
            <g>
              <rect x="377.5" y="107.7" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.8" y="107.7" class="st6" width="2" height="12" />
          <g id="XMLID_14_">
            <g>
              <rect x="377.5" y="71.7" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.8" y="71.7" class="st6" width="2" height="12" />
          <g id="XMLID_13_">
            <g>
              <rect x="377.5" y="35.7" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.8" y="35.7" class="st6" width="2" height="12" />
          <g id="XMLID_12_">
            <g>
              <rect x="377.5" y="0.3" class="st6" width="2" height="11.4" />
            </g>
          </g>
          <rect x="407.8" y="0.3" class="st6" width="2" height="11.4" />
        </g>
        <g>
          <g>
            <rect x="437.4" y="0.3" class="st5" width="2" height="190.4" />
          </g>
          <rect x="465.8" y="0.3" class="st6" width="2" height="190" />
          <rect x="494.2" y="0.3" class="st6" width="2" height="190" />
          <rect x="522.6" y="0.3" class="st6" width="2" height="190.8" />
          <polygon
            class="st6"
            points="542.2,189.7 542.2,191.7 437.4,191.7 437.4,189.7 473.4,189.7 475.9,189.7 509.5,189.7 511.9,189.7
             "
          />
        </g>
      </g>
    </g>
  </svg>
</template>
<script>
export default {
  name: 'tNorthroad',
  data () {
    return {}
  },
  props: {
    Width: {
      type: String,
      default: '870px'
    },
    Height: {
      type: String,
      default: '650px'
    },
    showPed: {
      type: Boolean,
      default: false
    }
  },
  methods: {},
  mounted () {}
}
</script>
<style scoped>
.st0 {
  fill: #3d3939;
}
.st1 {
  opacity: 0.9;
}
.st2 {
  fill: #f2f2f2;
}
.st3 {
  fill: #1eaa39;
}
.st4 {
  fill: #e5e5d8;
}
.st5 {
  fill: #ccb63a;
}
.st6 {
  fill: #dddddd;
}
.invisible {
  visibility: hidden;
}
</style>
