body {

    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

}



ul,

li {

    margin: 0px;

    padding: 0px;

    list-style: none;

}



#sw_svg .svg-station,

#sw_svg .svg-station-name {

    cursor: pointer;

}



#map-controls .slider {

    position: absolute;

    height: 140px;

    left: 50px;

    top: 183px;

    z-index: 101;

}



#map-controls .slider-track,

#map-controls .slider-track .slider-selection {

    background: url(/images/hsdt/zoom-slider.png) no-repeat;

    border-radius: 0px;

}



#map-controls .tooltip-main .tooltip-inner {

    display: none;

}



#map-controls .slider-handle {

    cursor: pointer;

}



#map-controls .min-slider-handle {

    background: url(/images/hsdt/zoom-point.png) no-repeat;

    margin-top: -5px;

    border: 0px;

    border-radius: 0px;

    width: 20px;

    height: 10px;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -moz-box-shadow: 2px 2px 8px #cccccc;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -ms-box-shadow: 2px 2px 8px #cccccc;

    -o-box-shadow: 2px 2px 8px #cccccc;

    box-shadow: 2px 2px 8px #cccccc;

}



#zoom-in,

#zoom-out {

    position: absolute;

    left: 49px;

    top: 155px;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    border: 1px solid rgb(204, 204, 204);

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    font-size: 16px;

    font-weight: bold;

    background-color: rgb(255, 255, 255);

    cursor: pointer;

    z-index: 100;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -moz-box-shadow: 2px 2px 8px #cccccc;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -ms-box-shadow: 2px 2px 8px #cccccc;

    -o-box-shadow: 2px 2px 8px #cccccc;

    box-shadow: 2px 2px 8px #cccccc;

}



#zoom-out {

    top: 329px;

}



#north {

    position: absolute;

    width: 52px;

    height: 105px;

    text-align: center;

    left: 49px;

    top: 300px;

    background: url(/images/hsdt/north.png) no-repeat 0px 30px;

}



#move-controls {

    position: absolute;

    left: 22px;

    top: 70px;

    width: 72px;

    height: 72px;

    border: 1px solid #CCC;

    background-image: url(/images/hsdt/mc_default.png);

    background-color: #FFF;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -moz-box-shadow: 2px 2px 8px #cccccc;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -ms-box-shadow: 2px 2px 8px #cccccc;

    -o-box-shadow: 2px 2px 8px #cccccc;

    box-shadow: 2px 2px 8px #cccccc;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}



#move-controls div {

    width: 24px;

    height: 24px;



    float: left;

}



#move-controls .move_button {

    cursor: pointer;

}



#station-box {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 248px;

    padding: 30px;

    height: 194px;

    overflow: hidden;

    z-index: 600;

}



#station-box-arrow {

    position: absolute;

    left: 147px;

    top: 223px;

    width: 14px;

    height: 14px;

    background: url(/images/hsdt/arrow_down.png) no-repeat;

    z-index: 601;

}



#station {

    width: 240px;

    height: 186px;

    padding: 3px;

    background-color: #FFFFFF;

    border: 1px solid rgba(0, 0, 0, 0.3);

    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;

}



#station-title {

    padding: 10px 15px;

    height: 25px;

    border-bottom: 1px solid #CCC;

    font-size: 20px;

    letter-spacing: 5px;

    font-weight: bold;

    color: #332;

}



#station-content {

    padding: 5px 0px;

    color: #333;

    height: auto;

    overflow: hidden;

    border-bottom: 1px solid #CCC;

    font-size: 13px;

}



.station-content-t1,

.station-content-t2,

.station-content-t3 {

    float: left;

    height: 24px;

    line-height;

    24px;

}



.station-content-t1 {

    width: 128px;

}



.station-content-t2 {

    width: 55px;

    text-align: center;

}



.station-content-t3 {

    width: 55px;

    text-align: center;

}



.station-content-name {

    color: #b31d1e;

    padding: 0px 3px;

}



#station-button-box {

    height: 40px;

    width: 100%;

    padding: 10px 0px 6px 0px;

    border-top: 1px solid #FFF;

    background-color: #F5F5F5;

}



.button-start,

.button-end {

    width: 95px;

    height: 40px;

    margin-left: 15px;

    color: #FFF;

    background-repeat: repeat-x;

    font-size: 16px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;

    border: 1px solid #ccc;

    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);

    cursor: pointer;

    display: inline-block;

    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05);

}



