.red {
      color: red;
}
.gray {
    color: gray;
}
.default {
    color: #438EB9;
}
.warn {
    color: #EF4F4F;
}
.pass {
    color: #3cc51f !important;
}
.margin-left-5 {
    margin-left: 5px;
}
article ol li {
    list-style-position: inside;
}
.weui_cells, .weui_article {
    font-size: 14px;
}
.weui_table {
    border-collapse:collapse;
    width: 100%;
    background: #abd8ed;
}
.weui_table tr:nth-child(odd) {
    background: #D9EFFD;
}
.weui_table td {
    padding: .2rem;
}
.weui_cells.first {
    margin-top: 0;
}
body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent
}
.page, body {
    background-color: #fbf9fe
}
.container {
    overflow: hidden
}
.container, .page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.page {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    //opacity: 0
}
.hd {
    background: #438eb9;
}
.hd_bd {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    flex-flow: row;
    padding: 0.5em 0.5em;


    -webkit-box-pack: justify;/* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: space-between;/* Chrome 21+ */
    -ms-flex-pack: justify;/* WP IE 10 */
    justify-content: space-between;/* android 4.4 */

}
.hd .left, .hd .right {
    box-flex:2.0;
    -moz-box-flex:2.0; /* Firefox */
    -webkit-box-flex:2.0; /* Safari 和 Chrome */
    flex: 2    ;
    display: block;
    height: 25px;
}
.hd a {
        color: white;
}
.hd .right {
    text-align: right;
}
.hd .left a {
    margin: 0px 8px 0px 0px;
}
.hd .right a {
    margin: 0px 0px 0px 8px;
}
.icon_question {
    margin-right: 0.3em;
}
.icon_list {
    font-size: 18px;
}
.page_desc {
    text-align: center;
    color: #888;
    font-size: 14px
}
.bd.spacing {
    padding: 0 15px
}
.page_title {
    text-align: center;
    color: white;
    font-weight: 400;
}
.search_grids {
    background: white;
    line-height: 1.5;
}
.search_grid {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */    
    align-items: left;
    padding: 1em;
    border-bottom: 1px solid #c9cacb;
}
.search_grid:first-child {
    padding: 0.3em 1em;
}
.search_grid .left, .search_grid .right {
    flex: 1;
    width: 45%;    
}
.search_grid .right {
    text-align: right;
}
.search_grid .meta, .weui_cell_hd .meta {
    color: #b3b3b3;
    font-size: 0.8em;
}
.search_grid .left .place input {
    font-size: 1.1em;
    color: #000;
    font-weight: 600;
}
.search_grid .right .place input {
    font-size: 1.1em;
    color: #000;
    cursor: pointer;
    text-align: right;
    font-weight: 600;
}
.search_grid .date input {
    cursor: pointer;
    width: 86%;
}
.search_grid .date {
    line-height: 1;
    font-size: 1.2em;
}
.icon_goto {
    font-size: 2em;
    display: block;
    text-align: center;
    width: 10%;
}
.search_grids .icon_goto {
        color: #c9cacb;
}
.order_grids .icon_goto {
        color: white;
}
.order_grids {
    background: #438eb9;
    line-height: 1.5;
}
.order_grid {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    align-items: center;
    padding: 1em;
}
.order_grid .left, .order_grid .right {
    flex: 1;
    box-flex:1.0;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari 和 Chrome */
    -ms-box-flex:1.0; /* IE */
}
.order_grid .right {
    text-align: right;
}
.order_grid .meta {
    color: white;
    font-size: 0.8em;
    text-align: center;
}
.order_grid .left .meta, .order_grid .left .place {
    text-align: right;
    margin-right: 20px;
}
.order_grid .right .meta, .order_grid .right .place {
    text-align: left;
    margin-left: 20px;
}
.order_grid .left .place,.order_grid .right .place {
    font-size: 1.1em;
    font-weight:600;
    color: white;
    cursor: pointer;
}
.order_grid .date input {
    cursor: pointer;
    width: 80%;
}
.order_grid .date {
    line-height: 1;
    font-size: 1.2em;
}
.depart_grid {
    text-align: center;
    font-size: 0.8em;
    color: white;
}
.time_date {
    padding-bottom: 1em;
}
.icon_calendar i {
    font-size: 1.2em;
}
.global_navs {
    background-color: transparent
}
.global_navs:after, .global_navs:before {
    border-color: #d9dbda
}
.global_navs .icon_nav {
    width: 28px;
    height: 28px;
    display: block;
    margin-right: .7em
}
.page.button .page_title {
    color: #225fba
}
.page.button .bd {
    padding: 0 15px
}
.page.button .button_sp_area {
    padding: 10px 0;
    width: 60%;
    margin: 0 auto;
    text-align: justify;
    text-justify: distribute-all-lines;
    font-size: 0
}
.page.button .button_sp_area:after {
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    content: "."
}
.page.cell .page_title {
    color: #225fba
}
.page.cell .bd {
    padding-bottom: 30px
}
.page.toast {
    background-color: #fff
}
.page.toast .bd {
    padding: 120px 15px 0
}
.page.dialog {
    background-color: #fff
}
.page.dialog .bd {
    padding: 120px 15px 0
}
.page.msg {
    background-color: #fff
}
.page.panel .bd {
    padding-bottom: 20px
}
.page.article {
    background-color: #fff
}
.page.article .page_title {
    color: #de7c23
}
.page.icons {
    background-color: #fff;
    text-align: center
}
.page.icons .page_title {
    color: #3e24bd
}
.page.icons .bd {
    padding: 30px 0;
    text-align: center
}
.page.icons .icon_sp_area {
    padding: 10px 20px;
    text-align: left
}
.page.icons i {
    margin: 0 5px 10px
}
.search_show {
    display: none;
    margin-top: 0;
    font-size: 14px
}
.search_show .weui_cell_bd {
    padding: 2px 0 2px 20px;
    color: #666
}@-webkit-keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}}@keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
to {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    opacity: 0
}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
to {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    opacity: 0
}}
.page.slideIn {
    -webkit-animation: a .2s forwards;
    animation: a .2s forwards
}
.page.slideOut {
    -webkit-animation: b .2s forwards;
    animation: b .2s forwards
}

