@charset "utf-8";
a{ color:#666; cursor:pointer; text-decoration:none;}
em, i{font-style: normal;}
em, i{font-style: normal;}
.mt10{ margin-top:10px; }

.clearflx:after{ content:"\20"; display:block; clear:both; height:0}
.clearflx:after{ *zoom:1}

.ico{display:inline-block;position:absolute;left:48%;top:41px;width:16px;height:9px;background:url(/bus/img/m_ico.png) no-repeat}
.form_area { margin-top: 44px; background: #fff; }
.form_area .form{ position:relative; padding:15px; border:0; border-bottom:1px solid #ddd; background:#fff;}
.form_area label{ display:block; position:relative; width:100%; margin-bottom:15px; border:0; border-bottom:1px solid #ddd;}
.form_area label:after,.form_area label:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 5px;
    bottom: 0
}



.form_area label.city{ width:40%; float:left; border:0;}
.form_area label.end{ float:right; text-align:right; }
.form_area label span{ display:block; padding:0 5px; line-height:30px; font-size:16px; color:#999;}
.form_area label.dc-gt{ position:relative; border-bottom:0; margin-bottom:10px;}
/*.form_area label.dc-gt:after,.form_area label.dc-gt:before{ display:none;}*/


.form_area .input{ display:inline-block; width:150px; padding:0 0 0 10px; border:0; box-sizing:border-box;color:#333;font-size:22px; line-height:54px;-webkit-tap-highlight-color:transparent;}
.form_area label.city .input{ width:100%; padding:0 6px 0 5px; box-sizing:border-box; line-height:46px; border:0; border-bottom:1px solid #ddd;}
.form_area label.end .input{ text-align:right; }
.form_area sup{ position:absolute; top:20px; left:50%; width:30px; height:30px; margin-left:-15px; background:url(../image/icon_91x90.gif) no-repeat 0 0; background-size:30px 30px;}
.form_area .sBtn{ display:block; width:100%; line-height:42px; margin-top:10px; border:0; border-radius:5px; color:#fff; font-size:16px; background:#0000e8;}
.form_area .sp{top:14px}

.cui-switch {
    position:relative;
    right:10px;
    top:15px;
    width: 44px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 24px;
    background-color: #ccc;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.cui-switch.current {
    background-color: #108EE9
}
.cui-switch .cui-switch-scroll {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 21px;
    height: 22px;
    border-radius: 22px;
    background-color: #fff;
    -webkit-transition: width .2s ease-in,left .2s ease-in,right .2s ease-in;
    transition: width .2s ease-in,left .2s ease-in,right .2s ease-in
}

.cui-switch.current .cui-switch-scroll {
    left: 21px;
    right: 1px
}

.change_city{}
.change_city .tit{ padding-left:1rem; line-height:2.4rem; font-size:14px; background:#f4f4f4; }


.city_nav{ width:100%; padding:10px; background:#fff; box-sizing:border-box; overflow:hidden;}
.city_nav ul{ width:105%; }
.city_nav li {
  float: left;
  width: 31px;
  height: 31px;
  margin: 0 5px 5px 0;
  border: 1px solid #cecece;
  text-align: center;
  border-radius: 3px;
}
.city_nav li a{
  display: block;
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 14px;
  line-height: 31px;
}
.city_nav .checked{
  background: #108EE9;
  color: #ffffff;
}
.city_nav .checked a{
  color: #ffffff;
}
.city_nav li.checked{ border:1px solid #108EE9; }
.city_nav_list{ background:#fff; overflow:hidden;}
.city_nav_list em{ display:block; position:relative; padding:10px 38px 10px 20px; border-bottom: 1px solid #dfdfdf; font-weight:bold; font-size:14px; color:#777; overflow:hidden;}
.city_nav_list ul{ clear:both; }
.city_nav_list li{ display:inline-block; width:33%; float:left; text-align:center; height:44px; padding:0 10px; line-height:44px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.city_nav_list li:nth-child(3n+3){ width:34%; border-right:0;}

.city_hot_list{ background:#fff; overflow:hidden;}
.city_hot_list em{ display:block; position:relative; padding:10px 38px 10px 20px; border-bottom: 1px solid #dfdfdf; font-weight:bold; font-size:14px; color:#777; overflow:hidden;}
.city_hot_list ul{ clear:both; }
.city_hot_list li{ display:inline-block; width:33%; float:left; text-align:center; line-height:44px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:14px; color:#666;}
.city_hot_list li:nth-child(3n+3){ width:34%; border-right:0;}