html,
body {
    background-color: #f7f7f7;
}

.head {
    height: 40px;
}

#head {
    line-height: 40px;
}

.head-img {
    width: 40px;
    height: 40px;
}

#head-img1 {
    position: absolute;
    bottom: 10px;
    right: 40px;
    width: 40px;
    height: 40px;
}

.update {
    font-style: normal;
    color: #999999;
    margin-right: -25px;
    font-size: 15px;
}
.mui-scroll-wrapper,
.mui-scroll {
	background-color: #f7f7f7;
}
.mui-navbar .mui-btn-nav {
	-webkit-transition: none;
	transition: none;
	-webkit-transition-duration: .0s;
	transition-duration: .0s;
}
.mui-navbar .mui-bar .mui-title {
	display: inline-block;
	width: auto;
}
.mui-page-shadow {
	position: absolute;
	right: 100%;
	top: 0;
	width: 16px;
	height: 100%;
	z-index: -1;
	content: '';
}
		
.mui-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color:#fff;

}

*{ touch-action: pan-y; } 

.linear{ 
    width:100%; 
    height:100%; 
    color:#fff;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#4cd964,endColorStr=#FFF); /*IE 6 7 8*/ 
    background: -ms-linear-gradient(top, #4cd964,  #0000ff);        /* IE 10 */
    background:-moz-linear-gradient(top,#4cd964,#f6f6f8);/*火狐*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#4cd964), to(#FFF));/*谷歌*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4cd964), to(#FFF));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #4cd964, #FFF);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #4cd964, #FFF);  /*Opera 11.10+*/
}
/*以下是为微信首页底部定义的风格*/
.mui-span-vertical{
  display:table-cell;
  height:100%;
  vertical-align:middle;
  text-align:center;
}

.mui-table-home-view-cell:after{
    content:none;
    left:0px;  
}

.weui-footer {
  color: #999999;
  font-size: 14px;
  text-align: center;
}
.weui-footer a {
  color: #586C94;
}
.weui-footer_fixed-bottom {
  position: fixed;
  bottom: .52em;
  left: 0;
  right: 0;
}
.weui-footer__links {
  font-size: 0;
}
.weui-footer__link {
  display: inline-block;
  vertical-align: top;
  margin: 0 .62em;
  position: relative;
  font-size: 14px;
}
.weui-footer__link:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-left: 1px solid #C7C7C7;
  color: #C7C7C7;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  left: -0.65em;
  top: .36em;
  bottom: .36em;
}
.weui-footer__link:first-child:before {
  display: none;
}
.weui-footer__text {
  padding: 0 .34em;
  font-size: 12px;
}
.weui-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.footer{
position:fixed;
bottom:60px;
left:0px;
height:60px;
width:100%;
z-index:999;
}
.home-font-size{
    font-size:18px;
}

/*实现字体渐变色颜色值的写法比较苛刻，不能用16进制*/
.mui-linear{
	font-size: 24px;
	font-weight: bold;
	-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(white), to(rgba(210, 1, 160, 0.3)));
    text-shadow:3px 4px 3px #333;
}
/*去除顶部工具栏下划线*/
.mui-table-view:before{
    content:none;
}
.mui-control-content{
    position:static;
}
.mui-Order-Type{
    background-color:#222;
    border:1px solid #5c5d5f;
    color:#f0ad4e;
    font-weight:bold;
}
.mui-Order-header{
    min-height:40px;
    padding:5px 5px;
}
.mui-card-content-inner{
    padding:5px;
}
.mui-content{
    background-color: #f7f7f7;
}
/*我的设置图标与文字间距*/
.mui-table-view-chevron span
{
    margin-right:10px;
}

.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label.mui-switch{
    width: 50%;
}

.mui-switch:before{
    font-size:13px;
    position:absolute;
    top:3px;
    right:11px;
    content:attr(data-off);
    text-transform:uppercase;
    color:#999;
}

.mui-switch.mui-active:before{
    right:auto;
    left:15px;
    content:attr(data-on);
    color:#fff;
}

.mui-page .mui-table-view:last-child {
	margin-bottom: 30px;
}
/*
.mui-table-view-cell{
    padding:5px 5px;
}
*/
.mui-input-row label{
    width:45%;
}

.mui-table-order{
    padding:5px 5px;
}
.mui-view-order{
    margin:0px;
}
.mui-main{
    height:100vh;
    margin:0px;
    background-color:#f7f7f7;
}
.mui-main-header{
    padding:0px;
    top:0px;
    background-color:#f7f7f7;
}
.mui-main-footer{
    padding:0px;
}
.mui-main-content{
    background-color:#f7f7f7;
    padding:0px;
}
.mui-main-view-cell{
    padding:0px;
}

/******************************************************/
.mui-table .mui-col-xs-4 span {
    white-space: nowrap; /*强制span不换行*/
    display: inline-block; /*将span当做块级元素对待*/
    overflow: hidden; /*超出宽度部分隐藏*/
    text-overflow: ellipsis; /*超出部分以点号代替*/
    font-size: 16px;
    text-align:center;
    padding-left:15px;
    width:100%;
    padding-right:10px;
    margin:2px;
}


.mui-table .mui-col-xs-6 span.Stop {
    font-size: 16px;
    color:#dd524d;
}
/*
.mui-table .mui-col-xs-6 span {
    font-size: 20px;
    display:inline-block;
}
*/

.mui-table-cell li{
    list-style-type:none;
    font-size:15px;
}
.mui-card .mui-card-content .mui-table{
    height:45px;
    top:15px;
}
.mui-scroll .mui-card{
      margin-top:15px;
}

.mui-scroll-wrapper .mui-indexed-list-empty-alert{
    font-size:22px;
}

.mui-slider .mui-segmented-control.mui-scroll-wrapper {
    height: 44px;
}
.mui-table-cell li{
    list-style-type:none;
    font-size:15px;
}

.mui-table .mui-col-xs-6 span.Start {
    font-size: 16px;
    color:#007aff;
}

#MyRecordList {
    margin-top:25px;
    height:30vh;
    margin-bottom:200px;
}
.mui-table .mui-col-xs-6 span ul .li{
     padding:10px;
}
.StationName{
    color:#000;
}
 .StopName{
    color:#000;
}
 .fontawesomewebfont{
     margin:5px;
 }

 .arrow-container{
    top:10px;
    width: 100%;
    height: 30px;
}
 .mui-table .mui-table-cell{
     text-align:center;
 }
  #slider{
    height:30vh;
 }
 .mui-main-footer{
    height:30vh;
    margin:0px;
}
 .mui-main-table-view{
     background-color:#f7f7f7;
 }
 .mui-table-home-view-cell{
    background-color:#fff;
 }
 .mui-table-view{
margin-top:20px;
}
 .mui-main-table-view{
  margin-top:0px;
}
 /**订单中金额右边距*/
.mui-table-view-cell>.mui-badge, .mui-table-view-cell>.mui-btn, .mui-table-view-cell>.mui-switch, .mui-table-view-cell>a>.mui-badge, .mui-table-view-cell>a>.mui-btn, .mui-table-view-cell>a>.mui-switch{
   right:0px;
 }
/****** 九宫格车站热销城市******************/
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
 padding:5px 5px;
 font-size:15px;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){
    padding:5px 0px;
}
.mui-grid-view.mui-grid-9{
    background-color:#fff;
}
.mui-indexed-list-bar{
    background-color:#fff;

}
.mui-indexed-list-bar a{
    color:#0062cc;
}