/*search-result page*/
.search_item {
    flex: 1;
    box-flex:1.0;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari 和 Chrome */
    text-align: center;
}
.search_item.time {
    font-size: 1.4em;
    font-weight: 600;
}
.price {
    color: #EF4F4F;
}
.center {
    text-align: center;
}
/*search-result page*/
.right-sidebar-list{
  position:fixed;
  right:3px;
  top:45px;
  width:30px;
  height:100%;
}
.right-sidebar-list ul {
  margin:0px !important;
  padding:0px !important;
}
.right-sidebar-list ul li {
  list-style:none;
  text-align:center;
  font-size:12px;
  font-weight:bold;
  color:#3093ff;
  cursor:pointer;
}
.right-sidebar-list ul li.li_gray {
  color:#ccc;
}
.right-sidebar-list ul li:hover{
  background-color:#f4f5f7;
  color:red;
}
.weui_label {
    width: 4em;
}
/*dialog*/
.weui_dialog_bd {
    text-align: left;
}
.weui_icon_dialog {
    color: #438EB9;
}
.weui_btn_primary {
    background-color: #438EB9;
}
.weui_btn_primary.weui_btn_danger {
    background-color: #d9534f;
}
.weui_btn_primary:not(.weui_btn_disabled):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #438EB9;
 }
