
.top-bar {text-align:center; height:4.8rem; line-height:4.8rem; background:#fbfbfb; position:fixed; top:0; right: 0; margin-left: auto; margin-right: auto; max-width: 720px; left: 0; z-index:999; border-bottom:1px solid #dadada;}
.top-bar-con .top-bar-left { width:4.8rem; height:4.8rem; position:absolute; left:0; top:0;display:inline-block;}
.top-bar-con .top-bar-left i {background:url("/img/ico_back.png") no-repeat; width:4.8rem; height:4.8rem; background-position:50% 50%; background-size:2.6rem auto;display:block;}

.top-bar-con .top-bar-txt {
  display: inline-block;
  color: #424242;
  font-size: 1.7rem;
  margin-top: 0.1rem;
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.top-bar-con .top-bar-right {display:inline-block;  position:absolute; right:0; top:0;}
.top-bar-con .top-bar-right i ,.menu_icon i{ display:block;background:url("/img/ico_index.png") no-repeat; width:4.8rem; height:4.8rem; background-position:50% 50%; background-size:2.2rem auto; }
.menu_icon {position: absolute;right: 0;left: 0;z-index: 9}
.menu_icon i{
    background: url('/img/wifi_help_02.png') no-repeat scroll 50% 50% / 2.2rem auto rgba(255, 255, 255, 0.8);
    float: right;
    width: 3rem;
    height: 3rem;
    margin: 1rem 1rem 0 0;}
.top-pistion{ position:relative!important;}
.kong_h{content:''; height:4.8rem; position:relative; display:block;}

.top_font_btn {
    color:#3d4abb;
    font-size: 1.4rem;
    margin-right: 1.5rem;
    margin-top: 0.1rem;
}

.header_close {
	background-position: -8rem -41.3rem;
  display: block;
  height: 4.8rem;
  left: 1.5rem;
  position: relative;
  width: 4.8rem;
	background-image:url("/w/new_index/img/order/ord_bg.png");background-size:10.2rem auto; background-repeat:no-repeat;}


.top-bar-flex .top-bar-con{
  display: -webkit-box;
  -webkit-box-align: start;
  -webkit-box-pack: justify;
}

.top-bar-flex .top-bar-left,
.top-bar-flex .top-bar-right {
  display: block;
  position: static;
  top: auto;
  left: auto;
}
.top-bar-flex .top-bar-right {
  right: auto;
  width: 4.8rem;
  height: 4.8rem;
}
.top-bar-flex .top-bar-txt {
  display: block;
  margin-top: 0;
  -webkit-box-flex: 1;
}
.top-bar-flex .itinerary {
  display: -webkit-box;
  -webkit-box-align: start;
  -webkit-box-pack: justify;
}
.top-bar-flex .itinerary .pickup,
.top-bar-flex .itinerary .dropoff{
  -webkit-box-flex: 1;
  width: 50%;
  height: 100%;
}
.top-bar-flex .itinerary .pickup {text-align: right;}
.top-bar-flex .itinerary .dropoff {text-align: left;}
.top-bar-flex .itinerary .total_days {
  padding: 0 0.3332rem;
  width: 4.2rem;
  background: url("/img/ico_total_days.png") no-repeat;
  background-position: 50% 70%;
  background-size: 4.2rem auto;
  font-size: 1rem;
}
.top-bar-flex .itinerary address,
.top-bar-flex .itinerary time {
  display: block;
  white-space:nowrap;
  line-height: 1.5;
  font-style: normal;
  color: #323232;
}
.top-bar-flex .itinerary address {
  padding-top: 0.7rem;
  font-size: 1.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.top-bar-flex .itinerary time {
  font-size: 1.2rem;color:#999999;
}



/*新头兼容旧版*/
.fix_contain {  background: none repeat scroll 0 0 #f4f4f4;
  min-width: 320px;
  max-width: 720px;
  overflow: hidden;
  padding-bottom: 5rem;
  padding-top: 5rem;
}

/*新头兼容旧版*/
.fix_contain .kong_h {
  height: 0px !important;
}

