.top {
	width: 100%;
	height: 2.4rem;
	background-image: url(../images/blue/user_head_backgroud.png)
}

.main {
	width: 100%;
	height: auto
}

.img_height {
	width: auto;
	height: 100%
}

.top_left {
	float: left;
	width: auto;
	height: 50%;
	margin-top: 0.6rem;
	margin-left: 6%
}

.top_center {
	margin-left: 3%;
	float: left;
	width: auto;
	height: 50%;
	margin-top: 0.6rem;
	line-height: 0.4rem
}

.top_center_size {
	color: rgb(255, 255, 255);
	margin-top: 0.2rem
}

.top_center_span_top {
	font-size: 0.4rem
}

.top_center_span_down {
	font-size: 0.24rem
}

.top_right {
	width: auto;
	height: 0.4rem;
	float: right;
	margin-right: 5%;
	margin-top: 1rem
}

.main {
	height: auto;
	width: 100%
}

.main_top {
	width: 100%;
	height: auto;
	background-color: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(226, 226, 226);
	border-top: 1px solid rgb(226, 226, 226)
}

.main_line {
	width: 100%;
	height: 1.2rem
}

.main_line_left {
	float: left;
	width: 15%;
	height: 0.6rem;
	margin-top: 0.3rem;
	text-align: center
}

.main_line_right {
	float: left;
	width: 85%;
	height: 0.4rem;
	margin-top: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.36rem
}

.background_sit {
	background-color: rgb(245, 245, 245);
	width: 100%;
	height: 0.4rem
}

.main_line_right_size {
	width: auto;
	height: 100%;
	float: left
}

.main_line_right_icon {
	width: auto;
	height: 0.2rem;
	float: right;
	margin-top: 0.1rem;
	margin-right: 8%
}

.line {
	background: rgb(226, 226, 226);
	width: 85%;
	margin-left: 15%;
	height: 1px
}

.topbackdiv {
	width: 100%;
	height: auto;
	margin-bottom: 1.5rem;
	/*background-color: rgb(241, 245, 246)*/
}

.userdiv {
	width: 100%;
	height: auto;
	background: #009eff
}

.imagediv {
	padding-top: 0.6rem;
	height: 1.2rem;
	width: 100%;
	text-align: center;
	line-height: 1.2rem;
	margin-bottom: 0.2rem
}

.imagediv img {
	height: 1.2rem;
	width: auto
}

.usertitle {
	width: 100%;
	font-size: 0.5rem;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	color: white;
	padding-bottom: 0.3rem
}

.midul {
	width: 100%;
	height: auto;
	background: white
}

.midul li {
	/*padding: 0.25rem 0.3rem 0.25rem 0.3rem;*/
	padding: 0rem 0.3rem;
	height: 0.8rem;
	position: relative;
}


/*.midul li:before{
	content: "";
	height: 100%;
	width: 1px;
	vertical-align: middle;
	display: inline-block;
}*/


/*.bg_bottom_line:after {
	content: "";
	pointer-events: none;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0px;
	bottom: 0px;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(0, rgb(226, 226, 226)), to(rgb(226, 226, 226)))
}*/

.midul img {
	height: 0.4rem;
	width: auto;
	/*vertical-align: middle*/
}

.midul img:last-child {
	float: right
}

.midul span {
	font-size: 0.28rem;
	/*vertical-align: middle;*/
	margin-left: 0.25rem;
	line-height: 0.8rem;
}

.usercenter_imgleft {
	margin-top: 0.17rem;
}

.linediv {
	width: 100%;
	height: 0.2rem;
	background: rgb(245, 245, 245);
	border-bottom: 1px solid rgb(226, 226, 226)
}

.bottomdiv {
	width: 100%;
	height: auto;
	display: table;
	table-layout: fixed;
	border-bottom: 1px solid rgb(226, 226, 226)
}

.bottomdiv li {
	display: table-cell;
	height: auto;
	text-align: center;
	padding: 0.2rem 0;
	border-right: 1px solid rgb(226, 226, 226)
}