.button-start {

    background-color: #5edc5e;

    background-image: -ms-linear-gradient(top, #5edc5e, #57a957);

    background-image: -khtml-gradient(linear, left top, left bottom, from(#73ef73), to(#57a957));

    background-image: -moz-linear-gradient(top, #73ef73, #57a957);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #73ef73), color-stop(100%, #57a957));

    background-image: -webkit-linear-gradient(top, #73ef73, #57a957);

    background-image: -o-linear-gradient(top, #73ef73, #57a957);

    background-image: linear-gradient(top, #73ef73, #57a957);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ef73', endColorstr='#57a957', GradientType=0);

}



.button-end {

    background-color: #ee5f5b;

    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));

    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));

    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);

    background-image: linear-gradient(top, #ee5f5b, #c43c35);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);

}



.button-onmouseover {

    background-image: none;

}



#line-box {

    position: absolute;

    left: 100px;

    top: 15px;

    width: 150px;

    height: 40px;

    border: 1px solid #CCC;

    background-color: #FFF;

    filter: alpha(Opacity=90);

    -moz-opacity: 0.9;

    opacity: 0.9;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -moz-box-shadow: 2px 2px 8px #cccccc;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -ms-box-shadow: 2px 2px 8px #cccccc;

    -o-box-shadow: 2px 2px 8px #cccccc;

    box-shadow: 2px 2px 8px #cccccc;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    z-index: 300;

}



#line-box .line-name {

    height: 26px;

    line-height: 26px;

    margin-top: 7px;

    float: left;

    cursor: pointer;

    padding: 0px 10px;

    margin-left: 9px;

    color: #FFF;

    font-size: 16px;

    font-weight: bold;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}



#line-box .line-color {

    width: 26px;

    height: 16px;

    margin: 7px;

    float: left;

    cursor: pointer;

}



#logoStart,

#logoEnd {

    position: absolute;

    left: 100px;

    top: 100px;

    width: 46px;

    height: 85px;

    z-index: 400;

}



#logoStart {

    background: url(/images/hsdt/logoStart.png) no-repeat;

}



#logoEnd {

    background: url(/images/hsdt/logoEnd.png) no-repeat;

}



#transfer-box {

    position: absolute;

    left: 20px;

    top: 50px;

    width: 282px;

    height: auto;

    padding: 10px 10px 10px 10px;

    overflow: auto;

    overflow-x: hidden;

    overflow-y: auto;

    z-index: 500;

}



#transfer-box-tab1,

#transfer-box-tab2,

#transfer-box-close {

    position: absolute;

    left: 40px;

    top: 36px;

    line-height: 30px;

    width: 100px;

    font-size: 14px;

    text-align: center;

    border-top: 1px solid #DDD;

    border-left: 1px solid #DDD;

    border-right: 1px solid #DDD;

    -webkit-border-radius: 10px 10px 0 0;

    -moz-border-radius: 10px 10px 0 0;

    -ms-border-radius: 10px 10px 0 0;

    -o-border-radius: 10px 10px 0 0;

    border-radius: 10px 10px 0 0;

    cursor: pointer;

    z-index: 501;

}



#transfer-box-tab2 {

    left: 142px;

    border-left: 0px solid #DDD;

}



#transfer-box-close {

    left: 242px;

    width: 54px;

    height: 29px;

    background-color: #dc7669;

    color: #fff;

    font-weight: bold;

    border-bottom: 1px solid #DDD;

}



.transfer-box-tab-selected {

    color: #333;

    height: 30px;

    background-color: #FCFCFC;

    border-bottom: 0px solid #DDD;

}



.transfer-box-tab {

    color: #666;

    height: 29px;

    background-color: #FFF;

    border-bottom: 1px solid #DDD;

}





#transfer-box-frame {

    width: 262px;

    height: auto;

    overflow: auto;

    padding: 5px;



    border: 1px solid #DDD;

    background-color: #FFF;

    filter: alpha(Opacity=90);

    -moz-opacity: 0.9;

    opacity: 0.9;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -moz-box-shadow: 2px 2px 8px #cccccc;

    -webkit-box-shadow: 2px 2px 8px #cccccc;

    -ms-box-shadow: 2px 2px 8px #cccccc;

    -o-box-shadow: 2px 2px 8px #cccccc;

    box-shadow: 2px 2px 8px #cccccc;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}



.transfer-div {

    width: 260px;

    border-left: 1px solid #dddddd;

    border-right: 1px solid #dddddd;

    height: 75px;

    background-color: #e5f4eb;

    overflow: hidden;

}