.no_margin {
    margin: 0;
}
.weui_cells_footer {
    margin-top: .77em;
    margin-bottom: .3em;
    padding: 1em;
    color: #888;
    font-size: 14px;
    text-align: center;
}
.weui_cells_footer h3 a,
.weui_cells_footer h3 {
    color: #888;
    font-weight: normal;
    text-align: center;
}
.weui_cells_footer h3.error {
    color: #EF4F4F;
}
.weui_cells_footer p {
    margin-top: .77em;
    margin-bottom: .3em;
    color: #888;
    font-size: 14px;
    text-align: center;
}
.cancel_grids .icon_goto {
        color: white;
}
.cancel_grids {
    background-color: #438eb9;
    line-height: 1.5;
}
.cancel_grid {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    align-items: center;
    padding: 1em;
}
.cancel_grid .left {
    flex: 1;
    box-flex:1.0;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari 和 Chrome */
}
.cancel_grid .right {
    flex: 4;
    box-flex:1.0;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari 和 Chrome */
    text-align: right;
}
.cancel_grid .meta {
    color: white;
    font-size: 0.8em;
    text-align: center;
}
.cancel_grid .left .meta, .cancel_grid .left .amount-back {
    text-align: left;
    margin-right: 20px;
}
.cancel_grid .right .meta, .cancel_grid .right .amount-back {
    text-align: left;
    margin-left: 20px;
    color: white;
}
.cancel_grid .left .amount-back {
    color: white;
}
.cancel_grid .date input {
    cursor: pointer;
    width: 80%;
}
.cancel_grid .date {
    line-height: 1;
    font-size: 1.2em;
}
.meta.gray {
    margin-left: 1em;
}
.weui_article h3 {
    font-size: 1.2rem;
}
.meta_grid {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    width: 100%;
    color: gray;
    font-size: 0.7rem;
    text-align: center;
}
.meta_item {
    flex:1;
        box-flex:1.0;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari 和 Chrome */
}
.weui_cell_2 .weui_cell_bd {
    flex:1.1;
        box-flex:1.1;
    -moz-box-flex:1.1; /* Firefox */
    -webkit-box-flex:1.1; /* Safari 和 Chrome */
}
.weui_cell_2 .weui_cell_ft {
    flex: 4;
    box-flex:4.0;
    -moz-box-flex:4.0; /* Firefox */
    -webkit-box-flex:4.0; /* Safari 和 Chrome */
    text-align: left;
}
.weui_cell_3 .weui_cell_bd {
    flex:2.1;
    box-flex:2.1;
    -moz-box-flex:2.1; /* Firefox */
    -webkit-box-flex:2.1; /* Safari 和 Chrome */
}
.weui_cell_3 .weui_cell_bd.first {
    flex: 4;
    box-flex:4.0;
    -moz-box-flex:4.0; /* Firefox */
    -webkit-box-flex:4.0; /* Safari 和 Chrome */
}
.weui_cell_3 .weui_cell_ft {
    flex: 2;
    box-flex:2.0;
    -moz-box-flex:2.0; /* Firefox */
    -webkit-box-flex:2.0; /* Safari 和 Chrome */
    text-align: left;
}
.weui_cell_4 .weui_cell_bd {
    flex:1.6;
    box-flex:1.6;
    -moz-box-flex:1.6; /* Firefox */
    -webkit-box-flex:1.6; /* Safari 和 Chrome */
}
.weui_cell_4 .weui_cell_ft {
    flex:2;
    box-flex:2.0;
    -moz-box-flex:2.0; /* Firefox */
    -webkit-box-flex:2.0; /* Safari 和 Chrome */
    text-align: left;
}
.order_list_cell {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    align-items: center;
    padding: .5em  1em;
}
.order_list_cells .order_list_cell .left {
    flex:1.5;
        box-flex:1.5;
    -moz-box-flex:1.5; /* Firefox */
    -webkit-box-flex:1.5; /* Safari 和 Chrome */
}
.order_list_cells .place {
        font-weight: 600;
}
.order_list_cells .meta {
}
.order_list_cells .order_list_cell .right {
    text-align: right;
}
.weui_cell_error p {
    font-size: 0.6rem;
    color: #EF4F4F;
} 
.station a, .search_grid .left .place .weui_input, .search_grid .right .place .weui_input{
    color: #000;
    cursor:pointer;
    font-weight: 600;
    font-size: 1rem;

}

