p.link{color: #118EEA;}
.link-blue{color: #4A90E2;}

/*public-hader*/
.pubcli-header{
	font-size: .24rem;
}
.pub-box{
	display: flex;
	padding:.28rem;
	color: #fff;
}
.icon-left{
	display: inline-block;
	width: .48rem;
	height: .48rem;
	background: url(../img/icon-top-fh@2x.png) no-repeat;
	background-size: 100% 100%;
}
.fx{
	flex: 1;
}
.t-left{
	text-align: left;
}
.t-center{
	text-align: center;
}
.t-right{
	text-align: right;
}
.pub-title{
	font-size: .34rem;
	flex: 2;
}
.p-right{
	position: relative;
}
.p-right a{
	position: absolute;
	right: 0;
	bottom: .1rem;
	color: #fff;
	font-size: .3rem;
}
/*tips*/
.tips{
	height: .56rem;
	background: #FFDFE3;
	padding:0 .22rem;
	position: relative;
}
.icon-warn{
	width: .48rem;
	height: .48rem;
	display: inline-block;
	background: url(../img/icon-ts@2x.png) no-repeat left center;
	background-size: 100% 100%;
	vertical-align: middle;
	position: relative;
	top: -.05rem;
}
.tips p{	
	font-size: .24rem;
	line-height: .56rem;
	height: .56rem;
	color: #EA1117;
}
.close{
	position: absolute;
	width: .48rem;
	height: .48rem;
	background:url(../img/icon-gb@2x.png) no-repeat center center;
	right: .1rem;
	top: .01rem;
	background-size: 50%;
}

.sider{
	padding-top: .2rem;

}

/*菜单列表*/
.menu-list{
	padding:0 .24rem;
	background: #fff;
}
.display{
	display: block;
}
.menu-item{
	border-bottom: 1px solid #e6e6e6;
	padding:.36rem 0 .3rem;
}
.menu-item a{
	font-size: .28rem;
	color: #333;
}
.icon-rig{
	width: .48rem;
	height: .5rem;
	display: block;
	background: url(../img/icon_xyy@2x.png) no-repeat right bottom;
	background-size: 100% 100%;
}
.icon-menu{
	display: inline-block;
	width: .56rem;
	height: .56rem;	
	vertical-align: middle;
}
.icon-cardMan{
	background: url(../img/icon-K-KPCZ@2x.png) no-repeat left center;
	background-size: 100% 100%;
}
.icon-record{
	background: url(../img/icon-K-CCJL@2x.png) no-repeat left center;
	background-size: 100% 100%;
}
.icon-openLine{
	background: url(../img/icon-K-XL@2x.png) no-repeat left center;
	background-size: 100% 100%;
}
.icon-help{
	background: url(../img/icon-K-YW@2x.png) no-repeat left center;
	background-size: 100% 100%;
}


/*电子�?*/
.e-card{
	height: 4.68rem;
	padding:.24rem;
}


/*余额查询--充�??*/
.bal-warp{
	width: 100%;
	height: 3.6rem;
	background: url(../img/pic-bj@3x.png) no-repeat center center;
	background-size: 100% 100%;
}
.bal-warp h3{
	font-size: .8rem;
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.bal-warp h3 .yuan{
	font-size: .36rem;
	font-weight: 400;
}
.remind{
	font-size: .28rem;
	padding:.24rem;
	color: #999;
}

.btn-group{
	box-sizing: border-box;
	width: 100%;
	padding:.24rem;
	position: fixed;
	bottom: 1.2rem;
}
.btn-large{
	width: 100%;
	height: .88rem;
	display: block;
	text-align: center;
	line-height: .88rem;
	color: #fff;
	background: #118EEA;
	font-size: .32rem;
	border-radius: 4px;
}

/*乘车记录*/
.record-body{
	background: #F6FAFF;
}
/*列表*/
.car_item{
	font-size: .28rem;
	padding:.24rem;
	background: #fff;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.car_item a{
	display: flex;
	width: 100%;
	height: 100%;
}
.icon-buss{
	display: inline-block;
	width: .88rem;
	height: .88rem;
	background:url(../img/pic-gj@2x.png) no-repeat left center;
	background-size: 100% 100%;
	margin-right: .24rem; 
}
.buss{
	flex: 1;
}
.price{
	flex: 1;
	text-align: right;
}
.car-name{
	/*line-height: .4rem;*/
	padding-top: .08rem;
	font-size: .28rem;
	color: #343434;
}
.car-time{
	color: #999;
	font-size: .24rem;
	padding-top: .1rem;
}
.car-price{
	font-size: .32rem;
}
.order-state{
	font-size: .24rem;
	color: #999;
	padding-top: .1rem;
}


/*卡片充�??*/
.warp{
	padding:0 .24rem;
	border-top:.24rem solid #F6F6F6;
	background: #fff;
}
.bal-warp .bal{
	text-align: center;
	font-size: .36rem;
	color: #fff;
	padding:.52rem 0 .1rem;
}
.section{
	display: flex;
	padding-top: .72rem;
}
.section .p1,.section .p2{
	flex: 1;
	text-align: center;
	height: .48rem;
	line-height: .48rem;
	font-size: .28rem;
	color: #fff;
	font-weight: 700;
}
.section .p2 a{
	color: #fff;
}
.choose-price-tips{
	font-size: .32rem;
	height: .88rem;
	line-height: .88rem;

}
.top p{
	font-size: .28rem;
	color: #999;
}
.input-warp{
	display: block;
	width: 100%;
	height: .56rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: .4rem;
	color: #666;
}
.input-warp::placeholder{
	font-size: .3rem;
}
.recharge-list{
	font-size: .32rem;
}
.recharge-list li{
	float: left;
	width: 22%;
	text-align: center;
	height: .7rem;
	line-height: .7rem;
	border:1px solid #CACACA;
	margin-left: 3%;
	margin-top: 1%;
	border-radius: 3px;
}
.recharge-list li.current{
	border-color: transparent;
	/*background: url(../img/pic-xk@2x.png);*/
	background-size: 100% 100%;
	color: #1492ff;
    border-color: #1492ff;
}
.recharge-list li.noMargin{
	margin-left: 0;
}
.rechage-record{
	position: fixed;
	bottom: .4rem;
	width: 100%;

}
.rechage-record p{
	text-align: center;
	font-size: .24rem;
	color: #fff;
}
.zhuyi{
	padding-top: .16rem;
	font-size: .24rem;
	color: #999;
}
.rechage-btn {
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	padding: .9rem .24rem .4rem;
}
/*底部弹出�?*/
.aside{
	-webkit-transition: visibility .25s;
    transition: visibility .25s;
    z-index: 9959;
    visibility: hidden;
    overflow: hidden;
}
.aside, .aside-overlay{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.aside.active{
	-webkit-transition: none;
    transition: none;
    visibility: visible;
}
.active > .chooseDispatch{
	-webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
.chooseDispatch{
	position: absolute;
    bottom: 0;
    right: 0;
    background-color: white;
    -webkit-transition: transform .15s;
    transition: transform .15s;
    top: 24%;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9998;
}
.active > .aside-overlay{
	opacity: .4;
}
.aside-overlay{
	background-color: black;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    z-index: 9997;
}

.chooseDispatch h3{
	font-size: .72rem;
	text-align: center;
	padding:.48rem 0;
}
.order-info{
	padding:0 .24rem;
}
.order-info .item{
	display: flex;
	padding:.34rem 0 .22rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.order-info .item .item-f{
	flex: 1;
	font-size: .32rem;
}
.order-info .item .txt-left{
	font-size: .28rem;
	color: #999;
}
.order-info .item .txt-right{
	text-align: right;
}
.close-side{
	height: .88rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.close-side .close{
	left: .2rem;
	top: .2rem;
	background-size: 100%;
}
.btn-warp{
	padding:0 .24rem;
	position: absolute;
	bottom: .38rem;
	width: 100%;
	box-sizing: border-box;
}
.second-step{
	font-size: .28rem;
	padding:.24rem;
	display: none;
}

.second-step ul li{
	padding:.24rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.second-step ul li.active{
	color: #118EEA;
	font-size: .3rem;
}


/*使用说明*/
.help-container{
	background: #fff;
}
.h-item{	
	font-size: 14px;	
	border-bottom: 1px solid #f6f6f6;
	
}
.question{
	display: flex;
	padding:0 .24rem;
}
.question p{
	line-height: .88rem;
}
.question p:first-child{
	flex: 9;
}
.question p.icon-box{
	padding-top: .18rem;
}
.answer{
	background: #F6FAFF;
	padding:.24rem;
	display: none;
	color: #666;
}
span.icon-down{
	background: url(../img/icon_down@2x.png) no-repeat right bottom;
    background-size: 100% 100%;
}

/*充�?�记�?*/
.rechage-flex{
	flex: 2;
}
.rechage-price{
	color: #DF0000;
	font-size: .32rem;
}
/*�?通路�?*/
.search{
	background: #fff;
	padding:.24rem;
}
.search-input{
	position: relative;
	width: 80%;

}
.icon-search{
	position: absolute;
	display: inline-block;
	width: .35rem;
	height: .35rem;
	background: url(../img/icon-ss@2x.png) no-repeat;
	background-size: 100% 100%;
	top: .1rem;
	left:.1rem;
}
.search-input input{
	display: block;
	background: #f6f6f6;
	height: .56rem;
	width: 100%;
	padding-left: .5rem;
}
.search-btn a{
	display: block;
	color: #118EEA;
	font-size: .28rem;
	padding:.07rem;
}
.open-line-list{
	margin-top: .1rem;
	background: #fff;
	padding-left: .24rem;
}
.open-line-list li{
	padding:.24rem .24rem .24rem 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	display: flex;
}
.open-line-list li .buss-name{
	font-size: .28rem;
	color: #333;
}
.open-line-list li .txt-style{
	font-size: .24rem;
	color: #999;
	padding-top: .1rem;
}
.open-line-item .buss-info{
	font-size: .28rem;
	color: #B1B1B1;
	text-align: right;
}
.no-info{
	margin:30% auto 0;
	width: 3.5rem;
	text-align: center;
	font-size: .28rem;
	color: #999;
}
.no-info img{
	padding-bottom: 1rem;
}


/*订单详情*/
.bill-body{
	background:#f6f6f6;
}
.header{
	text-align: center;
	background: #fff;
	height: 3.2rem;
}
.header h3{
	font-size: .8rem;
	color: #333;
	padding-top: .8rem;
}
.header p{
	font-size: .24rem;
	color: #666;
}
.list-ul{
	background: #fff;
}
.item-fix{
	display: flex;
	font-size: .28rem;
	color: #999;
	padding:.24rem;
	border-bottom: 1px solid rgba(0,0,0,.1)
}
.flex{
	flex: 1;
}
.txt-right{
	text-align: right;
	color: #333;
}


/*申领卡片*/
.card-name{
	font-size: .3rem;
	text-align: center;
	padding: .3rem 0 .6rem;
	font-weight: 600;
	color: #000;
}
.apply-warp{
	box-sizing: border-box;
	width: 100%;
	height: 4.44rem;
	padding:.24rem;
}
.btn-box{
	margin-top: .2rem;
	margin-bottom: .2rem;
}
.icon-label{
	display: inline-block;
	width: .3rem;
	height: .3rem;
	background:url(../img/s-icon-g@2x.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: .05rem;
	margin-right: .05rem;
}
.agree{
	font-size: .24rem;
	padding:.08rem 0;
	color: #AAAAAA;
}
.protocol{
	color: #118EEA;
}
a.dis-submit{
	background: #ccc;
}
i.icon-select{
	background:url(../img/icon-select.png) no-repeat;
	background-size: 100% 100%;
}


/*公共底部*/
.bottom-copy{
	/*position: fixed;*/
	bottom: 0.1rem;
	width: 100%;
}
.bottom-copy p{
	text-align: center;
	font-size: .24rem;
	color: #ccc;
}
.publish-color p{
	text-align: center;
	font-size: .24rem;
	color: #fff;
}

/*弹出�?*/
.dialog{
	width: 6rem;
	/*height: 2.7rem;*/
	background: #fff;
	border-radius: 4px;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -3rem;
	z-index: 9999;
	display: none;
}
.dialog .dialog-info{
	font-size: .3rem;
	color: #343434;
	padding:.7rem .27rem;
	/*text-align: center;*/
}
.dialog .dialog-btn-group{
	display: flex;
}
.dialog .dialog-btn-group a{
	flex: 1;
	font-size: .32rem;
	color: #CACACA;
	display: inline-block;
	text-align: center;
	border-top:1px solid #EFEFEF;
	padding:.24rem 0;
}
.dialog .dialog-btn-group a.link{
	color: #31BAF7;
}
.dialog .dialog-btn-group span{
	display: inline-block;
	width: 1px;
	height: 0.9rem;
	background: #EFEFEF;
}