@charset "utf-8";

.index_one{
	width:94%;
	height:15rem;
	float:left;
	position:relative;
	z-index:2;
	margin:1rem 3% 0 3%;
	background:#fff url(/public/images/img/top.png) no-repeat center center;
	background-size:cover;
	border-radius:.75rem;
	overflow:hidden;
}
.index_one .index_title{
	width:100%;
	height:3.5rem;
	float:left;
	line-height:1.5rem;
	font-size:1.15rem;
	padding:0 3%;
	box-sizing:border-box;
	color:#fff;
}
.index_one .index_title span{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	font-weight:bold;
	text-align:right;
	margin-top:.6rem;
}
.index_one .index_title em{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	text-align:right;
	font-size:.75rem;
}


.index_two{
	width:94%;
	height:auto;
	float:left;
	position:relative;
	z-index:2;
	background:#fff;
	box-sizing:border-box;
	margin:1.5rem 3% 0 3%;
	border-radius:.75rem;
	overflow:hidden;
}
.index_two .index_title{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	z-index:2;
	background:url(/public/images/img/index_1.png) no-repeat center center;
	padding:1rem 3%;
	box-sizing:border-box;
	color:#282828;
	line-height:1.5rem;
	font-size:1rem;
	font-weight:bold;
}
.index_two .index_title em{
	width:1rem;
	height:1rem;
	float:left;
	border:2px solid #129899;
	border-radius:50%;
	box-sizing:border-box;
	margin:.25rem 3% 0 0;
}
.index_two .index_title em i{
	width:.5rem;
	height:.5rem;
	float:left;
	background-color:#129899;
	border-radius:50%;
	box-sizing:border-box;
	margin:.15rem;
}
.index_two .index_city{
	width:90%;
	height:auto;
	float:left;
	margin:1.5rem 5% 0 5%;
}
.index_two .index_city .city_star{
	width:calc(35% - 1rem);
	height:auto;
	float:left;
}
.index_two .index_city .city{
	width:2rem;
	height:2rem;
	float:left;
	background:#f8f7fb url(/public/images/img/index_7.png) no-repeat center center;
	background-size:70%;
    margin: 0.95rem 15%;
}
.index_two .index_city .city_end{
	width:calc(35% - 1rem);
	height:auto;
	float:left;
}
.index_two .index_city .city_star span,
.index_two .index_city .city_end span{
	width:100%;
	height:1.5rem;
	float:left;
	background:url(/public/images/img/index_5.png) no-repeat left .3rem center;
	background-size:auto 80%;
	text-indent:1.8rem;
	line-height:1.5rem;
	color:#282828;
	font-weight:bold;
	font-size:.95rem;
}
.index_two .index_city .city_end span{
	background:url(/public/images/img/index_6.png) no-repeat left .3rem center;
	background-size:auto 80%;
}
.index_two .index_city input{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	margin-top:.5rem;
	border:0;
	border-top:1px solid #c9c9c9;
	padding-top:.35rem;
	font-size:.875rem;
	color:#888;
	text-align:center;
}
.index_two .index_but{
	width:90%;
	height:2.8rem;
	float:left;
	margin:1.5rem 5%;
	line-height:2.8rem;
	background:url(/public/images/img/index_8.png) repeat-x left center;
    background-size: contain;
	text-align:center;
	color:#fff;
	font-size:.875rem;
	border-radius:.5rem;
}
.index_two .index_date{
	width:90%;
	height:1.8rem;
	float:left;
	border-bottom:1px solid #eee;
	margin:1rem 5% 0 5%;
	background:url(/public/images/img/index_4.png) no-repeat left top .3rem;
	line-height:1.8rem;
	background-size:auto 1.2rem;
	padding-bottom:.5rem;
}
.index_two .index_date #txt_starDate{
    width: 92%;
    float: right;
    height: 100%;
    border: 0;
    font-size: .875rem;
    background: none;
}
.index_thr{
	width:94%;
	height:auto;
	float:left;
	position:relative;
	z-index:2;
	background:#fff;
	padding:1rem;
	box-sizing:border-box;
	margin:1.5rem 3% 0 3%;
	border-radius:.75rem;
	overflow:hidden;
}
.index_thr .index_title{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}
.index_thr .index_title span{
	height:1.8rem;
	float:left;
	background:url(/public/images/img/index_2.png) no-repeat left center;
	background-size:auto 70%;
	line-height:1.8rem;
	text-indent:2rem;
	font-size:1rem;
	color:#282828;
	font-weight: bold;
}
.index_thr .index_title a{
	float:right;
	background:url(/public/images/img/index_3.png) no-repeat left center;
	background-size:auto 50%;
	line-height:1.8rem;
	text-indent:1.2rem;
	color:#969696;
	font-size:.8rem;
}
.index_thr ul{
	width:100%;
	height:auto;
	float:left;
}
.index_thr ul li{
	width:48.5%;
	height:auto;
	float:left;
	background-color:#f7fafa;
	text-align:center;
	padding:.5rem .5rem;
	box-sizing:border-box;
	margin:1rem 3% 0 0;
	font-size:.8rem;
	color:#282828;
	border-radius:.5rem;
	overflow:hidden;
	line-height:1.5rem;
}
.index_thr ul li:nth-child(2n){
	margin-right:0;
}
.index_thr ul li em{
	width:20%;
	height:.5rem;
    background: url(/public/images/img/zx.png) no-repeat center center;
    background-size: 80% auto;
	margin:0 5%;
}