.stock_cells .weui_cell_hd {
    flex: 1;
    box-flex:1.0;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari 和 Chrome */
    margin-right: 10px;
}
.stock_cells .weui_cell_bd {
    flex: 1;
    box-flex:1.0;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari 和 Chrome */
    margin-left: 10px;
}
.weui-stock {
    display: block;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    position: relative;
}
.weui_cell_title {
    font-size: 0.8rem;
    margin-bottom: 10px;
}
.stock_down {
    text-align:center;
    height: 30px;
    width: 30px;
    display: block;
    line-height: 30px;
    cursor: hand;
    background: #D9DBDA;
    color: #888888;
    position: absolute;
    top: 0;
    left: 0;
}
.stock_up {
    text-align:center;
    height: 30px;
    width: 30px;
    display: block;
    line-height: 30px;
    cursor: hand;
    background: #D9DBDA;
    color: #888888;
    position: absolute;
    top: 0;
    right: 0;
}
.stock_up:hover, .stock_down:hover {
    color: #333;
    background:#D9DBDA;
}
.stock_ipt {
    border: none;
    text-align: center;
    min-height: 30px;
    font-size: 18px;
    width: 100%;
}
.font-bigger {
    font-size: 1rem;
    font-weight: 600;
}
.insurance_grids {
    display: none;
}
.ico_arrow_slide {
    
}
.ico_arrow {
    color: gray;
}
#home {
    background: white;
}
.home-bg{
    transform:translate(0, 10%);
}
.home-bg img,  .img-responsive{
    width: 100%;
}
.home-bg h2 {
    text-align: right;
    right: 10%;
    position: relative;
    top: -20px;
}
#home .weui_cells_footer {
    padding-bottom: 10px;
}
.font-size-12{
  font-size:12px;
}
.hidden{
  display:none;
}
.border-none{
  border:0px;
}
.padding-left-0{
  padding-left:0px;
}
.weui_cell-phone{
  padding-top:10px;
  padding-bottom:10px;
}
.input_phone{
  min-height:33px;
}
.weui-stock-input2{
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  display: block;
  position: relative;
}
.padding-none{
  padding:0px !important;
}
.z-index-10{
  z-index:10;
}
.weui_border_b{
  border-bottom:1px solid #d9d9d9;
}
.margin-top-0{
  margin-top:0px !important;
}
.ticket_serial_no {
  font-size: 1.3em;
  color: #ff0000;
}
.search_grid_2 .left, .search_grid_2 .right {
    width: 50%;
}
.search_grids_3 {
    border-top: 1px solid #c9cacb;
}
.search_grids_3 .search_grid {
    display: table;
    width: 100%;
    border-collapse:collapse;
    background: white;
}
.search_grids_3 .search_item {
    width: 17%;
    display: table-cell;
    vertical-align: middle;
    padding: 8px 5px;
}
.search_grids_3 .search_item.first {
    width: 30%;
}
.search_grids_3 .right {
    text-align: left;
}
.search_grids_3 .right .place {
    padding-top: 5px;
}

.weui_actionsheet_title {
    background-color: #ffffff;
    margin-bottom: 6px;
}

.weui_actionsheet_title .weui_actionsheet_cell:active {
    background-color: #ffffff;
}

.weui_actionsheet_menu {
    max-height: 240px;
    overflow: scroll;
}

