html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
        }

        body {
            margin: 0;
        }

        main {
            display: block;
        }

        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible;
        }

        pre {
            font-family: monospace, monospace;
            font-size: 1em;
        }


        a {
            background-color: transparent;
        }


        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            text-decoration: underline dotted;
        }


        b,
        strong {
            font-weight: bolder;
        }


        code,
        kbd,
        samp {
            font-family: monospace, monospace;
            font-size: 1em;
        }

        small {
            font-size: 80%;
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        sub {
            bottom: -0.25em;
        }

        sup {
            top: -0.5em;
        }

        img {
            border-style: none;
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0;
        }

        button,
        input {
            overflow: visible;
        }

        button,
        select {
            text-transform: none;
        }

        button,
        [type="button"],
        [type="reset"],
        [type="submit"] {
            -webkit-appearance: button;
        }


        button::-moz-focus-inner,
        [type="button"]::-moz-focus-inner,
        [type="reset"]::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0;
        }

        button:-moz-focusring,
        [type="button"]:-moz-focusring,
        [type="reset"]:-moz-focusring,
        [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText;
        }

        fieldset {
            padding: 0.35em 0.75em 0.625em;
        }

        legend {
            box-sizing: border-box;
            /* 1 */
            color: inherit;
            /* 2 */
            display: table;
            /* 1 */
            max-width: 100%;
            /* 1 */
            padding: 0;
            /* 3 */
            white-space: normal;
            /* 1 */
        }

        progress {
            vertical-align: baseline;
        }

        textarea {
            overflow: auto;
        }

        [type="checkbox"],
        [type="radio"] {
            box-sizing: border-box;
            /* 1 */
            padding: 0;
            /* 2 */
        }

        [type="number"]::-webkit-inner-spin-button,
        [type="number"]::-webkit-outer-spin-button {
            height: auto;
        }

        [type="search"] {
            -webkit-appearance: textfield;
            /* 1 */
            outline-offset: -2px;
            /* 2 */
        }

        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            /* 1 */
            font: inherit;
            /* 2 */
        }

        details {
            display: block;
        }

        summary {
            display: list-item;
        }


        template {
            display: none;
        }


        [hidden] {
            display: none;
        }

        html,
        body,
        #map-canvas {
            margin: 0;
            padding: 0;
            height: 100%;
        }

        .route {
            font-family: PingFang SC;
            width: 86px;
            height: 36px;
            background: #ffffff;
            border-radius: 18px;
            box-shadow: 0 0 4px 0 #00000033;
            font-size: 14px;
            line-height: 36px;
            text-align: center;
            cursor: pointer;
        }

        .route:hover{
            box-shadow: 0 0 4px 0 #00000033, 0 1px 6px 0 #0000003d;
        }

        .route i {
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-right: 6px;
            background:url(https://p5.ssl.qhimg.com/t0194eab7193bb40e20.png);
            background-size:16px 16px;
            vertical-align: middle;
            font-style: normal;
            text-decoration: none;
        }

        .route a{
            text-decoration: none;
            color: #03ba51;    
        }
        .shadow{
            position: absolute;
            left: 0px;
            top: 10px;
            background-image: url(https://p1.ssl.qhimg.com/t01246a3082161c3afa.png);
            background-size: 96px 50px;
            opacity: 0.7;
            width: 97px;
            height: 50px;
        }
        .marker{
            position: absolute;
            width: 56px;
            height: 52px;
            padding:4px 0 0 0;
            background: #ffffff;
            box-shadow: 0 1px 6px 0 #0000003d;
            text-align: center;
            cursor: pointer;
            z-index: 10;
        }
        

        .marker:hover{
            box-shadow: 0 1px 6px 0 #0000003d, 0 3px 9px 0 #0000003d;
        }

        .marker .img{
            display: inline-block;
            width:48px;
            height: 48px;
            border:0;
            background: center center no-repeat;
            -o-background-size: 100% 100%;
            background-size: 100% 100%;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .marker .img:hover{
            background-size: 130% 130%;
        }

        .marker i.bottom-arrow1,i.bottom-arrow2{
            width: 0;
            height: 0;
            display: block;
            position: absolute;
            left: 50px;
            bottom: -14px;
            margin-left:-30px;
            border-bottom:7px transparent dashed;
            border-left: 7px transparent dashed;
            border-right: 7px transparent dashed;
            border-top: 7px #fff solid;
            overflow: hidden;
        }

        .marker i.bottom-arrow1{
            bottom: -15px;
            border-top: 7px #00000047 solid;
        }

        .marker i.bottom-arrow1:hover{
            box-shadow: 0 2px 6px 0 #00000047, 0 2px 6px 0 #00000029;
        }