@charset "UTF-8";
@media screen and (min-width: 320px) and (max-width: 374px) {
  html {
    font-size: 20px; } }

@media screen and (min-width: 375px) {
  html {
    font-size: 23.4375px; } }

/*
* @function 边线
* @param $direct 方向 default:空  example:top
* @param $color 颜色 default:$c-b9
* @param $px 边线宽度 default:1px
* @param $style 边线类型 default:solid
* @example @include border('top') or @include border() or @include border('', $c-blue-1) 等
*/
/*
* 公共变量
*/
/**
* 背景图使用方法
* Examples:
*
*   @include retina(/images/mypic.jpg);
*   @include retina(/images/mypic.jpg, 100px 100px, left top no-repeat transparent);
*
* @param  {Value}  $path               The path to the file name minus extension.
* @param  {Value}  $size:   auto auto  The intended width of the rendered image.
* @param  {Value}  $extras: null       Any other `background` values to be added.
*/
/**
 * Description: mixins
 * User: hank.online@foxmail.com
 * Date: 2018/4/16
 * Time: 下午4:20
 *
 */
html {
  font: 16px/1;
  color: #2873FF;
  background-color: #F8F8F8; }

body {
  color: #1B1B1B;
  margin: 0 auto;
  background-color: #FFFFFF; }

.wrapper {
  overflow-x: hidden; }

.fn-hide {
  display: none; }

.load {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(//s.autoimg.cn/mass/v2/img/loading.gif) no-repeat;
  background-size: 100% 100%;
  opacity: 0.8; }

.loadingpng {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(//x.autoimg.cn/2scimg/m/20170101/loading.png) no-repeat;
  vertical-align: top;
  background-size: 15px auto;
  -webkit-animation: key-icon-load 1s infinite;
  margin-right: 8px; }

@-webkit-keyframes key-icon-load {
  0%,
  6.7% {
    background-position-y: 0; }
  6.71%,
  13.4% {
    background-position-y: -15px; }
  13.41%,
  20.1% {
    background-position-y: -30px; }
  20.11%,
  26.8% {
    background-position-y: -45px; }
  26.81%,
  33.5% {
    background-position-y: -60px; }
  33.51%,
  40.2% {
    background-position-y: -75px; }
  40.21%,
  46.9% {
    background-position-y: -90px; }
  46.91%,
  53.6% {
    background-position-y: -105px; }
  53.61%,
  60.3% {
    background-position-y: -120px; }
  60.31%,
  67% {
    background-position-y: -135px; }
  67.01%,
  73.7% {
    background-position-y: -150px; }
  73.71%,
  80.4% {
    background-position-y: -165px; }
  80.41%,
  87.1% {
    background-position-y: -180px; }
  87.11%,
  93.8% {
    background-position-y: -195px; }
  93.81%,
  100% {
    background-position-y: -210px; } }

.fn-hide {
  display: none !important; }

.fn-clear::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden; }

/* 蒙层样式 */
.mask,
.cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 50;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d; }

.cover-pop {
  z-index: 50; }

.bo-b {
  border-bottom: 1px solid #E6E6E6;
  box-sizing: border-box; }

.bo-t {
  border-top: 1px solid #E6E6E6;
  box-sizing: border-box; }

.bo-l {
  border-left: 1px solid #E6E6E6;
  box-sizing: border-box; }

.bo-r {
  border-right: 1px solid #E6E6E6;
  box-sizing: border-box; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
select,
textarea,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

ol,
ul {
  list-style: none; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

img {
  vertical-align: top; }

input,
select,
textarea {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  box-shadow: none; }

html {
  word-wrap: break-word;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif; }

ins {
  text-decoration: none; }

#myswf {
  display: none; }

@font-face {
  font-family: "iconfont";
  src: url(//s.autoimg.cn/2sc_mass/font/v20190109/iconfont.eot);
  /* IE9*/
  src: url(//s.autoimg.cn/2sc_mass/font/v20190109/iconfont.eot?#iefix) format("embedded-opentype"), url(//s.autoimg.cn/2sc_mass/font/v20190109/iconfont.woff) format("woff"), url(//s.autoimg.cn/2sc_mass/font/v20190109/iconfont.ttf) format("truetype"), url(//s.autoimg.cn/2sc_mass/font/v20190109/iconfont.svg#iconfont) format("svg");
  /* iOS 4.1- */ }

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

.icon-xiazai:before {
  content: "\e61b"; }

.icon-star:before {
  content: "\2606"; }

.icon-message:before {
  content: "\229f"; }

.icon-calendar:before {
  content: "\2a06"; }

.icon-arrow-left:before {
  content: "\e61e"; }

.icon-user:before {
  content: "\263a"; }

.icon-time:before {
  content: "\2a00"; }

.icon-navigate:before {
  content: "\29eb"; }

.icon-notice:before {
  content: "\2a5f"; }

.icon-tel:before {
  content: "\2ad5"; }

.icon-pos:before {
  content: "\27df"; }

.icon-play:before {
  content: "\25b6"; }

.icon-refresh:before {
  content: "\27f3"; }

.icon-share:before {
  content: "\2934"; }

.icon-shop:before {
  content: "\24"; }

.icon-star-fill:before {
  content: "\2605"; }

.icon-filter:before {
  content: "\29d6"; }

.icon-search:before {
  content: "\29c2"; }

.icon-strate:before {
  content: "\2751"; }

.icon-ratio:before {
  content: "\2253"; }

.icon-index:before {
  content: "\2a4d"; }

.icon-car:before {
  content: "\50"; }

.icon-cross:before {
  content: "\58"; }

.icon-sale:before {
  content: "\ffe5"; }

.icon-warn:before {
  content: "\21"; }

.icon-clock:before {
  content: "\e600"; }

.icon-upload:before {
  content: "\2191"; }

.icon-img:before {
  content: "\e602"; }

.icon-v:before {
  content: "\2164"; }

.icon-load:before {
  content: "\e601"; }

.icon-link:before {
  content: "\e603"; }

.icon-add:before {
  content: "\e604"; }

.icon-more:before {
  content: "\e605"; }

.icon-ok:before {
  content: "\2713"; }

.icon-query:before {
  content: "\63"; }

.icon-evaluate:before {
  content: "\e606"; }

.icon-limitmove:before {
  content: "\e607"; }

.icon-add-fine:before {
  content: "\e60f"; }

.icon-loading:before {
  content: "\e612"; }

.icon-tel-fill:before {
  content: "\e613"; }

.icon-sell-cars:before {
  content: "\e614"; }

.icon-star-radius:before {
  content: "\e63e"; }

.icon-banshou:before {
  content: "\e619"; }

.icon-glass:before {
  content: "\e615"; }

.icon-money:before {
  content: "\e617"; }

.icon-pos-fill:before {
  content: "\e61a"; }

.icon-off:before {
  content: "\e61c"; }

.icon-yuyue:before {
  content: "\e61d"; }

.icon-sort:before {
  content: "\e644"; }

.icon-filter2:before {
  content: "\e620"; }

.icon-arrow-up:before {
  content: "\fe3f"; }

.icon-cross-fine:before {
  content: "\e610"; }

.icon-ok-fine:before {
  content: "\e611"; }

.icon-arrow-down:before {
  content: "\fe40"; }

.icon-clear:before {
  content: "\e61f"; }

.icon-arrow-right:before {
  content: "\3009"; }

.icon-qq:before {
  content: "\e616"; }

.icon-weixin:before {
  content: "\e618"; }

.icon-record:before {
  content: "\e608"; }

.icon-sellcar:before {
  content: "\e609"; }

.icon-kalendar:before {
  content: "\e60a"; }

.icon-coupon:before {
  content: "\e60b"; }

.icon-save:before {
  content: "\e60c"; }

.icon-collected:before {
  content: "\e621"; }

.icon-collect:before {
  content: "\e622"; }

.icon-share1:before {
  content: "\e623"; }

.icon-buy:before {
  content: "\e60e"; }

.icon-sell:before {
  content: "\e624"; }

.icon-menu:before {
  content: "\2254"; }

.icon-fenxiang:before {
  content: "\e626"; }

.icon-wallet:before {
  content: "\e625"; }

.icon-ic_duibia:before {
  content: "\e60d"; }

.icon-compare:before {
  content: "\64"; }

.icon-score:before {
  content: "\e627"; }

.icon-finance:before {
  content: "\e628"; }

.icon-have:before {
  content: "\e629"; }

.icon-shandian:before {
  content: "\e62a"; }

.icon-caidan:before {
  content: "\e62b"; }

.icon-large-up:before {
  content: "\e62d"; }

.icon-large-down:before {
  content: "\e62e"; }

.icon-large-right:before {
  content: "\e62f"; }

.icon-large-left:before {
  content: "\e630"; }

.icon-shaixuan:before {
  content: "\e631"; }

.icon-unselected:before {
  content: "\e632"; }

.icon-selected:before {
  content: "\e633"; }

.icon-normal-up:before {
  content: "\e634"; }

.icon-normal-down:before {
  content: "\e635"; }

.icon-normal-right:before {
  content: "\e636"; }

.icon-normal-left:before {
  content: "\e637"; }

.icon-add-to:before {
  content: "\e638"; }

.icon-small-up:before {
  content: "\e639"; }

.icon-small-right:before {
  content: "\e63b"; }

.icon-small-left:before {
  content: "\e63c"; }

.icon-small-down-copy:before {
  content: "\64"; }

.icon-delete-copy:before {
  content: "\64"; }

.icon-qiche:before {
  content: "\e62c"; }

.icon-qi:before {
  content: "\e63a"; }

.icon-selected-new:before {
  content: "\e63d"; }

.icon-hongbao:before {
  content: "\e63f"; }

.icon-guohufangdai:before {
  content: "\e640"; }

.icon-qianyuegouche:before {
  content: "\e641"; }

.icon-sanfangxieyi:before {
  content: "\e642"; }

.icon-xinyongshenpi:before {
  content: "\e643"; }

.icon-zaixianshenqing:before {
  content: "\e645"; }

.icon-zhongzhi:before {
  content: "\e646"; }

.icon-success:before {
  content: "\e647"; }

.icon-fail:before {
  content: "\e648"; }

.icon-daikuan:before {
  content: "\e649"; }

.icon-jingxuan:before {
  content: "\e64a"; }

.icon-jingxuan1:before {
  content: "\e64b"; }

.icon-shouji:before {
  content: "\e64c"; }

.icon-fangkuan:before {
  content: "\e64d"; }

.icon-mianqian:before {
  content: "\e64e"; }

.icon-mianqianchenggong:before {
  content: "\e64f"; }

.icon-mianqianshibai:before {
  content: "\e650"; }

.icon-shenqing:before {
  content: "\e651"; }

.icon-shenqingchenggong:before {
  content: "\e652"; }

.icon-jiantou:before {
  content: "\e653"; }

.icon-Certification:before {
  content: "\e654"; }

.icon-maintain:before {
  content: "\e655"; }

.icon-clear1:before {
  content: "\e656"; }

.icon-fail1:before {
  content: "\e657"; }

.icon-camera:before {
  content: "\e658"; }

.icon-fangkuanshibai1:before {
  content: "\e65a"; }

.icon-instalment:before {
  content: "\e659"; }

.icon-insurance:before {
  content: "\e65b"; }

.icon-search-enter:before {
  content: "\e65c"; }

.icon-gongxuliang-che:before {
  content: "\e65d"; }

.icon-xuqiuliang-ren:before {
  content: "\e65e"; }

.icon-tubiao_gongjulan_maiche:before {
  content: "\e65f"; }

.icon-icon-dianping:before {
  content: "\e660"; }

.icon-icon-maiche:before {
  content: "\e661"; }

.icon-icon-home:before {
  content: "\e662"; }

.icon-CombinedShape:before {
  content: "\e663"; }

.icon-tab_sell:before {
  content: "\e664"; }

.icon-gongju:before {
  content: "\e665"; }

.wrapper {
  position: relative; }

.content-wrap {
  background: #fff;
  position: relative;
  padding: 0 20px; }

.content-all {
  margin-bottom: 40px;
  text-align: center; }
  .content-all .title-all {
    font-weight: 600;
    font-size: 22px;
    color: #111E36;
    line-height: 1;
    text-align: center;
    position: relative;
    padding-left: 26px;
    box-sizing: border-box;
    width: 220px;
    margin: 0 auto; }
    .content-all .title-all i {
      background: url("//x.autoimg.cn/2scimg/m/20200317/bg06@3x.png");
      background-size: 100% 100%;
      width: 22px;
      height: 22px;
      margin-right: 4px;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 10px; }
  .content-all .vice-title {
    font-size: 14px;
    color: #666D7F;
    margin-top: 7px;
    text-align: center;
    display: inline-block;
    position: relative; }
    .content-all .vice-title i {
      background: url("//x.autoimg.cn/2scimg/m/20200317/bg07@3x.png");
      background-size: 100% 100%;
      height: 4px;
      width: 100%;
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 0; }
    .content-all .vice-title.title-icon i {
      background: url("//x.autoimg.cn/2scimg/m/20200317/bg08@3x.png");
      background-size: 100% 100%; }

.tips {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1001;
  padding: 13px 16px;
  max-width: 280px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  box-sizing: border-box; }

.header-warning {
  height: 32px;
  overflow: hidden;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: rgba(255, 74, 59, 0.1);
  position: relative; }
  .header-warning .icon01 {
    width: 14px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block; }
    .header-warning .icon01 img {
      width: 100%; }
  .header-warning .warning-txt {
    display: inline-block;
    font-size: 12px;
    color: #FF4A3B;
    padding: 6px 0;
    padding-left: 41px;
    padding-right: 38px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

.header {
  position: relative; }
  .header header {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 17px;
    color: #111E36;
    text-align: center;
    font-weight: 700;
    z-index: 3; }
    .header header span {
      float: left;
      position: absolute;
      top: 11px;
      left: 20px;
      width: 22px;
      height: 22px;
      background: url("//s.autoimg.cn/2sc/2sc_new/scb/img/sell-sprites@2x.png") -37px -129px no-repeat;
      background-size: 158px auto; }
  .header .display-area {
    position: relative; }
    .header .display-area img {
      width: 100%; }
    .header .display-area .city-top {
      position: absolute;
      right: 12px;
      top: 32px;
      padding: 8px;
      z-index: 4; }
      .header .display-area .city-top p {
        border-radius: 13.5px;
        height: 27px;
        max-width: 114px;
        position: relative;
        color: #fff;
        white-space: nowrap;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1;
        background: rgba(0, 0, 0, 0.8);
        padding: 6px 24px 6px 10px;
        box-sizing: border-box; }
        .header .display-area .city-top p::before {
          position: absolute;
          content: '';
          width: 0;
          height: 0;
          right: 10px;
          top: 62%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-top: 5px solid #fff; }

.change-info {
  width: 90%;
  margin: 0 auto;
  margin-top: -30px;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  position: relative;
  margin-bottom: 5px; }
  .change-info .btn-new {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 12px;
    z-index: 11;
    color: #666D7F;
    vertical-align: -2px; }
    .change-info .btn-new em {
      width: 12px;
      height: 12px;
      display: inline-block;
      background: url(//x.autoimg.cn/2scimg/m/20200306/icon03@3x.png) no-repeat;
      background-size: 100% 100%; }
    .change-info .btn-new span {
      vertical-align: 2px; }
  .change-info .change-title {
    margin-top: 0 !important; }
  .change-info .card-contrast {
    background: #fff;
    border-radius: 4px;
    position: relative;
    padding-top: 16px;
    box-sizing: border-box; }
    .change-info .card-contrast .cars-list {
      margin: 0 16px 16px;
      border-radius: 4px; }
      .change-info .card-contrast .cars-list.border-dashed {
        border: dashed 1px #C5CAD4; }
    .change-info .card-contrast .arrow-right {
      position: absolute;
      top: 18px;
      right: 0;
      width: 9px;
      height: 13px;
      background: url(//s.autoimg.cn/2sc/2sc_new/detail/img/detail-sprites@3x.png) -144px -128px no-repeat;
      background-size: 163px auto;
      vertical-align: middle; }
    .change-info .card-contrast .icon-line {
      width: 100%;
      height: 8px;
      background: url(//x.autoimg.cn/2scimg/m/20200306/line@3x.png) center no-repeat;
      background-size: 100% 100%;
      margin-top: 148px; }
    .change-info .card-contrast .set-up {
      width: 18%;
      display: inline-block;
      text-align: center;
      font-size: 12px;
      padding-top: 12%;
      color: #666d7f;
      float: left; }
    .change-info .card-contrast .car-all {
      box-sizing: border-box; }
      .change-info .card-contrast .car-all .infor-content {
        margin: 0 auto;
        border-radius: 4px;
        overflow: hidden;
        text-align: center; }
        .change-info .card-contrast .car-all .infor-content .nullCar {
          padding: 20px 0; }
          .change-info .card-contrast .car-all .infor-content .nullCar i {
            width: 22px;
            height: 22px;
            margin: 0 auto 10px;
            display: block;
            background: url("//x.autoimg.cn/2scimg/m/20200507/add-btn.png") no-repeat;
            background-size: 100% 100%; }
          .change-info .card-contrast .car-all .infor-content .nullCar span {
            font-size: 16px;
            line-height: 18px;
            color: #111e36; }
      .change-info .card-contrast .car-all .card-bottom-text {
        display: none; }
      .change-info .card-contrast .car-all .car-img {
        display: none; }
      .change-info .card-contrast .car-all.car-all-error p {
        background: url("//x.autoimg.cn/2scimg/m/20200306/bg04.png");
        background-size: 100% 100%; }
      .change-info .card-contrast .car-all.car-all-active {
        background: none; }
        .change-info .card-contrast .car-all.car-all-active .infor-content {
          height: 48px;
          width: 64px;
          position: relative; }
          .change-info .card-contrast .car-all.car-all-active .infor-content .nullCar {
            display: none; }
          .change-info .card-contrast .car-all.car-all-active .infor-content img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            -o-object-fit: cover;
               object-fit: cover; }
        .change-info .card-contrast .car-all.car-all-active .car-img {
          display: block;
          width: 100%;
          height: auto; }
        .change-info .card-contrast .car-all.car-all-active .buy-card-synthesis {
          text-align: center;
          display: block !important;
          font-size: 14px;
          height: 18px;
          color: #666d7f;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .change-info .card-contrast .car-all.car-all-active .card-bottom-text {
          display: block;
          margin-top: 8px; }
          .change-info .card-contrast .car-all.car-all-active .card-bottom-text .infor-content {
            width: 64px; }
          .change-info .card-contrast .car-all.car-all-active .card-bottom-text .car-titie {
            font-size: 16px;
            color: #111e36;
            font-weight: 800;
            height: 20px;
            overflow: hidden;
            text-align: center;
            padding-bottom: 6px;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .change-info .card-contrast .car-all.car-all-active .card-bottom-text .buy-card-synthesis {
            display: none; }
    .change-info .card-contrast .all-base-infor {
      margin-top: 10px; }
      .change-info .card-contrast .all-base-infor li {
        position: relative;
        padding: 14px 0;
        margin: 0 16px;
        line-height: 1.3;
        color: #111e36;
        font-size: 16px;
        overflow: hidden;
        border-bottom: 1px solid #f1f3f6; }
        .change-info .card-contrast .all-base-infor li.label-box {
          padding: 14px 0;
          border: 0; }
        .change-info .card-contrast .all-base-infor li:first-of-type p {
          color: #c5cad4; }
        .change-info .card-contrast .all-base-infor li .select-list {
          width: 65%;
          background: #fff;
          vertical-align: top;
          font-size: 16px;
          margin: 0 36px 0 94px;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          background: #fff; }
          .change-info .card-contrast .all-base-infor li .select-list::-ms-expand {
            display: none; }
          .change-info .card-contrast .all-base-infor li .select-list .select-item {
            line-height: 16px;
            font-size: 16px;
            color: #111e36; }
        .change-info .card-contrast .all-base-infor li.error {
          background: #fe4a3b;
          font-size: 12px;
          height: 40px;
          line-height: 40px;
          color: #ffffff;
          box-sizing: border-box;
          position: relative;
          padding: 0 !important;
          padding-left: 20px !important;
          margin: 0 !important;
          overflow: inherit !important; }
          .change-info .card-contrast .all-base-infor li.error::after {
            content: '';
            position: absolute;
            width: 17px;
            height: 12px;
            top: -10px;
            left: 22px;
            background: url("//x.autoimg.cn/2scimg/m/20200306/icon01@3x.png") no-repeat;
            background-size: 100% 100%;
            border-radius: 4px; }
      .change-info .card-contrast .all-base-infor .infor-name {
        position: absolute;
        left: 0;
        font-size: 16px;
        top: 51%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .change-info .card-contrast .all-base-infor .base-content {
        margin: 0 36px 0 94px;
        width: 225px;
        height: 20px;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #111e36 !important;
        vertical-align: top; }
        .change-info .card-contrast .all-base-infor .base-content.selected-city {
          vertical-align: -2px; }
        .change-info .card-contrast .all-base-infor .base-content::-webkit-input-placeholder {
          color: #c5cad4; }
        .change-info .card-contrast .all-base-infor .base-content::-moz-placeholder {
          color: #c5cad4; }
        .change-info .card-contrast .all-base-infor .base-content:-ms-input-placeholder {
          color: #c5cad4; }
        .change-info .card-contrast .all-base-infor .base-content::-ms-input-placeholder {
          color: #c5cad4; }
        .change-info .card-contrast .all-base-infor .base-content::placeholder {
          color: #c5cad4; }
      .change-info .card-contrast .all-base-infor .arrow-right {
        position: absolute;
        top: 19px;
        right: 0;
        width: 12px;
        height: 12px;
        background: url(//x.autoimg.cn/2scimg/m/20200306/icon03@3x.png) no-repeat;
        background-size: 100% 100%; }
      .change-info .card-contrast .all-base-infor .infor-unit {
        position: absolute;
        top: 17px;
        right: 0;
        color: #666d7f; }
      .change-info .card-contrast .all-base-infor .displacement .infor-unit i {
        float: right;
        margin-left: 8px; }

.tp-form-input {
  border: 0; }

.tp-form-input-label {
  position: relative; }
  .tp-form-input-label .label {
    display: block;
    z-index: 1; }
    .tp-form-input-label .label .checkbox {
      -webkit-appearance: none;
      box-sizing: border-box;
      width: 20px;
      height: 20px;
      vertical-align: top;
      border-radius: 50%;
      background: none;
      border: 0;
      background-color: #f8f8f8;
      border: 1px solid #c5cad4;
      position: absolute;
      top: 10px;
      left: 0;
      z-index: 2; }
    .tp-form-input-label .label .sub-business-info-area {
      padding-left: 30px; }
      .tp-form-input-label .label .sub-business-info-area .area-name {
        font-size: 16px;
        color: #111e36; }
      .tp-form-input-label .label .sub-business-info-area .distance {
        font-size: 12px;
        color: #666d7f;
        line-height: 1.2; }
  .tp-form-input-label .checked .checkbox {
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    vertical-align: top;
    border-radius: 50%;
    background: none;
    border: 0;
    background-color: #f1f3f6;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2; }
    .tp-form-input-label .checked .checkbox::before {
      content: '\e64d';
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: 1px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      color: #ccc;
      font-size: 20px;
      font-family: 'usedfont' !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
      color: #0055ff; }

.fill-data {
  margin: 20px 0;
  background: #F8F9FC;
  border-radius: 4px;
  height: 44px;
  text-align: center; }
  .fill-data p {
    font-size: 12px;
    color: #666D7F;
    line-height: 44px; }
    .fill-data p span {
      display: inline-block;
      font-family: 'DINAlternate-Bold';
      font-size: 12px;
      line-height: 44px;
      color: #FF6600; }

.accurate h3 {
  font-size: 22px;
  color: #111E36;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px; }

.accurate ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.accurate li {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center; }
  .accurate li i {
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto 10px; }
    .accurate li i img {
      width: 100%;
      height: auto; }
  .accurate li p {
    font-size: 16px;
    color: #111E36;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 4px; }
  .accurate li span {
    display: block;
    font-size: 12px;
    color: #666D7F;
    line-height: 16px; }

.isScroll {
  height: 44px;
  text-align: center;
  overflow: hidden;
  line-height: 44px;
  background: #F8F9FC;
  border-radius: 4px;
  margin: 20px 0;
  height: 44px;
  padding: 0 20px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .isScroll .change-num {
    font-size: 14px;
    color: #666D7F;
    box-sizing: border-box;
    line-height: 44px;
    height: 44px !important; }
    .isScroll .change-num .swiper-slide {
      line-height: 44px;
      height: 44px !important;
      font-size: 12px;
      color: #666D7F; }
      .isScroll .change-num .swiper-slide em {
        max-width: 74px;
        position: relative;
        top: -1px;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: middle;
        font-size: 13px; }
        @media screen and (min-width: 376px) and (max-width: 415px) {
          .isScroll .change-num .swiper-slide em {
            top: -1px; } }
        @media screen and (min-width: 416px) and (max-width: 1025px) {
          .isScroll .change-num .swiper-slide em {
            top: -1.5px; } }
  .isScroll .personnel-num {
    font-size: 12px;
    color: #666D7F; }
  .isScroll span {
    font-family: 'DINAlternate-Bold';
    font-size: 12px;
    color: #FF6600;
    margin: 0 2px; }

.footer {
  margin-top: 20px;
  padding-bottom: 140px;
  background: #F8F9FC;
  padding-top: 30px; }
  .footer .footer-btn {
    position: relative; }
    .footer .footer-btn .footer-welfare {
      position: absolute;
      top: -4px;
      right: -4px;
      background: #FF6600;
      border: 1px solid #FFFFFF;
      color: #fff;
      font-size: 9px;
      padding: 2px 3px;
      border-radius: 6px 0 4px 0; }
  .footer .logo-area {
    text-align: center; }
    .footer .logo-area .autohome-logo {
      width: 126px;
      height: 34px;
      margin: 0 auto; }
      .footer .logo-area .autohome-logo img {
        width: 100%; }
    .footer .logo-area .notice {
      margin-top: 16px;
      font-size: 11px;
      color: #C5CAD4;
      line-height: 1.2; }
      .footer .logo-area .notice a,
      .footer .logo-area .notice a:visited,
      .footer .logo-area .notice a:active,
      .footer .logo-area .notice a:link,
      .footer .logo-area .notice a:hover {
        color: #C5CAD4; }
  .footer .footer-bottom {
    text-align: center;
    padding: 20px 20px;
    padding-top: 0;
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0;
    z-index: 8;
    background: #fff;
    box-sizing: border-box; }
    .footer .footer-bottom .footer-btn {
      position: relative; }
      .footer .footer-bottom .footer-btn .footer-welfare {
        position: absolute;
        top: -4px;
        right: -4px;
        background: #FF6600;
        border: 1px solid #FFFFFF;
        color: #fff;
        font-size: 9px;
        padding: 2px 3px;
        border-radius: 6px 0 4px 0; }
    .footer .footer-bottom .item-bargain {
      text-align: center;
      background: #0055FF;
      border-radius: 6px;
      width: 100%;
      padding: 14px 0;
      font-size: 16px;
      color: #FFFFFF; }
      .footer .footer-bottom .item-bargain.disabled {
        background: #F1F3F6;
        color: #C5CAD4; }
    .footer .footer-bottom .athm-yszc {
      font-size: 11px;
      color: #666D7F;
      margin-top: 8px;
      padding-bottom: 10px; }
      .footer .footer-bottom .athm-yszc a {
        color: #0055FF; }
  .footer .item-info {
    position: fixed;
    bottom: 170px;
    right: 16px;
    background: url("//x.autoimg.cn/2scimg/m/20200306/btn01.png");
    background-size: 100% 100%;
    width: 69px;
    height: 69px;
    z-index: 5; }
    .footer .item-info span {
      background: rgba(17, 30, 54, 0.5);
      background: #666D7F;
      border-radius: 3.63px 0 4.84px 0;
      font-size: 9.08px;
      color: #FFFFFF;
      margin-top: 34px; }
  .footer .athm-toast-standard {
    min-height: auto;
    padding: 16px; }
    .footer .athm-toast-standard .athm-toast-standard__description {
      margin-top: 0; }

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .athm-yszc {
    padding-bottom: 30px !important; } }

.btn-loading {
  -webkit-animation: athm-toast-loading .5s linear infinite;
  animation: athm-toast-loading .5s linear infinite;
  display: inline-block;
  vertical-align: 2px; }
  .btn-loading:before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: top;
    background: url("//s.autoimg.cn/mass/athm19/athm-toast-iconpng-v20190903.png") no-repeat;
    background-size: 40px auto;
    background-position: 0 -120px; }

@-webkit-keyframes athm-toast-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes athm-toast-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

.verification-mask .mask, .back-mask .mask, .publish-mask .mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.8); }

.verification-mask .mask-content {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
  padding: 22px 20px 74px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 16.07px 16.07px 0 0;
  box-sizing: border-box;
  line-height: 1; }
  .verification-mask .mask-content h5 {
    margin-bottom: 24px;
    width: calc(100% - 30px);
    font-size: 17px;
    color: #111E36;
    text-align: center;
    font-weight: 700;
    line-height: 18px; }
  .verification-mask .mask-content .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    background: url(https://s.autoimg.cn/2sc/2sc_new/scb/img/sell-sprites@2x.png) -69px -129px no-repeat;
    background-size: 158px auto; }
  .verification-mask .mask-content div {
    padding: 17px 0;
    font-size: 16px;
    color: #111E36;
    border-bottom: 1px solid #F1F3F6; }
    .verification-mask .mask-content div:last-of-type {
      padding-top: 20px;
      padding-bottom: 0;
      border-bottom: none; }
    .verification-mask .mask-content div label {
      margin-right: 46px; }
    .verification-mask .mask-content div input {
      width: calc(100% - 180px); }
      .verification-mask .mask-content div input[type="tel"] {
        color: #C5CAD4; }
      .verification-mask .mask-content div input::-webkit-input-placeholder {
        font-size: 16px;
        color: #C5CAD4; }
    .verification-mask .mask-content div .get-code {
      width: 70px;
      font-size: 14px;
      color: #0055FF;
      text-align: center; }
    .verification-mask .mask-content div button[type="button"] {
      width: 100%;
      height: 50px;
      background: #0055FF;
      border-radius: 6px;
      font-size: 16px;
      color: #FFFFFF; }

.back-mask .mask-content, .publish-mask .mask-content {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 32px 20px 20px;
  width: 280px;
  background: #FFFFFF;
  border-radius: 12px;
  text-align: center;
  box-sizing: border-box; }
  .back-mask .mask-content .close-btn, .publish-mask .mask-content .close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 12px;
    height: 12px;
    background: url(https://s.autoimg.cn/2sc/2sc_new/scb/img/sell-sprites@2x.png) -67px -101px no-repeat;
    background-size: 158px auto; }
  .back-mask .mask-content .notice-title, .publish-mask .mask-content .notice-title {
    font-weight: 700;
    font-size: 17px;
    color: #111E36;
    line-height: 1; }
  .back-mask .mask-content .notice-content, .publish-mask .mask-content .notice-content {
    margin: 17px 0 21px;
    font-size: 15px;
    color: #666D7F;
    line-height: 1.4; }
  .back-mask .mask-content button, .publish-mask .mask-content button {
    display: block;
    float: left;
    width: 115px;
    height: 40px;
    font-size: 14px;
    border-radius: 6px; }
  .back-mask .mask-content .btn-back, .publish-mask .mask-content .btn-back {
    margin-right: 10px;
    color: #0055FF;
    background: #fff;
    border: 1px solid rgba(60, 120, 255, 0.2); }
  .back-mask .mask-content .btn-close, .publish-mask .mask-content .btn-close {
    color: #FFFFFF;
    background: #0055FF; }

.mask-content.detention {
  width: 335px;
  background: url("//s.autoimg.cn/2sc/2sc_fe/pc/detail-new/v1.2.3/img/imgpng_pinkBg.png") no-repeat;
  background-size: 100% auto;
  padding: 15px 14px 22px; }
  .mask-content.detention .icon-gold-bg {
    position: absolute;
    top: 15px;
    right: -7px;
    width: 71px;
    height: 40px;
    background: url("//s.autoimg.cn/2sc/2sc_fe/pc/detail-new/v1.2.3/img/icon-gold.png") no-repeat;
    background-size: 100%; }
  .mask-content.detention .detention-title {
    width: 198px;
    font-family: FZZDHJW--GB1-0;
    font-weight: bold;
    font-size: 20px;
    color: #EE461E;
    line-height: 24px;
    text-align: left; }
  .mask-content.detention .detention-content {
    margin-top: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .mask-content.detention .detention-content li {
      float: left;
      width: 31%;
      height: 100px;
      background: #FEDEDF;
      box-shadow: 0 2px 10px 0 #FEDADC;
      border-radius: 4px; }
      .mask-content.detention .detention-content li .iconimg {
        width: 33px;
        height: 33px;
        margin-top: 22px; }
      .mask-content.detention .detention-content li .sketch-txt {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #DF7C75;
        margin-top: 12px; }
  .mask-content.detention .detention-button {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .mask-content.detention .detention-button .btn {
      width: 48%;
      height: 39px;
      line-height: 39px;
      text-align: center;
      background: #FFFFFF;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #111E36;
      letter-spacing: 0;
      border-radius: 19.5px; }
      .mask-content.detention .detention-button .btn.btn-red {
        background: #EE461E;
        color: #FFFFFF; }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  background: #fff;
  width: 100vw;
  height: 100vh; }
  .loading .athm-loading-running {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

@font-face {
  font-family: 'usedfont';
  src: url(//s.autoimg.cn/2sc/tp/m/iconfont/v1.0.1/iconfont.eot);
  src: url(//s.autoimg.cn/2sc/tp/m/iconfont/v1.0.1/iconfont.eot?#iefix) format("embedded-opentype"), url(//s.autoimg.cn/2sc/tp/m/iconfont/v1.0.1/iconfont.woff) format("woff"), url(//s.autoimg.cn/2sc/tp/m/iconfont/v1.0.1/iconfont.ttf) format("truetype"), url(//s.autoimg.cn/2sc/tp/m/iconfont/v1.0.1/iconfont.svg#iconfont) format("svg");
  src: local("DINAlternate-Bold"), url(//s.autoimg.cn/mass/font/DINAlternate-Bold.ttf) format("truetype"); }

div,
a,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  box-shadow: none; }

.w-sharing .mask {
  opacity: 1; }

span,
a,
i {
  display: inline-block; }

.two-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.tips {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1001;
  padding: 13px 16px;
  max-width: 280px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center; }

.tips2 {
  top: auto;
  bottom: 160px; }

.block-brand .nav-final,
.block-cartype .nav-final,
.cartype-sub .nav-final,
.aside-block-filter .nav-final,
.cartype-sub-sub .nav-final {
  line-height: 44px; }

/*# sourceMappingURL=valuation-index.css.map */