/** 邛崃车站 **/
body.station-qionglai,
body.station-qionglai .page,
body.station-qionglai #home,
body.station-qionglai .search_grids,
body.station-qionglai .bd,
body.station-qionglai .weui_cells_radio,
body.station-qionglai .search_grid,
body.station-qionglai .weui_cell,
body.station-qionglai .order_list_cell{
    background-color: #d9effd;
}

.android .dwbc{
    background: inherit !important;
}

.weui_dialog.weui_dialog_visible, .weui_toast {
    top: 20%;
}

.search_grid.search_grid_expired, .search_grid.search_grid_expired a.weui_btn_disabled, .search_grid.search_grid_expired .search_item.price {
    color: #999;
}
/** 邛崃车站 **/

/** 到站列表搜索 **/
.page_title input{
    width:100%;
    padding:3px 0px;
    border-radius:10px;
  }
  .sosuo_div{
    position:fixed;
    width:100%;
    background-color:#fff;
    z-index:200;
    top:46px;
    height:600px;
  }
  .margin-border{
    margin-top:0px !important;
    border-bottom:1px solid #d9d9d9 !important;
  }
  .text-cneter{
    text-align:center;
  }
  .tishi_errers{
    padding:20px 0px;
    color:#ccc;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, col-xs-3-2, .col-xs-4, .col-xs-4-9, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-4-9{
    width:49%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3-3 {
    width: 32%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .position-fixed{
    position:fixed;
    top:0px;
    width:100%;
    z-index:200;
  }
  /** 到站列表搜索 **/
  
  .qtip .qtip-content {
    font-size: 16px;
    line-height: 22px;
  }
  
  .mask {
    position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;     
    z-index: 1002; left: 0px;     
    opacity:0.5; -moz-opacity:0.5;     
    text-align: center;
  }

#add-user-background{
	background-color: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 990;
}
#add-user-page{
	display: none;
	width:80%;
	position: absolute;
	background-color: #fff;
  z-index: 999;
	top: 0;
	border: 1px solid #fff;
	border-radius: 5px;
	left: 10%;
	top: 30%;
}
#check-info-name,
#check-info-identity{
	font-size: 10px;
	color: red;
	margin-left: 14px;
}

#add-user-background-plan,
#add-user-background-plan-half{
	background-color: #fff;
	/*background-color: rgba(0, 0, 0, 0.4);*/
	position: fixed;
	top: 0;
	left: 0;
	/*display: none;*/
	width: 100%;
	height: 100%;
	z-index: 990;
}


/* 包车 租车 */
.car-input{
	border: 1px silver solid; 
	width:100%;
	height:30px;
}
.label-input{
	width: 85px;
}
.iconfont-empty-cart {
  font-size:150px;
  color:#888;
}

/** 侧滑菜单 begin **/
.shifter-open .shifter-navigation.container {
  background-color: #326B8B;
  border-color: rgba(67,142,185,.1);
  box-shadow: 0 2px 10px rgba(67,142,185,.3);
  z-index: 999;
}

.shifter-open .shifter-navigation.container .page {
  background-color: #326B8B;
}

.shifter-open .weui_cells_title {
  min-height:46px;
  margin:0px 0px;
}

.shifter-open .weui_cells_title {
  min-height:46px;
  margin:0px 0px;
}

.shifter-navigation .weui_cell {
  background-color: #326B8B;
  color: #FFF;
}

.shifter-navigation .weui_cell span {
  margin: 0px 0px 0px 10px;
}
/** 侧滑菜单 end **/

.iconfont-empty-cart {
  font-size:150px;
  color:#888;
}

.fixed-order-button {
  display:inline-block;
  padding:.15em .4em;
  border-radius:30px;
  background-color:#F43530;
  color:#FFFFFF;
  line-height:18px;
  text-align:center;
  font-size:12px;
  vertical-align:middle;
  padding:.8em;
  min-width:0;
  bottom: 10px;
  right: 10px;
  position:fixed;
  filter:alpha(Opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
  border: dotted #FFFFFF 1px;
}