/*******路线*******/
.route_one{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}
/* 筛选栏样式 */
.filter-bar {
	width:100%;
	height: 2.8rem;
	position:fixed;
	left:0;
	/*top:3.75rem;*/
	top:0;
	display: flex;
	background: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	z-index: 100;
	box-sizing:border-box;
}
.filter-item {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .85rem;
	color: #333;
}
.filter-item.active {
	color: #169c96;
}
.filter-item .arrow {
	margin-left: 5px;
	transition: transform 0.3s;
    font-size: .75rem;
}
.filter-item.active .arrow {
	transform: rotate(180deg);
}

/* 下拉面板 */
.filter-panel {
	position: fixed;
	top: 2.8rem;
	left: 0;
	right: 0;
	max-height: 60vh;
	overflow-y: auto;
	background: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	transform: translateY(-100%);
	opacity: 0;
	transition: all 0.3s;
	z-index: 90;
}
.filter-panel.show {
	transform: translateY(0);
	opacity: 1;
}
/* 分类筛选 */
.category-box {
	width:100%;
	height:auto;
	float:left;
	display: flex;
	flex-wrap: wrap;
}
.category-item {
	width: 94%;
	height:auto;
	float:left;
	margin:0 3%;
	padding: .5rem 0;
}
.category-item .span{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	color: #5c5c5c;
	font-weight:bold;
	font-size:.9rem;
}
.category-item .item{
	width:100%;
	height:1.5rem;
	float:left;
	margin-top:.5rem
}
.category-item .item em{
	width:22.75%;
	height:1.8rem;
	float:left;
	margin-right:3%;
	line-height:1.8rem;
	color: #5c5c5c;
	text-align:center;
	font-size:.8rem;
	background-color:#f5f6fb;
	border:1px solid #f5f6fb;
	box-sizing:border-box;
}
.category-item .item em:last-child{
	margin-right:0;
}
.category-item .item em.selected{
	color: #169c96;
	border-color: #169c96;
	background-color:#fff;
}
.category-bot{
	width:94%;
	height:auto;
	float:left;
	margin:1.5rem 3% 1rem 3%;
}
.category-bot em{
	width:35%;
	height:2.4rem;
	float:left;
	border:1px solid #129799;
	border-radius:.5rem;
	text-align:center;
	line-height:2.4rem;
	color:#129799;
	font-size:.875rem;
	box-sizing:border-box;
}
.category-bot span{
	width:55%;
	height:2.4rem;
	float:right;
	background:#129799;
	border-radius:.5rem;
	text-align:center;
	line-height:2.4rem;
	color:#fff;
	font-size:.875rem;
}

/* 遮罩层 */
.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 88;
}