.bottomimage {
	width: 100%;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center
}

.bottomimage img {
	height: 0.5rem;
	width: auto
}

.bottomtitle {
	font-size: 0.3rem;
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center
}

#lastitem {
	border: none
}

.ordermes {
	background-color: rgb(255, 255, 255);
	margin: 0 0.3rem;
	border-radius: 0.1rem;
	position: relative;
	z-index: 2;
	margin-top: -0.6rem;
}

#ordermes .hor_line {
	margin-left: 0rem!important;
}

.ordermestit {
	font-size: 0.28rem;
	padding-left: 0.3rem;
	height: 0.6rem;
	line-height: 0.6rem;
	color: #333;
	position: relative;
}

.ordermestit:before {
	content: "";
	position: absolute;
	left: 0px;
	height: 0.4rem;
	width: 0.1rem;
	background: #edf0f5;
	top: 0.05rem;
}

.hor_line {
	height: 1px;
	background: #ececec;
}


/* @media screen and (-webkit-min-device-pixel-ratio: 2) {
    .hor_line {
        height: 1px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, rgb(226, 226, 226)), to(rgb(226, 226, 226)))
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .hor_line {
        height: 1px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.66, rgb(226, 226, 226)), to(rgb(226, 226, 226)))
    }
} */

.orderall {
	padding: 0.3rem 0rem 0.22rem 0rem;
}

.orderall:after {
	content: "";
	display: block;
	clear: both
}

.orderSelect {
	width: 25%;
	float: left
}

.divordericon_img {
	width: 100%;
	text-align: center
}

.ordericon_img {
	width: 0.5rem
}

.orderselecttext {
	width: 100%;
	text-align: center;
	margin-top: 0.1rem;
	color: #333;
	font-size: 0.22rem
}

.vipcenter {
	margin-top: 0.12rem;
	background-color: rgb(255, 255, 255);
	padding-top: 0.1rem;
}

.divVipShow {
	position: relative
}

.divVipShow:after {
	content: "";
	display: block;
	clear: both
}

.vipShow {
	float: left;
	width: 50%;
	padding: 0.2rem 0.3rem 0.2rem 0.3rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	height: 1rem;
}

.vipShow:after {
	content: "";
	display: block;
	clear: both
}

.vipShow>div {
	float: left
}

.div_vipShow {
	height: 0.6rem
}

.img_vipShow {
	height: 0.26rem;
	margin-top: 0.18rem;
	display: block;
	padding: 0px 2px;
}

.vip_text {
	height: 0.6rem;
	line-height: 0.68rem;
	margin-left: 0.25rem;
	font-size: 0.28rem;
	color: #666;
	position: absolute;
	left: 0.7rem;
	right: 0.7rem
}

.vip_text_left {
	float: left
}

.vip_text_right {
	float: right
}

.yellowcolor {
	color: rgb(255, 145, 4)
}

.div_vipShowJiantou {
	float: right!important;
	height: 0.7rem
}

.img_vipShowJiantou {
	height: 0.24rem;
	margin-top: 0.18rem;
	padding: 0 3px;
}

.div_function {
	background-color: rgb(255, 255, 255);
	margin-top: 0.12rem;
}

.usermes {
	position: relative
}

.img_usermesbg {
	width: 100%;
	vertical-align: middle;
}

.icon_usermes {
	width: 0.4rem;
	padding: 0.2rem;
	position: absolute;
	right: 0rem;
	top: 0rem;
}
.icon_usermes_2 {
	width: 0.4rem;
	padding: 0.2rem;
	position: absolute;
	right: 0.2rem;
	top: 0rem;
}

.div_nologin {
	width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    position: absolute;
    left: 50%;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 0.4rem;
}

.nologin_text {
	/*padding: 0.06rem 0.2rem;*/
	color: rgb(255, 255, 255);
	font-size: 0.34rem;
}

