.search[data-v-73cee40c] {
  margin-left: 15px;
}
.search .search-text[data-v-73cee40c] {
  color: #151F1E;
}

.container[data-v-27cebd44] {
  box-sizing: border-box;
  width: 453px;
  height: 338px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
}
.container .body[data-v-27cebd44] {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  padding-left: 70px;
}
.container .body .side-bar[data-v-27cebd44] {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 70px;
  height: 100%;
  border-right: 1px solid #eee;
}
.container .body .side-bar-col[data-v-27cebd44] {
  box-sizing: border-box;
  width: 35px;
  height: 100%;
  padding: 4px 0;
}
.container .body .side-bar-row[data-v-27cebd44] {
  position: relative;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  margin-top: 6px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0;
  color: #333;
  border-radius: 50%;
}
.container .body .side-bar-row[data-v-27cebd44]:first-child {
  margin-top: 0;
}
.container .body .side-bar-row[data-v-27cebd44]:hover,
.container .body .side-bar-row-selected[data-v-27cebd44] {
  color: #fff !important;
  background-color: #00CECF;
}
.container .body .side-bar-row .side-bar-cell[data-v-27cebd44] {
  display: inline-block;
  text-align: center;
}
.container .body .list[data-v-27cebd44] {
  overflow-y: scroll;
  height: 100%;
  color: #333;
}
.container .body .list .list-row-title[data-v-27cebd44] {
  position: sticky;
  top: 0;
  width: 100%;
  height: 28px;
  padding-left: 22px;
  font-size: 14px;
  line-height: 28px;
  background: #f8f8f8;
}
.container .body .list .list-row-content[data-v-27cebd44] {
  width: 100%;
  padding: 7px 0 7px 22px;
  line-height: 32px;
}
.container .body .list .list-row-content-cell[data-v-27cebd44] {
  display: inline-block;
  width: 25%;
  height: 32px;
}
.container .body .list .list-row-content-cell .city-name[data-v-27cebd44] {
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  cursor: pointer;
}
.container .body .list .list-row-content-cell .selected-city[data-v-27cebd44] {
  font-weight: 700;
  color: #00CECF;
}
.container .body .list .list-row-content-cell[data-v-27cebd44]:hover {
  color: #00CECF;
}
.clueDialog-wrapper .body[data-v-27cebd44] {
  padding-left: 63px;
}
.clueDialog-wrapper .body .side-bar[data-v-27cebd44] {
  width: 63px;
}
.clueDialog-wrapper .body .side-bar-col[data-v-27cebd44] {
  width: 50%;
}
.clueDialog-wrapper .body .side-bar-row[data-v-27cebd44] {
  font-size: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-family: PingFangSC-Regular;
  color: #232A34;
}
.clueDialog-wrapper .body .list .list-row-title[data-v-27cebd44] {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  padding-left: 12px;
}
.clueDialog-wrapper .body .list .list-row-content[data-v-27cebd44] {
  padding: 7px 0;
}
.clueDialog-wrapper .body .list .list-row-content .city-name[data-v-27cebd44] {
  text-align: center;
}

