/*小弹窗*/
.small-pop {
  position: fixed;
  padding: 0.19rem 0.44rem;
  text-align: center;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.15rem;
  z-index: 99999;
  display: none;
}

.small-pop {
  color: #fff;
  font-size: 0.24rem;
}

.pb {
  background-color: #fff;
  padding: 0.25rem;
}

.bule,
.blue {
  color: #3089eb;
}

/*  */
html,
body {
  max-width: 750px;
  margin: 0 auto !important;
  /*height:100%;*/
  background-color: #f7f7f7;
}

a {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /*在手机上点击a标签的时候后面的自带背景消失*/
}

/*公共用的*/
/*背景*/
.bus-bg {
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 6px rgba(204, 204, 204, 0.5);
  box-shadow: 0 1px 6px rgba(204, 204, 204, 0.5);
}

.public-word {
  font-size: 0.18rem;
  color: #b2b2b2;
  text-align: center;
  padding-bottom: 0.21rem;
}

.wrap {
  margin-bottom: 100px;
  padding-bottom: 1rem;
}

.banner {
  text-align: center;
  height: fit-content;
}

.main-nav-ul li a,
.news-ul a {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.bg-mb {
  margin-bottom: 0.2rem;
  background-color: #fff;
}

.wrap {
  max-width: 750px;
}

.main-nav {
  padding-bottom: .21333rem;
}

.main-nav-ul {
  width: 100%;
  font-size: 0;
}

.main-nav-ul li {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.main-nav-word {
  color: #3d3d3d;
  font-size: 0.22rem;
  margin-top: 0.08rem;
}

.icon {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.9rem;
  width: 0.7rem;
  margin: 0 auto;
  font-size: 0.27rem;
}

.icon-shouji:before {
  position: relative;
  top: 0.05rem;
}

.icon-shanchu:before {
  position: relative;
  top: 0.25rem;
}

.bus-ul .icon-xiaoyanjing {
  position: relative;
  z-index: 99;
}

.bus-ul .bus-li-jt.cur .icon-xiaoyanjing {
  color: #387be6;
}

.bus-ul .icon-huoche,
.bus-ul .icon-rili-color {
  margin: 0 0.17rem;
}

.bus-ul .icon-shijian1 {
  font-size: 14px;
  margin: 0 0.18rem;
}

.ready-article-title {
  background-image: url(../images/ready-word.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100% - 0.38rem);
  height: 0.25rem;
  margin: 0.25rem 0.19rem 0.26rem 0.19rem;
  line-height: 0.25rem;
}

.ready-more {
  float: right;
  color: #3d3d3d;
  display: inline-block;

}

.ready-article-ul {
  border-top: 1px solid #e5e5e5;
  padding-left: 0.2rem;
  padding-bottom: 0.27rem;
}

.ready-article-ul li {
  width: 25%;
  float: left;
  margin-top: 0.15rem;
}

.ready-article-ul li a {
  color: #666;
  font-size: 0.22rem;
  border: 0.02rem solid #9bd0fd;
  border-radius: 30px;
  display: inline-block;
  width: 85%;
  margin: 0 auto;
  padding: 0.1rem 0;
  text-align: center;
  vertical-align: top;
  background: red;
  /* 一些不支持背景渐变的浏览器 */
  background: -moz-linear-gradient(top, rgba(243, 248, 249, 1), rgba(243, 244, 247, 1));
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f8f9), to(rgba(243, 244, 247, 1)));
  background: -o-linear-gradient(top, rgba(243, 248, 249, 1), rgba(243, 244, 247, 1));
  background: red;
  /* 一些不支持背景渐变的浏览器 */
  background: -moz-linear-gradient(top, red, rgba(243, 244, 247, 1));
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f8f9), to(rgba(243, 244, 247, 1)));
  background: -o-linear-gradient(top, rgba(243, 248, 249, 1), rgba(243, 244, 247, 1));
}

.headline .ready-article-title {
  background-image: url(../images/headline-img.png);
  height: 0.29rem;
  margin: 0.23rem 0.19rem 0.23rem 0.19rem;
  overflow: hidden;
}

.headline .swiper-slide {
  height: 0.75rem;
}

.ready-article-title .ready-p {
  float: left;
  font-size: 0.24rem;
  padding-left: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 73%;
}

.ready-article-title .ready-p a {
  color: #3d3d3d;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.headline .ready-more {
  height: 0.27rem;
  width: 0.69rem;
  background-image: url(../images/headline-more.png);
  background-position: center right;
  width: 0.3rem;
  height: 0.186rem;
  margin-top: 0.07rem;
}

.news .ready-article-title {
  background: none;
}

.ready-article-title .home-news-title i {
  color: #f24a39;
  font-size: 0.3rem;
}

.news-ul {
  margin: 0.23rem 0.19rem 0;
  position: relative;
  padding-top: 0.23rem;
}

.news-ul:after {
  content: "";
  position: absolute;
  width: calc(100% + 0.38rem);
  left: -0.19rem;
  top: 0;
  height: 1px;
  background-color: #e5e5e5;
}

.news-ul:before {
  content: "";
  position: absolute;
  width: calc(100% + 0.38rem);
  left: -0.19rem;
  bottom: 0;
  height: 1px;
  background-color: #f2f2f2;
}

.news-ul li {
  position: relative;
  padding-bottom: 0.23rem;
  margin-bottom: 0.23rem;
}

.news-ul li:after {
  content: "";
  position: absolute;
  width: calc(100% + 0.38rem);
  left: -0.19rem;
  bottom: 0;
  height: 1px;
  background-color: #f2f2f2;
}

.new-ul-img {
  width: 20%;
  border-radius: 12px;
  overflow: hidden;
}

.new-ul-img img {
  max-width: 100%;
  border-radius: 12px;
}

.new-ul-word {
  width: 71.5%;
  margin-left: 3.5%;
}

.new-ul-word h2 {
  font-size: 0.22rem;
  color: #3d3d3d;
  text-align: justify;
}

.new-ul-word span {
  display: block;
  font-size: 0.22rem;
  color: #3d3d3d;
  text-align: justify;
}

.new-ul-word p {
  font-size: 0.20rem;
  color: #c7cdd4;
  margin-top: 0.1rem;
  text-align: justify;
  height: 0.7rem;
  overflow: hidden;
  line-height: 0.35rem;
}

.bottom-list {
  text-align: center;
  color: #d2e4fb;
  margin-top: 0.25rem;
}

.bottom-list a {
  font-size: 0.20rem;
  color: #9fc3eb;
}

.bottom-list em {
  display: inline-block;
  margin: 0 0.27rem 0.17rem;
}

.bottom-list p {
  font-size: 0.14rem;
  color: #cadaed;
}

.nav {
  font-size: 0;
  border-top: 1px solid #dfdfdf;
  background-color: #fff;
  padding: 0.16rem 0 0.18rem 0;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 999;
  max-width: 750px;
}

.nav li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  font-size: 0.22rem;
  text-align: center;
  color: #f0efed;
}

.nav em {
  color: #808080;
}

.nav li span {
  display: block;
  text-align: center;
  margin: 0 auto;
  height: 0.4rem;
}

.nav li .icon {
  width: 0.5rem;
  height: 0.4rem;
}

.nav li .icons {
  width: 0.4rem;
  height: 0.3rem;
  display: inline-block;
}

.icon-ys {
  display: none;
}

.nav li.cur span .icon {
  display: none;
}

.nav li.cur span .icon-ys {
  display: block;
}

.bus-bar-nav {
  top: 0;
  -webkit-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc;
}

.bus-bar {
  position: fixed;
  z-index: 1000;
  right: 0;
  left: 0;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 0;
  background-color: #3089eb;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
  box-shadow: 0 0 1px rgba(0, 0, 0, .85);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 0.87rem;
  line-height: 0.87rem;
}

.bus-title {
  font-size: 0.32rem;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 0.87rem;
  line-height: 0.93rem;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
}

.bus-bar-nav a {
  display: inline-block;
  color: #fff;
  text-align: center;
}

.bus-action-back {
  position: absolute;
  left: 0.31rem;
  top: 0;
  line-height: 0.87rem;
}

.bus-help {
  position: absolute;
  right: 0.31rem;
  top: 0;
  height: 100%;
  line-height: 0.87rem;
  font-size: 0.26rem;
}

.bus-help.cur {
  color: #ff0606;
}

.bus-action-back .icon-left-angle,
.bus-help .icon-help,
.bus-help .icon-write {
  font-size: 0.32rem;
  line-height: 0.92rem;
}

#tabs-container {
  /*height: 400px;*/
}

.tabs {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

.tabs a,
.tabs button {
  font-weight: normal;
  text-align: center;
  float: left;
  width: 50%;
  color: #2a70be;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.25rem;
  padding: 0.23rem 0;
  color: #3c3c3c;
  position: relative;
  background-color: #fff;
  border: none;
}

.tabs-abc a {
  width: 100%;
}

.tab-bus a {
  width: 25%;
}

.tab-dw {
  position: absolute;
  width: 29%;
  top: 6%;
}

.tabs a.active,
.tabs button.active {
  color: #0884e4;
}

.tabs a.active span,
.tabs button.active span {
  display: inline-block;
  position: relative;
}

.tabs a.active span:after,
.tabs button.active span:after {
  content: "";
  position: absolute;
  background-color: #2a70be;
  height: 0.04rem;
  width: 100%;
  bottom: -0.25rem;
  left: 0;
}

.news-list {
  padding: 0 10px;
}

.news-list li {
  overflow: hidden;
  border-bottom: 1px solid #eceef0;
  box-shadow: 0 1px 1px #fff;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
  font-size: 80%;
}

.wrap-bus {
  margin: 0.87rem 0 2.3rem;
}

.tab-main {
  width: 96%;
  margin: 0 2% 0;
}

.choose-time {
  text-align: left;
  padding: 0.41rem 0;
  margin-top: 0.22rem;
}

input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 0.24rem;
  color: #b2b2b2;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 0.24rem;
  color: #b2b2b2;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 0.24rem;
  color: #b2b2b2;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 0.24rem;
  color: #b2b2b2;
}

.choose-time textarea::-webkit-input-placeholder {
  /* WebKit*/
  font-size: 0.26rem;
  color: #b2b2b2;
}

.choose-time textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 0.26rem;
  color: #b2b2b2;
}

.choose-time textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 0.26rem;
  color: #b2b2b2;
}

.choose-time textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 0.26rem;
  color: #b2b2b2;
}

.choose-time .icon-shijian1 {
  color: #d4d4d4;
  width: 10%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  height: auto;
  font-size: 0.24rem;
  /*margin-top: 0.05rem;*/
}

.choose-time span {
  font-size: 0.26rem;
  color: #b2b2b2;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 1.5%;

}

.bus-day {
  margin-left: 3%;
}

.start-time {
  width: 96%;
  border: none;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 0.26rem;
  color: #3d3d3d;
  resize: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  z-index: 2;
}

.start-main {
  position: relative;
  /*width: 29%;*/
  width: 90%;
}

.start-main.cur {
  margin-top: -2%;
}

.start-main.cur .start-time-dw {
  width: 64%;
  color: #3d3d3d;
}

.start-main.cur .start-time {
  /*width: 62%;*/
  width: 100%;
}

