body,
html,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
input {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
ul,
li {
  list-style: none;
}
body {
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
  background: #ffffff;
  font-family: "微软雅黑";
}
iframe {
  display: none;
  width: 0;
  height: 0;
}
input:focus {
  border: 0;
  outline: none;
}
input:-webkit-autofill {
  background-color: transparent!important;
}
i {
  background-image: ;
  background-repeat: no-repeat;
  display: block;
}
a,
a:hover {
  text-decoration: none;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.hide {
  display: none;
}
.clearfix:after {
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
}
.clearfix:after {
  visibility: hidden;
  content: ".";
}
.clearfix {
  *zoom: 1;
}
.page {
  text-align: center;
  line-height: 26px;
  color: #333333;
}
.page span {
  display: inline-block;
  width: 26px;
  margin: 0 1px;
}
.page span.num {
  cursor: pointer;
  background: #eeeeee;
  border: 1px solid #eeeeee;
}
.page span.prev,
.page span.next {
  color: #ff4f56;
  background: none;
  cursor: pointer;
  border: 1px solid #eeeeee;
}
.page span.selected {
  background: #ff4f56;
  border-color: #ff4f56;
  color: #ffffff;
}
.left {
  float: left;
  display: inline;
  width: 852px;
}
.right {
  float: right;
  width: 300px;
}
.banner {
  position: relative;
  zoom: 1;
  width: 100%;
  background:  center no-repeat;
  height: 550px;
}
.enroll-box {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -600px;
  width: 1200px;
}
.enroll-box .enroll {
  position: absolute;
  right: 20px;
  top: 80px;
  width: 290px;
  background: #ffffff;
  z-index: 2;
  padding: 20px 30px;
}
.enroll-box .bg {
  position: absolute;
  right: 0px;
  top: 60px;
  opacity: 0.2;
  filter: alpha(opacity=20);
  width: 300px;
  height: 260px;
  z-index: 1;
  background: #ffffff;
}
.headerbox   .banner   .enroll-box {
  top: 86px;
}
.enroll p.title,
.dialog p.title {
  text-align: center;
}
.enroll .arrow,
.dialog .arrow {
  width: 14px;
  height: 7px;
  margin: 10px auto;
}
.enroll ul.form li,
.dialog ul.form li {
  clear: both;
  overflow: hidden;
  margin-bottom: 12px;
}
.enroll ul.form li .input,
.dialog ul.form li .input {
  border: 1px solid #eeeeee;
  line-height: 1;
  color: #999999;
  padding-left: 10px;
  height: 46px;
  position: relative;
  zoom: 1;
  float: left;
  display: inline;
  width: 278px;
}
.enroll ul.form li .input.error,
.dialog ul.form li .input.error {
  border-color: #ff4f56;
}
.enroll ul.form li .input input[type="text"],
.dialog ul.form li .input input[type="text"] {
  width: 278px;
}
.enroll ul.form li .input-short,
.dialog ul.form li .input-short {
  border: 1px solid #eeeeee;
  line-height: 1;
  color: #999999;
  padding-left: 10px;
  height: 46px;
  position: relative;
  zoom: 1;
  float: left;
  display: inline;
  width: 278px;
  width: 128px;
}
.enroll ul.form li .input-short.error,
.dialog ul.form li .input-short.error {
  border-color: #ff4f56;
}
.enroll ul.form li .input-short input[type="text"],
.dialog ul.form li .input-short input[type="text"] {
  width: 278px;
}
.enroll ul.form li .input-short.error,
.dialog ul.form li .input-short.error {
  border-color: #ff4f56;
}
.enroll ul.form li .input-short input[type="text"],
.dialog ul.form li .input-short input[type="text"] {
  width: 128px;
}
.enroll ul.form li .input-short input[type="button"],
.dialog ul.form li .input-short input[type="button"] {
  width: 128px;
  position: absolute;
  border: 0;
  left: 10px;
  top: 0;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  background: none;
  text-align: left;
  color: #999999;
}
.enroll ul.form li .input-short i,
.dialog ul.form li .input-short i {
  background-position: -20px 0;
  width: 20px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  z-index: 1;
}
.enroll ul.form li span,
.dialog ul.form li span {
  position: absolute;
  left: 10px;
  top: 15px;
  transition: all 0.3s;
  z-index: 1;
}
.enroll ul.form li input[type="text"],
.dialog ul.form li input[type="text"] {
  position: absolute;
  border: 0;
  width: 100%;
  left: 10px;
  top: 10px;
  background: none;
  font-size: 16px;
  z-index: 2;
  line-height: 24px;
  height: 24px;
  padding-top: 10px;
}
.enroll ul.form li input[type="text"]:focus   span,
.dialog ul.form li input[type="text"]:focus   span,
.enroll ul.form li input[type="text"].full   span,
.dialog ul.form li input[type="text"].full   span {
  top: 5px;
  color: #cccccc;
  font-size: 12px;
}
.enroll .submit,
.dialog .submit,
.enroll .submitbox,
.dialog .submitbox {
  position: relative;
  zoom: 1;
}
.enroll .submit p,
.dialog .submit p,
.enroll .submitbox p,
.dialog .submitbox p {
  color: #999999;
  line-height: 17px;
  padding: 10px 18px 11px 17px;
  float: left;
  display: inline;
  background: #fffae3;
}
.enroll .submit input,
.dialog .submit input,
.enroll .submitbox input,
.dialog .submitbox input {
  position: absolute;
  width: 160px;
  height: 63px;
  right: -45px;
  top: -8px;
  background:  0 0 no-repeat;
  border: 0;
  font-size: 18px;
  color: #000000;
  padding-top: 8px;
  cursor: pointer;
}
.yuyue {
  position: relative;
  zoom: 1;
  background:  repeat-x;
  height: 299px;
}
.yuyue .train {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: -38px;
}
.yuyue ul {
  width: 1200px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  padding-top: 70px;
}
.yuyue ul li {
  float: left;
  display: inline;
  width: 25%;
  text-align: center;
  padding-top: 105px;
  position: relative;
  zoom: 1;
}
.yuyue ul li p {
  opacity: 0.2;
  filter: alpha(opacity=20);
  color: #ffffff;
  padding: 5px 30px;
  line-height: 1.2;
}
.yuyue ul li p.title {
  opacity: 1;
  filter: alpha(opacity=0);
  font-size: 20px;
  line-height: 1;
}
.yuyue ul li i {
  position: absolute;
  left: 50%;
  top: 0;
}
.yuyue ul li i.i1 {
  background-position: 0 -50px;
  width: 75px;
  height: 90px;
  margin-left: -37px;
}
.yuyue ul li i.i2 {
  background-position: -80px -50px;
  width: 70px;
  height: 87px;
  margin-left: -35px;
}
.yuyue ul li i.i3 {
  background-position: -160px -50px;
  width: 87px;
  height: 71px;
  margin-left: -43px;
  top: 5px;
}
.yuyue ul li i.i4 {
  background-position: -250px -50px;
  width: 90px;
  height: 90px;
  margin-left: -45px;
}
.part-title {
  width: 1200px;
  margin: 0 auto;
  color: #212121;
  font-size: 28px;
  margin-top: 45px;
}
.part-title i {
  display: inline-block;
  vertical-align: middle;
  background: #ff4f56;
  width: 8px;
  height: 8px;
  margin-right: 9px;
}
.part-title span {
  display: inline-block;
  vertical-align: middle;
}
.desc-title {
  width: 1200px;
  margin: 0 auto;
  text-indent: 8px;
  color: #666666;
  font-size: 16px;
  line-height: 44px;
}
.talk-list {
  width: 1200px;
  margin: 0 auto;
  margin-top: 15px;
  padding-bottom: 50px;
}
.talk-list ul {
  clear: both;
  overflow: hidden;
  width: 1232px;
}
.talk-list li {
  float: left;
  display: inline;
  position: relative;
  zoom: 1;
  width: 276px;
  margin-right: 32px;
  background:  left bottom no-repeat;
}
.talk-list li img {
  display: block;
}
.talk-list li .title {
  position: absolute;
  left: 0;
  top: 189px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #333333;
  line-height: 37px;
}
.talk-list li .title i {
  position: absolute;
  width: 172px;
  height: 50px;
  background-position: 0 -150px;
  left: 50%;
  top: 0;
  margin-left: -86px;
  z-index: 1;
}
.talk-list li .title span {
  position: relative;
  zoom: 1;
  z-index: 2;
}
.talk-list li .desc {
  height: 141px;
  padding: 35px 36px 0 36px;
  text-indent: 2em;
  color: #666666;
}
.data,
.line {
  background: #fafafa;
  padding: 50px 0;
}
.data .clearfix,
.line .clearfix {
  width: 1200px;
  margin: 0 auto;
}
.data .clearfix .left .tab,
.line .clearfix .left .tab {
  clear: both;
  overflow: hidden;
  position: relative;
  zoom: 1;
  border-bottom: 1px solid #dddddd;
}
.data .clearfix .left .tab li.one,
.line .clearfix .left .tab li.one {
  float: left;
  display: inline;
  width: 196px;
  height: 58px;
  background: #eeeeee;
  border: 1px solid #dddddd;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  color: #212121;
  font-size: 18px;
  text-align: center;
  line-height: 58px;
  margin-right: 6px;
  cursor: pointer;
}
.data .clearfix .left .tab li.selected,
.line .clearfix .left .tab li.selected {
  background: #ff4f56;
  color: #ffffff;
  border-color: #ff4f56;
}
.data .clearfix .left .tab li.time,
.line .clearfix .left .tab li.time {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  cursor: default;
  color: #999999;
  line-height: 36px;
}
.data .clearfix .left .box,
.line .clearfix .left .box {
  width: 100%;
}
.data .clearfix .left .box .list,
.line .clearfix .left .box .list {
  clear: both;
  overflow: hidden;
  width: 882px;
  padding-bottom: 40px;
  padding-left: 10px;
  position: relative;
  zoom: 1;
  left: -10px;
  top: 0;
}
.data .clearfix .left .box .list a,
.line .clearfix .left .box .list a {
  color: #ffffff;
}
.data .clearfix .left .box .list .nodata,
.line .clearfix .left .box .list .nodata {
  margin-top: 20px;
  background:  center top no-repeat;
  padding-top: 177px;
  color: #999999;
  text-align: center;
}
.data .clearfix .left .box .list .nodata a,
.line .clearfix .left .box .list .nodata a {
  color: #ff4f56;
}
.data .clearfix .left .box .list li,
.line .clearfix .left .box .list li {
  width: 264px;
  background: #ffffff;
  height: 312px;
  color: #666666;
  margin: 30px 30px 0 0;
  float: left;
  display: inline;
}
.data .clearfix .left .box .list li:hover,
.line .clearfix .left .box .list li:hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.data .clearfix .left .box .list li .img,
.line .clearfix .left .box .list li .img {
  position: relative;
  zoom: 1;
  width: 100%;
  height: 198px;
  color: #ffffff;
  overflow: hidden;
}
.data .clearfix .left .box .list li .img img,
.line .clearfix .left .box .list li .img img {
  display: block;
  width: 100%;
  min-height: 198px;
}
.data .clearfix .left .box .list li .img .describe,
.line .clearfix .left .box .list li .img .describe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:  repeat-x;
}
.data .clearfix .left .box .list li .img .describe .title,
.line .clearfix .left .box .list li .img .describe .title,
.data .clearfix .left .box .list li .img .describe .other,
.line .clearfix .left .box .list li .img .describe .other {
  padding: 0 20px;
}
.data .clearfix .left .box .list li .img .describe .title,
.line .clearfix .left .box .list li .img .describe .title {
  padding-top: 130px;
  font-size: 20px;
}
.data .clearfix .left .box .list li .img .describe .other,
.line .clearfix .left .box .list li .img .describe .other {
  position: relative;
  zoom: 1;
}
.data .clearfix .left .box .list li .img .describe .other .price,
.line .clearfix .left .box .list li .img .describe .other .price {
  font-size: 18px;
  color: #ff4f56;
}
.data .clearfix .left .box .list li .img .describe .other .local,
.line .clearfix .left .box .list li .img .describe .other .local {
  font-size: 14px;
  position: absolute;
  right: 20px;
  bottom: 0;
  padding-left: 16px;
}
.data .clearfix .left .box .list li .img .describe .other .local i,
.line .clearfix .left .box .list li .img .describe .other .local i {
  background-position: -50px 0;
  width: 10px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}
.data .clearfix .left .box .list li .img .desc,
.line .clearfix .left .box .list li .img .desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.data .clearfix .left .box .list li .img .desc p,
.line .clearfix .left .box .list li .img .desc p {
  margin: 0 5px 0 20px;
  padding-right: 5px;
}
.data .clearfix .left .box .list li .img .desc p.title,
.line .clearfix .left .box .list li .img .desc p.title {
  padding-top: 37px;
  padding-bottom: 12px;
  border-bottom: 1px solid #535451;
  font-size: 16px;
  margin-bottom: 12px;
}
.data .clearfix .left .box .list li .img:hover .describe,
.line .clearfix .left .box .list li .img:hover .describe {
  display: none;
}
.data .clearfix .left .box .list li .img:hover .desc,
.line .clearfix .left .box .list li .img:hover .desc {
  display: block;
}
.data .clearfix .left .box .list li .btn,
.line .clearfix .left .box .list li .btn {
  width: 132px;
  height: 40px;
  color: #ff4f56;
  border: 1px solid #ff4f56;
  font-size: 16px;
  display: block;
  margin: 20px auto 10px;
  background: none;
  border-radius: 4px;
  cursor: pointer;
}
.data .clearfix .left .box .list li .btn:hover,
.line .clearfix .left .box .list li .btn:hover {
  background: #ff4f56;
  color: #ffffff;
}
.data .clearfix .left .box .list li .enroll-people,
.line .clearfix .left .box .list li .enroll-people {
  text-align: center;
}
.data .clearfix .left .box .list li .enroll-people span,
.line .clearfix .left .box .list li .enroll-people span {
  color: #ff4f56;
}
.data .clearfix .right .part-title,
.line .clearfix .right .part-title {
  font-size: 18px;
  width: 100%;
  margin: 0;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
.data .clearfix .right .desc-title,
.line .clearfix .right .desc-title {
  font-size: 14px;
  width: 100%;
  margin: 0;
  line-height: 1.5;
}
.data .clearfix .right .desc-title span,
.line .clearfix .right .desc-title span {
  color: #ff4f56;
}
.data .clearfix .right .list,
.line .clearfix .right .list {
  margin-top: 18px;
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  height: 580px;
  overflow: hidden;
}
.data .clearfix .right .list li,
.line .clearfix .right .list li {
  padding: 14px 0;
  color: #666666;
  padding-left: 40px;
  border-bottom: 1px dashed #eeeeee;
  position: relative;
  zoom: 1;
}
.data .clearfix .right .list li .icon,
.line .clearfix .right .list li .icon {
  background-color: #dddddd;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}
.data .clearfix .right .list li .icon i,
.line .clearfix .right .list li .icon i {
  background-position: -65px 0;
  width: 14px;
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -7px;
}
.data .clearfix .right .list li.red .icon,
.line .clearfix .right .list li.red .icon {
  /*background: @red;*/
}
.data .clearfix .right .btn,
.line .clearfix .right .btn {
  width: 260px;
  height: 50px;
  color: #ff4f56;
  font-size: 18px;
  display: block;
  margin: 20px auto 10px;
  border: 0;
  background:  -270px -205px;
  cursor: pointer;
}
.data .clearfix .right .btn:hover,
.line .clearfix .right .btn:hover {
  background:  0 -205px;
  color: #ffffff;
  border-color: #fafafa;
}
.data .clearfix .right .hint,
.line .clearfix .right .hint {
  text-align: center;
  color: #999999;
}
.tab-list {
  width: 1200px;
  margin: 0 auto;
}
.tab-list ul {
  clear: both;
  overflow: hidden;
  position: relative;
  zoom: 1;
  top: 0;
  left: -14px;
  padding: 30px 0 40px 0;
}
.tab-list ul li {
  float: left;
  display: inline;
  border-right: 1px solid #eeeeee;
  line-height: 1;
  cursor: pointer;
}
.tab-list ul li span {
  padding: 4px 14px;
  border-radius: 15px;
}
.tab-list ul li.selected {
  border-color: #ffffff;
}
.tab-list ul li.selected span {
  background: #ff4f56;
  color: #ffffff;
}
.tab-list ul li.last {
  border: 0;
}
.area-list {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.area-list a {
  color: #333333;
}
.area-list .nodata {
  background:  center top no-repeat;
  padding-top: 177px;
  color: #999999;
  text-align: center;
}
.area-list .nodata a {
  color: #ff4f56;
}
.area-list ul {
  clear: both;
  overflow: hidden;
  width: 1240px;
  padding-bottom: 20px;
}
.area-list ul li {
  float: left;
  display: inline;
  position: relative;
  zoom: 1;
  height: 225px;
  padding-left: 315px;
  padding-right: 20px;
  background: #fafafa;
  width: 245px;
  margin: 0 40px 20px 0;
}
.area-list ul li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 225px;
}
.area-list ul li .tab {
  position: absolute;
  left: 0;
  top: 10px;
  color: #ffffff;
  height: 32px;
  line-height: 32px;
  background: #ff4f56;
  padding: 0 10px;
}
.area-list ul li .tab i {
  background-position: 0 -270px;
  width: 10px;
  height: 32px;
  position: absolute;
  right: -10px;
  top: 0;
}
.area-list ul li .title {
  padding: 10px 0 5px 0;
  font-size: 24px;
  color: #333333;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.area-list ul li .other {
  position: relative;
  zoom: 1;
  padding-bottom: 18px;
  border-bottom: 1px solid #eeeeee;
}
.area-list ul li .other .price {
  color: #ff4f56;
  font-size: 18px;
}
.area-list ul li .other .local {
  position: absolute;
  right: 0;
  bottom: 18px;
  color: #999999;
  padding-left: 15px;
}
.area-list ul li .other .local i {
  background-position: -80px 0;
  width: 10px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}
.area-list ul li .desc {
  padding: 17px 0 27px 0;
}
.area-list ul li .btn {
  width: 120px;
  height: 36px;
  border: 1px solid #ff4f56;
  color: #ff4f56;
  font-size: 16px;
  background: none;
  cursor: pointer;
  border-radius: 4px;
  margin-right: 5px;
}
.area-list ul li .btn:hover {
  background: #ff4f56;
  color: #ffffff;
}
.area-list ul li .people {
  color: #ff4f56;
}
.line {
  padding-top: 40px;
  background: #ffffff;
}
.line .part-title {
  margin-top: 0;
}
.line .adv {
  width: 1200px;
  margin: 0 auto;
  display: block;
  margin: 30px auto 0;
}
.line .tab-list ul {
  padding-bottom: 10px;
}
.line .right {
  margin-top: 30px;
  background: #fafafa  left bottom no-repeat;
  padding-bottom: 100px;
}
.line .right .title {
  background: #ff4f56;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  line-height: 50px;
}
.line .right .line-enroll {
  padding: 30px 20px 0 20px;
}
.line .right .line-enroll > li {
  margin-bottom: 20px;
  line-height: 48px;
  background: #ffffff;
  position: relative;
  zoom: 1;
}
.line .right .line-enroll > li > .in {
  width: 248px;
  height: 48px;
  background: no-repeat;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  position: relative;
  zoom: 1;
  z-index: 2;
  line-height: 48px;
}
.line .right .line-enroll > li .msg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  color: #999999;
}
.line .right .line-enroll > li .delete {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  background: #eeeeee;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  display: none;
}
.line .right .line-enroll .select {
  border: 1px solid #eeeeee;
  height: 50px;
  line-height: 50px;
  color: #999999;
  padding-left: 10px;
  background: #ffffff;
  position: relative;
  zoom: 1;
}
.line .right .line-enroll .select .selected {
  cursor: pointer;
  position: relative;
  zoom: 1;
}
.line .right .line-enroll .select .selected i {
  background-position: -95px 0;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 13px;
  height: 7px;
  margin-top: -3px;
}
.line .right .line-enroll .select .select-list {
  position: absolute;
  left: -1px;
  top: 51px;
  background: #ffffff;
  width: 100%;
  display: none;
  z-index: 3;
  border: 1px solid #eeeeee;
  border-top: 0;
  max-height: 155px;
  overflow-y: auto;
}
.line .right .line-enroll .select .select-list li {
  padding-left: 10px;
  cursor: pointer;
}
.line .right .line-enroll .select .select-list li:hover {
  background: #fafafa;
}
.line .clearfix .right .btn {
  margin: 30px auto;
}
.line .clearfix .right .hint {
  text-align: left;
  padding: 0 20px;
}
.data .clearfix .right .list {
  padding-top: 0;
}
.diver-box {
  background: #fafafa;
  padding-top: 45px;
  padding-bottom: 40px;
}
.diver-box .part-title {
  margin-top: 0;
  margin-bottom: 30px;
}
.driver {
  color: #999999;
  width: 1200px;
  margin: 0 auto;
}
.driver .title {
  font-weight: bold;
  font-size: 16px;
  padding: 0 0 10px 40px;
  color: #333333;
}
.driver .left {
  border: 1px solid #eeeeee;
  padding: 20px 0;
}
.driver .left .list {
  padding: 0 20px;
  color: #333333;
  line-height: 1;
}
.driver .left .list li {
  margin-top: 10px;
  background: #ffffff;
  padding: 20px 0;
  clear: both;
  overflow: hidden;
}
.driver .left .list li .people {
  float: left;
  display: inline;
  width: 613px;
}
.driver .left .list li .people p {
  padding: 10px 20px;
  position: relative;
  zoom: 1;
}
.driver .left .list li .head {
  float: left;
  display: inline;
  border-left: 1px dashed #eeeeee;
  height: 138px;
  padding: 7px 28px 5px 28px;
  text-align: center;
  width: 140px;
}
.driver .left .list li .head p {
  color: #999999;
  margin-top: 2px;
  line-height: 1.5;
}
.driver .left .list li .head p.name {
  color: #333333;
  font-size: 16px;
}
.driver .left .list li .head p span {
  color: #ff4f56;
}
.driver .left .list li .head img {
  border-radius: 50%;
  padding: 5px;
  border: 1px solid #eeeeee;
  width: 60px;
  height: 60px;
}
.driver .left .list li span {
  color: #999999;
}
.driver .left .list li span.start {
  padding-left: 15px;
}
.driver .left .list li i {
  background-position: -135px 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
}
.driver .left .list li i.selected {
  background-position: -110px 0;
}
.driver .left .list li i.name {
  background: #ff4f56;
  width: 2px;
  height: 14px;
  margin-right: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.driver .left .list li b {
  margin-right: 50px;
}
.driver .right {
  border: 1px solid #eeeeee;
  padding: 20px 0;
}
.driver .right p {
  padding: 0 20px;
}
.driver .right .talk {
  padding: 0 20px 3px 20px;
}
.driver .right .talk li {
  position: relative;
  zoom: 1;
  margin-top: 30px;
  margin-bottom: 20px;
  background: #ffe050;
  border-radius: 25px;
  color: #333333;
  padding: 15px 20px;
}
.driver .right .talk li i {
  background-position: -160px 0;
  position: absolute;
  right: 18px;
  bottom: -10px;
  width: 14px;
  height: 16px;
}
.past {
  width: 1200px;
  margin: 0 auto;
  padding-top: 45px;
}
.past .left .part-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 28px;
}
.past .left .list {
  width: 876px;
  margin-bottom: 40px;
  clear: both;
  overflow: hidden;
}
.past .left .list li {
  text-align: center;
  color: #333333;
  float: left;
  display: inline;
  width: 266px;
  margin-right: 26px;
}
.past .left .list li a {
  color: #333333;
  display: block;
}
.past .left .list li p,
.past .left .list li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.past .left .list li .img {
  position: relative;
  zoom: 1;
}
.past .left .list li .img img {
  display: block;
  width: 100%;
}
.past .left .list li .img .desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  display: none;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
.past .left .list li .img .desc a {
  color: #ffffff;
}
.past .left .list li .img .desc p {
  position: relative;
  zoom: 1;
  z-index: 2;
  margin: 10px;
  border: 1px solid #ff4f56;
  line-height: 178px;
}
.past .left .list li .img .desc .mask {
  position: absolute;
  left: 0;
  top: 0;
  background: #000000;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.past .left .list li .title {
  padding-top: 15px;
}
.past .left .list li:hover .desc {
  display: block;
}
.past .left .list li:hover .title {
  display: none;
}
.past .left .liucheng {
  position: relative;
  zoom: 1;
}
.past .left .liucheng i {
  background-position: 0 -310px;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 0;
}
.past .left .liucheng .hr {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 12px;
  background: #ffe050;
}
.past .left .liucheng .tab {
  padding: 0 0;
  clear: both;
  overflow: hidden;
}
.past .left .liucheng .tab li {
  float: left;
  display: inline;
  position: relative;
  zoom: 1;
  width: 88px;
  margin-left: 65px;
  background:  bottom center no-repeat;
  text-align: center;
  padding-top: 48px;
  height: 114px;
}
.past .left .liucheng .tab li span {
  background:  -180px 0 no-repeat;
  width: 28px;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -14px;
  line-height: 30px;
  color: #ffe050;
  font-size: 18px;
  font-family: "century gothic";
  font-weight: bold;
  font-style: italic;
}
.past .left .liucheng .tab li b {
  display: block;
  padding: 15px 0 25px 0;
  font-size: 16px;
}
.past .left .liucheng .tab li p {
  color: #857031;
}
.past .left .hint {
  color: #999999;
  padding-top: 30px;
  line-height: 1.8;
}
.past .left .tips {
  border: 1px solid #eeeeee;
  height: 146px;
  padding-left: 75px;
  margin-top: 25px;
  position: relative;
  zoom: 1;
}
.past .left .tips .title {
  background: #ff4f56;
  color: #ffffff;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 20px;
  text-align: center;
  font-style: 16px;
  font-weight: bold;
  padding: 20px 15px;
  height: 108px;
}
.past .left .tips .title i {
  background-position: -210px 0;
  width: 19px;
  height: 31px;
  display: block;
  margin: 0 auto 5px;
}
.past .left .tips ul {
  color: #999999;
  padding-top: 40px;
  padding-right: 20px;
}
.past .left .tips ul li {
  margin-bottom: 18px;
  padding-left: 20px;
  position: relative;
  zoom: 1;
}
.past .left .tips ul span {
  color: #ff4f56;
  position: absolute;
  left: 0;
  top: 0;
}
.past .left .kft {
  background: #fafafa;
  border: 1px solid #eeeeee;
  display: block;
  line-height: 68px;
  font-weight: bold;
  text-align: center;
  color: #333333;
  margin-top: 68px;
}
.past .right .title {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 1px solid #eeeeee;
}
.past .right .title span {
  position: relative;
  zoom: 1;
  top: 1px;
  left: 0;
  padding: 10px 18px;
  border-bottom: 1px solid #ff4f56;
}
.past .right .list {
  background: #fafafa;
  padding: 20px 10px 20px 0;
  margin-bottom: 45px;
}
.past .right .list .padding {
  max-height: 330px;
  overflow-y: auto;
  padding-left: 10px;
}
.past .right .list ul {
  padding: 15px 0 1px 0;
  border-left: 1px solid #eeeeee;
}
.past .right .list li {
  padding-left: 13px;
  padding-right: 20px;
  margin-bottom: 15px;
}
.past .right .list li .time {
  position: relative;
  zoom: 1;
  color: #cccccc;
  font-family: "century gothic";
  font-weight: bold;
  margin-bottom: 8px;
}
.past .right .list li .time i {
  background: none;
  position: absolute;
  left: -17px;
  background: #fafafa;
  top: 50%;
  width: 6px;
  height: 6px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  margin-top: -4px;
}
.past .right .list li .loupan a {
  color: #333333;
  display: block;
  position: relative;
  zoom: 1;
}
.past .right .list li .loupan a span {
  position: absolute;
  right: 0;
  top: 0;
  color: #999999;
}
.past .right .list li .loupan a:hover {
  color: #ff4f56;
}
.past .right .list li .loupan a:hover span {
  color: #ff4f56;
}
.past .right .tuangou-img {
  padding: 20px 0;
  background: #fafafa;
}
.past .right .tuangou-img .tuangou {
  padding: 0 30px 0 30px;
  line-height: 38px;
}
.past .right .tuangou-img .tuangou > li {
  margin-bottom: 10px;
}
.past .right .tuangou-img .tuangou > li label {
  margin-right: 5px;
  vertical-align: middle;
}
.past .right .tuangou-img .tuangou > li span {
  border: 1px solid #eeeeee;
  display: inline-block;
  vertical-align: middle;
}
.past .right .tuangou-img .tuangou > li span.error {
  border-color: #ff4f56;
}
.past .right .tuangou-img .tuangou > li input[type="text"] {
  line-height: 38px;
  padding-left: 10px;
  border: 0;
  color: #666666;
  vertical-align: middle;
  width: 190px;
  height: 38px;
}
.past .right .tuangou-img .tuangou > li .tuangou-area,
.past .right .tuangou-img .tuangou > li .tuangou-house {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  zoom: 1;
}
.past .right .tuangou-img .tuangou > li .tuangou-area .tuangou-area-list,
.past .right .tuangou-img .tuangou > li .tuangou-house .tuangou-area-list,
.past .right .tuangou-img .tuangou > li .tuangou-area .tuangou-house-list,
.past .right .tuangou-img .tuangou > li .tuangou-house .tuangou-house-list {
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
  display: none;
  max-height: 115px;
  overflow-y: auto;
  z-index: 9;
}
.past .right .tuangou-img .tuangou > li .tuangou-area .tuangou-area-list li,
.past .right .tuangou-img .tuangou > li .tuangou-house .tuangou-area-list li,
.past .right .tuangou-img .tuangou > li .tuangou-area .tuangou-house-list li,
.past .right .tuangou-img .tuangou > li .tuangou-house .tuangou-house-list li {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding-left: 10px;
  cursor: pointer;
}
.past .right .tuangou-img .tuangou > li .tuangou-area .tuangou-area-list li:hover,
.past .right .tuangou-img .tuangou > li .tuangou-house .tuangou-area-list li:hover,
.past .right .tuangou-img .tuangou > li .tuangou-area .tuangou-house-list li:hover,
.past .right .tuangou-img .tuangou > li .tuangou-house .tuangou-house-list li:hover {
  background: #fafafa;
}
.past .right .tuangou-img .tuangou > li .tuangou-area i,
.past .right .tuangou-img .tuangou > li .tuangou-house i {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 13px;
  height: 7px;
  background-position: -95px 0;
  margin-top: -3px;
  cursor: pointer;
}
.past .right .tuangou-img .tuangou > li .tuangou-house .tuangou-house-list {
  top: auto;
  bottom: 40px;
  border-bottom: 0;
  border-top: 1px solid #eeeeee;
}
.past .right .tuangou-img .tuangou-submit {
  border: 1px solid #ff4f56;
  width: 124px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #ff4f56;
  border-radius: 17px;
  background: #ffffff;
  text-align: center;
  margin: 20px auto 0;
  cursor: pointer;
}
.past .right .tuangou-img .tuangou-submit i {
  display: inline-block;
  width: 20px;
  height: 14px;
  vertical-align: middle;
  background-position: -235px 0;
  margin-right: 5px;
}
.past .right .tuangou-img .tuangou-submit span {
  display: inline-block;
  vertical-align: middle;
}
.past .right .tuangou-img .tuangou-submit:hover {
  background: #ff4f56;
  color: #ffffff;
}
.past .right .tuangou-img .tuangou-submit:hover i {
  background-position: -235px -15px;
}
.ewm {
  padding: 30px 0;
  line-height: 2;
  color: #999999;
}
.ewm li {
  text-align: center;
  width: 120px;
  margin: 0 auto;
  position: relative;
  zoom: 1;
}
.ewm li img {
  display: block;
  padding: 12px;
  border: 1px solid #eeeeee;
}
.ewm li .hr {
  background: #eeeeee;
  width: 94px;
  position: absolute;
  top: 119px;
  left: 50%;
  margin-left: -47px;
  height: 1px;
}
.ewm li:hover {
  color: #ff4f56;
}
.ewm li:hover img {
  border-color: #ff4f56;
}
.mask {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: #000000;
  height: 100%;
  opacity: 0.8;
  z-index: 99;
  filter: alpha(opacity=80);
  display: none;
}
.dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 620px;
  margin-left: -310px;
  z-index: 100;
  display: none;
}
.dialog .title {
  background:  top center no-repeat;
  width: 100%;
  height: 66px;
  line-height: 66px;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.dialog .close {
  position: absolute;
  top: 20px;
  right: -44px;
  background-position: -425px -50px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
.dialog .ok {
  background-position: -350px -50px;
  width: 70px;
  height: 70px;
  display: block;
  margin: 10px auto 25px;
}
.dialog .content {
  background: #ffffff;
  padding: 20px 60px 25px 60px;
  color: #999999;
}
.dialog .content .hint {
  text-align: center;
}
.dialog .content .hint span {
  color: #333333;
}
.dialog .content .arrow {
  background-position: 0 0;
  width: 14px;
  height: 7px;
  display: block;
  margin: 6px auto 20px;
}
.dialog .content .agree {
  text-align: center;
}
.dialog .content .agree .checkbox {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  zoom: 1;
}
.dialog .content .agree .checkbox .checkbox-bg {
  display: block;
  width: 12px;
  height: 12px;
  background-position: -300px 0;
  margin: 0;
}
.dialog .content .agree .checkbox .checkbox-agree {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  /*filter: alpha(opacity=0);*/
}
.dialog .content .agree .checkbox .checkbox-agree:checked   i {
  background-position: -270px 0;
}
.dialog .content .agree label {
  display: inline-block;
  vertical-align: middle;
}
.dialog .content .agree label span {
  cursor: pointer;
}
.dialog .content .agree label span:hover {
  text-decoration: underline;
}
.dialog .content .submit {
  width: 360px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  background: #ff4f56;
  border-radius: 3px;
  margin: 10px auto 25px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  zoom: 1;
}
.dialog .content .submit .bg {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  background: #ff4f56;
  background: rgba(255, 255, 255, 0.2);
  transition: all 1s linear;
  border-radius: 50%;
  z-index: 1;
}
.dialog .content .submit:hover .bg {
  background: #ff4f56;
  width: 100%;
  height: 360px;
  left: 0;
  top: 50%;
  margin-top: -180px;
}
.dialog .content .submit span {
  position: relative;
  zoom: 1;
  z-index: 2;
}
.dialog .content .submit-btn {
  display: none;
}
.dialog .content .phone {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ff4f56;
}
.dialog .content .phone span {
  display: inline-block;
  vertical-align: middle;
}
.dialog .content .phone .left-phone {
  background-position: -180px -150px;
  width: 115px;
  height: 24px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.dialog .content .phone .right-phone {
  background-position: -300px -150px;
  width: 115px;
  height: 24px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.dialog .text {
  background: #ffffff;
  border-top: 1px solid #eeeeee;
  border-radius: 0 0 5px 5px;
  clear: both;
  overflow: hidden;
}
.dialog .text li {
  float: left;
  display: inline;
  width: 154px;
  border-right: 1px solid #eeeeee;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative;
  zoom: 1;
  text-align: center;
}
.dialog .text li .bg {
  background:  -465px -50px no-repeat;
  width: 80px;
  height: 80px;
  margin: 0 auto 5px;
  line-height: 80px;
  font-size: 16px;
}
.dialog .text li .bg span {
  color: #ff4f56;
  position: static;
  font-size: 14px;
}
.dialog .text li p {
  font-size: 12px;
  color: #999999;
}
.dialog .text li.n {
  border-right: 0;
}
.dialog ul.form li .input-short,
.dialog ul.form li .input-short input[type="text"],
.dialog ul.form li .input-short input[type="button"] {
  width: 228px;
}
.dialog ul.form li .input,
.dialog ul.form li .input input[type="text"] {
  width: 488px;
}
#dialogenrollok.dialog .content {
  text-align: center;
  color: #333333;
  font-size: 16px;
}
#dialogenrollok.dialog .content a {
  background: #eeeeee;
  color: #666666;
  padding: 5px 25px;
  border-radius: 15px;
}
#dialogenrollok.dialog .content .ewm {
  padding-top: 20px;
  padding-bottom: 10px;
}
#dialogenrollok.dialog .content .ewm li {
  display: inline-block;
  margin: 0 25px;
  font-size: 14px;
  vertical-align: top;
}
#dialogenrollok.dialog .content .ewm li p {
  line-height: 1.5;
  padding-top: 5px;
}
#dialogenrollok.dialog .content .submit {
  margin-bottom: 20px;
}
#dialogxuzhi.dialog {
  width: 560px;
  margin-left: -280px;
  box-shadow: 0 0 2px #999;
}
#dialogxuzhi.dialog .close {
  display: none;
}
#dialogxuzhi.dialog .content p {
  text-indent: 2em;
}
#dialogxuzhi.dialog .content .submit {
  margin-top: 25px;
}
#dialogsuggest.dialog .content li {
  height: auto;
}
#dialogsuggest.dialog .content p {
  color: #333333;
  line-height: 2;
}
#dialogsuggest.dialog .content textarea {
  width: 458px;
  border: 1px solid #eeeeee;
  height: 60px;
  padding: 5px 20px;
}
#dialogsuggest.dialog .content .input-short {
  width: 148px;
}
#dialogsuggest.dialog .content .submit {
  margin-top: 30px;
}
#dialogenroll2 {
  margin-top: -321px;
}
#dialogenroll {
  margin-top: -321px;
}
#dialogxuzhi {
  margin-top: -305px;
}
#dialogsuggest {
  margin-top: -263px;
}
#dialogenrollok {
  margin-top: -310px;
}
#dialogenrollok .close {
  display: none;
}
.aside_fixed {
  position: fixed;
  z-index: 98;
  right: 30px;
  bottom: 15px;
  width: 60px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.aside_fixed span {
  position: relative;
  width: 60px;
  height: 60px;
  display: block;
  background-color: #fafafa;
  border-top: 1px solid #eee;
  color: #999;
  font-size: 14px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
}
.aside_fixed span:hover {
  background-color: #ff4048;
  color: #fff;
}
.aside_fixed span:hover img {
  display: block;
}
.aside_fixed .gotop {
  background-image: ;
  background-repeat: no-repeat;
  background-position: center center;
}
.aside_fixed .wechat img {
  position: absolute;
  bottom: -80px;
  left: -230px;
  display: none;
  width: 217px;
  height: 225px;
  background: #fff;
}
/*.loupanlx {
	position: absolute;
	left: -1px;
	top: 48px;
	background: @white;
	width: 100%;
	z-index: 9;
	line-height: 46px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	li {
		padding-left: 10px;
		margin-bottom: 0;
		cursor: pointer;
		&:hover {
			background: #f8f8f8;
		}
	}
}*/
.enroll ul.form li,
.dialog ul.form li {
  overflow: visible;
  height: 48px;
}
.enroll ul.form li .loupanlx,
.dialog ul.form li .loupanlx {
  position: absolute;
  left: -1px;
  top: 48px;
  background: #ffffff;
  width: 100%;
  z-index: 9;
  line-height: 46px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: none;
}
.enroll ul.form li .loupanlx li,
.dialog ul.form li .loupanlx li {
  padding-left: 10px;
  margin-bottom: 0;
  cursor: pointer;
}
.enroll ul.form li .loupanlx li:hover,
.dialog ul.form li .loupanlx li:hover {
  background: #f8f8f8;
}
.search-list {
  display: none;
  width: 380px;
  border: 1px solid #eaeaea;
  border-top: 0;
  background: #eee;
  position: absolute;
  left: -2px;
  top: 47px;
  z-index: 3;
}
.search-list li {
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  position: relative;
  border-bottom: 1px dashed #ddd;
  color: #666;
}
.search-list li:hover {
  background: #fff;
}
.search-list li.active {
  background: #fff;
}
.search-list a {
  color: #666;
  display: block;
}
.search-list i {
  width: 7px;
  height: 13px;
  background:  -284px -70px;
  position: absolute;
  top: 11px;
  right: 10px;
  display: none;
}
.search-list li:hover i {
  display: block;
}
.search-list li.active i {
  display: block;
}
.search-list li:last-child {
  border: 0;
}
.search-list li a {
  text-decoration: none;
}
.headerbox {
  width: 1200px;
  margin: 20px auto;
}
.header {
  width: 100%;
  height: 46px;
}
.header .city {
  height: 35px;
  line-height: 35px;
  width: 300px;
  background:  0 center no-repeat;
  padding-left: 160px;
  color: #333;
  font-size: 30px;
}
.header p.crumbs {
  color: #999999;
  margin-top: 0px;
  text-align: left;
}
.header p.crumbs a {
  color: #999999;
}
.searchbox {
  float: right;
  width: 380px;
  height: 46px;
  border: 1px solid #cccccc;
  margin-top: -46px;
  position: relative;
  top: 0;
  left: 0;
}
.searchbox input {
  width: 300px;
  text-indent: 1em;
  height: 44px;
  line-height: 44px;
  color: #757575;
  float: left;
  font-size: 20px;
  border: 0;
  margin: 1px;
}
.searchbox span.search {
  width: 44px;
  height: 44px;
  background: #ff4048  no-repeat center center;
  display: block;
  float: right;
  margin: 1px;
  cursor: pointer;
}