.menu-topbar-wrapper[data-v-103a9ae8] {
  width: 100%;
  background: #fff;
  user-select: none;
  z-index: 9999;
  border-bottom: 0.5px solid #EEEEEE;
}
.menu-topbar[data-v-103a9ae8] {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 1200px;
  height: 72px;
  margin: auto;
  margin-top: 0;
  color: #fff;
  flex-wrap: nowrap;
}
.menu-topbar .left[data-v-103a9ae8] {
  display: flex;
  height: 100%;
  margin-right: 0;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
.menu-topbar .left .logo[data-v-103a9ae8] {
  margin-right: 13px;
}
.menu-topbar .left .logo .logo-image[data-v-103a9ae8] {
  display: block;
  overflow: hidden;
  width: 64px;
  height: 34px;
  font-size: 0;
  color: transparent;
  background: url(data:image/png;base64,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) no-repeat center / 100%;
}
.menu-topbar .left .area .slogan[data-v-103a9ae8] {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #001311;
}
.menu-topbar .left .area .description[data-v-103a9ae8] {
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0;
  opacity: 0.8;
  transform: scale(0.8333333);
  transform-origin: left;
  color: #001311;
  white-space: nowrap;
}
.menu-topbar .nav[data-v-103a9ae8] {
  flex: 1;
  display: flex;
  align-items: center;
}
.menu-topbar .nav[data-v-103a9ae8] a {
  display: inline-block;
  padding: 0 14px;
  font-size: 20px;
  line-height: 72px;
  color: #808988;
}
.menu-topbar .nav .first-index[data-v-103a9ae8] {
  white-space: nowrap;
}
.menu-topbar .nav .tab-active[data-v-103a9ae8] {
  color: #001311;
}
.menu-topbar .nav .tab-active .first-index[data-v-103a9ae8] {
  position: relative;
}
.menu-topbar .nav .tab-active .first-index[data-v-103a9ae8]::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 21px;
  /* 距离tab底部5px */
  width: 100%;
  height: 3px;
  background-color: #44F0EA;
}
.menu-topbar .right[data-v-103a9ae8] {
  flex-shrink: 0;
  flex-grow: 0;
  height: 100%;
}
.menu-topbar .right .item[data-v-103a9ae8] {
  float: left;
  padding: 0 18px;
  line-height: 72px;
}
.menu-topbar .right[data-v-103a9ae8] a,
.menu-topbar .right .login[data-v-103a9ae8] {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  color: #001311;
  cursor: pointer;
}
.menu-topbar .right .c-icon.i-select[data-v-103a9ae8] {
  margin-left: 6px;
  font-size: 16px;
  vertical-align: middle;
  transition: transform 0.5s;
  transform: rotateZ(0deg);
  cursor: pointer;
  color: #001311;
}
.menu-topbar .right .c-icon.i-selecting[data-v-103a9ae8] {
  transform: rotateZ(-180deg);
}
.menu-topbar .right .c-icon.i-location[data-v-103a9ae8] {
  margin-right: 6px;
  font-size: 16px;
  vertical-align: middle;
  color: #001311;
}
.menu-topbar .right .c-icon.i-app-dl[data-v-103a9ae8] {
  margin-right: 9px;
  font-size: 18px;
  vertical-align: middle;
}
.menu-topbar .right .line[data-v-103a9ae8] {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 9px;
  vertical-align: middle;
  background: #d8d8d8;
}
.menu-topbar .right .dl-app-wapper[data-v-103a9ae8] {
  position: relative;
  overflow: visible;
  z-index: 999;
}
.menu-topbar .right .dl-app-wapper:hover .dl-app-hover[data-v-103a9ae8] {
  display: block;
}
.menu-topbar .right .dl-app-code[data-v-103a9ae8] {
  position: absolute;
  top: 73px;
  left: 50%;
  box-sizing: border-box;
  width: 288px;
  height: 330px;
  padding-top: 24px;
  color: #000;
  background: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
  transform: translateX(-50%);
}
.menu-topbar .right .dl-app-code .dl-app-img[data-v-103a9ae8] {
  width: 240px;
  height: 240px;
  margin: 24px 0 0 24px;
  margin-top: 24px;
}
.menu-topbar .right .dl-app-code .dl-app-title[data-v-103a9ae8] {
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0;
  color: #333;
}
.menu-topbar .right .dl-app-hover[data-v-103a9ae8] {
  display: none;
}
.menu-topbar .right .nav[data-v-103a9ae8] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-topbar .right .nav[data-v-103a9ae8] a {
  display: inline-block;
  font-size: 22px;
  line-height: 72px;
  color: #fff;
}
.menu-topbar .right .city[data-v-103a9ae8] {
  position: relative;
  height: 72px;
  max-width: 200px;
}
.menu-topbar .right .city-small[data-v-103a9ae8] {
  display: flex;
}
.menu-topbar .right .city-name[data-v-103a9ae8] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu-topbar .right .city-wrapper[data-v-103a9ae8] {
  visibility: hidden;
  position: absolute;
  z-index: 999;
  top: 73px;
  left: 50%;
  margin-left: -226px;
}
.menu-topbar .right .city-show[data-v-103a9ae8] {
  visibility: visible;
}
.menu-topbar .right .city-hide[data-v-103a9ae8] {
  visibility: hidden;
}
.menu-topbar .right .user-name-wrapper[data-v-103a9ae8] {
  position: relative;
  width: 112px;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0;
  color: #001311;
  overflow: visible;
  cursor: pointer;
}
.menu-topbar .right .user-name-wrapper .user-name[data-v-103a9ae8] {
  width: 100%;
  line-height: 72px;
}
.menu-topbar .right .user-name-wrapper .logout[data-v-103a9ae8] {
  display: none;
  position: absolute;
  top: 73px;
  left: 50%;
  transform: translateX(-50%);
  width: 164px;
  height: 48px;
  background: #ffffff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 48px;
  z-index: 999;
}
.menu-topbar .right .user-name-wrapper .logout[data-v-103a9ae8]:hover {
  display: inline-block;
}
.menu-topbar .right .user-name-wrapper .logout span[data-v-103a9ae8] {
  margin-left: 12px;
}
.menu-topbar .right .user-name-wrapper:hover .logout-hover[data-v-103a9ae8] {
  display: inline-block;
}
[data-v-103a9ae8] .search {
  position: relative;
  width: 280px;
  border: 1px solid #44F0EA;
  border-radius: 4px;
}
[data-v-103a9ae8] .search .input-wraper {
  position: relative;
  width: 280px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  overflow: hidden;
}
[data-v-103a9ae8] .search .input-wraper .search-icon {
  position: absolute;
  top: 7px;
  left: 6px;
  width: 18px;
  height: 18px;
}
[data-v-103a9ae8] .search .input-wraper input {
  width: 216px;
  padding: 8px 28px 8px 27px;
  line-height: 16px;
  color: #333333;
}
[data-v-103a9ae8] .search .input-wraper .clear-icon {
  position: absolute;
  top: 5px;
  right: 70px;
  padding: 4px;
  cursor: pointer;
}
[data-v-103a9ae8] .search .input-wraper p {
  float: right;
  width: 64px;
  line-height: 32px;
  height: 100%;
  text-align: center;
  cursor: pointer;
  background: #44f0ea;
}
[data-v-103a9ae8] .search .search-sug {
  position: absolute;
  top: 38px;
  width: 280px;
  background: #ffffff;
  font-size: 14px;
  line-height: 36px;
  border-radius: 4px;
  color: #333333;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
}
[data-v-103a9ae8] .search .search-sug .suggest-item {
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
[data-v-103a9ae8] .search .search-sug .suggest-item:hover {
  background: #f5f5f5;
}

@font-face {
  font-family: 'BaiduNumberPlus_Bold';
  src: url(https://youjia-pc-bdstatic-com.blacksheepgame.com/static/font/BaiduNumberPlus_Bold.a187def.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BaiduNumberPlus_Medium';
  src: url(https://youjia-pc-bdstatic-com.blacksheepgame.com/static/font/BaiduNumberPlus_Medium.8df5aed.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BaiduNumberPlus_Regular';
  src: url(https://youjia-pc-bdstatic-com.blacksheepgame.com/static/font/BaiduNumberPlus_Regular.ab52b42.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
#app[data-v-4ea46fff] {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-header[data-v-4ea46fff] {
  width: 100%;
  min-width: 1200px;
  padding: 0;
}
.el-header.fixed-top-bar[data-v-4ea46fff] {
  position: fixed;
  left: 0;
  z-index: 9999;
}
.el-main[data-v-4ea46fff] {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
}
.el-container[data-v-4ea46fff] {
  min-height: 100vh;
}
.el-container.need-scroll-x-overflow[data-v-4ea46fff] {
  overflow-x: hidden;
}

.qrcode[data-v-3c315f68] {
  position: fixed;
  z-index: 10;
  cursor: auto;
}
.qrcode.youjia-totop[data-v-3c315f68] {
  width: 150px;
  height: 198px;
  bottom: 140px;
}
.qrcode.youjia-single[data-v-3c315f68] {
  width: 150px;
  height: 198px;
  top: 40vh;
  right: 40px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 9;
}
.qrcode.youjia-pk[data-v-3c315f68] {
  position: absolute;
  width: 150px;
  height: 198px;
  right: 0;
  top: 100px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
}
.qrcode .qrcode-img[data-v-3c315f68] {
  display: block;
  top: 100%;
  width: 100%;
  height: 100%;
}
.qrcode .qrcode-close[data-v-3c315f68] {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -12px;
  right: -12px;
  cursor: pointer;
}

.el-backtop {
  width: 80px;
  height: 80px;
}

.scroll-top[data-v-0cbddce8] {
  width: 80px;
  height: 80px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0;
  color: #333;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  user-select: none;
}
.scroll-top .scroll-top-icon[data-v-0cbddce8] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 14px 0 8px 0;
  font-size: 30px;
}

.select-popup[data-v-2056f490] {
  transition: all 0.3s;
  overflow: scroll;
}

.select-model[data-v-17228c8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0 0;
}
.select-model img[data-v-17228c8e] {
  width: 120px;
  margin-right: 12px;
}
.select-model .info[data-v-17228c8e] {
  font-family: PingFang SC;
}
.select-model .info .series-name[data-v-17228c8e] {
  margin-bottom: 8px;
  width: 310px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: #232A34;
}
.select-model .info .wrapper[data-v-17228c8e] {
  margin-bottom: 8px;
  position: relative;
  display: flex;
  cursor: pointer;
}
.select-model .info .wrapper .model-name[data-v-17228c8e] {
  font-size: 16px;
  line-height: 1;
  color: #232A34;
  max-width: 310px;
}
.select-model .info .wrapper .arrow-icon[data-v-17228c8e] {
  margin-left: 4px;
  line-height: 1;
}
.select-model .info .wrapper .arrow-up[data-v-17228c8e] {
  transform: rotateZ(180deg);
}
.select-model .info .model-popup[data-v-17228c8e] {
  position: absolute;
  z-index: 1;
  right: 9px;
  top: 29px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 432px;
  height: 218px;
  overflow: scroll;
}
.select-model .info .model-popup ul[data-v-17228c8e] {
  padding-top: 6px;
}
.select-model .info .model-popup ul li[data-v-17228c8e] {
  display: flex;
  justify-content: space-between;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #232A34;
  height: 38px;
  line-height: 38px;
  padding: 0 18px;
  cursor: pointer;
}
.select-model .info .model-popup ul li .price[data-v-17228c8e] {
  flex-shrink: 0;
}
.select-model .info .model-popup ul li[data-v-17228c8e]:hover {
  background: #F5F6F8;
}
.select-model .info .guide-price[data-v-17228c8e] {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #4E535E;
}

.verify-code-wrapper[data-v-f883ee9e] {
  display: flex;
}
.verify-code-wrapper .verify-code[data-v-f883ee9e] {
  display: flex;
  margin-top: 16px;
  align-items: center;
}
.verify-code-wrapper .verify-code .label[data-v-f883ee9e] {
  width: 120px;
  height: 40px;
  margin-right: 24px;
  font-size: 16px;
  line-height: 40px;
  text-align: right;
  color: #333;
}
.verify-code-wrapper .verify-code input[data-v-f883ee9e] {
  width: 234px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #eee;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  border-radius: 3px;
  transition: border 0.15s linear;
}
.verify-code-wrapper .verify-code input.isActive[data-v-f883ee9e],
.verify-code-wrapper .verify-code input[data-v-f883ee9e]:focus {
  border-color: #00cecf;
}
.verify-code-wrapper .verify-code input[data-v-f883ee9e]::placeholder {
  color: #999;
}
.verify-code-wrapper .verify-code .get-verify-code[data-v-f883ee9e] {
  margin-left: 24px;
  font-size: 16px;
}
.verify-code-wrapper .verify-code .get-verify-code .txt[data-v-f883ee9e] {
  width: 104px;
  height: 40px;
  border: 1px solid #00CECF;
  border-radius: 3px;
  color: #00CECF;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.verify-code-wrapper .verify-code .get-verify-code .gray[data-v-f883ee9e] {
  width: 104px;
  height: 40px;
  border: 1px solid #EEE;
  border-radius: 3px;
  color: #999;
  text-align: center;
  line-height: 40px;
}
.verify-code-wrapper .tips[data-v-f883ee9e] {
  margin: 16px 0 0 24px;
  font-size: 13px;
  color: #f00;
  line-height: 40px;
}
.dialog-code-wrapper[data-v-f883ee9e] {
  display: block;
}
.dialog-code-wrapper .verify-code[data-v-f883ee9e] {
  margin-top: 0;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  height: 40px;
  padding: 0 12px;
  position: relative;
  color: #232A34;
}
.dialog-code-wrapper .verify-code .label[data-v-f883ee9e] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #232A34;
  margin-right: 21px;
  min-width: 57px;
  width: 57px;
  display: flex;
  justify-content: space-between;
}
.dialog-code-wrapper .verify-code input[data-v-f883ee9e] {
  flex: 1;
  height: auto;
  border: 0;
  font-size: 14px;
  padding: 0;
  line-height: normal;
}
.dialog-code-wrapper .verify-code .get-verify-code[data-v-f883ee9e] {
  margin-left: 0;
  font-size: 14px;
}
.dialog-code-wrapper .verify-code .get-verify-code .txt[data-v-f883ee9e] {
  width: auto;
  height: auto;
  border: 0;
  line-height: normal;
}
.dialog-code-wrapper .verify-code .get-verify-code .gray[data-v-f883ee9e] {
  width: auto;
  height: auto;
  border: 0;
  line-height: normal;
  color: #ABB3BC;
}
.dialog-code-wrapper .tips[data-v-f883ee9e] {
  margin: 12px 0 0;
  display: block;
  line-height: normal;
}

.dealer-popup[data-v-ab47bf9a] {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 450px;
  height: 218px;
  overflow: scroll;
}
.dealer-popup ul[data-v-ab47bf9a] {
  padding-top: 6px;
}
.dealer-popup ul li[data-v-ab47bf9a] {
  display: flex;
  justify-content: space-between;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #232A34;
  height: 38px;
  line-height: 38px;
  padding: 0px 18px 0 42px;
  position: relative;
  cursor: pointer;
}
.dealer-popup ul li .select-icon[data-v-ab47bf9a] {
  position: absolute;
  top: 11px;
  left: 18px;
  width: 16px;
  height: 16px;
  border: 1px solid #eeeeee;
  border-radius: 2px;
}
.dealer-popup ul li .selected-icon[data-v-ab47bf9a] {
  position: absolute;
  left: 18px;
  color: #00CECF;
}
.dealer-popup ul li .name-content[data-v-ab47bf9a] {
  display: flex;
}
.dealer-popup ul li .name[data-v-ab47bf9a] {
  color: #232A34;
}
.dealer-popup ul li .gold-merchants[data-v-ab47bf9a] {
  display: flex;
  align-items: center;
}
.dealer-popup ul li .right-content[data-v-ab47bf9a] {
  flex-shrink: 0;
}
.dealer-popup ul li .discount[data-v-ab47bf9a] {
  color: #00CECF;
  margin-right: 7px;
}
.dealer-popup ul li .discount i[data-v-ab47bf9a] {
  font-size: 15px;
  font-weight: bold;
  transform: rotateZ(180deg);
  display: inline-block;
}
.dealer-popup ul li .price[data-v-ab47bf9a] {
  font-family: PingFangSC-Medium;
  color: #FF4556;
}

.clue-form[data-v-62f93337] {
  margin-top: 24px;
}
.clue-form .form-item[data-v-62f93337] {
  margin-bottom: 12px;
}
.clue-form .form-item .form-input[data-v-62f93337] {
  border: 1px solid #eeeeee;
  border-radius: 3px;
  height: 40px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  position: relative;
  color: #232A34;
}
.clue-form .form-item .form-input input[data-v-62f93337] {
  flex: 1;
}
.clue-form .form-item .form-input .label-name[data-v-62f93337] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #232A34;
  margin-right: 21px;
  min-width: 57px;
  display: flex;
  justify-content: space-between;
}
.clue-form .form-item .form-input .clear-button[data-v-62f93337] {
  padding-left: 5px;
  color: #ccc;
  cursor: pointer;
}
.clue-form .form-item .form-input .city-selector-wrapper[data-v-62f93337] {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 450px;
}
.clue-form .form-item .form-input .city-selector-wrapper[data-v-62f93337] .container {
  height: 218px;
}
.clue-form .form-item .form-input .select-city[data-v-62f93337] {
  position: relative;
  flex: 1;
  line-height: 21px;
  cursor: pointer;
}
.clue-form .form-item .form-input .select-city .down-arrow-icon[data-v-62f93337] {
  float: right;
}
.clue-form .form-item .form-input .select-dealer[data-v-62f93337] {
  flex: 1;
  height: 21px;
  cursor: pointer;
}
.clue-form .form-item .form-input .select-dealer .down-arrow-icon[data-v-62f93337] {
  float: right;
}
.clue-form .form-item .isActive[data-v-62f93337] {
  border-color: #00cecf;
}
.clue-form .form-item .isActive .down-arrow-icon[data-v-62f93337] {
  transform: rotate(-180deg);
}
.clue-form .form-item .error-text[data-v-62f93337] {
  font-size: 13px;
  color: red;
  margin-top: 12px;
}
.clue-form .get-price[data-v-62f93337] {
  background: #00CECF;
  border-radius: 4px;
  height: 42px;
  line-height: 42px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  margin-top: 24px;
  cursor: pointer;
}

.city-selector-dialog .el-dialog {
  border-radius: 6px;
  overflow: hidden;
}
.city-selector-dialog .el-dialog .el-dialog__header,
.city-selector-dialog .el-dialog .el-dialog__body {
  padding: 0;
}

.c-tooltips {
  width: 192px;
  font-size: 14px;
  line-height: 24px;
  padding: 6px;
  text-align: center;
  color: #666666 !important;
  border-color: #FFF !important;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
}
.c-tooltips[x-placement^='bottom'] .popper__arrow {
  border-bottom-color: #FFF !important;
}
.c-tooltips[x-placement^='top'] .popper__arrow {
  border-top-color: #FFF !important;
}

.price-info-wrapper[data-v-4a4764ca] {
  margin-top: 22px;
  font-family: PingFang SC;
}
.price-info-wrapper .price-detail[data-v-4a4764ca] {
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.price-info-wrapper .price-detail .price-detail-item[data-v-4a4764ca] {
  width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.price-info-wrapper .price-detail .price-detail-item .price-detail-title[data-v-4a4764ca] {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #282C33;
  position: relative;
}
.price-info-wrapper .price-detail .price-detail-item .price-detail-title .c-icon[data-v-4a4764ca] {
  cursor: pointer;
  position: absolute;
  right: -19px;
  top: 0;
  font-size: 15px;
}
.price-info-wrapper .price-detail .price-detail-item .price-detail-num[data-v-4a4764ca] {
  display: flex;
  align-items: flex-end;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  color: #FF4556;
}
.price-info-wrapper .price-detail .price-detail-item .price-detail-num .unit[data-v-4a4764ca] {
  margin-left: 3px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.price-info-wrapper .price-detail .price-detail-item-inline[data-v-4a4764ca] {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.price-info-wrapper .price-detail .price-detail-item-inline .price-detail-title[data-v-4a4764ca] {
  margin-bottom: 0;
  margin-right: 24px;
}
.price-info-wrapper .price-collect[data-v-4a4764ca] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 68px;
  padding: 12px 12px;
  box-sizing: border-box;
  background-color: #F6F7FA;
  border-radius: 4px;
}
.price-info-wrapper .price-collect .collect-item[data-v-4a4764ca] {
  height: 100%;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.price-info-wrapper .price-collect .collect-item .name[data-v-4a4764ca] {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #4E5969;
}
.price-info-wrapper .price-collect .collect-item .price[data-v-4a4764ca] {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #FF7B24;
}
.price-info-wrapper .price-collect .icon[data-v-4a4764ca] {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #848E99;
}
.price-info-wrapper .mark-style[data-v-4a4764ca] {
  font-family: Roboto Slab;
}
.price-info-wrapper .number-style[data-v-4a4764ca] {
  font-family: baidu number;
}

.same-level-car[data-v-b5ccd3d6] {
  margin-top: 18px;
  font-family: PingFang SC;
}
.same-level-car .tip[data-v-b5ccd3d6] {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #848B99;
}
.same-level-car .tip[data-v-b5ccd3d6]::before {
  content: '';
  display: block;
  width: 107px;
  height: 1px;
  border-radius: 2px 0px 0px 0px;
  background: linear-gradient(90deg, rgba(211, 217, 229, 0) 0%, #D3D9E5 100%);
}
.same-level-car .tip[data-v-b5ccd3d6]::after {
  content: '';
  display: block;
  width: 107px;
  height: 1px;
  border-radius: 2px 0px 0px 0px;
  background: linear-gradient(90deg, #D3D9E5 0%, rgba(211, 217, 229, 0) 100%);
}
.same-level-car .list[data-v-b5ccd3d6] {
  max-height: 290px;
  overflow: auto;
}
.same-level-car .list .list-item[data-v-b5ccd3d6] {
  display: flex;
  align-items: center;
  height: 90px;
}
.same-level-car .list .list-item img[data-v-b5ccd3d6] {
  width: 100px;
  margin-right: 14px;
}
.same-level-car .list .list-item .price-info[data-v-b5ccd3d6] {
  flex: 1;
  font-family: PingFang SC;
}
.same-level-car .list .list-item .price-info .series-name[data-v-b5ccd3d6] {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #232A34;
}
.same-level-car .list .list-item .price-info .price[data-v-b5ccd3d6] {
  margin-bottom: 11px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #FF4556;
}
.same-level-car .list .list-item .price-info .discount[data-v-b5ccd3d6] {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #00CECF;
}
.same-level-car .list .list-item .price-info .discount .arrow-icon[data-v-b5ccd3d6] {
  font-size: 13px;
  font-weight: bold;
  transform: rotateZ(180deg);
  display: inline-block;
}
.same-level-car .list .list-item .get-price[data-v-b5ccd3d6] {
  background: #00CECF;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 87px;
  height: 36px;
  box-sizing: border-box;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #FFF;
  cursor: pointer;
}
.same-level-car .list .list-item .disable-btn[data-v-b5ccd3d6] {
  background: #F6F7F8;
  color: #ABB3BC;
}

.success-tip[data-v-93143ba0] {
  margin-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.success-tip .success-tip-title[data-v-93143ba0] {
  margin-bottom: 12px;
  font-family: FZPinShangHeiS-DB-GB;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: #232A34;
}
.success-tip .success-tip-desc[data-v-93143ba0] {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #848B99;
}

.after-price-dialog[data-v-0756d57a] {
  margin-top: 12vh;
}
.modal-wrapper[data-v-0756d57a] {
  background: #fff;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  border-radius: 10px;
  padding-top: 25px;
}
.modal-wrapper .subject[data-v-0756d57a] {
  padding-bottom: 20px;
}
.modal-wrapper .subject .series-title[data-v-0756d57a] {
  margin: 10px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #333;
}
.modal-wrapper .subject .content[data-v-0756d57a] {
  margin: 10px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
}
.modal-wrapper .subject .content .price[data-v-0756d57a] {
  color: #FE4455;
}
.modal-wrapper .subject .tip[data-v-0756d57a] {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  line-height: 23px;
  color: #ABB3BC;
}
.modal-wrapper .confirm[data-v-0756d57a] {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #00CECF;
  line-height: 49px;
  cursor: pointer;
}

.statement {
  margin-top: -20px;
  padding: 0 17px 30px;
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  line-height: 1.7;
  word-break: break-all;
  color: #000;
}
.p-normal {
  margin: 18px 0;
}
.text-strong {
  display: inline;
  font-family: PingFang-SC-Medium;
  font-weight: 700;
  color: #000;
}
.p-strong {
  margin: 18px 0;
  font-family: PingFang-SC-Medium;
  font-weight: 700;
  color: #000;
}
.title {
  margin: 18px 0;
  font-family: PingFangSC-Medium;
  font-weight: 700;
  color: #00cecf;
}
.statement-title {
  margin-bottom: 24px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #000;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.table {
  display: table;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.table .tb-row {
  display: table-row;
}
.table .tb-cell {
  display: table-cell;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.table .tb-header {
  font-family: PingFangSC-Medium;
}
.link {
  display: inline;
  color: #00cecf;
}

.statement-wrapper[data-v-d5a37a30] {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #848E99;
  text-align: center;
  margin-top: 10px;
}
.statement-wrapper .mark[data-v-d5a37a30] {
  color: #232A34;
  cursor: pointer;
  display: inline-block;
}

.clue-price-dialog .dialog-wrapper[data-v-eec1fa08] {
  position: relative;
}
.clue-price-dialog .dialog-wrapper .close[data-v-eec1fa08] {
  font-size: 22px;
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 16px;
  cursor: pointer;
  color: #848B99;
}
.clue-price-dialog .dialog-wrapper .header-wrapper[data-v-eec1fa08] {
  width: 100%;
  height: 97px;
  background: url('https://youjia.cdn.bcebos.com/youjia-pc/header-bg.png') no-repeat;
  background-size: 100%;
}
.clue-price-dialog .succ-dialog-wrapper[data-v-eec1fa08] {
  background: url('https://youjia.cdn.bcebos.com/youjia-pc/succ-bg.png') no-repeat #fff;
  background-size: 100%;
  padding-top: 97px;
}
.clue-price-dialog .content-wrapper[data-v-eec1fa08] {
  padding: 0 44px 24px;
}
.clue-price-dialog .content-wrapper .clue-form[data-v-eec1fa08] {
  margin-top: 16px;
}
.clue-price-dialog .content-wrapper .same-level-tip[data-v-eec1fa08] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #848B99;
}
[data-v-eec1fa08] .el-dialog {
  border-radius: 12px;
  overflow: hidden;
}
[data-v-eec1fa08] .el-dialog .el-dialog__body {
  padding: 0;
}
[data-v-eec1fa08] .el-dialog .el-dialog__header {
  padding: 0;
}

.state-loading[data-v-f75b55ac] {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.state-loading-icon[data-v-f75b55ac] {
  position: absolute;
  top: 30%;
  left: 44.5%;
  display: inline-block;
  width: 3px;
  height: 8px;
  opacity: 1;
  border-radius: 30%;
  background-color: #999;
  animation-name: loading-data-v-f75b55ac;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(1) {
  transform: rotate(30deg) translate(0, -120%);
  animation-delay: -1.1s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(2) {
  transform: rotate(60deg) translate(0, -120%);
  animation-delay: -1s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(3) {
  transform: rotate(90deg) translate(0, -120%);
  animation-delay: -0.9s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(4) {
  transform: rotate(120deg) translate(0, -120%);
  animation-delay: -0.8s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(5) {
  transform: rotate(150deg) translate(0, -120%);
  animation-delay: -0.7s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(6) {
  transform: rotate(180deg) translate(0, -120%);
  animation-delay: -0.6s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(7) {
  transform: rotate(210deg) translate(0, -120%);
  animation-delay: -0.5s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(8) {
  transform: rotate(240deg) translate(0, -120%);
  animation-delay: -0.4s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(9) {
  transform: rotate(270deg) translate(0, -120%);
  animation-delay: -0.3s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(10) {
  transform: rotate(300deg) translate(0, -120%);
  animation-delay: -0.2s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(11) {
  transform: rotate(330deg) translate(0, -120%);
  animation-delay: -0.1s;
}
.state-loading-icon[data-v-f75b55ac]:nth-child(12) {
  transform: rotate(360deg) translate(0, -120%);
  animation-delay: 0s;
}
@keyframes loading-data-v-f75b55ac {
from {
    opacity: 1;
}
to {
    opacity: 0.25;
}
}


.el-carousel[data-v-6aa8d0cb] {
    position: relative;
}
.el-carousel--horizontal[data-v-6aa8d0cb] {
    overflow: hidden;
}
.el-carousel--vertical[data-v-6aa8d0cb] {
    overflow-y: hidden;
}
.el-carousel__container[data-v-6aa8d0cb] {
    position: relative;
    height: 300px;
}
.el-carousel__arrow[data-v-6aa8d0cb] {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31, 45, 61, .11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px;
}
.el-carousel__arrow--left[data-v-6aa8d0cb] {
    left: 16px;
}
.el-carousel__arrow--right[data-v-6aa8d0cb] {
    right: 16px;
}
.el-carousel__arrow[data-v-6aa8d0cb]:hover {
    background-color: rgba(31, 45, 61, .23);
}
.el-carousel__arrow i[data-v-6aa8d0cb] {
    cursor: pointer;
}
.el-carousel__indicators[data-v-6aa8d0cb] {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}
.el-carousel__indicators--horizontal[data-v-6aa8d0cb] {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.el-carousel__indicators--vertical[data-v-6aa8d0cb] {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.el-carousel__indicators--outside[data-v-6aa8d0cb] {
    bottom: 26px;
    text-align: center;
    position: static;
    transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button[data-v-6aa8d0cb] {
    opacity: .64;
}
.el-carousel__indicators--outside button[data-v-6aa8d0cb] {
    background-color: #c0c4cc;
    opacity: .24;
}
.el-carousel__indicators--labels[data-v-6aa8d0cb] {
    left: 0;
    right: 0;
    transform: none;
    text-align: center;
}
.el-carousel__indicators--labels .el-carousel__button[data-v-6aa8d0cb] {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px;
}
.el-carousel__indicators--labels .el-carousel__indicator[data-v-6aa8d0cb] {
    padding: 6px 4px;
}
.el-carousel__indicator[data-v-6aa8d0cb] {
    background-color: transparent;
    cursor: pointer;
}
.el-carousel__indicator:hover button[data-v-6aa8d0cb] {
    opacity: .72;
}
.el-carousel__indicator--horizontal[data-v-6aa8d0cb] {
    display: inline-block;
    padding: 12px 4px;
}
.el-carousel__indicator--vertical[data-v-6aa8d0cb] {
    padding: 4px 12px;
}
.el-carousel__indicator--vertical .el-carousel__button[data-v-6aa8d0cb] {
    width: 2px;
    height: 15px;
}
.el-carousel__indicator.is-active button[data-v-6aa8d0cb] {
    opacity: 1;
}
.el-carousel__button[data-v-6aa8d0cb] {
    display: block;
    opacity: .48;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s;
}
.carousel-arrow-left-enter[data-v-6aa8d0cb],
.carousel-arrow-left-leave-active[data-v-6aa8d0cb] {
    transform: translateY(-50%) translateX(-10px);
    opacity: 0;
}
.carousel-arrow-right-enter[data-v-6aa8d0cb],
.carousel-arrow-right-leave-active[data-v-6aa8d0cb] {
    transform: translateY(-50%) translateX(10px);
    opacity: 0;
}


.el-carousel__item[data-v-644718b8],
.el-carousel__mask[data-v-644718b8] {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.el-carousel__item[data-v-644718b8] {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0;
}
.el-carousel__item.is-active[data-v-644718b8] {
  z-index: 2;
}
.el-carousel__item.is-animating[data-v-644718b8] {
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card[data-v-644718b8] {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage[data-v-644718b8] {
  cursor: pointer;
  z-index: 1;
}
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask[data-v-644718b8],
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask[data-v-644718b8] {
  opacity: 0.12;
}
.el-carousel__item--card.is-active[data-v-644718b8] {
  z-index: 2;
}
.el-carousel__mask[data-v-644718b8] {
  width: 100%;
  background-color: #fff;
  opacity: 0.24;
  transition: 0.2s;
}

.adContainer[data-v-5b91e278] {
  position: relative;
  height: 90px;
  width: 1200px;
  margin: 0 auto 16px;
  flex-basis: 100%;
}
.adContainer .preview-img[data-v-5b91e278] {
  width: 1200px;
  height: 90px;
}
.banner[data-v-5b91e278] {
  position: absolute;
}
[data-v-5b91e278] .banner.el-carousel {
  width: 1200px;
  height: 90px;
}
[data-v-5b91e278] .banner.el-carousel .el-carousel__container {
  height: 100%;
  background-color: #f6f7f8;
}
[data-v-5b91e278] .banner.el-carousel .el-carousel__arrow {
  display: none;
}
[data-v-5b91e278] .banner.el-carousel .el-carousel__indicators {
  height: 27px;
}
[data-v-5b91e278] .banner.el-carousel .el-carousel__indicators button {
  width: 12px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
}
[data-v-5b91e278] .banner.el-carousel .el-carousel__indicators .is-active button {
  width: 5px;
  height: 4px;
  background: #00cecf;
}
.banner .carousel-item[data-v-5b91e278] {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.banner .carousel-item .item-img[data-v-5b91e278] {
  display: block;
  width: 100%;
  height: 100%;
}
.banner .carousel-item .logo[data-v-5b91e278] {
  position: absolute;
  background-color: red;
  bottom: -7px;
  right: -7px;
  font-size: 30px;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  color: #f6f7f8;
  background: rgba(0, 0, 0, 0);
  border: 3px solid #ffffff;
  border-radius: 3px;
  padding: 1px 4px;
}
.occupy-img[data-v-5b91e278] {
  padding-top: 90px;
  padding-left: 540px;
}

.intelligence[data-v-9d836be0] {
  margin-top: 15px;
  padding-top: 26px;
  line-height: 20px;
  font-size: 12px;
  line-height: 12px;
  color: #989898;
  border-top: 1px solid #EEEEEE;
}
.intelligence p[data-v-9d836be0] {
  margin-bottom: 12px;
}
.intelligence .protocol a[data-v-9d836be0] {
  color: #989898;
}
.intelligence .protocol span[data-v-9d836be0] {
  margin: 0 8px;
}
.intelligence .icp span[data-v-9d836be0] {
  margin-right: 10px;
}
.intelligence .records i[data-v-9d836be0] {
  float: left;
  display: block;
  width: 11px;
  height: 12px;
  margin-right: 4px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAAXNSR0IArs4c6QAAAglJREFUKBVNkV9IU3Ecxc/v3t92r2tztbs51Omw2R/cohFLlKh8UwjC6M9DJaSQFGQRQY/lS9FDgmRQvUlQRA8aQT5UDCmyPy9qVJNu2R9tm25tu253u7u7u7clGB04cB4+HL58D8F/Mox+y8SofXNUYs5usGuPD55Qw4SMrKwhZC2IL3pbrg1rd2wOtdVGC+YipZCS3PSBTu5cV+/oy7/cKjwbPr7lxoh8W3BoHYcxBzaWB1lP8KxmI2bnhZkLfZZjO7rvfWIGjUFm/MnPi2/emzv22+ag3f8B+d0K5LFldKWnsbBUCt56EBs2DJiYy9nnzXXOxCFiLqEqn4HZQmHftwl8rRU0oYLjVQh2aReioQCTStcFfQ3F6sQvIOJyg5x0QttDgaMORFs9iHy0o8UrW5aTvnaalWw1TY0KGr1ZjA1Z4d8dRzn3HXRBx9NJJ0xWFYGtOeQKrhAtK0KUEjf6ukVcvb4dp6cc8MVSiC1aEZFsONXzFU5BgFx0vSVfps43lwrxcV15HRBFBUuZWnjr4xDnHWCJgrYgBV23d9HEeY6svu7z5JkBoywPaYVZkyZ/gw4zGKMIhrphIKTnC+yVtp67lxjDeMgqOdVfzOhlUjmHcpVGRgJLqyv2QNfNJZ4nTeLEAPdvwfDNTj9lf2/TWc9Onk82aGpVirLpV7paP9Pe/+gDIcT4A+ObyuFBzNNzAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.friend-link[data-v-3310fb92] {
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding-top: 26px;
  line-height: 20px;
  font-size: 12px;
  color: #333333;
  border-top: 1px solid #EEEEEE;
}
.friend-link .link-title[data-v-3310fb92] {
  align-self: start;
  flex-shrink: 1;
}
.friend-link .link-content[data-v-3310fb92] {
  flex: 1;
  margin-left: 10px;
}
.friend-link .hao123[data-v-3310fb92] {
  display: inline-block;
  margin-right: 10px;
  color: #333333;
}
.friend-link .hao123 img[data-v-3310fb92] {
  display: block;
  width: 42px;
}


[data-v-7fcf5952] .top-banner {
  overflow: hidden;
  position: relative;
}
[data-v-7fcf5952] .item-img {
  display: block;
  width: 100%;
  height: auto;
}
[data-v-7fcf5952] .occupy-img {
  display: block;
  width: 100%;
  height: auto;
}
.banner[data-v-7fcf5952] {
  margin-bottom: 38px;
}
[data-v-7fcf5952] .banner.el-carousel {
  width: 792px;
  height: 264px;
}
[data-v-7fcf5952] .banner.el-carousel .el-carousel__container {
  height: 100%;
  background-color: #f6f7f8;
}
[data-v-7fcf5952] .banner.el-carousel .el-carousel__arrow {
  width: 50px;
  height: 50px;
  font-size: 26px;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.5);
}
[data-v-7fcf5952] .banner.el-carousel .el-carousel__arrow.el-carousel__arrow--left {
  left: 14px;
}
[data-v-7fcf5952] .banner.el-carousel .el-carousel__arrow.el-carousel__arrow--right {
  right: 14px;
}
[data-v-7fcf5952] .banner.el-carousel .el-carousel__indicators {
  height: 32px;
}
[data-v-7fcf5952] .banner.el-carousel .el-carousel__indicators button {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
}
[data-v-7fcf5952] .banner.el-carousel .el-carousel__indicators .is-active button {
  width: 20px;
  background: #00cecf;
}
.banner .carousel-item[data-v-7fcf5952] {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.banner .carousel-item .item-img[data-v-7fcf5952] {
  display: block;
  width: 100%;
  height: 100%;
}
.album[data-v-7fcf5952] {
  margin-top: 63px;
}
.album .album-title[data-v-7fcf5952] {
  font-size: 20px;
  color: #333333;
  padding-bottom: 23px;
  border-bottom: 1px solid #eeeeee;
}
.album .ablum-container[data-v-7fcf5952] {
  height: 246px;
  padding: 10px 93px 0;
}
.album[data-v-7fcf5952] .el-carousel {
  width: 184px;
  min-height: 170px;
}
.album[data-v-7fcf5952] .el-carousel .el-carousel__container {
  height: 190px;
}
.album[data-v-7fcf5952] .el-carousel .el-carousel__indicators {
  margin-top: 8px;
  height: 32px;
}
.album[data-v-7fcf5952] .el-carousel .el-carousel__indicators button {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #eaeaea;
  opacity: 1;
}
.album[data-v-7fcf5952] .el-carousel .el-carousel__indicators .is-active button {
  width: 20px;
  background: #00cecf;
}
.album .carousel-item-wrapper[data-v-7fcf5952] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.album .carousel-item-wrapper .carousel-item[data-v-7fcf5952] {
  width: 100%;
  height: 100%;
}
.album .carousel-item-wrapper .carousel-item .item-img[data-v-7fcf5952] {
  display: block;
  width: 100%;
  height: 122px;
}
.album .carousel-item-wrapper .carousel-item p[data-v-7fcf5952] {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #333333;
}
.album .carousel-item-wrapper .carousel-item-btn[data-v-7fcf5952] {
  width: 88px;
  height: 32px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #FFF;
  font-weight: 500;
  text-align: center;
  line-height: 32px;
  background: #00CECF;
  border: 1px solid #00cecf;
  border-radius: 3px;
  margin-top: 14px;
  cursor: pointer;
}
.top-banner[data-v-7fcf5952] {
  margin-top: 30px;
}
[data-v-7fcf5952] .top-banner.el-carousel {
  width: 1200px;
  max-height: 240px;
  border-radius: 8px;
}
[data-v-7fcf5952] .right-banner.el-carousel {
  width: 370px;
  height: 264px;
  border-radius: 8px;
}
.occupy-img[data-v-7fcf5952] {
  padding-top: 90px;
  padding-left: 540px;
}

.verify-code-wrapper .coupon-input[data-v-79ba8ce7] {
  position: relative;
  width: 258px;
  height: 40px;
  background-image: linear-gradient(0deg, #fff7dc 0%, #ffffff 100%);
  border-radius: 3.6px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 15px;
}
.verify-code-wrapper .coupon-input .label-name[data-v-79ba8ce7] {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 500;
  width: 44px;
  margin-right: 20px;
}
.verify-code-wrapper .coupon-input input[data-v-79ba8ce7] {
  background: transparent;
}
.verify-code-wrapper .coupon-input .get-verify-code[data-v-79ba8ce7] {
  position: absolute;
  right: 10px;
  font-size: 10px;
  transform: scaleX(0.9) scaleY(0.9);
}
.verify-code-wrapper .coupon-input .get-verify-code .txt[data-v-79ba8ce7] {
  vertical-align: middle;
  background: transparent;
  width: 60px;
  height: 100%;
  color: #00CECF;
  text-align: center;
  line-height: 100%;
  cursor: pointer;
}
.verify-code-wrapper .coupon-input .get-verify-code .gray[data-v-79ba8ce7] {
  vertical-align: middle;
  background: transparent;
  width: 60px;
  height: 100%;
  color: #999;
  text-align: center;
  line-height: 100%;
}

.flex-line[data-v-2089aaed] {
  display: flex;
  align-items: center;
}
.coupon-dialog[data-v-2089aaed] .el-dialog__body {
  padding: 0 0 22px 0;
}
.coupon-dialog[data-v-2089aaed] .el-dialog {
  border-radius: 12px;
}
.coupon-dialog .content[data-v-2089aaed] {
  display: flex;
  padding-top: 22px;
}
.coupon-dialog .left[data-v-2089aaed] {
  flex: 1;
  padding-left: 42px;
  max-height: 667px;
  overflow-y: auto;
  border-right: 1px solid #eeeeee;
  padding-right: 42px;
}
.coupon-dialog .left .brand-logo[data-v-2089aaed] {
  width: 60px;
  height: 60px;
  background: #eeeff4;
  border-radius: 8px;
}
.coupon-dialog .left .brand-info[data-v-2089aaed] {
  margin-left: 24px;
}
.coupon-dialog .left .brand-info .shop-name[data-v-2089aaed] {
  font-family: PingFangSC-Semibold;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 14px;
}
.coupon-dialog .left .brand-info .shop-address[data-v-2089aaed] {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 500px;
}
.coupon-dialog .left .item[data-v-2089aaed] {
  margin-top: 24px;
}
.coupon-dialog .left .title[data-v-2089aaed] {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 12px;
  padding-bottom: 0;
  padding-top: 0;
  border-bottom: none;
}
.coupon-dialog .left .description[data-v-2089aaed] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
}
.coupon-dialog .left .sub[data-v-2089aaed] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 24px;
}
.coupon-dialog .right[data-v-2089aaed] {
  width: 371px;
  position: relative;
}
.coupon-dialog .right .coupon-title[data-v-2089aaed] {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #743214;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  padding-top: 18px;
  margin-bottom: 28px;
  font-weight: 500;
}
.coupon-dialog .right .coupon-num-content[data-v-2089aaed] {
  text-align: center;
  margin-bottom: 50px;
}
.coupon-dialog .right .coupon-num-content .price[data-v-2089aaed] {
  margin-bottom: 8px;
  font-family: PingFangSC-Semibold;
  font-size: 18.9px;
  color: #fd503e;
  letter-spacing: 0;
  line-height: 18.9px;
  font-weight: 600;
}
.coupon-dialog .right .coupon-num-content .price .money-symbol[data-v-2089aaed] {
  position: relative;
  left: 4px;
}
.coupon-dialog .right .coupon-num-content .price-num[data-v-2089aaed] {
  font-family: HelveticaNeue-Bold;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}
.coupon-dialog .right .coupon-num-content .join-num[data-v-2089aaed] {
  font-family: PingFang-SC-Medium;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 14px;
  font-weight: 500;
}
.coupon-dialog .right .coupon-num-content .join-num .stock[data-v-2089aaed] {
  color: #fd503e;
  font-weight: 500;
}
.coupon-dialog .right .coupon-body[data-v-2089aaed] {
  position: relative;
}
.coupon-dialog .right .coupon-body .bottom-background[data-v-2089aaed] {
  background: #fe6555;
  padding-bottom: 15px;
  border-radius: 0 0 12px 12px;
}
.coupon-dialog .right .coupon-body .input-content[data-v-2089aaed] {
  padding-bottom: 12px;
}
.coupon-dialog .right .coupon-body .input-content .error-text[data-v-2089aaed] {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 12px;
  font-weight: 400;
}
.coupon-dialog .right .coupon-body .input-content .error-text span[data-v-2089aaed] {
  display: inline-block;
  margin-left: 15px;
  margin-top: 8px;
}
.coupon-dialog .right .coupon-body .input-content-verify[data-v-2089aaed] {
  background: #fe6555;
}
.coupon-dialog .right .coupon-body .coupon-input[data-v-2089aaed] {
  position: relative;
  width: 258px;
  height: 40px;
  background-image: linear-gradient(0deg, #fff7dc 0%, #ffffff 100%);
  border-radius: 3.6px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 15px;
}
.coupon-dialog .right .coupon-body .coupon-input input[data-v-2089aaed] {
  background: transparent;
}
.coupon-dialog .right .coupon-body .coupon-input .label-name[data-v-2089aaed] {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 500;
  width: 44px;
  margin-right: 20px;
}
.coupon-dialog .right .coupon-body .coupon-input .clueForm-input[data-v-2089aaed] {
  color: #333333;
}
.coupon-dialog .right .coupon-body .coupon-input .clear-button[data-v-2089aaed] {
  position: absolute;
  right: 16px;
  color: #ccc;
  cursor: pointer;
}
.coupon-dialog .right .coupon-body .coupon-button[data-v-2089aaed] {
  width: 258px;
  height: 40px;
  background-image: linear-gradient(0deg, #f7a61a 0%, #fff4cf 100%);
  border-radius: 3.6px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #743214;
  line-height: 40px;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.coupon-dialog .right .coupon-body .qrcode-content .white-boird[data-v-2089aaed] {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.coupon-dialog .right .coupon-body .qrcode-content .qrcode-mark[data-v-2089aaed] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
.coupon-dialog .right .coupon-body .qrcode-status[data-v-2089aaed] {
  background: #fd5b4b;
  padding-top: 12px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 16px;
  font-weight: 500;
}
.coupon-dialog .coupon-content[data-v-2089aaed] {
  position: relative;
  width: 288px;
  background-size: 288px 300px;
  min-height: 300px;
  margin: 0 auto;
}
.coupon-dialog .coupon-content .pink-fill[data-v-2089aaed] {
  position: absolute;
  background: #fff6f5;
  width: 100%;
  height: 20px;
  top: 317px;
}
.coupon-dialog .using-process[data-v-2089aaed] {
  display: flex;
  margin-left: 7.66px;
}
.coupon-dialog .process-icon[data-v-2089aaed] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #1f1f1f;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
  margin-top: 12px;
  position: relative;
  right: 2px;
}
.coupon-dialog .dashed-line[data-v-2089aaed] {
  width: 40.14px;
  height: 0px;
  border: 1.08px dashed #cfcfcf;
  position: relative;
  top: 22px;
  margin-left: 2px;
  margin-right: 7px;
}
.coupon-dialog .return-word[data-v-2089aaed] {
  font-family: PingFangSC-Medium;
  font-size: 30px;
  color: #fd503e;
  letter-spacing: 0;
  text-align: right;
  line-height: 30px;
  font-weight: 500;
}
.coupon-dialog .count-down[data-v-2089aaed] {
  position: relative;
  height: 48.48px;
  background: #fff6f5;
  border-radius: 7.2px;
  display: flex;
  justify-content: space-between;
}
.coupon-dialog .count-down-left[data-v-2089aaed] {
  line-height: 48.48px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  margin-left: 12px;
}
.coupon-dialog .count-down-left .count-down-left-number[data-v-2089aaed] {
  font-family: PingFangSC-Semibold;
  font-size: 12px;
  color: #fd503e;
  letter-spacing: 0;
  font-weight: 600;
}
.coupon-dialog .count-down-right[data-v-2089aaed] {
  display: flex;
  align-items: center;
  margin-right: 9px;
}
.coupon-dialog .count-down-number[data-v-2089aaed] {
  width: 21.09px;
  height: 24px;
  background: #fd503e;
  border-radius: 4.36px;
  font-family: PingFangSC-Regular;
  font-size: 15.27px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
}
.coupon-dialog .colon[data-v-2089aaed] {
  width: 2.18px;
  height: 8.67px;
  margin-left: 3.32px;
  margin-right: 3.32px;
}
.coupon-dialog .colon-img[data-v-2089aaed] {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  bottom: 6px;
}
.coupon-dialog .details[data-v-2089aaed] {
  width: 12px;
  height: 12px;
  position: relative;
  left: 5px;
  bottom: 2px;
}
.coupon-dialog .details-img[data-v-2089aaed] {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.coupon-dialog .activity-vehicle[data-v-2089aaed] {
  display: flex;
}
.coupon-dialog .coupon-received-content[data-v-2089aaed] {
  width: 288px;
  background: url('https://youjia.cdn.bcebos.com/youjia-pc/received.png') no-repeat;
  background-size: 288px 300px;
  min-height: 300px;
  margin: 0 auto;
}
.coupon-dialog .success[data-v-2089aaed] {
  display: flex;
}
.coupon-dialog .success .success-icon[data-v-2089aaed] {
  width: 18px;
  height: 18px;
  margin-left: 96px;
  margin-top: 18px;
}
.coupon-dialog .success .success-img[data-v-2089aaed] {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.coupon-dialog .success .success-title[data-v-2089aaed] {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #743214;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-top: 13px;
  margin-left: 6px;
}
.coupon-dialog .success-allowance[data-v-2089aaed] {
  margin-top: 40px;
}
.coupon-dialog .success-allowance .price-icon[data-v-2089aaed] {
  font-family: PingFangSC-Semibold;
  font-size: 18.9px;
  color: #fd503e;
  letter-spacing: 0;
  font-weight: 600;
  margin-left: 95px;
}
.coupon-dialog .success-allowance .price-num[data-v-2089aaed] {
  font-family: HelveticaNeue-Bold;
  font-size: 36px;
  color: #fd503e;
  letter-spacing: 0;
  font-weight: 700;
  margin-left: -4px;
}
.coupon-dialog .allowance-title[data-v-2089aaed] {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
}
.coupon-dialog .allowance-time[data-v-2089aaed] {
  display: flex;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
  margin-left: 64px;
  margin-top: 40px;
}
.coupon-dialog .allowance-readme[data-v-2089aaed] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
}
.coupon-dialog .allowance-readme .readme-top[data-v-2089aaed] {
  margin-left: 20px;
  margin-top: 5px;
}
.coupon-dialog .allowance-readme .readme-bottom[data-v-2089aaed] {
  margin-left: 74px;
}
.coupon-dialog .time-num[data-v-2089aaed] {
  margin-left: 5px;
}

.rank .rank-content[data-v-689e14c5] {
  margin-bottom: 55px;
}
.rank .rank-content[data-v-689e14c5]:last-child {
  margin-bottom: 0;
}
.rank .rank-title[data-v-689e14c5] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 23px;
  border-bottom: 1px solid #eeeeee;
}
.rank .rank-title h3[data-v-689e14c5] {
  font-size: 20px;
  line-height: 20px;
  color: #333333;
}
.rank .rank-title a[data-v-689e14c5] {
  font-size: 16px;
  line-height: 16px;
  color: #666666;
}
.rank .ranks-item[data-v-689e14c5] {
  padding: 8px 0;
  display: flex;
  align-items: center;
}
.rank .ranks-item .car-img[data-v-689e14c5] {
  width: 96px;
  height: 64px;
  margin-right: 12px;
}
.rank .discount-item[data-v-689e14c5] {
  flex-direction: column;
  justify-content: space-between;
  border: 0.5px solid #eeeeee;
  border-radius: 7.79px;
  margin: 12px 0;
  height: 136px;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
}
.rank .discount-item[data-v-689e14c5]:first-child {
  margin-top: 24px;
}
.rank .discount-item .bonus-car-img[data-v-689e14c5] {
  margin-left: 12px;
  margin-top: 9px;
}
.rank .discount-item .bonus-info[data-v-689e14c5] {
  display: flex;
}
.rank .bonus-title[data-v-689e14c5] {
  margin-top: 8px;
  margin-left: 10px;
}
.rank .bonus-title .bonus-name[data-v-689e14c5] {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #222426;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 500;
}
.rank .bonus-title .bonus-city[data-v-689e14c5] {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #505559;
  letter-spacing: 0;
  line-height: 12px;
  font-weight: 400;
  margin: 6px 0;
}
.rank .bonus-title .bonus-price[data-v-689e14c5] {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #fe4455;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 500;
}
.rank .people-limit[data-v-689e14c5] {
  position: absolute;
  top: 0;
  width: 80px;
  height: 24px;
  background: #fff1f0;
  border-radius: 8.76px 0px 5.84px 0px;
  font-family: PingFangSC-Semibold;
  font-size: 12px;
  color: #fd503e;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 600;
}
.rank .allowance[data-v-689e14c5] {
  display: flex;
  justify-content: space-between;
  background: #fff1f0;
  border-radius: 15.58px;
  width: 346px;
  height: 30px;
  margin-bottom: 5px;
  margin-left: 12px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #fd503e;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 400;
}
.rank .allowance .allowance-info[data-v-689e14c5] {
  display: flex;
  justify-content: flex-start;
}
.rank .allowance .allowance-info .bonus-money[data-v-689e14c5] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #fd503e;
  letter-spacing: 0;
  font-weight: 400;
}
.rank .allowance .get-button[data-v-689e14c5] {
  width: 72px;
  background: #fd503e;
  border-radius: 15px;
  font-family: PingFangSC-Semibold;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  font-weight: 600;
}
.rank .allowance .ranks-bonus-img[data-v-689e14c5] {
  width: 14px;
  height: 14px;
  margin: 8px 8px 0 14px;
}

.rank .rank-content[data-v-14a42af4] {
  margin-bottom: 55px;
}
.rank .rank-content[data-v-14a42af4]:last-child {
  margin-bottom: 0;
}
.rank .rank-title[data-v-14a42af4] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 23px;
  border-bottom: 1px solid #eeeeee;
}
.rank .rank-title h3[data-v-14a42af4] {
  font-size: 20px;
  line-height: 20px;
  color: #333333;
}
.rank .rank-title a[data-v-14a42af4] {
  font-size: 16px;
  line-height: 16px;
  color: #666666;
}
.rank .ranks-item[data-v-14a42af4] {
  padding: 8px 0;
  display: flex;
  align-items: center;
}
.rank .ranks-item .ranks-idx-img[data-v-14a42af4] {
  width: 19px;
  height: 30px;
  margin-right: 12px;
}
.rank .ranks-item .car-publish[data-v-14a42af4] {
  font-size: 14px;
  margin-right: 7px;
  color: #333333;
}
.rank .ranks-item .car-img[data-v-14a42af4] {
  width: 96px;
  height: 64px;
  margin-right: 12px;
}
.rank .ranks-item .info[data-v-14a42af4] {
  flex: 1;
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  color: #333333;
  overflow: hidden;
}
.rank .ranks-item .info-content[data-v-14a42af4] {
  flex: 1;
  overflow: hidden;
}
.rank .ranks-item .info-name-series[data-v-14a42af4] {
  display: flex;
  align-items: center;
}
.rank .ranks-item .info-name-series span[data-v-14a42af4] {
  display: inline-block;
}
.rank .ranks-item .info-name-series .info-name[data-v-14a42af4] {
  font-size: 16px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rank .ranks-item .info-price[data-v-14a42af4] {
  margin-top: 8px;
  font-size: 14px;
  line-height: 14px;
  color: #fe4455;
}
.rank .ranks-item .info .info-tag[data-v-14a42af4] {
  display: inline-block;
  padding: 0 7px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px;
  color: #333333;
  background: #eee;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
  margin-top: 6px;
}
.rank .ranks-item .info .car-pop[data-v-14a42af4] {
  font-size: 14px;
  text-align: right;
}
.rank .ranks-item .info .car-pop p[data-v-14a42af4]:first-child {
  color: #666666;
}
.rank .ranks-item .btn-price[data-v-14a42af4] {
  width: 88px;
  height: 32px;
  font-family: PingFangSC-Medium;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 32px;
  background: #00CECF;
  border: 1px solid #00cecf;
  border-radius: 3px;
  cursor: pointer;
}
.rank .ranks-item .btn-price-disable[data-v-14a42af4] {
  visibility: hidden;
}
.rank .discount-item[data-v-14a42af4] {
  flex-direction: column;
  justify-content: space-between;
  border: 0.5px solid #eeeeee;
  border-radius: 7.79px;
  margin: 12px 0;
  height: 136px;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
}
.rank .discount-item[data-v-14a42af4]:first-child {
  margin-top: 24px;
}
.rank .discount-item .bonus-car-img[data-v-14a42af4] {
  margin-left: 12px;
  margin-top: 9px;
}
.rank .discount-item .bonus-info[data-v-14a42af4] {
  display: flex;
}
.rank .bonus-title[data-v-14a42af4] {
  margin-top: 8px;
  margin-left: 10px;
}
.rank .bonus-title .bonus-name[data-v-14a42af4] {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #222426;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 500;
}
.rank .bonus-title .bonus-city[data-v-14a42af4] {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #505559;
  letter-spacing: 0;
  line-height: 12px;
  font-weight: 400;
  margin: 6px 0;
}
.rank .bonus-title .bonus-price[data-v-14a42af4] {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #fe4455;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 500;
}
.rank .people-limit[data-v-14a42af4] {
  position: absolute;
  top: 0;
  width: 80px;
  height: 24px;
  background: #fff1f0;
  border-radius: 8.76px 0px 5.84px 0px;
  font-family: PingFangSC-Semibold;
  font-size: 12px;
  color: #fd503e;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 600;
}
.rank .allowance[data-v-14a42af4] {
  display: flex;
  justify-content: space-between;
  background: #fff1f0;
  border-radius: 15.58px;
  width: 346px;
  height: 30px;
  margin-bottom: 5px;
  margin-left: 12px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #fd503e;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 400;
}
.rank .allowance .allowance-info[data-v-14a42af4] {
  display: flex;
  justify-content: flex-start;
}
.rank .allowance .allowance-info .bonus-money[data-v-14a42af4] {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #fd503e;
  letter-spacing: 0;
  font-weight: 400;
}
.rank .allowance .get-button[data-v-14a42af4] {
  width: 72px;
  background: #fd503e;
  border-radius: 15px;
  font-family: PingFangSC-Semibold;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  font-weight: 600;
}
.rank .allowance .ranks-bonus-img[data-v-14a42af4] {
  width: 14px;
  height: 14px;
  margin: 8px 8px 0 14px;
}
.ranks-item[data-v-14a42af4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ranks-item .ranks-item-left[data-v-14a42af4] {
  padding: 8px 0;
  display: flex;
  align-items: center;
}
.ranks-item .ranks-item-left .ranks-idx-img[data-v-14a42af4] {
  width: 19px;
  height: 30px;
  margin-right: 12px;
}
.ranks-item .ranks-item-left .car-publish[data-v-14a42af4] {
  font-size: 14px;
  margin-right: 7px;
  color: #333333;
}
.ranks-item .ranks-item-left .car-img[data-v-14a42af4] {
  width: 96px;
  height: 64px;
  margin-right: 12px;
}
.ranks-item .ranks-item-left .info[data-v-14a42af4] {
  flex: 1;
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  color: #333333;
  overflow: hidden;
}
.ranks-item .ranks-item-left .info-content[data-v-14a42af4] {
  flex: 1;
  overflow: hidden;
}
.ranks-item .ranks-item-left .info-name-series[data-v-14a42af4] {
  display: flex;
  align-items: center;
}
.ranks-item .ranks-item-left .info-name-series span[data-v-14a42af4] {
  display: inline-block;
}
.ranks-item .ranks-item-left .info-name-series .info-name[data-v-14a42af4] {
  font-family: PingFangSC-Medium;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ranks-item .ranks-item-left .info-name-series .info-tag[data-v-14a42af4] {
  margin-left: 6px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px;
  color: #333333;
  background: #eee;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.ranks-item .ranks-item-left .info-price[data-v-14a42af4] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #fe4455;
  margin: 2px 0px;
}
.ranks-item .ranks-item-left .info .car-pop-sale[data-v-14a42af4] {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #666666;
  font-weight: 400;
}
.ranks-item .ranks-item-left .info .car-pop[data-v-14a42af4] {
  font-size: 14px;
  text-align: right;
}
.ranks-item .ranks-item-left .info .car-pop p[data-v-14a42af4]:first-child {
  color: #666666;
}
.ranks-item .ranks-item-left .info .car-pop .btn-price[data-v-14a42af4] {
  width: 88px;
  height: 32px;
  font-family: PingFangSC-Medium;
  color: #FFF;
  font-weight: 500;
  text-align: center;
  line-height: 32px;
  background: #00CECF;
  border: 1px solid #00cecf;
  border-radius: 3px;
}
.ranks-item .ranks-item-right .btn-price[data-v-14a42af4] {
  width: 88px;
  height: 32px;
  font-family: PingFangSC-Medium;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 32px;
  background: #00CECF;
  border: 1px solid #00cecf;
  border-radius: 3px;
}

.video-dialog .wrapper[data-v-1df9c4e0] {
  position: relative;
}
.video-dialog .wrapper .close[data-v-1df9c4e0] {
  position: absolute;
  right: -50px;
  top: -20px;
  width: 39px;
  height: 39px;
  background-image: url(data:image/png;base64,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);
  background-size: cover;
  cursor: pointer;
}
[data-v-1df9c4e0] .el-dialog .el-dialog__body {
  padding: 0;
}
[data-v-1df9c4e0] .el-dialog .el-dialog__header {
  padding: 0;
}

.car-home {
  margin-top: 24px;
  padding-bottom: 30px;
}
.car-home .ad-container {
  width: 100%;
  height: 88px;
  position: relative;
}
.car-home .ad-container .ad {
  position: absolute;
  top: -24px;
  left: -360px;
  z-index: -1;
}
.car-home .canopy-container {
  width: 100%;
  height: 370px;
  margin-top: -24px;
  position: relative;
}
.car-home .canopy-container .banner {
  width: 1480px;
  height: 370px;
  position: absolute;
  top: 0px;
  left: -140px;
  background-repeat: no-repeat;
  background-size: cover;
}
.car-home .canopy-container .btn-container {
  margin-top: 265px;
  margin-left: 110px;
}
.car-home .canopy-container .btn-container .btn {
  width: 160px;
  height: 50px;
  background: #00CECF;
  border-radius: 10px;
  margin-left: 20px;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 500;
  cursor: pointer;
}
.warp {
  background-color: #FFFFFF;
}
.car-level {
  width: 96px;
  white-space: nowrap;
}
.car-level-link {
  display: inline-block;
  width: 96px;
  margin-left: 80px;
  cursor: pointer;
}
.car-level-link:first-child {
  margin-left: 0;
}
.car-level-img-wrapper {
  width: 100%;
  height: 54px;
}
.car-level-name {
  margin-top: 14px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #333;
}
.h-divier {
  width: 100%;
  height: 1px;
  margin-top: 24px;
  background: #eee;
}
.car-brand {
  display: flex;
  width: 100%;
  margin-top: 16px;
  justify-content: flex-start;
}
.car-brand-link {
  width: 80px;
  margin-left: 28px;
}
.car-brand-link:first-child {
  margin-left: 0;
}
.car-brand-logo-wrapper {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  line-height: 48px;
}
.car-brand-logo-wrapper .more {
  font-size: 48px;
  color: #666;
}
.car-brand-name {
  margin-top: 12px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #333;
}
.car-conditions {
  margin-top: 30px;
  border: 1px solid #eee;
}
.car-conditions-tab-wrapper {
  height: 296px;
  position: relative;
}
.car-conditions-tab-content {
  padding-bottom: 24px;
  box-sizing: border-box;
  overflow: hidden;
  height: 296px;
}
.car-conditions-tabs {
  white-space: nowrap;
  background: #f8f8f8;
}
.car-conditions-tabs > .tab-item {
  display: inline-block;
  height: 40px;
  padding: 0 24px;
  font-size: 16px;
  line-height: 40px;
  color: #666;
  cursor: pointer;
}
.car-conditions-tabs > .selected {
  color: #fff;
  background: #1a1a1a;
}
.car-conditions-item {
  width: 12.5%;
  margin-top: 24px;
  vertical-align: top;
  float: left;
}
.car-conditions-item .more {
  width: 80px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  border-radius: 6px;
  background: #f8f8f8;
  cursor: pointer;
}
.car-conditions-item > div {
  margin: 0 auto;
}
.car-conditions-item > .car-conditions-item-logo {
  width: 96px;
  height: 64px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.car-conditions-item > .car-conditions-item-logo > .image {
  margin: 0 auto;
  cursor: pointer;
}
.car-conditions-item-name {
  font-size: 16px;
  line-height: 16px;
  color: #333 !important;
  cursor: pointer;
  display: block;
  text-align: center;
}
.car-conditions-item > .car-conditions-item-link {
  margin-top: 8px;
  text-align: center;
}
.car-conditions-item > .car-conditions-item-link a,
.car-conditions-item > .car-conditions-item-link span {
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.car-conditions-item > .car-conditions-item-link .line {
  display: inline-block;
  width: 1px;
  height: 14px;
  vertical-align: -2px;
  background: #d8d8d8;
}
.car-conditions-item > .car-conditions-item-link .observe-price {
  font-family: PingFangSC-Regular;
  color: #00cecf;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.car-conditions-item > .car-conditions-item-link .disabled {
  cursor: not-allowed;
  color: #C5CCDB;
}
.car-feed-container {
  position: relative;
  margin-top: 24px;
}
.car-feed-container .left {
  width: 792px;
}
.car-feed-container .left .tabs-content {
  min-height: 100vh;
}
.car-feed-container .left .tabs {
  position: sticky;
  top: 0;
  display: flex;
  flex-wrap: nowrap;
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
}
.car-feed-container .left .tabs .tab-item {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 18px 0;
  font-size: 20px;
  line-height: 20px;
  color: #666;
  cursor: pointer;
}
.car-feed-container .left .tabs .tab-item:first-child {
  margin-left: 0;
}
.car-feed-container .left .tabs .tab-item::after {
  content: '';
  opacity: 0;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 14px;
  right: -9px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5GaWxsIDE3PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI5NS4xMTE2MjUxJSIgeTE9IjUwJSIgeDI9IjAlIiB5Mj0iNTAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMENFQ0YiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAwQkRCRCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLpppbpobVf5o6S6KGM5qacIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6ZSA6YeP5o6S6KGM5qacIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDM2LjAwMDAwMCwgLTE2MS4wMDAwMDApIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIj4KICAgICAgICAgICAgPGcgaWQ9IuS4gOe6p+WvvOiIqiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE0Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5NS4wMDAwMDAsIDE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00MSwzLjk5OTczMzMzIEM0MSw2LjIwOTA2NjY3IDQyLjc5MDk5Myw4IDQ0Ljk5OTg2NjcsOCBMNDQuOTk5ODY2Nyw4IEM0Ny4yMDkyNzM2LDggNDksNi4yMDkwNjY2NyA0OSwzLjk5OTczMzMzIEw0OSwzLjk5OTczMzMzIEM0OSwxLjc5MDkzMzMzIDQ3LjIwOTI3MzYsMCA0NC45OTk4NjY3LDAgTDQ0Ljk5OTg2NjcsMCBDNDIuNzkwOTkzLDAgNDEsMS43OTA5MzMzMyA0MSwzLjk5OTczMzMzIE00MywzLjk5OTY2NjY4IEM0MywyLjg5NTM3MDE2IDQzLjg5NTA3NDYsMi4wMDAwNjY2NyA0NC45OTk4MzMzLDIuMDAwMDY2NjcgTDQ0Ljk5OTgzMzMsMi4wMDAwNjY2NyBDNDYuMTA0NTkyLDIuMDAwMDY2NjcgNDcsMi44OTUzNzAxNiA0NywzLjk5OTY2NjY4IEw0NywzLjk5OTY2NjY4IEM0Nyw1LjEwNDYyOTg0IDQ2LjEwNDU5Miw1Ljk5OTkzMzMzIDQ0Ljk5OTgzMzMsNS45OTk5MzMzMyBMNDQuOTk5ODMzMyw1Ljk5OTkzMzMzIEM0My44OTUwNzQ2LDUuOTk5OTMzMzMgNDMsNS4xMDQ2Mjk4NCA0MywzLjk5OTY2NjY4IiBpZD0iRmlsbC0xNyI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: opacity 0.1s linear;
}
.car-feed-container .left .tabs > .selected {
  color: #333;
  font-weight: 700;
}
.car-feed-container .left .tabs > .selected::after {
  opacity: 1;
}
.car-feed-container .left .feed-content {
  min-height: 100px;
}
.car-feed-container .left .feed-list-scroller {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.car-feed-container .left .feed-list {
  width: 791px;
  padding-right: 20px;
}
.car-feed-container .left .feed-list-item {
  position: relative;
  height: 100px;
  margin-top: 24px;
  display: block;
  cursor: pointer;
}
.car-feed-container .left .feed-list-item-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 100px;
  overflow: hidden;
}
.car-feed-container .left .feed-list-item-left-img {
  width: auto;
  height: 100px;
}
.car-feed-container .left .feed-list-item-left-dura {
  position: absolute;
  right: 5px;
  bottom: 5px;
  height: 22px;
  padding: 0 7px;
  line-height: 22px;
  color: #fff;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.4);
}
.car-feed-container .left .feed-list-item-left-dura i {
  font-size: 12px;
}
.car-feed-container .left .feed-list-item-left-dura span {
  margin-left: 4px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #fff;
}
.car-feed-container .left .feed-list-item-right {
  display: flex;
  height: 100%;
  margin-left: 174px;
  align-items: center;
}
.car-feed-container .left .feed-list-item-right .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0;
  color: #333;
  width: 597px;
  overflow: hidden;
}
.car-feed-container .left .feed-list-item-right .author {
  margin-top: 10px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0;
  color: #999;
}
.car-feed-container .left .feed-list-item-right .author .publish-time {
  margin-left: 18px;
}
.car-feed-container .left .feed-list .feed-loading-text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 44px;
  height: 44px;
  color: #999;
  text-align: center;
}
.car-feed-container .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 370px;
}
.car-feed-container .right .title {
  padding-bottom: 14px;
  padding-top: 18px;
  border-bottom: 1px solid #eee;
  font-size: 20px;
  line-height: 28px;
  color: #333;
}
.car-feed-container .right .new-car {
  width: 100%;
  height: 100px;
  margin-top: 24px;
}
.car-feed-container .right .new-car-item {
  display: block;
  width: 100%;
  height: 100%;
}
.car-feed-container .right .new-car:first-child {
  margin-top: 0;
}
.car-feed-container .right .new-car .img {
  position: absolute;
  width: 150px;
  height: 100px;
}
.car-feed-container .right .new-car .img img {
  width: 100%;
  height: 100%;
}
.car-feed-container .right .new-car .content {
  box-sizing: border-box;
  height: 100%;
  margin-left: 162px;
  padding-top: 30px;
}
.car-feed-container .right .new-car .content .info {
  line-height: 16px;
}
.car-feed-container .right .new-car .content .info .brand-name {
  margin-left: 12px;
  font-size: 14px;
  color: #999;
}
.car-feed-container .right .new-car .content .info .series-name {
  font-size: 16px;
  color: #333;
}
.car-feed-container .right .new-car .content .price {
  margin-top: 8px;
  font-size: 16px;
  line-height: 16px;
  color: #ff6f61;
}
.pointer {
  cursor: pointer;
}
.loading-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  text-align: center;
}
.loading-text {
  margin-top: 10px;
  color: #999;
  font-size: 14px;
  line-height: 24px;
}
.qrcode.youjia-totop {
  z-index: 999;
}
.top-banner {
  position: relative;
}
.top-banner .advertise-title {
  width: 33px;
  height: 18px;
  z-index: 2;
  position: absolute;
  top: 10px;
  left: 1155px;
}
.top-banner .advertise-title .advertise-img {
  max-width: 100%;
  max-height: 100%;
}
.right-banner {
  position: relative;
  border-radius: 0 !important;
}
.right-banner .advertise-title {
  width: 33px;
  height: 18px;
  z-index: 2;
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.right-banner .advertise-title .advertise-img {
  max-width: 100%;
  max-height: 100%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  /* 1 */
  overflow: visible;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  color: #000;
  background-color: #ff0;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  /* 1 */
  margin: 0;
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
  outline: none;
  border: none;
  background: #FFFFFF;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  /* 2 */
  display: table;
  box-sizing: border-box;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  /* 1 */
  outline-offset: -2px;
  -webkit-appearance: textfield;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
ul,
ol {
  list-style: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
a {
  text-decoration: none;
  color: #3484fe;
  outline: none;
  background: transparent;
  transition: color 0.3s ease;
  cursor: pointer;
}
a:focus {
  text-decoration: none;
  color: #3484fe;
  text-decoration-skip-ink: auto;
}
a:hover {
  color: rgba(52, 132, 254, 0.8);
}
a:active {
  color: #2969cb;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: #c0c4cc;
  cursor: not-allowed;
  pointer-events: none;
}
.ant-divider {
  display: inline-block;
  width: 1px;
  height: 8px;
  margin: 0 6px;
  background: #ccc;
}
code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Courier, monospace;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}

/* stylelint-disable */
/* csshint-disable */
@font-face {
  font-family: "c-icon"; /* Project id 1709154 */
  src: url(https://youjia-pc-bdstatic-com.blacksheepgame.com/static/font/iconfont.32ee83c.woff2) format('woff2'),
       url(https://youjia-pc-bdstatic-com.blacksheepgame.com/static/font/iconfont.f469b75.woff) format('woff'),
       url(https://youjia-pc-bdstatic-com.blacksheepgame.com/static/font/iconfont.877ee94.ttf) format('truetype');
}

.c-icon {
  font-family: "c-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-heart-fill:before {
  content: "\e627";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-a-dizhi-icon3x:before {
  content: "\e63d";
}

.icon-a-che-icon3x:before {
  content: "\e63c";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/**
* 部分通用样式
*/

/*
 * 按行折断
 */
.c-line-clamp1 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.c-line-clamp2,
.c-line-clamp3,
.c-line-clamp4,
.c-line-clamp5 {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 5px;
    white-space: normal;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
}
.c-line-clamp2 {
    -webkit-line-clamp: 2;
}
.c-line-clamp3 {
    -webkit-line-clamp: 3;
}
.c-line-clamp4 {
    -webkit-line-clamp: 4;
}
.c-line-clamp5 {
    -webkit-line-clamp: 5;
}
/*
 * 边框
 */
.c-line-top {
    border-top: 1px solid #eee;
}
.c-line-dotted-top {
    border-top: 1px dotted #eee;
}
.c-line-bottom {
    border-bottom: 1px solid #eee;
}
.c-line-dotted-bottom {
    border-bottom: 1px dotted #eee;
}

.__c-progress[data-v-5d3d070a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0%;
  transition: width 0.2s, opacity 0.4s;
  z-index: 999999;
  opacity: 1;
}