.start-time-dw {
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.end-main {
  /*width: 37%;*/
  width: 100%;
  position: relative;
}

.end-main.cur {
  margin-top: -2%;
}

.end-main.cur .end-time-dw {
  width: 58%;
  color: #3d3d3d;
  position: inherit;
}

.end-main.cur .end-time {
  /*width: 62%;*/
  width: 100%;
  position: absolute;
  height: 0.7rem;
}

.end-time-dw {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.bus-day {
  width: 19%;
  text-align: center;
  background-image: url("../images/bus-day-bg.png");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -1.2%;
}

.end-time {
  text-align: center;
  width: 96%;
  border: none;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 0.26rem;
  color: #3d3d3d;
  resize: none;
  text-align: center;
  position: relative;
  z-index: 2;
  opacity: 0;
}

.time-hide {
  position: absolute !important;
  width: 100%;
  height: 0.7rem;
}

.start-week,
.end-week {
  font-size: 0.26rem;
  color: #b2b2b2;
  display: inline-block;
  vertical-align: top;
}

.bus-time {
  margin-top: 0.22rem;
  -webkit-box-shadow: 0 1px 6px rgba(204, 204, 204, 0.5);
  box-shadow: 0 1px 6px rgba(204, 204, 204, 0.5);
}

.bus-time .bus-ul-padding li {
  padding: 0.25rem 0.15rem;
}

.p-bus-address {
  margin-top: 0.22rem;
  text-align: left;
  position: relative;
}

.bus-ul {
  background-color: #fff;
  border-radius: 3px;
  font-size: 0.24rem;
}

.bus-ul li {
  position: relative;
  padding: 0.25rem 0;
  box-sizing: content-box;
}

.bus-choose .bus-ul li a span.cur {
  color: #999;
}

.bus-input-row:after,
.bus-ul li:after {
  content: "";
  height: 1px;
  background-color: #ebebeb;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
}

.bus-ul li a {
  color: #d4d4d4;
  font-size: 0.24rem;
  display: inline-block;
  width: 100%;
  position: relative;
}

.bus-ul li .bus-icon-xs {
  display: inline-block;
  margin: 0 0.23rem;
}

.bus-ul-padding li {
  padding: 0.25rem;
}

.bus-ul-margin li {
  margin: 0 0.25rem;
}

.mileage {
  text-align: center;
  font-size: 0.24rem;
  color: #313131;
  padding: 0.25rem 0;
}

.mileage span {
  font-size: 0.31rem;
  font-weight: bold;
}

.add-address {
  position: absolute;
  right: 0.23rem;
  top: 0.35rem;
  transition: all ease .6s;
}

.add-address.active {
  top: 0.20rem;
}

.add-address .icon-jiahao {
  color: #3089eb;
  font-size: 0.85rem;
}

.add-address.active .icon-jiahao {
  font-size: 0.4rem;
}

.bus-choose {
  margin-top: 0.22rem;
  font-size: 0.24rem;
  color: #3d3d3d;
}

.bus-choose .bus-ul li a span {
  font-size: 0.24rem;
  font-size: 0.24rem;
  color: #3d3d3d;
  overflow: hidden;
  width: 70%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  text-align: left;
}

.bus-choose .bus-ul li .bus-select {
  font-size: 0.24rem;
  color: #3d3d3d;
  font-size: 0.24rem;
  color: #3d3d3d;
  overflow: hidden;
  width: 70%;
  display: inline-block;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  vertical-align: top;
}

.bus-choose .bus-ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-right: 1px solid #ebebeb;
  box-sizing: border-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
}

.bus-choose .icon {
  margin: 0 0.23rem;
  color: #d4d4d4;
}

.bus-li-jt {
  position: absolute;
  right: 0.19rem;
  top: 0;
  text-align: right;
}

.bus-ul-half li {
  width: 50%;
  float: left;
  height: 0.30rem;
  overflow: hidden;
  line-height: 0.3rem;
}

.bus-li-jt .icon {
  margin: 0;
}

.wrap-bus .swiper-container {
  /*overflow: inherit;*/
}

.mileage-lt {
  width: 50%;
  overflow: hidden;
  float: left;
  padding-right: 0.19rem;
  text-align: right;
  box-sizing: border-box;
  border-right: 1px solid #ebebeb;
}

.mileage-rt {
  width: 50%;
  overflow: hidden;
  float: left;
  text-align: left;
  padding-left: 0.19rem;
  box-sizing: border-box;
}

.bus-btn {
  width: 100%;
  font-size: 0.28rem;
  text-align: center;
  border: none;
  background-color: #bbc4cf;
  padding: 0.25rem 0;
  color: #fff;
  margin-top: 0.66rem;
  border-radius: 3px;
}

.bus-btn a {
  color: #fff;
}

.bus-btn-blue {
  background-color: #387be6;
}

.bus-btn-margin {
  margin: 0 0.15rem;
  width: calc(100% - 0.3rem);
}

.bus-btn-white {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  color: #3089eb;
}

.bus-ul-span {
  width: 73%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  color: #b5b5b5;
  font-size: 0.24rem;
  color: #666;
}

#layui-laydate1 .layui-this,
#layui-laydate2 .layui-this {
  background-color: #3089eb !important;
}

#layui-laydate2 .laydate-btns-now {
  display: none !important;
  opacity: 0;
}

.bus-ul .icon-shanchu {
  position: absolute;
  right: 0;
  color: #f61439;
  text-align: center;
  font-size: 0.26rem;
  top: 0;
  width: 0.9rem;
}

.dw {
  position: fixed !important;
}

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

.pop-content {
  width: 90%;
  top: 50%;
  background-color: #fff;
  border-radius: 0.1rem;
  z-index: 100;
  transition: all ease .6s;
  box-sizing: border-box;
  margin: 0 auto 0;
  padding-left: 0;
}

.pop-content.active {
  animation: layerFadeIn .3s;
  -webkit-animation: layerFadeIn .3s;
  -moz-animation: layerFadeIn .3s;
  -ms-animation: layerFadeIn .3s;
  -o-animation: layerFadeIn .3s;
  display: block;
}

.pop-content input {
  width: 83%;
  margin: 0 8.5%;
  text-align: center;
  font-size: 0.28rem;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #3d3d3d;
  padding-bottom: 0.19rem;
}

body .pop-people {
  border-radius: 15px;
}

body .pop-people .layui-layer-content {
  text-align: center;
  font-size: 0.24rem;
}

body .pop-people .layui-layer-btn {
  margin-top: 0rem;
}

body .pop-people .layui-layer-btn a {
  background: none;
  border: 0px;
  color: #808080;
  font-size: 0.24rem;
  width: 50%;
  padding: 0;
  box-sizing: border-box;
  margin: 0;
}

body .pop-people .layui-layer-btn .layui-layer-btn0 {
  text-align: left;
}

body .pop-people .layui-layer-btn .layui-layer-btn1 {
  background: none;
  border: 0px;
  color: #808080;
  font-size: 0.24rem;
  text-align: right;
}

body .pop-people .layui-layer-close {
  display: none;
}

body .pop-people .layui-layer-btn {
  width: 75%;
  margin: 0.1rem auto 0;
}

.select-seat {
  color: #3d3d3d;
  font-size: 0.24rem;
  margin-bottom: 2.3rem;
  background-color: #fff;
}

.layui-select {
  background-color: #fff;
}

.layui-select .layui-layer-btn {
  background-color: #fff;
  z-index: 9999;
}

.layui-select .layui-layer-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.14rem;
  background-color: #fff;
  border-top: 1px solid #dfdfde;
  text-align: center;
  padding: 0.1rem 0.25rem 0.15rem;
  box-sizing: border-box !important;
}

.layui-select .layui-layer-btn0 {
  background-color: #387be6 !important;
  color: #fff;
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  font-size: 0.28rem;
  padding: 0;
  margin: 0;
  line-height: 0.86rem;
}