.route_List{
	width:94%;
	height:auto;
	float:left;
	margin:2.8rem 3% 0 3%;
}
.route_List ul{
	width:100%;
	height:auto;
	float:left;
}
.route_List ul li{
	width:100%;
	height:auto;
	float:left;
	padding:1rem;
	box-sizing:border-box;
	background-color:#fff;
	margin-top:1.2rem;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
}
.route_List ul li .top{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:1rem;
}
.route_List ul li .top .img{
	width:3rem;
	height:3rem;
	float:left;
	border-radius:50%;
	overflow:hidden;
}
.route_List ul li .top .cent{
	width:50%;
	height:3rem;
	float:left;
	overflow:hidden;
	margin-left:3%;
}
.route_List ul li .top .cent span{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	font-size:.95rem;
	font-weight:bold;
	color:#282828;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.route_List ul li .top .cent em{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	font-size:.8rem;
	color:#686868;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.route_List ul li .top .rig{
	height:3rem;
	float:right;
	overflow:hidden;
	margin-left:3%;
	line-height:3rem;
	font-size:.8rem;
	color:#282828;
	background:url(/public/images/img/pe.png) no-repeat left center;
	background-size:auto .8rem;
	text-indent:1.3rem;
}
.route_List ul li .top .rig em{
	text-indent:0;
	color:#169c96;
}
.route_List ul li .fin{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	font-size:.85rem;
	color:#282828;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	background:url(/public/images/img/index_5.png) no-repeat left center;
	background-size:auto 80%;
	text-indent:1.5rem;
	line-height:1.5rem;
}
.route_List ul li .fins{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	font-size:.85rem;
	color:#282828;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	background:url(/public/images/img/index_6.png) no-repeat left center;
	background-size:auto 80%;
	text-indent:1.5rem;
	line-height:1.5rem;
	margin-top:.35rem;
}
.route_List ul li .bot{
	width:100%;
	height:auto;
	float:left;
	margin-top:1rem;
	border-top:1px solid #e5e5e5;
}
.route_List ul li .bot .le{
	width:55%;
	height:auto;
	float:left;
	margin-top:1rem;
}
.route_List ul li .bot .le span{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	font-size:.875rem;
	color:#282828;
	font-weight:bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.route_List ul li .bot .le em{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	font-size:.85rem;
	color:#282828;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.route_List ul li .bot .le em i{
	color:#169c96;
	font-weight:bold;
}
.route_List ul li .bot .rig{
	width:40%;
	height:2.5rem;
	float:right;
	line-height:2.5rem;
	background:url(/public/images/img/index_8.png) repeat-x left center;
    background-size: contain;
	text-align:center;
	color:#fff;
	font-size:.875rem;
	border-radius:.5rem;
	margin-top:1.25rem;
}

/*******预定******/
.reserve{
	width:94%;
	height:auto;
	float:left;
	margin:1rem 3% 0 3%;
}
.reserve .reserve-bar{
	width:100%;
	height:auto;
	float:left;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
	padding:1.5rem;
	box-sizing:border-box;
	background-color:#fff;
	position:relative;
}
.reserve .reserve-bar .tel{
	width:100%;
	height:3rem;
	float:left;
	line-height:3rem;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	margin:.5rem 0;
	position:relative;
	color:#282828;
}
.reserve .reserve-bar .tel .ico{
	width:8rem;
	height:100%;
	float:left;
	position:relative;
	text-indent:2rem;
	font-size:.875rem;
}
.reserve .reserve-bar .tel .ico img{
	height:50%;
	/*中部局中*/
	position:absolute;  
	top:50%;  
	left: 0;  
	-webkit-transform: translate(0, -50%);  
	transform: translate(0, -50%);
}
.reserve .reserve-bar .tel:first-child .ico img{
	left:.1rem;
}
.reserve .reserve-bar .tel:nth-child(3) .ico img{
	left:.2rem;
}
.reserve .reserve-bar .tel input{
	width:calc(100% - 8rem);
	float:left;
	height:100%;
	border:0;
	font-size:.875rem;
	background:none;
}
.reserve .arrow{
	width:100%;
	height:2rem;
	float:left;
	margin:1.5rem 0 0 0;
	line-height:2rem;
	text-align:center;
	color:#282828;
	font-size:.875rem;
}
.reserve .arrow input{
	margin-right:.5rem;
}
.reserve .arrow em{
	color:#169c96;
}
.reserve .far_but{
	width:100%;
	height:2.8rem;
	float:left;
	margin:1.5rem 0 1rem 0;
	line-height:2.8rem;
	background:url(/public/images/img/index_8.png) repeat-x left center;
    background-size: contain;
	text-align:center;
	color:#fff;
	font-size:.875rem;
	border-radius:1.4rem;
}
.reserve .reserve-bar.cg .zf{
	position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    background: #129799 url(/public/images/img/yc5.png) no-repeat right 0.5rem center;
    font-size: .8rem;
    color: #fff;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 2rem 0 0.5rem;
    background-size: auto 0.75rem;
    border-radius: 0.3rem;
}
.reserve .reserve-bar.cg .tel .ico{
	width:100%;
	text-indent:2.5rem;
}
.reserve .reserve-bar .tel:nth-child(4) .ico img{
	left:.2rem;
}

.reserve .confim{
	width:100%;
	height:auto;
	float:left;
	margin-top:1.5rem;
	background-color:#fff;
	padding:1.5rem;
	box-sizing:border-box;
    border-radius: 0.75rem;
}
.reserve .confim .em{
	width:100%;
	height:auto;
	float:left;
	line-height:1.5rem;
	font-size:.875rem;
	color:#282828;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:.8rem;
}
.reserve .confim .span{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	font-size:.95rem;
	color:#129799;
	font-weight:bold;
	margin-top:.8rem;
}
.reserve .confim .span span{
	width:1.5rem;
	height:1.5rem;
	float:right;
	background:url(/public/images/img/yc6.png) no-repeat center center;
	background-size:cover;
}
.reserve .confim .span span a{
	display:block;
	width:100%;
	height:100%;
}
.reserve .bot{
	width:100%;
	height:auto;
	float:left;
	margin:1.5rem 0 1rem 0;
}
.reserve .bot em{
	width:50%;
	height:2.8rem;
	float:left;
	border:1px solid #129799;
	text-align:center;
	line-height:2.8rem;
	color:#129799;
	font-size:.875rem;
	box-sizing:border-box;
}
.reserve .bot span{
	width:50%;
	height:2.8rem;
	float:right;
	background:#129799;
	text-align:center;
	line-height:2.8rem;
	color:#fff;
	font-size:.875rem;
}

/****退订****/
.reserve .reserve-td{
	width:100%;
	height:auto;
	float:left;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
	padding:1.5rem;
	box-sizing:border-box;
	background-color:#fff;
}
.reserve .reserve-td dl{
	width:100%;
	height:auto;
	float:left;
}
.reserve .reserve-td dl dt{
	width:100%;
	height:1.8rem;
	float:left;
	line-height:1.8rem;
	font-size:.95rem;
	font-weight:bold;
	color:#282828;
	margin-bottom:.5rem;
}
.reserve .reserve-td dl dd{
	height:1.8rem;
	float:left;
	line-height:1.8rem;
	font-size:.875rem;
	color:#a3a3a3;
	border:1px solid #169c96;
	margin:.5rem;
	padding:0 .5rem;
	border-radius:.25rem;
}
.reserve .reserve-td dl dd.on{
	background-color:#169c96;
	color:#fff;
}
.reserve .reserve-td .td_but{
	width:100%;
	height:2.8rem;
	float:left;
	margin:1.5rem 0 1rem 0;
	line-height:2.8rem;
	background-color:#169c96;
	text-align:center;
	color:#fff;
	font-size:.875rem;
}

/****转发****/
.reserve .reserve-zhuanfa{
	width:100%;
	height:auto;
	float:left;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
	padding:1.5rem;
	box-sizing:border-box;
	background-color:#fff;
}
.reserve .reserve-zhuanfa .tel{
	width:100%;
	height:auto;
	float:left;
	line-height:1.8rem;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:.5rem 0;
	position:relative;
	color:#282828;
}
.reserve .reserve-zhuanfa .tel .ico{
	width:100;
	height:100%;
	float:left;
	position:relative;
	font-size:.875rem;
}

.reserve .confim_zf {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 1.5rem;
	text-align:center;
	line-height:1.5rem;
	color:#119799;
	font-size:.875rem;
}

/*******车主发布******/
.release{
	width:94%;
	height:auto;
	float:left;
	margin:0 3%;
}
.release .release-bar{
	width:100%;
	height:auto;
	float:left;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
	padding:.5rem 1rem;
	box-sizing:border-box;
	background-color:#fff;
	margin-top:1rem;
}
.release .release-bar .tel{
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	position:relative;
	color:#282828;
}
.release .release-bar .tel:last-child{
	border-bottom:0;
}
.release .release-bar .tel .ico{
	width:5rem;
	height:3rem;
	float:left;
	line-height:3rem;
	position:relative;
	text-indent:1.5rem;
	font-size:.875rem;
	font-weight:bold;
}
.release .release-bar .tel .ico img{
	height:35%;
	/*中部局中*/
	position:absolute;  
	top:50%;  
	left: 0;  
	-webkit-transform: translate(0, -50%);  
	transform: translate(0, -50%);
}
.release .release-bar .tel input{
	width:calc(100% - 5rem);
	float:left;
	height:3rem;
	border:0;
	font-size:.875rem;
	background:none;
}
.release .release-bar .tel textarea{
	width:calc(100% - 5rem);
	float:left;
	height:4rem;
	border:0;
	font-size:.875rem;
	background:none;
    margin-top: .8rem;
	font-family:inherit;
}
.release .confim{
	width:94%;
	height:auto;
	float:left;
	margin:1.5rem 3% 0 3%;
    border-radius: 0.75rem;
	font-size:.875rem;
	color:#282828;
	line-height:1.5rem;
}
.release .confim span{
	height:1.5rem;
	float:right;
	line-height:1.5rem;
	background-color:#169c96;
	font-size:.85rem;
	color:#fff;
	padding:0 .75rem;
	border-radius:.75rem;
}
.release .far_but{
	width:100%;
	height:2.8rem;
	float:left;
	margin:1.5rem 0 1rem 0;
	line-height:2.8rem;
	background:url(/public/images/img/index_8.png) repeat-x left center;
    background-size: contain;
	text-align:center;
	color:#fff;
	font-size:.875rem;
	border-radius:1.4rem;
}
.release .arrow{
	width:100%;
	height:auto;
	float:left;
	padding:1rem;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:.75rem;
}
.release .arrow .label{
	width:100%;
	height:2rem;
	float:left;
	line-height:2rem;
	color:#282828;
	font-size:.875rem;
}
.release .arrow .label input{
	margin-right:.5rem;
	float:left;
	margin-top:.6rem;
}
.release .arrow .label em{
	color:#169c96;
}
.release .arrow .summ{
	width:100%;
	height:auto;
	float:left;
	line-height:1.5rem;
	color:#969696;
	font-size:.85rem;
	margin-top:.5rem;
}

/******出行******/
.reserve .chuxing-bar{
	width:100%;
	height:auto;
	float:left;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
	padding:1.5rem;
	box-sizing:border-box;
	background-color:#fff;
	position:relative;
	margin-top:1.5rem;
}
.reserve .chuxing-bar:first-child{
	margin-top:0rem;
}
.reserve .chuxing-bar .tel{
	width:100%;
	height:3rem;
	float:left;
	line-height:1.5rem;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	position:relative;
	padding:.75rem 0;
	color:#282828;
}
.reserve .chuxing-bar .tel .ico{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	font-size:.875rem;
}
.reserve .chuxing-bar .tel .ico img{
	width:1rem;
	/*中部局中*/
	position:absolute;  
	top:50%;  
	left: 0;  
	-webkit-transform: translate(0, -50%);  
	transform: translate(0, -50%);
}
.reserve .chuxing-bar .tel .ico em{
	width:calc(100% - 1.7rem);
	float:right;
}
.reserve .chuxing-bar .zf{
	position: absolute;
    right: 1rem;
    top: 1.5rem;
	border:1px solid #129799;
    font-size: .8rem;
    color: #129799;
    height: 1.5rem;
    line-height: 1.5rem;
	width:4rem;
	text-align:center;
}
.reserve .chuxing-bar .xg{
	position: absolute;
    right: 1rem;
    bottom: 1.5rem;
	background-color:#129799;
    font-size: .8rem;
    color: #fff;
    height: 1.5rem;
    line-height: 1.5rem;
	width:4rem;
	text-align:center;
}
.reserve .chengke-td{
	width:100%;
	height:auto;
	float:left;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
	padding:1.5rem;
	box-sizing:border-box;
	background-color:#fff;
	margin-top:1.5rem;
}
.reserve .chengke-td dl{
	width:100%;
	height:auto;
	float:left;
}
.reserve .chengke-td dl dt{
	width:100%;
	height:1.8rem;
	float:left;
	line-height:1.8rem;
	font-size:.95rem;
	font-weight:bold;
	color:#282828;
	margin-bottom:.5rem;
}
.reserve .chengke-td dl dt em{
	color:#129799;
	font-weight:bold;
}
.reserve .chengke-td dl dd{
	width:100%;
	height:1.8rem;
	float:left;
	line-height:1.8rem;
	font-size:.875rem;
	color:#282828;
	border-bottom:1px solid #e5e5e5;
	padding:.5rem 0;
}
.reserve .chengke-td dl dd a{
	float:right;
	color:#129799;
	background:url(/public/images/img/yc6.png) no-repeat right center;
	background-size:auto 1rem;
	padding-right:1.5rem;
}




/*************/
.login{
	width:100%;
	height:auto;
	float:left;
    background-image: linear-gradient(to bottom, #c8f9ff, #fff);
}
.login .logv{
	width:90%;
	height:auto;
	float:left;
	margin:5rem 5% 0;
}
.login .logv .logo{
	width:90%;
	height:auto;
	float:left;
	margin:0 5%;
}
.login .logv .logo img{
	width:100%;
	height:auto;
	float:left;
}
.login .logv .login_center{
	width:100%;
	height:auto;
	float:left;
	margin:2rem 0 0 0;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
	padding:1rem;
	box-sizing:border-box;
	background-color:#fff;
	position:relative;
}
.login .logv .tel,
.login .logv .valitCode{
	width:90%;
	height:3rem;
	float:left;
	line-height:3rem;
	background-color:#f0f0f0;
	box-sizing:border-box;
	border-radius:.3rem;
	margin:.8rem 5%;
	position:relative;
}
.valitCode{
	width:calc(100% - 6rem);
}
.login .logv .ico{
	width:5rem;
	height:100%;
	float:left;
	position:relative;
	text-align:right;
	font-size:.85rem;
	margin-left:3.5%;
}
.login .logv .ico img{
	height:40%;
	/*中部局中*/
	position:absolute;  
	top:50%;  
	left: 0;  
	-webkit-transform: translate(0, -50%);  
	transform: translate(0, -50%);
}
.login .logv input{
	width:calc(100% - 7rem);
	float:left;
	height:100%;
	border:0;
	font-size:.85rem;
	background:none;
}
.valitCode span.txc {
    position: absolute;
    width: 6rem;
    right: 0;
    top: .5rem;
    z-index: 2;
    line-height: 2rem;
    color: #626262;
	font-size:.8rem;
	text-align:center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.registbtn{
    width: 90%;
    height: 2.8rem;
    float: left;
    line-height: 2.8rem;
    text-align: center;
    font-size: .9rem;
	margin:1rem 5%;
    color: #fff;
	font-weight:bold;
    overflow: hidden;
	background:url(/public/images/img/index_8.png) repeat-x left center;
    background-size: contain;
	border-radius:.5rem;
}
.registbtn span{
	display:block;
	width:100%;
	height:100%;
}
/*****vip******/
.vip{
	width:100%;
	float:left;
    background-image: linear-gradient(to bottom, #60d2d5, #fff , #f5f6fb);
}
.vip .vip_top{
	width:92%;
	height:auto;
	float:left;
	box-sizing:border-box;
	margin:6rem 4% 1rem;
}
.vip .vip_top .infor{
	width:100%;
	height:auto;
	float:left;
}
.vip .vip_top .infor .article{
	width:4rem;
	height:4rem;
	float:left;
	border-radius:50%;
	box-sizing:border-box;
	
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    overflow: hidden;
}
.vip .vip_top .infor .article img{
	width:100%;
    align-items: center;
}
.vip .vip_top .infor .name{
	width:calc(100% - 5rem);
	height:1.5rem;
	float:right;
	line-height:1.5rem;
	font-size:1rem;
	margin-top:.5rem;
	color:#282828;
	font-weight:bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vip .vip_top .infor .phone{
	width:calc(100% - 5rem);
	height:1.5rem;
	float:right;
	line-height:1.5rem;
	font-size:.8rem;
	color:#282828;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin-top:.25rem;
}
.vip .vip_cent{
	width:94%;
	height:auto;
	float:left;
	padding:1rem;
	box-sizing:border-box;
	background-color:#fff;
	border-radius:.75rem;
	margin:1.5rem 3% 0 3%;
    box-shadow: 0 .1rem .2rem #ccc;
}
.vip .vip_cent ul{
	width:100%;
	height:auto;
	float:left;
}
.vip .vip_cent ul li{
	width:50%;
	height:auto;
	float:left;
}
.vip .vip_cent ul li em{
	width:100%;
	height:2rem;
	float:left;
}
.vip .vip_cent ul li:first-child em{
	background:url(/public/images/img/v1.png) no-repeat center center;
	background-size:auto 80%;
}
.vip .vip_cent ul li:nth-child(2) em{
	background:url(/public/images/img/v2.png) no-repeat center center;
	background-size:auto 80%;
}
.vip .vip_cent ul li span{
	width:100%;
	height:1.5rem;
	float:left;
	color:#282828;
	font-size:.9rem;
	text-align:center;
	margin-top:.5rem;
	line-height:1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vip .vip_list{
	width:94%;
	height:auto;
	float:left;
	padding:.5rem 1.5rem;
	box-sizing:border-box;
	background-color:#fff;
	border-radius:.75rem;
	margin:1.5rem 3% 0 3%;
    box-shadow: 0 .1rem .2rem #ccc;
}
.vip .vip_list dl{
	width:100%;
	height:auto;
	float:left;
}
.vip .vip_list dl dt{
	width:100%;
	height:2.4rem;
	float:left;
	border-bottom:1px solid #eee;
	line-height:2.4rem;
	padding:.5rem 0;
	color:#129799;
	font-size:.95rem;
	font-weight:bold;
}
.vip .vip_list dl dd{
	width:100%;
	height:2.4rem;
	float:left;
	border-bottom:1px solid #eee;
	line-height:2.4rem;
	padding:.8rem 0;
	color:#282828;
	font-size:.9rem;
	text-indent:2.2rem;
}
.vip .vip_list dl dd:last-child{
	border:0;
}
.vip .vip_list dl dd:nth-child(2){
	background:url(/public/images/img/v4.png) no-repeat left center;
	background-size:auto 1.2rem;
}
.vip .vip_list dl dd:nth-child(3){
	background:url(/public/images/img/v5.png) no-repeat left center;
	background-size:auto 1.2rem;
}
.vip .vip_list dl dd:nth-child(4){
	background:url(/public/images/img/v7.png) no-repeat left center;
	background-size:auto 1.2rem;
}
.vip .vip_list dl dd:nth-child(5){
	background:url(/public/images/img/v8.png) no-repeat left center;
	background-size:auto 1.2rem;
}
.vip .vip_list dl dd:nth-child(6){
	background:url(/public/images/img/v9.png) no-repeat left center;
	background-size:auto 1.3rem;
}
.vip .vip_list dl dd a{
	display:block;
}
.vip .vip_list dl dd i{
	float:right;
	color:#969696;
}


/*****编辑资料*****/
.profile{
	width:94%;
	height:auto;
	float:left;
	padding:.5rem 1.5rem 2rem 1.5rem;
	box-sizing:border-box;
	background-color:#fff;
	line-height:1.5rem;
	margin:1.5rem 3% 0 3%;
	font-size:.875rem;
}
.loadImg{
	width:34px;
	height:33px;
    display: flex;
    align-items: center;
	float:right;
	overflow:hidden;
	margin-top:3.5px;
}
.loadImg img {
	width: 100%;
    align-items: center;
}
.profile .tel{
	width:100%;
	height:3rem;
	float:left;
	line-height:3rem;
	padding:0 .5rem;
	border:1px solid #eee;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:.3rem;
	margin-top:1.5rem;
	position:relative;
}
.profile .ico{
	width:5rem;
	height:100%;
	float:left;
	position:relative;
}
.profile input{
	width:calc(100% - 5rem);
	float:left;
	height:100%;
	border:0;
	font-size:.85rem;
	text-align:right;
}

/***行程***/
.xingcheng{
	width:100%;
	height:auto;
	float:left;
	box-sizing:border-box;
}
.xingcheng .xc_top{
	width:100%;
	height:auto;
	float:left;
	position:fixed;
	left:0;
	top:0;
    background-color: #f6f6f6;
	padding:1.5rem 5%;
    box-sizing: border-box;
}
.xingcheng .xc_top span{
	width:50%;
	height:2.8rem;
	float:left;
	border:1px solid #129799;
	text-align:center;
	line-height:2.8rem;
	color:#129799;
	font-size:.875rem;
	box-sizing:border-box;
	background-color:#fff;
}
.xingcheng .xc_top span.on{
	background:#129799;
	color:#fff;
}
.xingcheng .tap{
	width:100%;
	height:3rem;
	position:fixed;
	left:0;
	top:5.8rem;
	background-color:#fff;
	line-height:3rem;
	font-size:.85rem;
	padding:0 5%;
    border-bottom: 1px solid #e5e5e5;
	
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 10;
}
.xingcheng .tap span{
    display: flex;
    align-items: center;
	float:left;
    border-bottom: 2px solid #fff;
}
.xingcheng .tap span.on{
	color: #129799!important;
	font-weight:bold;
	border-color:#129799;
}
.xingcheng .list{
	width:100%;
	height:auto;
	float:left;
	margin-top:8.75rem;
	/*background-color:#fff;*/
}
.xingcheng .list ul{
	width:94%;
	height:auto;
	float:left;
	margin:0 3% 1rem 3%;
}
.xingcheng .list ul li{
	width:100%;
	height:auto;
	float:left;
	margin-top:1rem;
	background-color:#fff;
	padding:1rem;
	box-sizing:border-box;
	border-radius:.5rem;
    box-shadow: 0 .1rem .2rem #ccc;
}
.xingcheng .list ul li .top{
	width:100%;
	height:1.5rem;
	float:left;
	line-height:1.5rem;
	color:#282828;
	font-size:.9rem;
	font-weight:bold;
	border-bottom:1px solid #eee;
	padding-bottom:.5rem;
	margin-bottom:.5rem;
}
.xingcheng .list ul li .top span{
	float:left;
	max-width:80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xingcheng .list ul li .top em{
	float:right;
	padding:0 .5rem;
	border:1px solid #129799;
	color:#129799;
	height:1.3rem;
	line-height:1.3rem;
	font-size:.8rem;
	box-sizing:border-box; 
	margin-top:.1rem;
}
.xingcheng .list ul li .top em.on{
	background-color:#129799;
	color:#fff;
}
.xingcheng .list ul li .top em.en{
	background-color:#a9a9a9;
	color:#fff;
	border-color:#a9a9a9;
}
.xingcheng .list ul li .dd{
	width:100%;
	height:1.8rem;
	float:left;
	line-height:1.8rem;
	color:#282828;
	font-size:.875rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xingcheng .list ul li .dd a{
	color:#129799;
}

/******实名认证******/
.shiming{
	width:94%;
	height:auto;
	float:left;
	margin:1.5rem 3% 0 3%;
}
.shiming .shiming-bar{
	width:100%;
	height:auto;
	float:left;
    box-shadow: 0 .2rem .4rem #ccc;
	border-radius:.75rem;
	padding:1rem 1.5rem;
	box-sizing:border-box;
	background-color:#fff;
	position:relative;
}
.shiming .shiming-bar .tel{
	width:100%;
	height:3rem;
	float:left;
	line-height:3rem;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	position:relative;
	color:#282828;
}
.shiming .shiming-bar .tel .ico{
	width:5rem;
	height:100%;
	float:left;
	position:relative;
	font-size:.875rem;
	font-weight:bold;
}
.shiming .shiming-bar .tel input{
	width:calc(100% - 8rem);
	float:left;
	height:100%;
	border:0;
	font-size:.875rem;
	background:none;
}
.shiming .smloadImg{
	width:100%;
	height:13rem;
    display: flex;
    align-items: center;
	float:left;
	overflow:hidden;
	background-color:#fff;
	border-radius:.75rem;
	overflow:hidden;
	margin-top:1.5rem;
    box-shadow: 0 .2rem .4rem #ccc;
}
.shiming .smloadImg img {
	width: 100%;
    align-items: center;
}
.shiming .sm_but{
	width:100%;
	height:2.8rem;
	float:left;
	margin:2rem 0 1.5rem 0;
	line-height:2.8rem;
	background:url(/public/images/img/index_8.png) repeat-x left center;
    background-size: contain;
	text-align:center;
	color:#fff;
	font-size:.875rem;
	border-radius:.5rem;
}

/**select弹出**/
.select-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
	z-index: 1000;
}
.select-panel {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	background: #fff;
    border-radius: .75rem .75rem 0 0;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
	transition: bottom 0.3s ease;
	z-index: 1001;
}
.select-header {
	padding: 1rem;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    font-size: .9rem;
    color: #282828;
}
.select-content {
	max-height: 25vh;
	overflow-y: auto;
}
.select-item {
    padding: .75rem 1.5rem;
	border-bottom: 1px solid #f5f5f5;
    font-size: .875rem;
    color: #282828;
	text-align:center;
}
.select-cancel {
	padding: .75rem;
	text-align: center;
	color: #f44;
	background: #f9f9f9;
    font-size: .875rem;
}

/****日期弹出******/
.picker-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 999;
	display: none;
}
.picker-container {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 1000;
	transform: translateY(100%);
	transition: transform 0.3s;
}
.picker-header {
	display: flex;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #eee;
}
.picker-title {
	font-weight: bold;
}
.picker-cancel, .picker-confirm {
	color: #1989fa;
}
.picker-content {
	display: flex;
	height: 200px;
	overflow: hidden;
}
.picker-column {
	flex: 1;
	position: relative;
	height: 100%;
	overflow: hidden;
}
.picker-column-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.picker-item {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: .875rem;
	color: #333;
}
.picker-highlight {
	position: absolute;
	top: 134px;
	left: 0;
	width: 100%;
	height: 40px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	pointer-events: none;
    box-sizing: border-box;
}