#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}*{box-sizing:border-box}body,li,ul{padding:0;margin:0}.flexbj{display:flex;align-items:center;justify-content:space-between;padding:0 2%;background:#00baff;color:#fff;height:15vh}.flexbj h1,.flexbj p{font-size:6vh}.page{transition:opacity 1s ease-in-out;bottom:10vh;top:25vh}.footer{position:absolute;bottom:0;width:100%}.train-info-list{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;border:2px solid red}.train-info-item{border:1px solid red;height:10.8vh;line-height:10.8vh;text-align:center;font-size:6vh;flex:1 0 20%}h2{text-align:center;width:100%;background-color:#f4f4f4;margin:0;padding:10px}.red{color:red}.green,.orange{color:#00fb01}.train-info-container{background-color:#000;width:100%}.schoolover{background-color:#000}.padding,.schoolover{height:10vh;font-size:6vh}.schoolover{text-align:left;line-height:10vh}.spe{display:inline-block;width:18%;text-align:center;color:#00fb01;line-height:10vh;border-right:2px solid red}.padd-left{padding-left:30px}.footer-flex{display:flex;background:#000;height:10vh;line-height:10vh;width:100%;align-items:center}.squer{width:6vh;height:6vh;display:inline-block;margin-right:10px}.flex_con{display:flex;align-items:center;font-size:6vh;width:28%;text-align:center}.backgroud_red{background-color:red}.backgroud_orange{background-color:#ff8e26}.backgroud_green{background-color:#00fb01}.pma{width:100%;margin:0 auto;overflow:hidden}.train-station-screen{bottom:10vh;top:25vh;background-color:#000}.page,.train-station-screen{position:absolute;width:100%}.page{top:0;left:0;opacity:0;transition:opacity .5s ease-in-out}.page.active{opacity:1;z-index:1}.page.next,.page.prev{opacity:0;z-index:0}table{width:100%;border-collapse:collapse;background-color:#000;border:2px solid red}td,th{border:1px solid red;height:10.5vh;text-align:center;color:#fff;width:20%;box-sizing:border-box;font-size:5vh}