.layui-select .layui-layer-btn1 {
  position: fixed;
  top: 0.14rem;
  left: 0;
  z-index: 99999;
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 0.24rem;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.layui-select .layui-layer-btn1:before {
  content: "\e601";
  position: absolute;
  left: 0;
}

.select-seat .bus-ul {
  background-color: #fff;
  margin: 0.87rem 0 0.22rem 0;
}

.select-seat .bus-ul li {
  box-sizing: border-box;
  position: relative;
}

.bus-right {
  position: absolute;
  right: 0.25rem;
  width: 55%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bus-right em {
  color: #ff031b;
}

.icon-car {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 0.69rem;
  height: 0.54rem;
  vertical-align: middle;
}

.icon-jc {
  background-image: url("../images/car-img1.png");
}

.icon-sw {
  background-image: url("../images/car-img2.png");
}

.icon-gjc {
  background-image: url("../images/car-img3.png");
}

.icon-db {
  background-image: url("../images/car-img4.png");
}

.car-seat {
  display: inline-block;
  vertical-align: middle;
}

.bus-input-row {
  position: relative;
  padding: 0.18rem 0.25rem;
}

.bus-input-row-invoice {
  position: relative;
  padding: 0.12rem 0.25rem;
}

.bus-card {
  background: #fff;
}

.bus-numbox {
  font-size: 0;
}

.bus-input-row {
  clear: left;
  overflow: hidden;
}

.bus-numbox .bus-btn {
  width: 0.62rem;
  height: 0.62rem;
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #aaaaaa;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  float: left;
}

.bus-numbox .bus-input-numbox {
  width: 0.87rem;
  height: 0.62rem;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  float: left;
  text-align: center;
  color: #3d3d3d;
  font-size: 0.24rem;
}

.bus-bottom-dw {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.14rem;
  background-color: #fff;
  border-top: 1px solid #dfdfde;
  text-align: center;
  padding: 0.1rem 0.25rem 0.15rem;
  box-sizing: border-box !important;
  z-index: 9999;
}

.bus-bottom-dw .exclusive-driver {
  font-size: 0.28rem;
  width: 100%;
  height: 100%;
  line-height: 0.9rem;
}

.revise .bus-bottom-dw {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.14rem;
  background-color: #fff;
  border-top: 1px solid #dfdfde;
  text-align: center;
  padding: 0.1rem 0.25rem 0.15rem;
  box-sizing: border-box !important;
  z-index: 9999;
}

.bus-bottom-dw button {
  border: none;
  background-color: #387be6;
  color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  font-size: 0.28rem;
}

.bus-bottom-dw button a {
  color: #fff;
}

.bus-bottom-cancel button {
  background-color: #a1abb7;
}

.bus-input-style {
  width: 87%;
  border: none;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 0.24rem;
  color: #3d3d3d;
  border: none;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

select.bus-input-style {
  color: #b2b2b2;
}

.driver-word {
  margin: 0 0.15rem;
}

.driver-text {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #fff;
  margin: 0.15rem 0 0.87rem;
  width: 100%;
  min-height: 4.3rem;
  resize: none;
  padding: 0.23rem;
  box-sizing: border-box;
}

.driver-dw {
  position: relative;
}

#driver-hide,
#driver-hide2 {
  position: absolute;
  font-size: 0.24rem;
  color: #b2b2b2;
  top: 0.38rem;
  left: 0.23rem;
  right: 0.23rem;
}

.driver-num {
  position: absolute;
  bottom: 1.6rem;
  right: 0.15rem;
  font-size: 0.24em;
  color: #b2b2b2;
}

.pay-title {
  font-size: 0.24rem;
  color: #b2b2b2;
  margin-bottom: 0.25rem;
}

.pay-div {
  background-color: #fff;
  padding: 0.3rem 0.35rem;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0.2rem;
}

.pay-ul li {
  color: #3d3d3d;
  font-size: 0.24rem;
  margin-top: 0.1rem;
  position: relative;
}

.pay-ul li .pay-lt {
  width: 24%;
  border-right: 1px solid #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pay-ul {
  margin-top: 0.25rem;
}

.pay-ul li .pay-rt {
  margin-left: 0.38rem;
  position: absolute;
  left: 24.5%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.pay-ul li .pay-rt span {
  color: #f9001d;
}

.use-time {
  margin-right: 0.35rem;
}

.use-time .line {
  margin: 0 0.05rem;
}

.use-time-lt em,
.use-time-rt em {
  color: #b2b2b2;
  margin-left: 0;
}

.use-place-ul .bus-icon-xs {
  width: 5%;
}

.use-place-ul li p {
  width: 95%;
}

.use-place-ul li {
  margin-top: 0.15rem;
}

.pay-div-padding {
  padding: 0.3rem 0 0.1rem;
}

.pay-div-padding .pay-title>span {
  margin-left: 0.35rem;
  display: inline-block;
}

.pay-div-padding .pay-title {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 0.25rem;
}

.pay-div-padding .use-place {
  padding: 0 0.35rem;
}

.pay-div-padding .use-place-ul {
  height: 0.95rem;
  overflow: hidden;
}

.pay-div-padding .use-place-ul.cur {
  height: auto;
}

.down-arrow {
  text-align: center;
  color: #b8b8b8;
  margin-top: 0.2rem;
}

.down-arrow.cur {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
}

.pay-list {
  font-size: 0;
}

.pay-list li {
  background-color: #fbfbfb;
  border: 1px solid #e6e6e6;
  color: #808080;
  display: inline-block;
  font-size: 0.22rem;
  vertical-align: top;
  padding: 0.05rem 0.3rem;
  margin: 0 0.16rem 0.16rem 0;
}

.pay-bond .order-div {
  padding-top: 0.05rem;
}

.pay-bond .order-div:after {
  background-color: transparent;
}

.pay-money {
  text-align: right;
  padding: 0.2rem 0.35rem 0.2rem 0;
  border-top: 1px solid #e6e6e6;
  margin-top: 0.2rem;
}

.pay-bond .order-div {
  padding: 0;
}

.pay-bond .order-div .pay-ul {
  padding: 0.2rem 0.35rem 0;
}

.two-method .icon-weixinzhifu {
  color: #24af41;
  font-size: 26px;
}

.two-method .icon-zhifubao {
  color: #02a9f1;
  font-size: 26px;
  margin-left: -0.15rem;
}

.two-method .svg-icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 3px;
}

.two-method li {
  border-bottom: 1px solid #e6e6e6;
  /*padding: 0.25rem 0.35rem 0.15rem;*/
  padding: 0.25rem 0.1rem 0.15rem;
  position: relative;
  margin: 0 0.35rem;
}

.two-method .wechat-pay {
  margin-left: 9px;
}

.reason-check {
  position: absolute;
  right: 0.35rem;
  top: 0;
  width: 0.36rem;
  height: 0.36rem;
  top: 0.25rem;
  opacity: 0;
}

.two-method-rt span {
  display: inline-block;
  vertical-align: super;

}

.pay-padding {
  padding: 0;
}

.tell-driver {
  padding: 0.25rem 0.35rem;
}

.tell-driver a {
  color: #3d3d3d;
  width: 100%;
  display: inline-block;
  text-align: right;
}

.tell-driver a em {
  color: #b2b2b2;
}

/*8.5*/
.pay-bottom-lt {
  width: 65%;
  font-size: 0.28rem;
  color: #3d3d3d;
  text-align: left;
  margin-top: 0.23rem;
}

.pay-bottom-lt .pay-method {
  font-size: 0.22rem;
  color: #b2b2b2;
  margin-top: 0.02rem;
}

.pay-bottom-lt p span {
  color: #fa0000;
}

.pay-bottom-rt {
  background-color: #387be6;
  font-size: 0.28rem;
  color: #fff;
  width: 35%;
  height: 100%;
}

.pay-bottom-rt a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.14rem;
}

.bottom-dw-padding {
  padding: 0 0 0 0.25rem;
}

.pay-success {
  background-color: #fff;
}

.success-top {
  text-align: center;
  color: #3d3d3d;
}

.success-icon {
  width: 1.12rem;
  height: 1.12rem;
  margin: 0 auto;
  background-image: url("../images/success-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin: 0.58rem auto 0.28rem;
}

.success-p {
  font-size: 0.26rem;
  margin-bottom: 0.35rem;
}

.success-money {
  font-size: 0.44rem;
  padding-bottom: 0.59rem;
  border-bottom: 1px solid #e6e6e6;
}

.pay-success .bus-ul li {
  font-size: 0.24rem;
  color: #b2b2b2;
}

.pay-success .bus-ul li .bus-right {
  color: #3d3d3d;
}

.sucess-btn {
  margin: 0.83rem 0.15rem 0;
}

.sucess-btn .bus-btn {
  margin: 0 0 0.21rem 0;
}

.sucess-btn .bus-btn a {
  color: #387be6;
  width: 100%;
  /*height: 100%;*/
  display: inline-block;
}

.pop-check {
  text-align: left;
  padding: 0.35rem 0.25rem 0.25rem;
}

.pop-check input {
  width: auto;
  margin-bottom: 0.25rem;
}

.pop-check label {
  display: block;
}

.my-order {
  margin: 0 0.15rem;
}

.order-one-tit {
  font-size: 0.22rem;
  color: #888888;
  padding: 0.12rem;
}

.order-ul>li {
  background-color: #fff;
  border: 1px solid #e3e8ec;
  border-radius: 6px;
  padding: 0.2rem 0.1rem;
  color: #888888;
  margin-bottom: 0.2rem;
}

.order-num-lt {
  font-size: 0.22rem;
  color: #cccccc;
  width: 73%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-num-rt {
  font-size: 0.22rem;
  color: #b2b2b2;
  width: 27%;
  text-align: right;
}

.order-num-rt .icon-iconfontyoujiantou {
  font-size: 0.22rem;
}

.order-time {
  font-size: 0.26rem;
  color: #000;
  margin: 0.2rem 0.22rem;
}

.order-ul .use-place-ul p {
  color: #888888;
}

.all-money {
  font-size: 0.26rem;
  color: #000000;
  margin-top: 2%;
}

.all-time {
  color: #888888;
  font-size: 0.22rem;
  margin-top: 0.15rem;
}

.all-time .icon-shijian1 {
  height: auto;
  width: auto;
  font-size: 0.12rem;
  margin: 0.05rem 0.05rem 0 0;
}

.order-ul li a {
  display: inline-block;
  width: 100%;
  height: auto;
  position: relative;
}

.order-ul-dw {
  position: absolute;
  top: 0rem;
  right: 0.2rem;
}

.order-ul-dw .order-icon,
.choose-head .bus-ul li .order-icon,
.bus-agree .order-icon,
.two-method li .order-icon,
.meal li .order-icon {
  font-size: 0.35rem;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  border: 1px solid #b9b8b8;
  box-sizing: border-box;
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}


.order-ul li.cur .order-icon:before,
.choose-head .bus-ul>li.cur .order-icon:before,
.bus-agree.cur .order-icon:before,
.two-method li.cur .order-icon:before,
.meal li.cur .order-icon:before {
  content: "\e770";

}

.order-ul li.cur .order-icon,
.choose-head .bus-ul>li.cur .order-icon,
.bus-agree.cur .order-icon,
.two-method li.cur .order-icon,
.meal li.cur .order-icon {
  color: #ff0606;
  border: 1px solid #fff;
}

.open-histroy {
  margin: 0 0.15rem;
  padding-top: 0.15rem;
}

.open-histroy .all-time {
  font-size: 0.24rem;
}

.open-histroy .all-time em {
  margin-right: 0.1rem;
  font-size: 0.24rem;
}

.open-histroy .all-time em.go {
  color: #0066ff;
}

.open-histroy .all-time em.success {
  color: #000;
}

.open-histroy .all-time em.fail {
  color: #ff0000;
}

.open-histroy .all-time {
  margin-top: 0;
  padding: 0 0.1rem;
}

.open-histroy .order-ul li {
  padding: 0.2rem 0;
}

.open-histroy .fp-xx {
  color: #888888;
  font-size: 0.24rem;
  margin-top: 0.1rem;
  padding: 0 0.1rem;
}

.fp-money {
  color: #000000;
  font-size: 0.26rem;
  margin-right: 0.1rem;
}

.fp-number {
  font-size: 0.22rem;
  color: #888888;
  border-top: 1px solid #e6e6e6;
  margin-top: 0.13rem;
  height: 0.57rem;
  line-height: 0.57rem;
  padding-top: 0.2rem;
}

.fp-number .fp-blue {
  background-color: #3089eb;
  color: #ffffff;
}

.fp-number span {
  margin-left: 0.1rem;
}

.fp-number em {
  font-size: 0.22rem;
  color: #666666;
  padding: 0 0.2rem;
  background-color: #e6e6e6;
  border-radius: 3px;
  margin-right: 0.1rem;
}

.bus-bar .icon-service {
  font-size: 0.37rem;
}

.bus-li-dw {
  width: 75%;
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-hints {
  font-size: 0.22rem;
  color: #b2b2b2;
  line-height: 2.5;
  padding: 0 0.25rem;
}

.choose-head .bus-ul {
  -webkit-box-shadow: 0 1px 6px rgba(204, 204, 204, 0.2);
  box-shadow: 0 1px 6px rgba(204, 204, 204, 0.2);
}

#rise-pop {
  /*display: none;*/
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 9999;
}

#rise-pop .bus-input-row {
  padding: 0.08rem 0.25rem;
}

#rise-pop .bus-bottom-dw {
  position: relative;
}

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

.pop-title {
  font-size: 0.32rem;
  border-bottom: 1px solid #ebebeb;
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: relative;
}

.bus-input-group {
  position: relative;
  padding: 0;
  border: 0;
  background-color: #fff;
  color: #3d3d3d;
  font-size: 0.24rem;
}

.bus-input-row label {
  float: left;
  width: 25%;
  padding: 0.1rem 0.15rem;
  box-sizing: border-box;
  line-height: 1.5;
}

.bus-input-row label~input {
  line-height: 1.5;
  float: right;
  width: 75%;
  margin-bottom: 0;
  padding-left: 0;
  border: 0;
  font-size: 0.24rem;
  padding: 0.1rem 0.15rem;
  box-sizing: border-box;
}

.bus-input-group .bus-input-row:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  background-color: #ebebeb;
}

.layui-m-layercont .bus-input-row label {
  color: #3d3d3d;
  font-size: 0.24rem;
}

.fp-style {
  font-size: 0.24rem;
  color: #3d3d3d;
  padding: 0.1rem 0.15rem;
  width: 69%;
  box-sizing: border-box;
}

.fp-style span .icon-msnui-radio {
  color: #3089eb;
  font-size: 0.27rem;
  margin-right: 0.18rem;
  display: inline-block;
  width: auto;
  height: auto;
  border: 2px solid #3089eb;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

.fp-style span {
  display: inline-block;
  margin-right: 0.5rem;
}

.fp-style span.cur .icon-msnui-radio {
  position: relative;
}

.fp-style span.cur .icon-msnui-radio:before {
  content: "";
  background-color: #3089eb;
  width: 0.13rem;
  height: 0.13rem;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -0.065rem;
  left: 50%;
  margin-left: -0.065rem;
}

.layui-m-layermain .bus-bottom-dw {
  position: relative;
}

.close {
  position: absolute;
  top: -3px;
  right: 0.25rem;
  font-size: 40px;
  color: #b3b3b3;
}

.layui-m-layer-rise-pop2 .layui-m-layerbtn {
  background-color: transparent;
  height: 1.14rem;
  /*padding: 0.1rem 0.25rem 0.15rem;*/
  box-sizing: border-box;
  line-height: 0.85rem;
}

.layui-m-layer-rise-pop2 .layui-m-layerbtn span[no] {
  border: 1px solid #cccccc;
  border-radius: 5px;
  width: 33%;
  display: inline-block;
  text-align: center;
}

.layui-m-layer-rise-pop2 .layui-m-layerbtn span[yes] {
  width: 61%;
  border: 1px solid #387be6;
  background-color: #387be6;
  border-radius: 5px;
  color: #fff;
  margin-left: 3%;
  display: inline-block;
  text-align: center;
}

#rise1-pop,
#rise2-pop,
#judge {
  display: none;
}

.layui-m-layer-rise-pop .layui-m-layercont .bus-input-row label {
  color: #b2b2b2;
}

.layui-m-layer-rise1-pop .bus-bottom-dw {
  border: none;
}

.pop-text {
  font-size: 0.22rem;
  color: #cccccc;
  margin: 0.15rem 0.4rem;
}

.pop-red {
  color: red;
}

.layui-m-layer-delete-pop .layui-m-layercont {
  font-size: 0.28rem;
  color: #3d3d3d;
}

.pop-gray {
  color: #b2b2b2;
}

.layui-m-layer-delete-pop .star-bg {
  margin: -0.4rem 0 0.27rem 0;
}

.layui-m-layer-delete-pop .layui-m-layerbtn {
  background-color: transparent;
  border: transparent;
  margin-bottom: 0.33rem;
}

.layui-m-layer-delete-pop .layui-m-layerbtn {
  height: 0.42rem;
  line-height: 0.42rem;
}

.layui-m-layer-delete-pop .layui-m-layerbtn span[no] {
  border-right: 1px solid #e0e0e0;
  color: #b2b2b2;
}