.userlogin {
	width: 100%;
	/*top: 50%;
	transform: translateY(-36%);*/
	position: absolute;
	bottom: 1rem;
}

.img_userhead {
	height: 1.25rem;
	margin-left: 0.4rem;
	border-radius: 50%;
	border: 1px solid rgb(255, 255, 255)
}

.img_userlevel {
	position: absolute;
	bottom: 0px;
	width: 0.6rem;
	left: 50%;
	display: none
}

.div_userhead {
	display: table-cell;
	vertical-align: middle;
	position: relative
}

.logincenter {
	display: table-cell;
	vertical-align: middle;
	color: rgb(255, 255, 255);
	padding-left: 0.3rem
}

.userlogin_name {
	font-size: 0.32rem
}

.img_level {
	width: 0.3rem;
	height: 0.3rem
}

.div_level {
	position: relative;
	margin-top: 0.2rem;
	height: 0.44rem
}

.div_level:after {
	content: "";
	display: block;
	clear: both
}

.level_left {
	float: left
}

.level_text {
	float: left;
	font-size: 0.2rem;
	height: 0.3rem
}

.levelshow {
	position: absolute;
	bottom: 0px;
	left: 0.15rem
}

.level_yellow {
	position: absolute;
	background-color: rgb(211, 231, 26);
	width: 30%;
	bottom: 0px;
	height: 2px
}

.level_white {
	width: 1.6rem;
	height: 2px;
	background-color: rgb(255, 255, 255)
}

.img_userjiantou {
	height: 0.16rem;
	vertical-align: middle;
	margin-left: 0.06rem
}

.vip_ver_line {
	position: absolute;
	left: 50%;
	width: 1px;
	background-color: rgb(226, 226, 226);
	height: 0.6rem;
	top: 0.2rem;
}

.icon_function {
	/*height: 0.26rem;
	padding-top: 0.04rem*/
}

.midul {
	color: #333;
}

.youhuiquan {
	padding: 0rem 0.04rem
}

.image_service {
	height: 0.24rem
}

.servicetext {
	vertical-align: middle;
	display: table-cell
}

.custom_service {
	text-align: center
}

.div_service {
	vertical-align: middle;
	display: table-cell
}

.custom_service {
	position: relative;
	height: 1rem
}

.servicetext {
	padding-left: 0.04rem;
	font-size: 0.26rem;
	color: rgb(1, 216, 174)
}

.service_include {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0.4rem
}

.icon_usermestit {
	width: 0.4rem;
	padding: 0.1rem;
	margin-top: 0.2rem
}

.clearfixed {
	width: 100%;
	height: 1rem
}

.xiaojiantou {
	height: 0.16rem;
	width: 0.1rem
}

.level_include {
	height: 0.42rem;
	line-height: 0.42rem;
	float: left;
	z-index: 2;
	position: relative;
	border-radius: 0.4rem;
	padding: 0 0.16rem;
	border: 1px solid rgba(255, 255, 255, 0.3);
}



.level_include>div {
	display: table-cell;
	vertical-align: middle
}

.level_img {
	padding-left: 0.04rem
}

.icon_function {
	float: right;
	height: 0.3rem!important;
	margin-top: 0.25rem;
}

.passenger_num {
	float: right;
	margin-right: 0.2rem;
	font-size: 0.22rem;
	color: rgb(160, 170, 179);
	line-height: 0.8rem;
}

.new_register_mainBox {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5)
}

.new_register_main {
	width: 80%;
	overflow: hidden;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999999;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.new_register_main .new_register_close {
	width: 0.5rem;
	float: right;
	display: block
}

.new_register_main .new_register_bg {
	width: 100%
}

.new_register_main .new_register_close1 {
	width: 3rem;
	position: absolute;
	left: 50%;
	bottom: 0.6rem;
	margin-left: -1.5rem
}

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999
}

.new_register_active {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none
}

.show_nologin {
	position: absolute;
	left: 0px;
	bottom: 0.44rem;
	width: 100%;
}

