html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td, img, area, param { margin: 0; padding: 0; }
ul, ol { list-style: none; }
/* 用于icon或者小图 */
i, b { font-style: normal; }
img { border: none; }
input, button, select, option, textarea { border: none; outline: none; }
input, button { font-size: 14px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #9E9E9E; }
a { text-decoration: none; color: #757575; }
/* 去掉iPhone、iPad的默认按钮样式 */
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.button { border-radius: 0; }
body { font-family: "Tahoma", "Source Han Sans CN", arial, sans-serif; font-size: 14px; line-height: 1.5; color: #757575; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
.dp-b { display: block; }
.dp-i { display: inline; }
.pos-r { position: relative; } .pos-a { position: absolute; } .pos-f { position: fixed; }
.f-l { float: left; } .f-r { float: right; } .of-h { overflow: hidden; } .of-a { overflow: auto; }

/*文字单行溢出省略号*/
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 对齐 */
.ta-l { text-align: left !important; } .ta-r { text-align: right !important; } .ta-c { text-align: center !important; }
.va-t { vertical-align: top !important; } .va-m { vertical-align: middle !important; } .va-b { vertical-align: bottom !important; }

html, body { height: 100%;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }    


.toast-txt::before, .join-err::before, .icon-triangle, .icon-exclamation, .icon-cartips, .icon-cartips2, .icon-title {
  background: url(carsell2.png) no-repeat;
}

.cs-bg {
  background-color: #fbce35;
  background-image: url(bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 100%;
}

.toast{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 48px;
  background-color: #424456;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.toast-txt{
  text-align: center;
  color: #fff;
  margin: 0 auto;
  line-height: 48px;
  vertical-align: middle;
}
.toast-txt span{
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
}
.toast-txt::before{
  width: 14px;
  height: 15px;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-position: -654px -603px;
}

.wrap {
  /* min-width: 1340px; */
}

.wrap-padding {
  padding-top: 50px;
}
.wrap-min{
  width: 1250px;
  margin: 0 auto;
}
.left-ad {
  width: 721px;
  height: 600px;
  overflow: hidden;
  background: url(carsell2.png) no-repeat;
  background-position: 0 0;
  float: left;
}

.right-join, .success {
  float: right;
  width: 400px;
  height: 420px;
  background-color: #fff;
  margin-top: 60px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 39px 33px;
}
.success{
  padding: 45px 28px 28px 28px;
  position: relative;
}
.success-tit{
  font-size: 30px;
  color: #f16622;
  margin-bottom: 20px
}
.success-txt{
  font-size: 18px;
  color: #000;
  line-height: 1.6;
}

.join-item {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dde0ec;
  height: 64px;
}

.join-item-mb {
  margin-bottom: 20px;
}

.join-txt {
  height: 62px;
  line-height: 62px;
  width: 100%;
  padding: 12px;
  font-size: 16px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.join-err-wrap {
  height: 19px;
  padding: 10px 0 23px 0;
}

.join-err {
  font-size: 14px;
  color: #d8534f;
}

.join-err::before {
  float: left;
  width: 17px;
  height: 16px;
  margin-right: 6px;
  margin-top: 3px;
  content: " ";
  background-position: -631px -604px;
}

.icon-triangle {
  width: 17px;
  height: 11px;
  background-position: -609px -604px;
  right: 20px;
  top: 25px;
}

.icon-cartips {
  width: 151px;
  height: 43px;
  background-position: -454px -604px;
}

.icon-cartips2 {
  width: 151px;
  height: 43px;
  background-position: 0 -649px;
}

.icon-title {
  width: 444px;
  height: 43px;
  background-position: 0 -604px;
}

.join-btn, .success-btn {
  background-color: #f36608;
  height: 64px;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 64px;
}
.success-btn{
  height: 48px;
  line-height: 48px;
  width: 344px;
  position: absolute;
  bottom: 28px;
}

.city-list {
  position: absolute;
  width: 100%;
  margin-left: -1px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(218, 218, 218, 1);
  overflow: hidden;
  min-height: 243px;
}
  #CityList .cityList-title {
    width: 100%;
    background: #E5E5E5;
    overflow: hidden;
  }

  #CityList .title-item, #CityList .title-item2 {
    height: 32px;
    width: 17%;
    float: left;
    border-right: 1px solid rgba(218, 218, 218, 1);
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    color: #666666;
    background: rgba(237, 237, 237, 1);
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #CityList .title-item2{
    width: 20%!important;
  }

  #CityList .br-right-none {
    border-right: none;
    width: 15%;
  }

  #CityList .activity {
    border-bottom: none;
    color: #F16622;
    background: #fff;
  }

  #CityList .activity-item {
    color: #F16622 !important;
    background: rgba(255, 245, 241, 1);
  }

  #CityList .cityList-content {
    height: 196px;
    padding: 8px 4px;
    flex-wrap: wrap;
    overflow: auto;
  }

  #CityList .content-item {
    height: 28px;
    line-height: 28px;
    width: 20%;
    float: left;
    color: #999999;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
  }

  #CityList .sub-title {
    flex: 1 1 auto;
    justify-content: space-between;
  }

  #CityList .sub-title-left {
    height: 33px;
    line-height: 32px;
    width: 58px;
    text-align: center;
    font-size: 12px;
    color: #000;
  }

  #CityList .sub-title-right {
    width: 76px;
    height: 32px;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    line-height: 32px;
    cursor: pointer;
  }