.layui-m-layer-delete-pop .layui-m-layerbtn span[yes] {
  color: #1a87e0;
}

.order-img {
  position: relative;
  border-bottom: 1px solid #dcdcdb;
}

.order-img-text {
  position: absolute;
  left: 0.35rem;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 41%;
}

.order-img-text span {
  font-size: 0.26rem;
  color: #2b86cb;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5%;
}

.order-img-text em {
  color: #a2c3dc;
  font-size: 0.22rem;
}

.order-wait .order-icon {
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("../images/order-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  border-radius: 50%;
  vertical-align: top;
}

.order-wait {
  padding: 0.2rem 0.35rem;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
  position: relative;
}

.order-wait-text {
  position: absolute;
  left: 1.17rem;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.order-refund {
  padding: 0.5rem 0 0.35rem;
}

.order-refund .order-wait-text {
  left: 0.35rem;
}

.driver-phone {
  position: absolute;
  right: 0.35rem;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.driver-phone .icon-dianhua {
  color: #fb0606;
  font-size: 0.4rem;
}

.order-wait span {
  font-size: 0.26rem;
  color: #3d3d3d;
  display: block;
}

.order-wait-text span em {
  font-size: 0.2rem;
  color: #b2b2b2;
  border: 1px solid #e6e6e6;
  width: 1.3rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  padding: 0.02rem;
  margin: 0 0 0 0.1rem;
}

.stars {
  margin-top: 0.09rem;
}

.stars img {
  max-width: 1.14rem;
}

.travel-title {
  font-size: 0.22rem;
  color: #b2b2b2;
  padding: 0.15rem 0;
}

.travel-message {
  padding: 0 0.35rem 0.3rem;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin: 0.2rem 0;
}

.travel-time {
  text-align: center;
}

.travel-time-one span {
  background-color: #ffc9c9;
  color: #fff;
  font-size: 0.2rem;
  border-radius: 6px;
  padding: 0.02rem 0.1rem 0;
  display: inline-block;
}

.travel-time-one em {
  font-size: 0.26rem;
  color: #282727;
}

.travel-wlt {
  text-align: right;
  width: 36%;
}

.travel-wrt {
  text-align: left;
  width: 36%;
}

.travel-wlt span,
.travel-wrt span {
  font-size: 0.26rem;
  color: #282727;
  display: block;
}

.travel-wlt em,
.travel-wrt em {
  font-size: 0.22rem;
  color: #999999;
}

.travel-where .bus-day {
  font-size: 0.22rem;
  color: #999999;
  margin: 0 4%;
  padding-bottom: 0.1rem;
  display: inline-block;
  margin-top: 0.08rem;
}

.travel-where {
  margin-top: 0.2rem;
}

.order-number {
  font-size: 0.22rem;
  color: #3d3d3d;
  margin-left: 0.25rem;
}

.order-copy {
  color: #808080;
  font-size: 0.22rem;
  border: 1px solid #cccccc;
  padding: 0.01rem 0.22rem;
  border-radius: 2px;
  background-color: transparent;
}

.order-div .pay-ul li .pay-lt {
  border: none;
}

.order-div .pay-ul li .pay-rt {
  left: inherit;
  right: 0;
}

.order-div .pay-ul li .pay-rt span {
  color: #1a1a1a;
}

.order-div .pay-ul li .pay-rt span.red,
.order-img-text span em {
  color: #fa0606;
}

.order-div .pay-div {
  border-top: 1px solid #e6e6e6;
  padding: 0.2rem 0.35rem;
}

.order-div {
  position: relative;
  margin-top: 0.2rem;
}

.order-div:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0.75rem;
  left: 0;
  background-color: #e4e4e4;
}

.order-div .pay-ul {
  padding-top: 0.01rem;
  margin-top: 0.2rem;
}

.order-div .pay-title {
  margin-bottom: 0;
}

.order-div .pay-ul li .pay-lt {
  width: 36%;
}

.bottom {
  width: 300px;
  height: 200px;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.bottom {
  display: none;
}

#xzw_starSys {
  width: 100%;
  height: 40px;
  margin: 0.3rem auto 0.6rem;
  text-align: center;
}

#xzw_starBox {
  position: relative;
  width: 250px;
  margin: 0 auto;
}

/**/
#xzw_starSys .description {
  clear: both;
  padding: 10px 0px;
  color: #f7ae11;
  font-size: 0.24rem;
}

#xzw_starSys .star {
  height: 32px;
  width: 250px;
  position: relative;
  background: url(../images/star.png) repeat-x;
  margin: 0 auto;
}

#xzw_starSys .star li {
  float: left;
  padding: 0px;
  margin: 0px
}

#xzw_starSys .star li a {
  display: block;
  width: 50px;
  height: 32px;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  z-index: 5
}

#xzw_starSys .star li a:hover {
  background: url(../images/star.png) 0 -32px repeat-x;
  z-index: 3;
  left: 0
}

#xzw_starSys .star a.one-star {
  left: 0
}

#xzw_starSys .star a.one-star:hover {
  width: 50px
}

#xzw_starSys .star a.two-stars {
  left: 50px
}

#xzw_starSys .star a.two-stars:hover {
  width: 100px
}

#xzw_starSys .star a.three-stars {
  left: 100px
}

#xzw_starSys .star a.three-stars:hover {
  width: 150px
}

#xzw_starSys .star a.four-stars {
  left: 150px
}

#xzw_starSys .star a.four-stars:hover {
  width: 200px
}

#xzw_starSys .star a.five-stars {
  left: 200px
}

#xzw_starSys .star a.five-stars:hover {
  width: 250px
}

#xzw_starSys .current-rating {
  background: url(../images/star.png) 0 -32px repeat-x;
  position: absolute;
  height: 32px;
  z-index: 1;
  top: 0;
  left: 0
}

.nm-word {
  text-align: center;
  position: relative;
}

.nm-word:before {
  content: "";
  position: absolute;
  height: 1px;
  top: 50%;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
}

.nm-word span {
  background-color: #f7f7f7;
  font-size: 0.22rem;
  color: #cccccc;
  padding: 0 0.35rem;
  position: relative;
  z-index: 1;
}

.evaluate-word {
  font-size: 0;
  text-align: center;
  margin-top: 0.44rem;
}

.evaluate-word li {
  display: inline-block;
  color: #808080;
  font-size: 0.24rem;
  vertical-align: top;
  border: 1px solid #dbdbdb;
  padding: 0.1rem 0.16rem;
  margin: 0 0.12rem 0.25rem;
  border-top-right-radius: 0.13rem;
  border-bottom-left-radius: 0.13rem;
}

.evaluate-word li.cur {
  color: #fff;
  background-color: #f7ae11;
  border: 1px solid #f7ae11;

}

.judge-driver .driver-dw,
.judge-driver .bus-btn {
  margin: 0 0.35rem;
  width: calc(100% - 0.7rem);
}

.judge-driver .driver-text {
  min-height: 1.84rem;
  background-color: #f5f5f5;
}

.judge-driver .order-wait {
  background-color: transparent;
}

.order-detail .order-driver {
  padding: 0.18rem 0.35rem 0.3rem;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box;
  background-color: #fff;
}

.order-cernter {
  text-align: center;
}

.order-detail .order-wait-text {
  position: relative;
  left: inherit;
  font-size: 0.26rem;
  margin-top: 0.15rem;
  transform: translateY(0);
  -o-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
}

.star-bg {
  margin-top: 0.15rem;
}

.star-bg a {
  width: 0.2rem;
  display: inline-block;
  height: 0.2rem;
  color: #ffba00;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.star-bg a.cur {
  opacity: 1;
  visibility: inherit;
  display: inline-table;
}

.star-bg a:before {
  content: "\e602";
}

.pj-block {
  width: 69%;
  margin: 0.27rem 15.5% 0;
  line-height: 1.6;
}

.judge-word {
  text-align: center;
  color: #3d3d3d;
  font-size: 0.28rem;
}

.new-date {
  font-size: 0.20rem;
  color: #c7cdd4;
  margin-top: 0.2rem;
}

.new-date p {
  float: left;
  margin-top: 0;
  width: 52%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
}

.new-date em {
  float: right;
  line-height: 0.35rem;
}

.new-detail {
  margin: 0 0.3rem;
}

.new-h3 {
  font-size: 0.26rem;
  color: #0b0b0b;
  font-weight: normal;
  margin-top: 0.36rem;
}

.new-detail-date {
  color: #666666;
  font-size: 0.2rem;
  margin-top: 0.2rem;
}

.new-detail-date span {
  color: #999;
}

.news-bg {
  background-color: #f0f0f0;
  padding: 0.19rem 0.19rem 0.6rem;
  margin-top: 0.3rem;
}

.news-bg-p {
  font-size: 0.24rem;
  color: #3d3d3d;
  line-height: 1.6;
}

.new-bg-img {
  padding: 0.12rem;
}

.new-love {

  text-align: center;
  margin-top: 0.64rem;
}

.news-title {
  position: relative;
}

.news-title:before {
  content: '';
  position: absolute;
  left: -0.3rem;
  border-bottom: 1px dashed #cccccc;
  width: calc(100% + 0.6rem);
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.news-title span {
  font-size: 0.22rem;
  color: #cccccc;
  background-color: #f7f7f7;
  position: relative;
  z-index: 2;
  padding: 0 0.2rem;
}

.new-detail-ul {
  margin-top: 0.4rem;
}

.new-detail-ul li {
  text-align: left;
  margin-bottom: 0.15rem;
}

.new-detail-ul li a {
  font-size: 0.24rem;
  color: #333333;
}

.center-top {
  background: -webkit-linear-gradient(rgba(49, 137, 235, 1), rgba(64, 150, 245, 1));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(49, 137, 235, 1), rgba(64, 150, 245, 1));
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(49, 137, 235, 1), rgba(64, 150, 245, 1));
  /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(49, 137, 235, 1), rgba(64, 150, 245, 1));
  /* 标准的语法 */
  width: 100%;
  text-align: center;
  padding: 0.47rem 0 0.4rem 0;
}

.center-div .bus-ul li a,
.person-data .bus-ul li a {
  font-size: 0.24rem;
  color: #3d3d3d;
}

.center-top-img {
  width: 1.08rem;
  height: 1.08rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto;
  border-radius: 100%;
  display: inline-block;
}

.person-data .center-top-img {
  margin-right: 0.6rem;
}

.center-top-img img {
  border-radius: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 1.08rem;
  height: 1.08rem;
}

.child-view .center-top-img img {
  margin: 0;
  position: inherit;
}

.center-top-img a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}

.center-top-word {
  font-size: 0.24rem;
  color: #fff;
  margin-top: 0.16rem;
}

.center-top-word a {
  color: #fff;
}

.icon-xm {
  width: 0.3rem;
  display: inline-block;
  margin: 0 0.12rem;
  color: #3d3d3d;
  vertical-align: middle;
}

.icon-invoice {}

.bus-jt {
  margin-bottom: 0.2rem;
  font-size: 0.24rem;

}

.bus-jt li {
  padding-left: 0.3rem;
}

.bus-jt .bus-right {
  color: #999999;
}

.bus-jt li a:before {
  font-size: 0.22rem;
  content: "\e687";
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0.3rem;
  color: #999999;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);

}

.bus-jt .bus-right {
  right: 0.6rem;
}

.help .order-one-tit {
  color: #999999;
  font-size: 0.24rem;
  padding: 0.2rem 0.3rem;
}

.bus-card-header {
  color: #3d3d3d;
  font-size: 0.24rem;
  padding: 0.25rem 0.3rem;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}

.bus-card-content {
  color: #666;
  background-color: #fafafa;
  padding: 0.25rem 0.3rem;
  line-height: 1.7;
}