.hezuo {
	height: 0.3rem!important;
	margin-top: 0.25rem;
	margin-left: 0.03rem;
	margin-right: 0.05rem;
}

#extension {
	/*display: none;*/
}

.ordermesline {
	height: 1px;
	background-color: #e8e8e8;
	margin: 0 0.2rem;
}

.vipmes {
	display: flex;
	padding: 0.25rem 0rem;
}

.vipmes>div {
	flex: 1;
}

.vipmes>div>div {
	text-align: center;
}

.vipmes_text_1 {
	color: #009eff;
	font-size: 0.4rem;
}

.vipmes_text_2 {
	color: #333333;
	font-size: 0.22rem;
	margin-top: 0.1rem;
}

.select_jifen{
	position: relative;
}

.icon_my_integral{
	width: 0.96rem;
    height: 0.3rem;
    position: absolute;
    top: -0.22rem;
    right: -0.1rem;
    display: none;
}

.selectmes {
	background-color: #fff;
	margin-top: 0.2rem;
	border-radius: 0.1rem;
	margin: 0.2rem 0.3rem 0rem 0.3rem;
}

.selectmes_list {
	display: flex;
}

.selectmes_unit {
	flex: 0 0 25%;
	padding: 0.4rem 0rem;
}

.selectmes_unit>div {
	text-align: center;
}

.icon_select {
	height: 0.36rem;
}

.select_text {
	font-size: 0.24rem;
	color: "#333333";
	margin-top: 0.1rem;
}

.border_left {
	border-left: 1px solid #edf0f5;
}
.border_right {
	border-right: 1px solid #edf0f5;
}

.bottom_img {
	width: 100%;
	border-radius: 0.1rem;
}

.div_botttom_img {
	/*margin: 0.2rem 0.3rem 0rem 0.3rem;*/
	border-radius: 0.1rem;
}
.div_names{
	display: flex;
	align-items: center;
}
.img_state{
	display: block;
    height: 0.36rem;
}
.div_state{
	position: relative;
	margin-left: 0.1rem;
}
.state_text{
	line-height: 0.36rem;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0;
	bottom: 0;
	font-size: 0.22rem;
	color: #fff;
}
.show_nopay{
	position: relative;
	width: 100%;
	height: 0px;
}
.nopay_include{
	position: absolute;
	top: -0.22rem;
	width: 100%;
}
.nopay_top{
	display: flex;
	justify-content: center;
	width: 75%;
}
.nopay_top img{
	display: block;
	height: 0.12rem;
}
.div_nopay_txt{
	height: 0.46rem;
	margin: 0 0.2rem;
	background-color: #ff9a00;
	border-radius: 0.06rem;
	margin-top: -0.02rem;
	display: flex;
	color: #fff;
	font-size: 0.24rem;
	justify-content: space-between;
}
.date{
	line-height: 0.46rem;
	flex:  0 0 20%;
	box-sizing: border-box;
	text-align: center;
}
.station{
	line-height: 0.46rem;
	flex: 0 0 60%;
}
.gopay{
	line-height: 0.46rem;
}
.div_orderpay_cancel{
	padding-left:  0.2rem;
}
.icon_me_cancel{
	height: 0.2rem;
}
/*轮播*/
.carousel {
    position: relative;
    width: 92%;
    margin: 0 auto;
    border-radius: 50%;
    margin-top: 0.3rem;
    padding-bottom: 0.32rem;
    z-index: 2;
}
.carousel .slider {
    width: 100%;
    height: 1.38rem;
    border-radius: 2rem;
}
.carousel .focus>div {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}
.carousel .focus>div span {
    width: 0.12rem;
    height: 0.12rem;
    margin-left: 0.08rem;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 100%;
    display: inline-block;
    float: inherit;
}
.current {
    width: 0.4rem!important;
    background: #FFFFFF!important;
    border-radius: 0.6rem!important;
}
/*轮播结束*/