#transfer-title {

    height: auto;

    min-height: 60px;

    overflow: hidden;

    background-color: #FCFCFC;

    border: 1px solid #dddddd;

}



#transfer-title-1 {

    width: 100%;

    color: #333;

    font-size: 18px;

    padding: 5px;

}



#transfer-title-2 {

    width: 100%;

    color: #666;

    font-size: 12px;

    line-height: 160%;

    padding: 5px;

}



#tStationNumber,

#tTime,

#tPrice,

#tTransferTimes,

#tDistance {

    font-size: 16px;

    color: #d10000;

    font-size: 16px;

}



.transfer-line-bg1 {

    margin-left: 14px;

    margin-right: 20px;

    float: left;

    height: 75px;

    width: 6px;

}



.transfer-line-stations .transfer-line-bg1 {

    height: 24px;

}



.logo-end-station .transfer-line-bg1 {

    height: 20px;

    overflow: hidden;

}



.transfer-line-bg1 .up {

    width: 100%;

    height: 20px;

}



.transfer-line-bg1 .down {

    width: 100%;

    height: 55px;

}



.logo-start-station .transfer-line-bg2 {

    position: absolute;

    width: 24px;

    margin-left: 5px;

    height: 75px;

    background: url(/images/hsdt/start.png) no-repeat 0px 5px;

}



.logo-transfer-station .transfer-line-bg2 {

    position: absolute;

    width: 24px;

    margin-left: 5px;

    height: 75px;

    background: url(/images/hsdt/transfer.png) no-repeat 0px 5px;

}



.logo-end-station {

    height: 40px;

}



.logo-end-station .transfer-station-box {

    height: 40px;

    line-height: 40px;

}



.logo-end-station .transfer-line-bg2 {

    position: absolute;

    width: 24px;

    margin-left: 5px;

    height: 40px;

    background: url(/images/hsdt/end.png) no-repeat 0px 8px;

}



.transfer-line-stations {

    width: 260px;

    border-left: 1px solid #dddddd;

    border-right: 1px solid #dddddd;

    height: auto;

    overflow: hidden;

}



.transfer-line-stations-number {

    color: #b31d1e;

    font-size: 14px;

    font-weight: bold;

}



.transfer-line-stations .transfer-line-bg2 {

    position: absolute;

    width: 24px;

    margin-left: 5px;

    height: 40px;

}



.transfer-line-stations-btn-open {

    margin-left: 110px;

}



.transfer-line {

    float: left;

    width: 220px;

}



.transfer-station-box {

    width: 100%;

    height: 32px;

    line-height: 32px;

}



.transfer-line-box {

    width: 100%;

    height: 23px;

    font-size: 12px;

}



.transfer-time-box {

    width: 100%;

    height: 20px;

    font-size: 12px;

    color: #666;

}



.transfer-station {

    font-size: 16px;

    font-weight: bold;

    color: #333;

    letter-spacing: 3px;

}



.transfer-line-name1 {

    padding: 2px 10px;

    margin-left: 15px;

    color: #FFF;

    font-size: 14px;

    font-weight: bold;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}



.transfer-line-name2 {

    font-size: 14px;

    font-weight: bold;

}



.transfer-direction {

    color: #b31d1e;

    font-size: 14px;

    font-weight: bold;

}



.transfer-starttime,

.transfer-endtime {

    color: #b31d1e;

    font-size: 12px;

    font-weight: bold;

}



.svg-station-name {

    text-align: center;

}



.logo-end-station {

    border-bottom: 1px solid #dddddd;

}



#transfer-remark {

    font-size: 12px;

    color: #666;

    padding: 5px;

}



.transfer-line-stations-open-box {

    font-size: 12px;

    height: auto;

    overflow: hidden;

    color: #333;

}



.transfer-line-stations-open-box li {

    width: 100%;

    height: 24px;

    line-height: 24px;

}



.transfer-line-stations-open-box .transfer-line-bg2 {

    position: absolute;

    width: 10px;

    margin-left: 12px;

    height: 24px;

    background: url(/images/hsdt/point1.png) no-repeat 0px 7px;

}



.transfer-line-stations-close-box {

    width: 100%;

    height: 24px;

    font-size: 12px;

    color: #666;

    line-height: 24px;

}



.btnOpenCloseStationsList {

    position: absolute;

    width: 50px;

    height: 24px;

    line-height: 24px;

    font-size: 12px;

    color: blue;

    padding-left: 210px;

    cursor: pointer;

}