.bus-card-header:before {
  font-size: 0.22rem;
  content: "\e635";
  position: absolute;
  right: 0.3rem;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bus-card.cur .bus-card-header:before {
  content: "\e711";
}

.bus-card.cur .bus-card-content {
  display: block;
}

.icon-iconfontyoujiantou:before {
  position: relative;
  z-index: 999;
}

.login .bus-ul {
  margin: 0.57rem 0.15rem 0.69rem;
  background-color: transparent;
}

.login .bus-ul a {
  font-size: 0;
}

.login .bus-ul li {
  margin-bottom: 0.2rem;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 6px rgba(204, 204, 204, 0.3);
  box-shadow: 0 1px 6px rgba(204, 204, 204, 0.3);
}

.bus-ul .icon-shouji-copy {
  font-size: 0.3rem;
  display: inline-block;
  margin: 0 0.1rem;
}

.login .iconfont,
.modify-password .iconfont {
  font-size: 0.35rem;
  margin: 0 0.1rem;
  float: left;
  width: auto;
  height: auto;
}

.login .bus-input-style,
.modify-password .bus-input-style {
  margin-top: 0.06rem;
  float: left;
  background-color: transparent !important;
}

.login .login-img {
  text-align: center;
}

.forget-password {
  color: #b2b2b2;
  font-size: 0.22rem;
  text-align: center;
}

.forget-password a {
  color: #b2b2b2;
  font-size: 0.22rem;
  width: 100%;
  display: inline-block;
  margin-top: 0.19rem;
}

.my-invoice .bus-jt a {
  color: #3d3d3d;
}

.feedback {
  margin: 0.2rem;
}

.feedback .driver-text {
  margin-top: 0;
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.feedback .order-wait {
  margin-top: 0.2rem;
  border: 1px solid #e6e6e6;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding: 0.2rem 0.25rem;
}

.feedback .driver-text {
  min-height: 2.8rem;
}

.feedback #driver-hide2 {
  top: 0.23rem;
}

.feedback .bus-ul li {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  border-bottom: none;
  padding: 0.25rem;
}

.feedback .driver-text {
  margin-bottom: 0.2rem;
}

.feedback .driver-num {
  bottom: 0.45rem;
}

.feedback .bus-btn {
  margin-top: 1.3rem;
}

.about-logo {
  text-align: center;
  padding: 0.25rem 0;
}

.about-logo img {
  width: 40%;
  padding: 0.6rem 0;
}

.about-us .bus-ul {
  background-color: transparent;
}

.about-us .bus-ul li a {
  color: #3d3d3d;
}

.back-password .bus-input-style {
  width: 76%;
  margin-left: 4%;
}

.codes {
  position: absolute;
  right: 0;
  top: 0.1rem;
  z-index: 999;
  background-color: #387be6;
  color: #fff;
  padding: 0.15rem 0.25rem;
  border-radius: 5px;
  right: 0.25rem;
  border: none;
}

.back-password .bus-btn-margin {
  margin: 0.5rem 0.25rem 0;
  width: calc(100% - 0.5rem);
}

.password-tips {
  padding: 0 0.25rem;
  margin-top: 0.3rem;
  color: #666;
  line-height: 1.5;
}

.tips-title {
  color: #333;
  margin-bottom: 0.2rem;
}

.bus-agree {
  margin: 0.3rem 0.25rem 0;
}

.bus-agree a {
  color: #ffa313;
}

.bus-agree label {
  position: relative;
  margin-right: 0.3rem;
}

.bus-agree .order-icon {
  position: absolute;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  font-size: 0.24rem;
  top: 0.04rem;
}

.bus-checkox {
  opacity: 0;
  margin-right: 0.1rem;
  position: absolute;
  width: 1.22rem;
}

.person-data {
  margin-top: 1.2rem;
}

.person-data .bus-ul {
  border-top: 1px solid #ebebeb;
}

.person-data .bus-right {
  color: #3d3d3d;
}

.person-data select {
  text-align: right;
}

.legal {
  margin: 0 0.25rem;
}

.legal-title {
  font-size: 0.26rem;
  text-align: center;
  margin: 0.3rem 0;
}

.legal-title-bus {
  font-size: 0.26rem;
  margin: 0.25rem 0;
}

.legal-p {
  font-size: 0.24rem;
}

.agreement {
  margin: 0 0.25rem;
  padding-top: 0.3rem;
}

.agreement-title {
  color: #333;
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.agreement-p {
  font-size: 0.26rem;
  margin-bottom: 0.3rem;
}

.agreement-p .red {
  color: #fa0606;
}

.modify-password {
  margin: 0 0.25rem;
  padding-top: 0.25rem;
}

.modify-password .bus-ul {
  margin-bottom: 0.2rem;
}

#center {
  display: none;
}

/*高德地圖*/
.map {
  width: 100%;
  margin: 0 5%;
  top: 0 !important;
}

#mapContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.map-search {
  position: absolute;
  top: 54px;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  margin: 10px 12%;
  padding: 6px;
  font-family: "Microsoft Yahei", "΢ÈíÑźÚ", "Pinghei";
  font-size: 14px;
  height: 27px;
  line-height: 27px;
  border-radius: 3px;
  width: 76%;
}

.map-search input {
  width: 100%;
  height: 100%;
}

.amap-sug-result {
  visibility: visible;
  left: 86px;
  top: 87px;
  min-width: 154px;
  display: block;
  z-index: 99999999;
}

.drer {
  width: 85%;
}

.upload {
  position: relative;
  width: 100%;
  text-align: center;
  display: block;
  height: 1.08rem;
}

.upload_pic {
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
  top: 0;
  opacity: 0;
  height: 100%;
}

button:disabled {
  opacity: 0.6;
}

.show {
  display: block;
}

.hidden {
  display: none;
}

.regist {
  background-color: #84acec;
  color: #fff;
  padding: 0.25rem 0;
  font-size: 0.28rem;
  margin: 0 0.15rem;
  width: calc(100% - 0.3rem);
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  margin-top: 0.2rem;
}

.order-img-refuse {
  background: -webkit-linear-gradient(left, rgba(245, 250, 255, 0.9), rgba(192, 218, 248, 0.9));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, rgba(245, 250, 255, 0.9), rgba(192, 218, 248, 0.9));
  ;
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, rgba(245, 250, 255, 0.9), rgba(192, 218, 248, 0.9));
  ;
  /* Firefox 3.6 - 15 */
  background: linear-gradient(right, rgba(245, 250, 255, 0.9), rgba(192, 218, 248, 0.9));
  ;
  /* 标准的语法（必须放在最后） */
  height: 2rem;
}

.order-img-refuse .order-img-text {
  width: 88%;

}

.order-img-refuse .order-img-text span {
  white-space: inherit;
  margin-bottom: 0;
}

.order-img-refuse .order-img-text em {
  margin-bottom: 0.05rem;
  display: inline-block;
}

/*2018.8.10*/
.new-ul li {
  margin: 0.23rem 0.19rem 0;
  position: relative;
  padding-top: 0.15rem;
}

.news-time {
  color: #b2b2b2;
  font-size: 0.22rem;
  text-align: center;
  margin-bottom: 0.27rem;
}

.news-dl .icon-laba,
.news-dl .icon-wenben {
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background-color: #4c98eb;
  display: inline-block;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 0.35rem;
}

.news-dl .icon-wenben {
  background-color: #f5a50a;
}

.news-dl dd {
  background-color: #fff;
  padding: 0.15rem;
  width: 85%;
  border-radius: 5px;
  position: relative;
  margin-top: -0.17rem;
  box-shadow: 0 1px 6px rgba(204, 204, 204, 0.5);
  box-sizing: border-box;
}

.news-dl dd span {
  font-size: 0.24rem;
  color: #808080;
}

.news-dl dd p {
  font-size: 0.22rem;
  color: #3d3d3d;
  margin-top: 0.1rem;
}

.sjx {
  display: block;
  width: 0;
  height: 0;
  border-width: 0.16rem 0.2rem 0.16rem 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  /*透明 黄 透明 透明 */
  position: absolute;
  left: -0.2rem;
  top: 0.3rem;
}

.empty-img {
  width: 60%;
  margin: 1.1rem auto 0.9rem;
  text-align: center;
}

.empty-img img {
  max-width: 100%;
}

.empty-word {
  color: #3d3d3d;
  font-size: 0.26rem;
  text-align: center;

}

.refresh {
  text-align: center;
  margin-top: 0.38rem;
}

.refresh a {

  color: #ffffff;
}

.refresh span {
  display: inline-block;
  background: -webkit-linear-gradient(rgba(107, 159, 241, 1), rgba(50, 138, 235, 1));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(107, 159, 241, 1), rgba(50, 138, 235, 1));
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(107, 159, 241, 1), rgba(50, 138, 235, 1));
  /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(107, 159, 241, 1), rgba(50, 138, 235, 1));
  /* 标准的语法（必须放在最后） */
  padding: 0.25rem 1.1rem;
  font-size: 0.28rem;
  color: #fff;
  border-radius: 30px;
}

.system .empty-img {
  width: 85%;
}

.all-empty img {
  width: 79%;
}

.banner .swiper-wrapper,
.banner .swiper-slide {
  height: auto;
}

.banner .swiper-wrapper img {
  width: 100%;
}

.refresh span button {
  color: #fff;
  background-color: transparent;
  border: none;
  font-size: 0.28rem;
}

#app {
  height: 100%;
}

#pay-choose .two-method {
  margin: 0.2rem 0;
}

.layui-m-layershade {
  z-index: 9999;
}

#pay-choose {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  background-color: #fff;
  width: 90%;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  margin: 0 5%;
  position: fixed;
  top: 45%;
  z-index: 99999;
  transition: all ease .6s;
}

.cooked {
  width: 90%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  z-index: 99999;
  transition: all ease .6s;
}

.cooked .layui-m-layerchild {
  width: 90%;
  margin: 0 5%;
}

#pay-choose.cur,
.cooked.cur {
  opacity: 1;
  visibility: inherit;
  transform: scale(1);
  -ms-transform: scale(1);
  /* Internet Explorer */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari 和 Chrome */
  -o-transform: scale(1);
  /* Opera */
}

.allchoose {
  position: absolute;
  border: none;
  background: none;
  color: #fff;
  right: 0.15rem;
  top: -41px;
  font-size: 0.26rem;
  z-index: 9999;
}

#pay-choose .two-method li {
  border-bottom: none;
}

.layui-m-layersection .layui-m-layerchild h3 {
  position: relative;
  z-index: 999;
  padding: 0 80px 0 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #F8F8F8;
  border-radius: 2px 2px 0 0;
  text-align: left;
}

.layui-m-layersection .layui-m-layerbtn {
  position: absolute;
  bottom: 0;
  z-index: 999;
}

.layui-m-layerbtn span {
  background-color: #fff;
}

.layui-m-layersection .layui-m-layerbtn {
  position: inherit;
}

#num {
  padding-bottom: 7%;
  border-bottom: 1px solid #666;
  text-align: center;
  line-height: 0.4rem;
}

.layui-m-layercont label {
  display: block;
  margin-bottom: 0.2rem;
  text-align: left;
}

.layui-m-layercont .meal li input {
  width: 100%;
  height: 0.55rem;
  position: absolute;
  right: 0;
  opacity: 0;
  z-index: 999;
}

.layui-m-layermain {
  z-index: 99999;
}

.revise .layui-m-layerbtn {
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 0.28rem;
  height: inherit;
  padding: 0.25rem 0;
  line-height: inherit;
  background-color: #fff;
}

.revise .layui-m-layerbtn span {
  font-size: 0.28rem;
}

.amap-geolocation-con .amap-geo,
.amap-touch-toolbar .amap-geo {

  right: 14px;
  position: fixed;
  bottom: 156px;
}

.mint-spinner-snake {
  margin: 0 auto;
}

.amap-touch-toolbar .amap-zoomcontrol {
  bottom: -54px;
}

.meal {
  margin: -15px 0 -37px;
}

.meal li {
  position: relative;
  padding-bottom: 0.2rem;
  text-align: left;
  margin-bottom: 0.2rem;
}

.meal li:before {
  border-bottom: 1px solid #f3f3f3;
  position: absolute;
  height: 1px;
  width: calc(100% + 60px);
  content: "";
  left: -30px;
  bottom: 0;
}

.meal li:nth-child(3n):before {
  border: none;
}

.mint-loadmore {
  margin-bottom: 1.5rem;
}

