.title{line-height: 30px; font-size: 18px; font-weight: 900;padding: 10px}
.shadow-xs{box-shadow: 0px 0px 10px 0px #EEE}
.border-faded{border: 1px solid #EFF4FA}
.bg-logo{ position: absolute;z-index: 0;opacity: 0.03; width: 100%; height: 100%; background: url(/RailRoads/assets/imgs/NewLogo.png); background-repeat: repeat;background-position: center; pointer-events: none}
.section{color: #132968;vertical-align: middle; display: inline-flex}
.section-word{line-height: 18px; font-size: 18px;font-weight: 900 }
.lines-mark{width: 6px; height: 18px; margin-right: 8px;border-radius:3px;  background: #132968;}

.keep-all{white-space: nowrap;word-break: keep-all;width: 100%;overflow: hidden}
.d-flex{display: inline-flex}

.section-name{color: #132986;font-size: 16px; width: 60px !important;text-align: center;position: relative;line-height: 14px;display: inline-block;font-weight: 900}
.section-name .inside{position: absolute;width: 100%;top:25px; text-align: center; height: calc(100% - 0px); }
.section-name .inside div{position: absolute;top: calc(50% - 8px);width: 100%;}
.section-nameR {right: -15px; position: absolute;width:15px;top:25px;height: 100%;border-left: 3px solid #132986; border-top: 1px solid; border-bottom: 1px solid;border-radius:  6px 0 0 6px  ;}

.lines-box-100{position: relative;width: 100% !important; }
.lines-box{position: relative;width: calc(100% - 60px) !important; }

.stations{color: #132968;padding: 5px;}

.lines-box-100 .station-none{position: relative;background: #FFBFBF;color: white;width: 100%;font-size: 12px; line-height: 20px; border: 0px solid #FF77A9;text-align: center}
.lines-box .station-none{position: relative;background: rgba(255,0,0,0.5);color: white;width: 100%;font-size: 12px; line-height: 20px;text-align: center}

.lines{color: #132968;  padding-right: 10px; display: inline-flex;line-height: 0;overflow: visible;white-space: nowrap;word-break: keep-all; width: 150px}
.lines-icon{width: 24px; height: 24px; border-radius: 4px;text-align: center; display: inline-block;vertical-align: bottom}
.lines-icon i{ font-size: 14px !important; line-height: 24px !important;color: white;}
.lines-name{font-size: 14px; line-height:  24px !important; display: inline-block;vertical-align: bottom}

@media screen and (max-width: 1024px) {
	.lines{ width: 120px }
	.lines-icon{width: 16px; height: 16px; border-radius: 3px;}
	.lines-icon i{ font-size: 8px !important; line-height: 16px !important;color: white;}
	.lines-name{font-size: 12px; line-height:  16px !important;}
}


.station-typeAR{position: absolute; top:0; left: 0 ;display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/AR.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: -2}


.station-typeA{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/SA.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: 10}
.station-typeB{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/SB.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: 10}
.station-typeC{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/SC.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: 10}
.station-typeD{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/SD.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: 10}
.station-typeE{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/SE.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: 10}

.station-typeQ{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/B.svg);  background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: 10}
.station-typeS{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/T.svg);  background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: 10}

.station-typeSU{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/SU.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px;z-index: -14 !important}
.station-typeSV{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/SV.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px;z-index: -14 !important}

.station-typeS0{display: inline-block;width: 50px;height: 30px;line-height: 30px; background: url(/assets/imgs/Lines/T0.svg); background-position: top; background-size: cover;vertical-align: middle;margin-left: 20px}
.station-typeS1{display: inline-block;width: 50px;height: 30px;line-height: 30px; background: url(/assets/imgs/Lines/T1.svg); background-position: bottom; background-size: cover;vertical-align: middle;margin-left: 20px}
.station-typeSZ{width: 50px; position: absolute; top: 0; height:50px; line-height: 50px; background: url(/assets/imgs/Lines/TZ.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: 11}

.station-typeQ0{display: inline-block;width: 50px;height: 30px;line-height: 30px; background: url(/assets/imgs/Lines/B0.svg); background-position: top; background-size: cover;vertical-align: middle;margin-left: 20px}
.station-typeQ1{display: inline-block;width: 50px;height: 30px;line-height: 30px; background: url(/assets/imgs/Lines/B1.svg); background-position: bottom; background-size: cover;vertical-align: middle;margin-left: 20px}
.station-typeQZ{width: 50px; position: absolute; top: 0; height:50px; line-height: 50px; background: url(/assets/imgs/Lines/BZ.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: -1}


.station-typeG0{width: 50px; position: absolute; top: 0; height:30px; line-height: 30px; background: url(/assets/imgs/Lines/G0.svg); background-position: top; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: -101}
.station-typeG1{width: 50px; position: absolute; top: 0; height:30px; line-height: 30px; background: url(/assets/imgs/Lines/G1.svg); background-position: bottom; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: -101}
.station-typeGZ{width: 50px; position: absolute; top: 0; height:50px; line-height: 50px; background: url(/assets/imgs/Lines/GZ.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px; z-index: -101}

.station-typeP{display: inline-block;width: 50px;height: 50px;line-height: 50px; background: url(/assets/imgs/Lines/P.svg); background-position: center; background-size: cover;vertical-align: middle;margin-left: 20px}

.station-mileageA,.station-mileageB,.station-mileageC,.station-mileageD,.station-mileageE{position: absolute; width: 80px;font-size: 16px;height: 50px;line-height: 24px;vertical-align: middle; padding-top: 8px; text-align: center;color: #252C34; right: 0;font-weight: 600}

.station-mileageQ,.station-mileageS{position: absolute; width: 80px;font-size: 12px;height: 50px;line-height: 50px;vertical-align: middle;text-align: center;color: #0071C5; overflow: hidden; right: 0}

.station-mileageQ0,.station-mileageQ1,.station-mileageS0,.station-mileageS1{position: absolute; width: 80px;font-size: 12px;height: 30px;line-height: 30px;vertical-align: middle;text-align: center;color: #0071C5; overflow: hidden; right: 0}


.station-nameA{color:#0071C5;}
.station-nameB{color:#132968;}
.station-n{color:#555555;}
ameC.station-nameD{color:#555555;}
.station-nameE{color:#555555;}
.station-nameQ, .station-nameQ0, .station-nameQ1{color:#0062A8;}
.station-nameS, .station-nameS0, .station-nameS1{color:#0062A8;}

.station-nameA:hover{color: #0DA9C3}
.station-nameB:hover,.station-nameC:hover{font-weight: 900}
.hover:hover{background: rgba(19,41,104,0.2);}


.station-nameA,.station-nameB{display: inline-block;width: 100%;overflow:hidden;font-size: 18px;height: 50px;line-height: 50px; font-weight: 900;vertical-align: middle}

.station-nameC,.station-nameD,.station-nameE,.station-nameQ,.station-nameS{display: inline-block;width: 170px;overflow:hidden;font-size: 14px;height: 50px;line-height: 50px;vertical-align: middle}

.station-nameQ0,.station-nameQ1,.station-nameS0,.station-nameS1{display: inline-block;width: 170px;overflow:hidden;font-size: 14px;height: 30px;line-height: 30px;vertical-align: middle}