|
|
@@ -0,0 +1,176 @@
|
|
|
+li{
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+.bus-lzlist {
|
|
|
+ counter-reset: sectioncounter
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist:hover ol:after {
|
|
|
+ opacity: 0
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist ol {
|
|
|
+ display: inline-block;
|
|
|
+ position: relative
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist ol:before {
|
|
|
+ position: absolute;
|
|
|
+ top: 10px;
|
|
|
+ right: 5px;
|
|
|
+ left: 5px;
|
|
|
+ height: 2px;
|
|
|
+ background: #317cf7;
|
|
|
+ content: ""
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist ol:after {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ height: 50px;
|
|
|
+ background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(96%,#fff));
|
|
|
+ background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 96%);
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transition: all .2s;
|
|
|
+ transition: all .2s;
|
|
|
+ content: "";
|
|
|
+ pointer-events: none
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist ol+ol {
|
|
|
+ margin-top: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist li {
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ width: 23px;
|
|
|
+ text-align: center
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist li:before {
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto 5px;
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 2px solid #317cf7;
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 23px;
|
|
|
+ height: 23px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 600;
|
|
|
+ line-height: 20px;
|
|
|
+ background: #fff;
|
|
|
+ content: counter(sectioncounter);
|
|
|
+ counter-increment: sectioncounter
|
|
|
+}
|
|
|
+
|
|
|
+/*.bus-lzlist li:after {*/
|
|
|
+/* display: block;*/
|
|
|
+/* position: absolute;*/
|
|
|
+/* top: 10px;*/
|
|
|
+/* right: 5px;*/
|
|
|
+/* left: 5px;*/
|
|
|
+/* height: 2px;*/
|
|
|
+/* background: #317cf7;*/
|
|
|
+/* content: ""*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.bus-lzlist li:hover a {
|
|
|
+ max-height: auto;
|
|
|
+ color: #629dff
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist li:active a {
|
|
|
+ color: #115fe0
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist li.active:after {
|
|
|
+ position: absolute;
|
|
|
+ top: 26px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -4px;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background: #317cf7;
|
|
|
+ -webkit-transform: rotate(45deg);
|
|
|
+ transform: rotate(45deg);
|
|
|
+ content: ""
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist li.active a {
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #fff!important;
|
|
|
+ background-color: #317cf7
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist li+li {
|
|
|
+ margin-left: 30px
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist a {
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+ table-layout: fixed;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 4px 3px 4px 4px;
|
|
|
+ width: 14px;
|
|
|
+ max-height: 170px;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: left;
|
|
|
+ letter-spacing: 3px;
|
|
|
+ word-wrap: break-word;
|
|
|
+ -webkit-transition: color .2s;
|
|
|
+ transition: color .2s;
|
|
|
+ -webkit-writing-mode: vertical-rl;
|
|
|
+ writing-mode: vertical-rl;
|
|
|
+ -webkit-writing-mode: tb-rl;
|
|
|
+ -ms-writing-mode: tb-rl;
|
|
|
+ writing-mode: tb-rl;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist.rendermac li:before,.bus-lzlist a {
|
|
|
+ line-height: 17px
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist.rendermac a {
|
|
|
+ margin-left: 4px
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist.renderpc a {
|
|
|
+ margin-left: 2px
|
|
|
+}
|
|
|
+
|
|
|
+.bus-lzlist.renderm li:before {
|
|
|
+ line-height: 15px
|
|
|
+}
|
|
|
+
|
|
|
+.inStation{
|
|
|
+ top: -16px;
|
|
|
+ left: -10px;
|
|
|
+ position: absolute;
|
|
|
+ width: 48px;
|
|
|
+ height: 44px;
|
|
|
+}
|
|
|
+.outStation{
|
|
|
+ top: -6px;
|
|
|
+ left: 15px;
|
|
|
+ position: absolute;
|
|
|
+ width: 42px;
|
|
|
+ height: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.outStation img, .inStation img{
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.outStation div, .inStation div{
|
|
|
+ font-size: 1px;
|
|
|
+ height: 20px;
|
|
|
+}
|