/*9月10号取消理由*/
.reason .tell-driver.cur {
  /*display: none;*/
}

.reason-title {
  font-size: 0.24rem;
  color: #3d3d3d;
  padding: 0.25rem 0.35rem;
}

.reason .two-method span,
.reason .tell-driver span {
  color: #666;
}

.reason .bus-btn {
  margin: 0 0.35rem;
  width: calc(100% - 0.7rem);
}

.reason .content {
  background-color: #fff;
}

.reason .content-text {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  resize: none;
  min-height: 1.18rem;
  padding: 0.1rem;
  margin-top: 0.3rem;
}

.reason .tell-driver {
  padding: 0;
}

.bus-choose .last {
  width: 100%;
}

.select-seat {
  position: fixed;
  width: 100%;
  height: calc(100% - 0.2rem);
  z-index: 999999;
  top: 100%;
  left: 0;
  transition: all ease 0.3s;
  opacity: 0;
  visibility: hidden;
}

.select-seat.cur {
  top: 0;
  opacity: 1;
  visibility: inherit;
}

.select-seat .bus-numbox .bus-btn.cur {
  color: #000;
  cursor: not-allowed;
}

.select-seat .bus-numbox .bus-input-numbox.cur {
  color: #000;
  font-size: 0.24rem;
}

.select-seat .bus-card {
  height: 70%;
  overflow: scroll;
}

.select-seat .bus-numbox .bus-input-numbox {
  color: #aaaaaa;
  font-size: 0.24rem;
}

.bus-li-jt1 {
  right: 0.7rem;
  color: #666;
}

.order-div .chexing .pay-rt {
  position: inherit;
  width: 50%;
  float: right;
  text-align: right;
  margin-top: 0.03rem;
  overflow: hidden;
  transform: translateY(0);
}

h2,
h1,
h3 {
  font-weight: normal;
}

.byone {
  font-size: 0.20rem;
  margin-top: 0.2rem;
  color: red;
}

/*2018-10-22日评分*/
.score {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem 0;

}

.star-item {
  width: 30px;
  height: 28px;
  display: inline-block;
  margin: 0 5px;
  background: no-repeat;

}

.star-item.on {
  background: url("../../static/images/start-on.png");
  background-size: cover;
  /*//全星*/
}

.star-item.half {
  background: url("../../static/images/start-half.png");
  background-size: cover;
  /*//半星*/
}

.star-item.off {
  background: url("../../static/images/start-off.png");
  background-size: cover;
}

.score span {
  display: block;
}

.score-text {
  width: 100%;
  text-align: center;
  margin-bottom: 0.3rem;
}

.order-judge {
  position: inherit;
  transform: translateY(0px);
  top: 0;
}

.order-driver {
  background-color: #fff;
  padding: 0.2rem 0.35rem;
}

/*2018年11.9公交包车*/
.bus-dw {
  position: absolute;
  width: 0.45rem;
  right: -0.15rem;
  top: 0.1rem;
}

.bus-dw {
  max-width: 100%;
}

.icon-public-bus {
  position: relative;
}

/*2018年11月28日补贴*/
.subsidy-btn {
  margin-top: 0.35rem;
  font-size: 0.26rem;
  color: #313131;
}

.subsidy-btn .red {
  font-size: 0.31rem;
  font-weight: bold;
}

.subsidy-red {
  padding: 0 0.35rem 0.15rem;
  color: #ff0000;
}

/*2018年11月30日*/
.iview-raido {
  text-align: right;
  font-size: 0.24rem;
  color: #666;
  margin: 0.15rem 0;
}

.iview-raido span {
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.1rem;
}

.single-ul .bus-ul {
  width: 37%;
  float: left;
  text-align: center;
}

.single-mileage {
  width: 26%;
  float: left;
  text-align: center;
  color: #3089eb;
  line-height: 1.5;
}

.single-ul .single-mileage i {
  display: block;
  width: auto;
  height: auto;
  color: #3089eb;
}

.single-ul .where-title p {
  width: 37%;
  text-align: center;
  color: #3089eb;
  margin: 0.3rem 0 0.1rem 0;
  font-size: 0.24rem;
}

.single-ul .bus-input-row:after,
.single-ul .bus-ul li:after {
  background-color: #fff;
}

.single-ul .bus-ul-span {
  white-space: inherit;
  border: none;
  resize: none;
  overflow: inherit;
  /*min-height: 1rem;*/
}

.custom-type {
  margin-top: 0.22rem;
  padding: 0.2rem 0.23rem;
  font-size: 0.24rem;
}

.custom-type .ivu-radio-wrapper {
  font-size: 0.24rem;
}

.single-time .start-time,
.single-time .end-time {
  opacity: 1;
  text-align: left;
}

.single-ul {
  padding-bottom: 0.15rem;
}

