/*top*/
header{ *position: relative; *z-index: 99;border-bottom: 2px solid #030303; margin:0 auto;}
.gray_line{width:100%;height:30px;line-height:30px;background:#e5e5e5;}
.gray_line span{width:1200px;height:30px;display:block;margin:0 auto;color:#000;font-size:14px;}
.header-wrap{ width: 1200px; margin: 0 auto; height: 80px;}
.header-wrap .service_tel{width:230px;height:80px;line-height:80px;float:left;margin-left:30px; font-size: 20px; font-weight: bold; color: #00b38a;background:url(../images/top_phone.png) no-repeat left center;padding-left:25px;}
.header-wrap a.logo{ margin-top: 15px; float: left;}
.header-wrap section{ float: right; margin-top: 23px;}
.header-wrap section ul a{ color: #707070;cursor:pointer;}
.header-wrap section li{ height: 34px; line-height: 34px; padding: 0 12px; display: inline-block; *display: inline; *zoom: 1; }
.header-wrap section li a{ color: #707070;cursor:pointer;}
.header-wrap section li a:hover{ color: #00b38a;}
.header-wrap section li.s{ width:1px; height: 14px; background-color: #c4c4c4; padding: 0; vertical-align: middle; margin-top: -1px;}
.header-wrap section li.userinfo{ position: relative; padding: 0; vertical-align: top;}
.header-wrap section li.userinfo img{width:32px;height:32px;border-radius: 50%;}
.header-wrap section li.userinfo:hover .userinfo-c{ display: block;}
.header-wrap section li.userinfo:hover .userinfo-n i{background: url("../images/btn.png") -89px -245px no-repeat;}
.userinfo-n i{ width: 8px; height: 4px; display: inline-block; *display: inline; *zoom: 1; margin-top: 16px; *margin-top: -12px; margin-left: 5px; float: right; *float: none; background: url("../images/btn.png") -89px -194px no-repeat;}
.userinfo-c{ position: absolute; top: 34px; left: 0; width: 100%; padding:5px 0 10px; background-color: #fff; display: none; z-index: 9;}
.userinfo-c p{ padding: 0; text-align: center;}
.userinfo-c p a { font-size: 16px;}
.userinfo-c p a:hover{}
.header-wrap section li.userinfo img{ width: 32px; height: 32px; border-radius: 50%; vertical-align: middle; margin-top: -4px;}
.header-wrap section li.download-s{ position: relative;}
.header-wrap section li.download-s .download-scan{ position: absolute; top: 28px; left: -17px; z-index: 9; width: 137px; background-color: #fff; display: none;}
.header-wrap section li.download-s:hover .download-scan{display: block;}
.header-wrap section .download-scan-top{ position: absolute; top: 0; left: 0; width: 100%; z-index: 21; height: 11px; background: url("../images/scan-top-arrow.png") center center no-repeat;}
.header-wrap section .download-scan-box{ border: 1px solid #c7c7c7; text-align: center;height:134px; margin-top: 10px;}
.header-wrap section .download-scan-box p{ height:1px;font-size: 14px; color: #de0000;}
.header-wrap section .download-scan-box a{ height: 32px; *margin-top: 5px; line-height: 32px; font-size: 16px; background:url("../images/scan-title-arrow.png") 145px center no-repeat #00b38a; color: #fff; display: block;}
.header-wrap section .download-scan-box a:hover{ color: #f5f5f5;}
.header-wrap section li.wx-s{ position: relative;}
.header-wrap section li.wx-s .wx-scan{ position: absolute; top: 28px; left: -25px; z-index: 9; width: 137px; background-color: #fff; display: none;}
.header-wrap section li.wx-s:hover .wx-scan{display: block; padding-top: 10px;}
.header-wrap section .wx-scan-top{ position: absolute; top: 0; left: 0; width: 100%; z-index: 21; height: 11px; background: url("../images/scan-top-arrow.png") center center no-repeat;}
.header-wrap section .wx-scan-box{ border: 1px solid #c7c7c7; text-align: center; padding:1px; height: 132px;}



/*pay*/
.pay { width: 1140px; margin:0 auto; padding: 40px 0 48px 15px; border-top: 1px dashed #cfcfcf;clear:both;}
.pay li { height: 80px; line-height: 80px; float: left; padding-left: 76px; font-size: 16px; background: url(../images/pay_bg.png) no-repeat 0 0; color: #909090; }
.pay .li01 { background-position: 0 12px; }
.pay .li02 { background-position: 0 -68px; }
.pay .li03 { background-position: 0 -148px; }
.pay .li04 { background-position: 0 -228px; }
.pay .li05 { background-position: 0 -308px; }
.pay .line { width: 1px; height: 80px; border-left: 1px dashed #cfcfcf; background: none; margin: 0 50px; padding: 0;}




/* footer */
footer{ height:330px; background:#2c2c2c; border-top:1px solid #030303; margin:0 auto;}
footer .con{ width:1200px; height:330px; margin:0 auto;}
footer .con ul{ width:1200px; margin:0 auto; overflow:hidden;}
footer .con ul li{ width:199px; float:left; text-align:center;}
footer .con li.separate { width: 1px; height: 290px; background: url("../images/map_line.png") 0 center no-repeat;}
footer .con ul li h3{padding:55px 0 10px;font-size:20px;color:#ff9933;}
footer .con ul li p{font-size:14px;color:#fff;height:30px;line-height:30px;text-align:left;padding-left:60px;}
footer .con ul li p a{color:#fff;}
footer .con ul li p a:hover{color:#ffffd3;}
footer .con ul .last{width:400px;position:relative;}
footer .con ul .last h3{text-align:left;padding-left:60px;}
.bottom{ width:1200px; padding:30px 0; margin:0 auto;}
.bottom p{ text-align:center; font-size:14px;}
.security{ height:32px; text-align:center; padding-top:20px;}
.security a{ display:inline-block; width:103px; height:32px; margin:0 10px;}


.eTicket {
  color: #00b38a;
}
.eTicket:hover {
  cursor: pointer;
}
#agreement {
  width:100%;
  height: 31px;
  background-color: #ffffff;
  font-size: 13px;
  color: #999999;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#agreement:hover {
  cursor: pointer;
}
#eTicketDig {
  display:none;
  width: 25%;
  min-width: 330px;
  height: 80vh;
  position: fixed;
  top: 50px;
  left: 37.5%;
}
#eTicketDig ::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}
#eTicketDig ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent );
  background-color: #00b38a;
}
#eTicketDig ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
.eTicketOut {
  width: 100%;
  height: 100%;
  background-color: #edece9;
  overflow: auto;
}
.bg-white {
  width: 100%;
  top: 10%;
  height: 55%;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  position: absolute;
}
.eTicketOut .title {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #9c9c9c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eTicketOut .closed{
  width: 9%;
  height: 40px;
  position: relative;
  float: right;
  margin-top: -5%;
}
.eTicketOut .closed:hover{
  cursor: pointer;
}
.eTicketOut .closed:before{
  display: block;
  position: absolute;
  width: 70%;
  height: 2px;
  background: #666;
  transform: rotate(45deg);
  left: 5%;
  content: "";
}
.eTicketOut .closed:after{
  display: block;
  position: absolute;
  width: 70%;
  height: 2px;
  background: #666;
  transform: rotate(-45deg);
  left: 5%;
  content: "";
}
.eTicketOut .eTicketAccount {
  width: 100%;
  height: 423px;;
}
.eTicketOut .eTicketAccount .eTicketNum {
  width:100%;
  height: 21px;
  text-align: center;
  margin-bottom: 15px;
  font-size: 15px;
  color: #666666;
}
.eTicketOut .eTicketAccount .eTicketBarCode {
  width:100%;
  height: 64px;
  text-align: center;
}
.eTicketOut .eTicketAccount .eTicketBarCode img {
  height: 100%;
  width: 75%;
}
.eTicketOut .eTicketAccount .eTicketQRCode {
  width:100%;
  height: 275px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.eTicketOut .eTicketAccount .eTicketQRCode div{
  width: 80%;
  height: 100%;
}
.eTicketOut .eTicketAccount .accountPs {
  width:100%;
  height: 43px;
  color: #666666;
  font-size:13px;
  margin-bottom:16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eTicketPS {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eTicketPS div {
  width: 100%;
  font-size: 13px;
}
.shifitOver {
  width: 100%;
  height: 77px;
  background: rgba(61, 184, 163, 0.08);
}
.shifitOver .depAndArrCity {
  width: 95%;
  height: 54px;
  margin-left: 2.5%;
}
.shifitOver .depAndArrCity .startCity {
  float: left;
  width: 30%;
  height: 100%;
  display: flex;
  align-items: center;
}
.shifitOver .depAndArrCity .shift {
  float: left;
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 19px;
}
.shifitOver .depAndArrCity .shift div {
  width:100%;
  text-align: center;
  font-size: 15px;
}
.shifitOver .depAndArrCity .shift div img {
  width: 100%;
  height: 8px;
}
.shifitOver .depAndArrCity .endCity {
  width: 30%;
  float: left;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 19px;
}
.shifitOver .depAndArrStation {
  width: 95%;
  height: 23px;
  margin-left: 2.5%;
}
.shifitOver .depAndArrStation .startStation {
  text-align: left;
  font-size:13px;
  float: left;
}
.shifitOver .depAndArrStation .endStation {
  text-align: right;
  font-size:13px
}
.shiftInfo {
  width:100%;
  min-height: 154px;
}
.shiftInfo .shiftTable {
  width:100%;
  height: 100%;
  font-size: 13px;
  border-collapse: separate;
  border-spacing: 0px 4px;
}
#arr-account {
  width: 100%;
  font-size: 13px;
  color: #999999;
  line-height: 22px;
}
#arr-account p {
  white-space: pre-wrap;
  text-align: left;
}