.carshow-tit{
  margin: 30px auto 50px;
}
.swiper-container {
  width: auto;
  height: 152px;
  margin-bottom: 80px;
}
.swiper-wrapper{
  margin: 0 58px;
}
.swiper-button-prev, .swiper-button-next{
  width: 17px;
  height: 40px;
  background-size: auto;
}
.swiper-button-prev{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAoCAYAAAAYGBGfAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAhpJREFUSIml1klPFFEUhuGnegABp/gD3LgiMWocwCEQQIz6h1VwQHeSCIkb4hB2iokbA6aVIFAu7i0pb1dBNZxVdZ2ut777nXPPrSzPcyeICxjvnADQxU1cPglkElMYPg6kHQEzGMb2oJAh3MYsxoqbg0AKwIOo4J+yVkNAC7cqAI2VdDCB+SoA1o+CFEuYw2iSy/EZC4dBOrgTASNJbh8fsYCNOk8y3BWqkALgExaxUbwtjVYETFUsoQA8x9ey5HJ0S4CzSS7HGl7iSzlRhrRxT/DgVIWCtahgI00UkEwwcV6oSNUSFvGtIqcj1P5GVFAHeFoHKCCTuK+/CntCGV8omVgHmakA7OODGg+qIGkr72Edr5oACsh+omBNMPF7EwChscpDNkcPW8n9IyHt5Pe4UKm02RoryXDOQdeebgp5J5hZjq4whKabKGphCcv4k+RGo6JpnDkMksXDawSPhQmWjoddvMVrwfBKJfBbGDCr+qtSdPWU0oRP/1BED8/i9bUk1xU2aIY3+Fm1nHKM4RGux4fLsYMVoZs30+WUoyfs2lX9VRsSfJsTWqEWAr+E3bui36O2MDpmxfIfNu03o+wsPlR+4ZCwXFiq8iSN8/GtE/7fIoTeWm4CIZj9UDjI0thuehb3BI9WK3KdQb4KtoSGzHHVgZ+7TZUU8cNB+XeKm4NCCkVP8D6q6h73m63ooxFcalqduriIK38BMVF8BGZSA48AAAAASUVORK5CYII=);
}
.swiper-button-next{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAoCAYAAAAYGBGfAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAgtJREFUSImd1ktPFFEQhuFnuI2KDnFjjGEtUXaioqDiDf3H4hUWqAuRibgxMbpUd16ICMJAuzh9YtNzeqaZWk2mOu/56qtT1d3IsmweH/DdgDGEWVzG6KCQEZzFafzBy0GV7KCJ25jD8CCQGC0sYh5jR4UUTx7PQdeOAhpK/NfMQVcq8knI5wrQ/VzRSB3IE3xEVsqN44Fgds/SGlmWwTk8xJTuEraxjFfoVCmBr3iaKyrHcdzJFTV6QeALnlWATuCm0P4us2M5xZjEPVxMnLyJVbzGXi8IwaNFTCdyO4JHq9gvl1OMXh4dE9p/PSrtdQe+YSn/fb6UG8NdHGC9qpxiTOYnT+kezm28qAPhv0cXdFvwu9ZsCB4t45PczEI06yohmHhGGIXpgqK/dZUQZmsTWw7PWdZ3QgvREm5t2ZfhupCTOWBO90KvpaSFG8KSKgP28bYf5BRuSa/LPaxhpRekJbwBUtvtAOvCQtuu6s644MFsApChHQESD8QSFnIFZQ86eIfHQqulIBPCYM1Ie9AuA8qQCLiqe9D2c8CS8Lo9FNGTlrBHZxKATDDxeQoQlUzkgEuJEmIXlvErBYiQBdUX6Q1W8LMKECFV3yZrworcSuQOxZB0m9uCB30BUUmnAOpgI1ewWQcQITF2hYt0JECEjApt3MAjFW3sB9kVPi8q70EdyBre48cgAPgHblSF5aysVkMAAAAASUVORK5CYII=);
}
.sw-pic{
  width: 210px;
  height: 152px;
  position: relative;
  float: left;
}
  .sp-tip{
    position: absolute;
    top: 0;
    left: 0;
  }
  .sp-pic{
    padding: 14px 0 0 9px;
  }
.sw-txt{
  width: auto;
  float: left;
  padding: 34px 0 0 16px;
  color: #515151;
  font-size: 16px;
  line-height: 1.6;
}
.sw-h1{
  color: #292102;
  font-size: 18px;
  font-weight: bold;
}