.magic .start-main,
.magic .end-main {
  width: 90%;
  text-align: left;
  opacity: 1;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.magic .start-main input,
.magic .end-main input {
  text-align: left;
  opacity: 0;
  font-size: 0.24rem;
}

.magic {
  padding: 0;
}

.magic em,
.magic .bus-day {
  display: none;
}

.magic .start-main input:before,
.magic .end-main input {
  position: relative;
  z-index: 999;
}

.magic .end-main:before,
.magic .start-main:before {
  content: "\e687";
  position: absolute;
  right: 0.25rem;
  top: 0;
  z-index: 1000;
  color: #d4d4d4;

}

.magic .start-main.cur,
.magic .end-main.cur {
  margin-top: 0;
}

.magic .uptime {
  border-bottom: 1px solid #ebebeb;
  padding: 0.25rem 0;

}

.uptime {
  float: left;
}

.s-uptime {
  width: 39%;
  padding-left: 2%;
}

.e-uptime {
  width: 37%;
}

.magic .s-uptime,
.magic .e-uptime {
  width: 100%;
}

.magic .start-main .start-time-dw,
.magic .end-main .end-time-dw {
  text-align: left;
}

.free-ride .start-main {
  width: 29%;
}

.free-ride .end-main {
  width: 37%;
}

.free-ride .end-main.cur {
  margin-top: -2%;
}

/*.free-ride .end-main.cur .end-time{*/
/*display: none;*/
/*}*/
/*评论 2019年1月2日*/
.comment-head {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  /*background-image: url("../images/pig.png");*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  margin: 0 auto;
}

.comment-head img {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
}

.comment {
  margin-top: 0.3rem;
}

.comment-ul {
  width: 94%;
  margin: 2% 3%;
}

.comment-rt {
  width: calc(100% - 0.8rem);
}

.comment-ul li {
  -moz-box-shadow: 0px -5px 10px rgba(0, 153, 255, 0.05);
  /* 老的 Firefox */
  box-shadow: 0px -5px 10px rgba(0, 153, 255, 0.05);
  border-radius: 3px;
  padding: 7% 3%;
  background-color: #fff;
  margin-bottom: 0.2rem;
}

.comment-title {
  color: #0066ff;
  font-size: 0.24rem;
}

.cs-rt {
  font-size: 0.2rem;
  color: #333333;
}

.cs-lt em {
  font-size: 0.2rem;
  color: #666;
}

.comment-p {
  font-size: 0.24rem;
  color: #333;
  line-height: 1.6;
  margin-top: 0.1rem;
}

.comment-time {
  font-size: 0.18rem;
  color: #666;
  position: relative;
  margin-top: 0.1rem;
}

.reply {
  background-color: #eaeff0;
  padding: 0.2rem;
  color: #333333;
  font-size: 0.24rem;
  margin-top: 0.2rem;
}

.reply .reply-word span {
  color: #0066ff;
}

.icon-pinglun {
  position: absolute;
  right: 0;
  top: -5px;
  text-align: right;
}

.comment-input {
  padding: 1% 2% 0;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9999999999999999999999999;
}

.comment-input .reply-input {
  border: 1px solid #cccccc;
  border-radius: 3px;
  width: 75%;
  padding: 2%;
  height: 0.6rem;
  resize: none;
}

.comment-input .send {
  border: 1px solid #cccccc;
  border-radius: 3px;
  font-size: 0.24rem;
  color: #999;
  width: 20%;
  text-align: center;
  padding: 2%;
}

.star-item {
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 1px;
}

.cs-rt .icon {
  font-size: 0.16rem;
  color: #999;
}

.driver-head {
  background: -webkit-linear-gradient(left, #53a7fe, #055cfc);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #53a7fe, #055cfc);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #53a7fe, #055cfc);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #53a7fe, #055cfc);
  /* 标准的语法（必须放在最后） */
  text-align: center;
  color: #fff;
  padding: 1rem 0 1.4rem 0;
}

.driver-head .driver-name {
  margin: 0.1rem 0;
}

.mycomment {
  margin-top: -1rem;
}

.driver-write {
  position: relative;
}

.evaluate-info .reply {
  text-align: left;
  background-color: #f6f6f6;
}

.evaluate-info .content {
  display: none;
}

.evaluate-info .content.cur {
  display: block;
}

.goback {
  width: 100%;
  height: 76%;
  background-image: url("../images/goback.png");
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: fixed;
  left: -100%;
  bottom: 0;
  z-index: 1000;
  transition: all ease .6s;
}

.goback.cur {
  left: 0;
}

.backbg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  transition: all ease 0.3s;
  display: none;
}

.backbg.cur {
  background-color: rgba(0, 0, 0, 0.7);
  display: block;
}

.wrap-bus .empty {
  height: 100%;
}

.take-money {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.gradual-change {
  color: #fff;
  height: 2.3rem;
  width: 100%;
  background: #055cfc;
  /* 一些不支持背景渐变的浏览器 */
  background: -webkit-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* 标准的语法（必须放在最后） */
  text-align: center;
}

.gradual-change .gc-tips {
  color: #fff;
  margin-top: 0.1rem;
}

.gc-main {
  margin: 0 0.15rem;
  margin-top: -1rem;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.gc-top {
  background-color: #f2f2f2;
  color: #333;
  padding: 0.8rem 0.4rem;
  box-sizing: border-box;
}

.gc-top span {
  margin-right: 0.2rem;
  display: inline-block;
}

.gc-top i,
.gc-top em {
  color: #1890ff;
}

.gc-momey {
  padding: 0.8rem 0.4rem;
  box-sizing: border-box;
}

.gc-num {
  margin-top: 0.4rem;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.25rem;
}

.gc-num span {
  color: #000;
  font-size: 1rem;
}

.gc-tips {
  color: #fd0303;
  font-size: 0.22rem;
  margin: 0.2rem 0 0 0.2rem;
}

.gc-main .gc-input {
  font-size: 0.5rem;
  width: 70%;
}

.gc-success .gc-top {
  color: #1890ff;
  font-size: 0.3rem;
}

.gc-success .gcm-title {
  color: #666;
}

.gc-success .gc-sum {
  color: #666;
}

.gc-success .gc-sum span {
  color: #000;
}

.gc-success .bus-btn {
  background: #055cfc;
  /* 一些不支持背景渐变的浏览器 */
  background: -webkit-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* 标准的语法（必须放在最后） */
  width: 70%;
  margin-top: 2.6rem;
  border-radius: 8px;
}

.packet-money span {
  font-size: 0.4rem;
}

.packet-button {
  color: #1b72fd;
  background-color: #fff;
  border: none;
  padding: 0.1rem 0.8rem;
  border-radius: 15px;
  margin: 0.4rem 0 0;
}

.packet-button.cur {
  color: #fff;
  background-color: #eee;
}

.red-packet .gc-main {
  margin-top: -0.5rem;
}

.red-packet .gradual-change {
  height: auto;
  padding: 0.4rem 0 1rem 0px;
}

.packet-dl {
  margin: 0.2rem 0.3rem;
  font-size: 0.24rem;
  position: relative;
}

.packet-dl span {
  display: block;
  margin-bottom: 0.2rem;
}

.packet-dl em {
  font-size: 0.3rem;
}

.packet-dl .packet-btn {
  position: absolute;
  right: 0;
  transform: translate(0, -50%);
  top: 50%;
}

.packet-dl .packet-btn button {
  background-color: #1b72fd;
  color: #fff;
  border-radius: 15px;
  border: none;
  padding: 0.1rem 0.4rem;
}

.red-packet .gc-tips.six {
  color: #666;
}

.tn-title {
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
  font-size: 0.28rem;
  height: 0.2rem;
  width: 70%;
  margin: 0 15% 0.4rem;
}

.take-notes {
  margin-top: 0.8rem;
}

.tn-title span {
  background-color: #fff;
  padding: 0 0.5rem;
  color: #333;
}

.tn-ul {
  padding: 0.35rem;
  box-sizing: border-box;
}

.tn-ul li {
  color: #333;
  font-size: 0.26rem;
  margin-top: 0.2rem;
}

.tn-ul li span {
  color: #666;
}

.receive-list {
  background-color: #fff;
  padding-top: 0.5rem;
}

.receive-list li {
  font-size: 0.26rem;
  padding: 0.35rem 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 0.2rem;
}

.receive-list li span {
  margin-left: 0.25rem;
}

.receive-list li em {
  margin-right: 0.25rem;
  color: #1b72fd;
  font-size: 0.28rem;
}

.receive-more {
  text-align: center;
}

.take-money button:disabled {
  background-color: #bbc4cf;
}

/*.take-money button{*/
/*background-color: #1b72fd;*/
/*}*/
.receive-sucess {
  position: fixed;
  left: 0;
  top: 23%;
  z-index: 1001;
  text-align: center;
}

.receive-sucess .sucess-img {
  width: 60%;
  margin: 0 auto;
}

.receive-sucess .icon-chahao {
  color: #dfdfdf;
  font-size: 0.5rem;
  display: inline-block;
  margin-top: 0.6rem;
}

.my-wallet {
  margin: 0 0.2rem 0.3rem 0.2rem;
}

.mw-top {
  color: #fff;
  text-align: center;
  background: -webkit-linear-gradient(bottom right, #66a1fd, #1d74fd);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #66a1fd, #1d74fd);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #66a1fd, #1d74fd);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #66a1fd, #1d74fd);
  /* 标准的语法（必须放在最后） */
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-top: 0.25rem;
  padding: 1rem 0 0.8rem 0;
}

.mw-top .nw-money {
  font-size: 0.7rem;
  font-weight: bold;
}

.mw-top .nw-btn {}

.mw-top .nw-btn span {
  color: #2a7cfd;
  background-color: #fff;
  padding: 0.1rem 1rem;
  border-radius: 15px;
  display: inline-block;
  font-size: 0.26rem;
  margin-top: 0.7rem;
}

.nw-detailed,
.rce-list li {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin-top: 0.25rem;
  padding: 0.2rem;
}

.nw-detailed .nwd-title {
  border-bottom: 1px solid #f0f0f0;
  text-align: right;
  padding: 0.2rem 0 0.3rem 0;
  color: #b5b5b5;
}

.nw-detailed .nwd-title span {
  color: #333;
  font-size: 0.26rem;
}

.nwd-ul li {
  border-bottom: 1px solid #f0f0f0;
  padding: 0.25rem 0;
  position: relative;
}

.nwd-lt {
  color: #666;
}

.nwd-lt span {
  font-size: 0.24rem;
  display: block;
  margin-bottom: 0.1rem;
}

.nwd-rt {
  color: #333;
  font-size: 0.3rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.nw-detailed .nwd-ul {
  margin-bottom: 0.7rem;
}

.recharge-success .mw-top {
  background: #fff;
}

.recharge-success .mw-top span {
  color: #333;
  display: block;
  font-size: 0.45rem;
  margin: 0.2rem 0 1rem 0;
}

.recharge-success .mw-top i {
  color: #1b72fd;
  font-size: 1rem;

}

.recharge-success .success-btn .bus-btn,
.charge-money .cm-btn {
  background: #055cfc;
  /* 一些不支持背景渐变的浏览器 */
  background: -webkit-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* 标准的语法（必须放在最后） */
  width: 90%;
  margin: 1rem 5% 0;
  border-radius: 8px;
}

.rce-list li {
  padding: 0.2rem 0.25rem;
}

.rce-list .nwd-rt {
  right: 0.25rem;
}

.charge-money {}

.charge-money .gc-momey {
  padding: 0.3rem 0;
  box-sizing: border-box;
}

.cm-choose {
  border-bottom: 1px solid #ededed;
  padding: 0.2rem 0;
  position: relative;
}

.cm-choose:nth-child(2n) {
  border-bottom: none;
}

.cm-choose.cur .icon-duihaocheckmark17 {
  color: #055cfc;
}

.cm-choose .icon-weixin {
  font-size: 0.4rem;
}

.cm-choose .icon-duihaocheckmark17,
.cm-choose .icon-zhifubao1 {
  font-size: 0.35rem;
  color: #ccc;
}

.cm-choose .cm-rt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.cm-choose .cm-lt span {
  margin-left: 0.1rem;
}

.list-main {
  text-align: center;
  margin-bottom: 0.2rem;
}

.charge-money .gc-input {
  font-size: 0.45rem;
  width: 88%;
}

.legal-main {
  background-color: #fff;
  padding: 0.5rem 3%;
  font-size: 0.3rem;
  color: #666;
  line-height: 0.6rem;
}

/*2019年3月11日川藏线*/
.line {
  margin-bottom: 0.2rem;
}

.line a {
  color: #333;
  width: 100%;
  height: 100%;
}

.line .ready-article-title {
  background: none;
  margin-top: 0;
}

.line .line-word-top {
  font-size: 0.26rem;
  font-weight: bold;
}

.line .line-word-top span {
  font-size: 0.22rem;
  font-weight: normal;
  color: #666;
  display: inline-block;
  width: 39%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

.line .line-word {
  background-color: #fff;
  padding: 0.25rem 0.19rem 0.26rem 0.19rem;
  box-sizing: border-box;
}

.line .line-word-down {
  margin-top: 0.1rem;
}

.line-word-down .line-price {
  color: #ff0000;
  font-size: 0.26rem;
  font-weight: bold;
}

.line-word-down em {
  font-size: 0.22rem;
  color: #666;
  font-weight: normal;
}

.line-word-down .line-next {
  color: #fff;
  background-color: #3089eb;
  padding: 0.1rem 0.28rem;
  border-radius: 6px;
  margin-top: -0.1rem;
}

.tour-list .tour-list-ul {
  margin-top: 0.2rem;
}

.tour-list .tour-list-ul li {
  background-color: #fff;
  margin: 0 0 0.2rem 0.25rem;
}

.tour-list-ul .list-img {
  width: 35%;
}

.tour-list-ul .list-word {
  width: 57%;
  margin-right: 4%;
}

.list-word .tour-list-title {
  font-size: 0.26rem;
  color: #333;
  margin-top: 0.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tour-list-ul .list-word p {
  color: #666666;
  font-size: 0.22rem;
  margin: 0.1rem 0;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tour-list-ul .tour-list-tips span {
  border: 1px solid #3089eb;
  border-radius: 3px;
  font-size: 0.2rem;
  padding: 0 0.15rem;
  color: #3089eb;
}

.tour-list-ul .tout-list-btn {
  text-align: right;
  margin-top: 0.1rem;
}

.tour-list-ul .tout-list-btn em {
  display: inline-block;
  margin-top: 0.2rem;
  color: #999;
  font-size: 0.22rem;
}

.tour-list-ul .tout-list-btn span {
  background-color: #3089eb;
  color: #fff;
  margin: 0.15rem 0;
  padding: 0.1rem 0.3rem;
  display: inline-block;
  border-radius: 6px;
  font-size: 0.22rem;
}

.tour-choose .choose-one {
  background-color: #fff;
  margin-bottom: 0.2rem;
  padding: 0.25rem;
  box-sizing: border-box;
}

.tour-choose {
  margin-top: 0.2rem;
}

.tour-choose .car-style {
  padding: 0.25rem;
}

.tour-choose .choose-input {
  text-align: right;
  background-color: #fff;
}

.tour-choose .choose-one .iconfont,
.about-us .bus-ul li a span,
.choose-tips span,
.view-detail-one .time-where i,
.vr-title i {
  color: #3089eb;
}

.tour-choose .choose-tips {
  color: #333;
  font-size: 0.22rem;
  margin: 0.1rem 0.25rem;
  line-height: 1.6;
}

.tour-pay {
  margin-top: 0.25rem;
}

.tour-pay .tour-pay-top {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(204, 204, 204, 0.5);
  box-shadow: 0 1px 6px rgba(204, 204, 204, 0.5);
}

.tour-pay .tour-list-ul {
  margin-left: 0.25rem;
}

.list-word .tour-list-tips span {
  margin-top: 0.15rem;
  display: inline-block;
}

.tour-pay .tour-pay-ul {
  border-top: 1px solid #f8f8f8;
  text-align: right;
  margin: 0.3rem 0.25rem 0.4rem;
  padding-top: 0.2rem;
  color: #333;
}

.tour-pay .tour-pay-ul em {
  display: block;
}

.tour-pay .tour-pay-ul span {
  color: #666;
}

.tour-pay .tour-pay-ul li {
  margin-bottom: 0.15rem;
}

.tour-pay .tour-money {
  border-top: 1px solid #f8f8f8;
  padding: 0.25rem;
  color: #333;
}

.tour-pay-method {
  margin-top: 0.3rem;
  background-color: #fff;
}

.tour-pay-method .tour-pay-title {
  padding: 0.25rem;
  border-bottom: 1px solid #f8f8f8;
}

.tour-pay-method .two-method li {
  border: none;
}

.tour-pay-btn {
  margin: 1rem 0.25rem;
}

.tour-pay-btn .bus-btn {
  margin-top: 0;
}

.tour-detail {
  height: 800px;
  background: -webkit-linear-gradient(#3089eb, #fff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#3089eb, #fff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#3089eb, #fff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#3089eb, #fff);
  /* 标准的语法（必须放在最后） */
  position: relative;
}

.tour-detail .iconfont {
  position: absolute;
  right: 0;
  color: #fff;
  font-size: 0.35rem;
  top: -0.6rem;
  z-index: 99999;
}

.tour-detail-top {
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 0.5rem 0.25rem 0;
  padding: 0.6rem 0.2rem 0;
}

.tour-detail-tit span {
  border-left: 6px solid #3089eb;
  padding-left: 0.15rem;
}

.tour-detail-tit em {
  color: #3399ff;
  font-size: 0.26rem;
}

.tour-detail .tour-detail-ul {
  margin-top: 0.3rem;
}

.tour-detail-ul li {
  margin-top: 0.1rem;
}

.tour-detail-ul li em {
  font-size: 0.28rem;
  font-weight: bold;
}

.tour-detail .detail-bg {
  margin: 0 0.25rem;
  position: relative;
}

.tour-detail .route-details {
  margin: 0 0.25rem;
  background-image: url(../../static/images/detail-bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

.detail-bg span {
  display: inline-block;
}

.route-details .tour-detail-tit {
  margin-top: 0.5rem;
  background-color: #fff;
}

.route-details .tour-detail-tit span {
  margin: 0.45rem 0 0.3rem 0.25rem;
}

.route-details-middle {
  background-color: #fff;
  padding: 0 0.25rem;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.route-details-ul li {
  margin-bottom: 0.1rem;
}

.route-details-middle .cancel-btn {
  text-align: center;
  color: #cccccc;
}

.route-details-middle .cancel-btn span {
  background-color: #e6e6e6;
  padding: 0.1rem 0.7rem;
  display: inline-block;
  border-radius: 3px;
  margin: 0.3rem 0;
}

.view-scroll {
  position: relative;
}

.view-detail .tour-pay-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  margin: 0;
  width: 100%;
  padding: 0.1rem;
}

.view-detail .tw-one span {
  vertical-align: top;
  display: inline-block;
}

.view-detail-one {
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-top: -10px;
  position: relative;
  z-index: 9;
}

.view-detail-one {
  padding: 0.25rem;
}

.view-detail-one .view-detail-title {
  font-size: 0.28rem;
  line-height: 1.8;
}

.view-detail-one .time-where {
  margin-top: 0.1rem;
}

.time-where .tw-one {
  margin: 0.1rem 0.15rem 0 0;
}

.view-detail {
  margin-bottom: 1.5rem;
}

.view-detail-label {
  margin: 0.3rem 0 0;
  padding-top: 0.25rem;
  border-top: 1px solid #eeeeee;
}

.view-detail-label .icon {
  color: #3399ff;
  font-size: 0.28rem;
}

.view-detail-label span {
  color: #666;
  margin-right: 0.15rem;
}

.view-reason {
  margin-top: 0.2rem;
}

.view-reason p {
  margin-top: 0.2rem;
}

.view-reason p span {
  color: #ff9966;
}

.anchor-point {
  font-size: 0;
  border-bottom: 1px solid #f8f8f8;
}

.anchor-point a {
  color: #333;
  display: inline-block;
  width: 33.3%;
  font-size: 0.24rem;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #f8f8f8;
  padding: 0.2rem 0;
  margin-top: 0.2rem;
}

.anchor-point a.cur {
  color: #3089eb;
}

/*.car-notice-main{*/
/*margin: 0.4rem 0 0;*/
/*}*/
.goodShow {
  position: relative;
  overflow-y: scroll;
}

.car-type {
  margin: 0 0.25rem;
}

.car-type {
  margin-top: 0.15rem;
}

.car-type-ul li {
  background-color: #fff;
  margin-top: 0.2rem;
}

.car-type .tour-detail-tit {
  background-color: #fff;
  padding: 0.2rem 0;
  margin-bottom: 0.2rem;
}

.car-type .ctu-img {
  width: 43%;
}

.car-type .ctu-word {
  width: 52%;
  margin-right: 2%;
}

.ctu-word .ctu-title {
  margin: 0.2rem 0;
}

.ctu-word .ctu-price {
  color: #666;
}

.ctu-word .ctu-price span {
  color: #ff3300;
  font-size: 0.3rem;
  font-weight: bold;
}

.car-type .bus-numbox .bus-btn {
  width: 0.52rem;
  height: 0.52rem;
}

.car-type .bus-numbox .bus-input-numbox {
  height: 0.52rem;
  width: 0.62rem;
  font-size: 0.24rem;
}

.trip-detail {
  background-color: #fff;
  margin-bottom: 0.2rem;
  padding: 0.25rem;
}

.goclick {
  color: #fff;
  position: fixed;
  z-index: 99;
  left: 0;
  padding-left: 0.31rem;
  font-size: 0.24rem;
  line-height: 0.87rem;
  width: 100%;
}

.driver-list {
  margin-top: 0.2rem;
}

.driver-list li {
  background-color: #fff;
  padding: 0.25rem;
}

.dl-top {
  font-size: 0.26rem;
  margin-bottom: 0.2rem;
}

.driver-list li p {
  margin: 0.15rem 0;
}

.dl-bottom {
  margin-top: 0.15rem;
}

.dl-bottom span {
  color: #666;
}

.dl-bottom em {
  color: #3089eb;
  border: 1px solid #3089eb;
  padding: 0.08rem 0.3rem;
  border-radius: 30px;
  font-size: 0.26rem;
}

.car-flow {
  font-size: 0;
  margin-top: 0.3rem;
  position: relative;
  z-index: 10;
}

.car-flow li {
  width: 20%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  font-size: 0.2rem;
  color: #fff;
}

.car-flow li .circle {
  display: none;
  position: absolute;
  left: -0.15rem;
  background-image: url(../../static/images/dbg4.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.2rem;
  height: 0.24rem;
}

.car-flow li span {
  position: relative;
  display: block;
  background-image: url("../../static/images/dbg1.png");
  background-size: contain;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: 0 auto;
  background-repeat: no-repeat;
}

.car-flow li.cur .circle {
  display: block;
}

.car-flow li.cur span {
  background-image: url(../../static/images/dbg2.png);
  width: 0.65rem;
  height: 0.65rem;
  line-height: 0.65rem;
  background-repeat: no-repeat;
  margin-top: -0.1rem;
}

.car-flow li em {
  display: inline-block;
  margin-top: 0.3rem;
}

.car-flow li.cur em {
  margin-top: 0.16rem;
  font-weight: bold;
  font-size: 0.26rem;
}

.dbg {
  height: 1px;
  width: 84%;
  background-image: url(../../static/images/dbg3.png);
  background-repeat: repeat-x;
  position: absolute;
  top: 0.5rem;
  margin: 0 8%;
  z-index: 9;
}

/*小程序的首页*/
.wechat-ul {
  font-size: 0;
}

.wechat-ul li {
  width: 25%;
  text-align: center;
  display: inline-block;
  margin-bottom: 0.8rem;
  vertical-align: bottom;
}

.wechat-ul li a {
  color: #333;
}

.wechat-main {
  background-color: #fff;
  width: 94%;
  margin: 0 3%;
  margin-top: -0.32rem;
  position: relative;
  border-radius: 6px;
  padding-top: 0.8rem;
}

.wechat-ul li span {
  font-size: 0.24rem;
}

.wechat-ul .wx-icon {
  width: 69%;
  margin: 0 auto 0.2rem;
}

/*调度费2019年3月25日*/
.dispatchMoney {
  position: fixed;
  top: 30%;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  line-height: 1.2rem;
  background-color: #fff;
  z-index: 999;
  right: 2%;
  text-align: center;
  box-shadow: 0 3px 10px rgba(39, 39, 39, 0.1);
  color: #000;
  font-weight: bold;
}

.layui-m-anim-scale .dmpop {
  color: #000;
  font-size: 0.28rem;
  padding: 7% 3%;
}

.dmpop .dmpop-input {
  border-bottom: 1px solid #000;
  width: 26%;
}

.dmpop .dmpop-btn {
  color: #fff;
  background-color: #000;
  border: none;
  width: 60%;
  padding: 0.1rem 0;
  border-radius: 10px;
  margin-top: 0.1rem;
}

.dmpop p {
  font-size: 0.22rem;
  margin: 0.1rem 0;
}

.dmpop .dmpop-word {
  margin-top: 0.7rem;
}

.dispatch-Money .order-wait {
  margin: 0.2rem 0;
  color: #047ddd;
  padding: 0.3rem 0.35rem;
}

.dispatch-Money .dm-main {
  background-color: #fff;
  padding: 0.5rem 0 1rem 0;
}

.dispatch-Money .dm-ul {
  font-size: 0;
  width: 98%;
  margin: 0 1%;
}

.dispatch-Money .dm-ul li {
  display: inline-block;
  font-size: 0.26rem;
  width: 30%;
  margin: 0 1.5% 0.2rem;
  color: #047ddd;
  border: 1px solid #18b7ff;
  text-align: center;
  padding: 0.2rem 0;
  border-radius: 7px;
  transition: all ease .3s;
}

.dispatch-Money .dm-ul li.cur {
  color: #fff;
  background-color: #3399ff;
}

.dm-sure span {
  color: #fff;
  background-color: #3399ff;
  display: block;
  width: 36%;
  margin: 0.5rem auto 0;
  text-align: center;
  padding: 0.2rem;
}

.dispatch-Money .gc-momey {
  padding: 0.4rem;
}

.layui-m-layer .nw-detailed {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: none;
  margin-top: 0.25rem;
  padding: 0.2rem;
}

.layui-m-layer .dm-money span {
  font-size: 0.5rem;
  display: inline-block;
  margin: 0.2rem 0.1rem 0;
}

.dispatch-Money .gc-input {
  display: inline-block;
  font-size: 0.26rem;
  width: 94%;
  margin: 0 2% 0.2rem;
  color: #047ddd;
  border: 1px solid #18b7ff;
  text-align: center;
  padding: 0.2rem 0;
  border-radius: 7px;
}

/*五一活动页面*/
.timeUse {
  display: inline-block;
}

.may {
  background-image: url("../images/may.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 100%;
}

.may-time {

  color: #9f1015;
  margin: 0.2rem 0;
}

.may-time em {
  color: #9f1015;
  font-size: 0.20rem;
  font-weight: bold;
}

.may-time span {
  border: 1px solid #b5423e;
  font-weight: bold;
  color: #ed030b;
  padding: 0.1rem 0.05rem;
  font-size: 0.24rem;
  width: 0.44rem;
  display: inline-block;
  text-align: center;
}

.may-time i {
  font-size: 0.2rem;
}

.may-time>span {
  border: none;
}

.may-time span i {
  border: none;
  font-weight: normal;
  color: #9f1015;
  font-size: 0.20rem;
}

.may-time .day {
  border: none;
  width: inherit;
}

.may-div {
  margin: 0 0.52rem;
}

.may-img {
  width: 20%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.may-time {
  position: relative;
  padding-left: 14%;
}

.may-card {
  background-image: url("../../static/images/may5.JPG");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top center;
  height: 2.1rem;
  color: #ffd888;
  position: relative;
  margin-bottom: 0.2rem;
}

.may-card dd {
  padding: 0.2rem;
  text-align: center;
  width: 70%;
  margin-top: 0.3rem;
}

.may-card dt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-24%, -50%);
  color: #bf2526;
  background-color: #ffd888;
  padding: 0.1rem 0.6rem;
  border-radius: 30px;
}

.may-card p em {
  font-size: 0.4rem;
}

.may-card dd span {
  font-size: 0.4rem;
  display: block;
  margin-top: 0.05rem;
}

.may-card .dd-dw {
  position: absolute;
  left: 0;
  top: -7%;
  width: 19%;
}

.may-input {
  background: #eeaf66 url("../../static/images/may7.png");
  background-position: top center;
  border-radius: 19px;
  background-size: 100% 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  text-indent: 8%;
  margin-bottom: 0.2rem;
}

.may-phone {
  margin: 0.1rem 0.52rem;
}

.phone-one .may-input {
  width: 100%;
}

.phone-two .may-input {
  width: 55%;
}

.phone-two .may-codes {
  width: 40%;
  background-color: #f2e2cf;
  color: #990000;
  text-align: center;
  padding: 0.1rem;
  border-radius: 30px;
  margin-top: 0.2rem;
  border: none;
}

.may-input::-webkit-input-placeholder {
  color: #990000;
}

.may .may-btn {
  background-image: url(../../static/images/may8.png);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  width: 45%;
  padding: 0.2rem 0 0.4rem;
  background-color: transparent;
  color: #fff;
  margin: 0 auto;
  display: block;

}

.may-rule {
  background-color: #f6eddb;
  margin: 0 0.52rem;
  border: 1px solid #ae1f21;
  border-radius: 3px;
  color: #333;
  padding: 0.2rem;
}

.may-rule span {
  display: inline-block;
  margin-bottom: 0.1rem;
}

.may-rule p {
  margin-bottom: 0.2rem;
  font-weight: bold;
}

.my-reduce {
  margin-top: -1.1rem;
}

.may-tips {
  color: #999;
  font-size: 12px;
  text-align: center;
  padding-bottom: 0.8rem;
  margin-top: 0.2rem;
}

.may-card .dd-dw2 {
  top: -1%;
  width: 32%;
}

.redpack .bus-bar {
  background: #055cfc;
  /* 一些不支持背景渐变的浏览器 */
  background: -webkit-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, rgba(83, 167, 254, 0.9), rgba(4, 92, 252, 0.9));
  ;
  /* 标准的语法（必须放在最后） */
}

.exsuccess .exe-img {
  width: 75%;
  margin: 2rem auto 0.4rem;
}

.exe-word {
  text-align: center;
  color: #999;
  line-height: 2;
}

.exe-word span {
  color: #3089eb;
  font-size: 0.3rem;
  margin-bottom: 0.3rem;
  display: block;
}

.icon-wodezhuanshu- {
  color: #6777;
  font-size: 0.35rem;
  font-weight: bold;
}

.exe-btn {
  text-align: center;
  margin-top: 0.7rem;
}

/*2019年8月13日推荐返佣h5界面*/
.recommend {
  background: #f8594c;
  /* 一些不支持背景渐变的浏览器 */
  background: -webkit-linear-gradient(#feb36d, #f8594c);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#1d1b19, #f8594c);
  ;
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#feb36d, #f8594c);
  ;
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#feb36d, #f8594c);
  ;
  /* 标准的语法（必须放在最后） */
  width: 100%;
  min-height: 100%;
}