@charset "UTF-8";
.xunjia {
  width: 100%;
  height: 50px;
  font-size: 15px;
  position: fixed;
  z-index: 19;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff; }
  .xunjia .price {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: -webkit-calc(100% - 136px);
    width: calc(100% - 136px);
    color: #333;
    float: left;
    padding-left: 15px;
    border-top: solid #f5f5f5 1px;
    display: table;
    height: 100%; }
    .xunjia .price .cell {
      display: table-cell;
      vertical-align: middle; }
      .xunjia .price .cell p.price-tag {
        line-height: 20px;
        font-size: 14px; }
        .xunjia .price .cell p.price-tag span {
          color: #ff6600; }
      .xunjia .price .cell p.price-change {
        font-size: 12px;
        color: #999; }
        .xunjia .price .cell p.price-change span.price-up {
          color: #ff6600; }
          .xunjia .price .cell p.price-change span.price-up i {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url("//x.autoimg.cn/k/jm/front/assets/images/price-up.png");
            background-size: 100% 100%;
            position: relative;
            top: 1px; }
        .xunjia .price .cell p.price-change span.price-down {
          color: #45c186; }
          .xunjia .price .cell p.price-change span.price-down i {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url("//x.autoimg.cn/k/jm/front/assets/images/price-down.png");
            background-size: 100% 100%;
            position: relative;
            top: 1px; }
  .xunjia .xunjia-btn {
    width: 136px;
    height: 50px;
    line-height: 50px;
    float: right;
    color: #fff;
    background-color: #2873FF;
    text-align: center; }

.maskcont {
  height: 87%;
  background-color: #fff;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none; }
  .maskcont iframe {
    width: 100%;
    height: 100%;
    background-color: transparent; }

.maskcont .close-mask {
  position: absolute;
  top: -32px;
  right: 15px;
  z-index: 20;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTNENDQ4NTM1OUE5MTFFODg0MzRERkE5RUEwRDVDNUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTNENDQ4NTQ1OUE5MTFFODg0MzRERkE5RUEwRDVDNUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFM0Q0NDg1MTU5QTkxMUU4ODQzNERGQTlFQTBENUM1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFM0Q0NDg1MjU5QTkxMUU4ODQzNERGQTlFQTBENUM1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkLkDyMAAAVDSURBVHjaYmBABd4wBiOU9kVTwMAEY/z//38TiH769GkTTIcvsiQjI6MfTMdmqMpGkGBOTo4CXjsAAogZiW0OxAJA/Bqfjs2M2IxBcS7REjjtAAggRjQBXwbcYDNe/+EAf5ig/kUBsHB+9+7dBDQpFpCGL+ga3r9/fw9ECwoKKhHrOVzgOrqnvdCiBwZuAPFtEAMggLBJSgGxNRDLAvFzIP6LzUkgYAfE/DiccgCIPyPb4APEHHjcDkpjn0ABxARVyEiEh01hacMVWdTY2JgXxsYSD7YYiYmZmRmsCaRYSEioAE1agAVdw6lTpz5/+PBhkrOzczVRyRVksoCAQB7MJoIaYM4A2QTShAaukpo0NsOM+AXE4oQUo8c0E3Jhg00xCAAEEL4IA0WoE470hg7uA/EVfHkdGfgQmVJwgUtA/BCbBfZAzMdAPbAViP8xEsiXlIKdoIiSxme4mZkZL6iMQk+EoASKJa+gA3eQDzxBhRkhp4AsOnny5NKPHz8++AcEWPIVzpL+JzEKd+zY0QwqPN3c3KpBhSe2bIUNgFx+FIjdcCmABQOyi0EVISzoTExMos+ePfuZUJWkCy3VqA1QqjZuaMaiBvgDxNtxZTQJWHFLicHEFBUgwAbEFnhqF3ARCMT3cEkCBBAxRQI7EKsAsRgQc0HrufdA/BiInxHSjM8CbSBWIsIBIAv3AfEPYi0gN7JB9epBQhbIA7EeBannPxBvwVWnSVBoOMzBPtgsYKIgaWKzxB7dAncq52A+WFuICZrWWWhQTDjBLLDApQLUwsdV5sMKOzwWMMMswJlLpaWl67E1wmB1g7m5eTQBX0gzEfInrJiGWQKqB2CGg1pPBLTLMBLbigJZAKwHmIDtOAUiDYf3E4gCrq6utSDDgS3Lh0QaDo4CoiwABcuZM2fAwQKM2L9EVPYw8J2JFMNBLkePEwLgJRMxhoPqXeRgIcGSu0zQCgMrsLS0FMZVqYMs+f79+0cCFvwgtT1OCngAxJeZkSoNUSpbcBi5sLsLrbCpBfZhqw+2U8nwy0D8FV+VSVRbFQc4DcQvcI10wMAdaNUnQoLBf6Eh8JnUZosStHWBC4CS6QloJw8rAAjQrBmzNBAEUXjvGhMVzsYmCIkGbayClpYW+TP+BEt/VIggiKWYws5KQVOIigEVsRDzhVlZj3Ozu7eXZCBFjrvwZm9m9r23KSOV2Kg2RF+sBf7GK9vO+HNvAxnKu4ruZcV2KtphNbW9EdH6HSsB2FKnQtC2ZAb5ovdJoCWyZxHiWianUwKr+EJzWHGXN8J0frONoTaUSllM0jkGmDalN16KEqBcttXix7ooxkdzK9sKkfgY6lBvV8Miz5x5VpvyntHSyjSVbHZDlmJMwp7r9XoGKYN8uSQCcO6FmfMsvxH4JsBcS0W8q8AEJhRV6w9bItoXBjjfeYZnPQh6UbQTkWgrMYqT1cUPwwfDE0NJcL3f7/9e63a7xyVBm/HurJt8E+n1eifIoAmhGY1uMfgiAv8zmmIS3Ump8BYAD3B0XJZlLa6FNPuU+ErNmVoWODVOH+ga57RiXDpHLj0SSgZTYYJRgeeb06fZPeNBUwnbSZiy2S+NRqOjG9bmKf/X7MPhcKBdFs9AK5wnBrc/VNUcSlQRKKhTesCUxRi3zQXlQXlSd6bkmCMpmEoHIeU0o6BsLkyxk1hEzH5JyRkzEOmXReJmGsCmsNRkjsARM3dlNTFUY2+GpcWxw1WRzRHDlaiJ8GlGnFp6iPDXiM+qXAlbLImRhL3C5rQso9mcctgmH7Kq2ClPyvHA1BY/7Z3ug2qRlc8AAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
  background-position: center; }

.iframe-mask {
  position: absolute;
  z-index: 21;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.maskcont-bottom {
  -webkit-animation: animation-slide-bottom-in 300ms;
       -o-animation: animation-slide-bottom-in 300ms;
          animation: animation-slide-bottom-in 300ms; }

.maskcont .mask-bg {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3); }

.maskcont.slide-bottom-in .maskcont-bottom {
  -webkit-animation: animation-slide-bottom-in 300ms;
  -o-animation: animation-slide-bottom-in 300ms;
     animation: animation-slide-bottom-in 300ms; }

.maskcont.slide-bottom-out {
  -webkit-animation: animation-slide-bottom-out 300ms;
  -o-animation: animation-slide-bottom-out 300ms;
     animation: animation-slide-bottom-out 300ms; }

@-webkit-keyframes animation-slide-bottom-in {
  0% {
    bottom: -70%;
    opacity: 0; }
  100% {
    bottom: 0;
    opacity: 1; } }

@-o-keyframes animation-slide-bottom-in {
  0% {
    bottom: -70%;
    opacity: 0; }
  100% {
    bottom: 0;
    opacity: 1; } }

@keyframes animation-slide-bottom-in {
  0% {
    bottom: -70%;
    opacity: 0; }
  100% {
    bottom: 0;
    opacity: 1; } }

@-webkit-keyframes animation-slide-bottom-out {
  0% {
    bottom: 0;
    opacity: 1; }
  100% {
    bottom: -70%;
    opacity: 0; } }

@-o-keyframes animation-slide-bottom-out {
  0% {
    bottom: 0;
    opacity: 1; }
  100% {
    bottom: -70%;
    opacity: 0; } }

@keyframes animation-slide-bottom-out {
  0% {
    bottom: 0;
    opacity: 1; }
  100% {
    bottom: -70%;
    opacity: 0; } }

.final-price {
  width: 100%;
  height: 50px;
  font-size: 15px;
  position: fixed;
  z-index: 19;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff; }
  .final-price .price {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: -webkit-calc(100% - 136px);
    width: calc(100% - 136px);
    color: #333;
    float: left;
    padding-left: 15px;
    border-top: solid #f5f5f5 1px;
    display: table;
    height: 100%; }
    .final-price .price .cell {
      display: table-cell;
      vertical-align: middle; }
      .final-price .price .cell p.price-tag {
        line-height: 20px;
        font-size: 14px; }
        .final-price .price .cell p.price-tag span {
          color: #f9712c; }
      .final-price .price .cell p.num {
        font-size: 12px;
        color: #999; }
  .final-price .xunjia-btn {
    width: 136px;
    height: 50px;
    line-height: 50px;
    float: right;
    background-color: #2873FF;
    text-align: center; }
    .final-price .xunjia-btn a {
      display: block;
      color: #fff; }

a, span, p {
  font-family: "PingFang SC", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", STHeiTi, sans-serif; }

.title-ad {
  position: relative;
  width: 100%;
  margin-top: .5rem; }

.icon-arrow-right:before {
  font-size: .8rem; }

.ah-head {
  margin-top: 10px;
  background-color: #fff; }

.ah-head .overview {
  height: 4.4rem;
  border-bottom: solid 1px #f5f5f5; }

.ah-head .overview ul {
  position: relative;
  height: 1.875rem;
  padding: 0 0.9375rem; }

.ah-head .star {
  display: inline-block;
  width: 4.5rem;
  position: relative;
  height: 1rem; }

.ah-head .star span {
  display: inline-block;
  width: 100%;
  padding: 0;
  height: 1rem;
  white-space: nowrap; }

.ah-head .star .fill {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden; }

.ah-head .overview ul a {
  display: inline-block;
  position: absolute;
  right: .9375rem;
  color: #266bbf;
  font-size: 0.875rem;
  font-weight: 300; }

.ah-head .icon-star-fill,
.ah-head .icon-star {
  font-size: .9rem;
  color: #ff9900; }

.ah-head .car-name {
  font-size: 1rem;
  height: 2.5rem;
  line-height: 3rem;
  padding-left: .8rem; }

.ah-head .score {
  font-size: 1rem;
  color: #ff6600; }

.ah-head .score-unit {
  font-size: 0.75rem; }

.ah-head .number {
  font-size: 0.75rem;
  color: #888888; }

.ah-head .icon-arrow-right {
  display: inline-block;
  font-size: 1rem;
  color: #266bbf; }

.ah-head .detail-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  border-bottom: solid 1px #f5f5f5;
  margin: 0 .9375rem; }

.ah-head .quality-assessment {
  display: inline-block;
  font-size: 1rem;
  width: 5.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #444; }

.ah-head .goto-info {
  display: inline-block;
  color: #266bbf;
  font-size: 0.875rem;
  font-weight: 300; }

.ah-head .goto-info i::before {
  font-size: .8rem; }

.ah-head .detail-bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0 .5rem;
  height: 3.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between; }

.ah-head .detail-bottom li {
  display: inline-block;
  position: relative;
  width: 50%; }

.ah-head .detail-bottom li:first-child {
  border-right: solid 1px #f5f5f5; }

.ah-head .detail-bottom li p {
  text-align: center;
  height: 2.075rem;
  line-height: 2.075rem;
  font-size: 0.875rem; }

.ah-head .detail-bottom li p span {
  color: #444; }

.ah-head .detail-bottom li p:first-child {
  height: 1.675rem;
  line-height: 2.475rem;
  font-size: 0.875rem;
  color: #ff6600; }

.ah-head .detail-bottom li p:first-child span {
  font-size: 0.75rem;
  color: #888888; }

.chart-header {
  position: relative;
  background-color: #fff;
  padding-bottom: .7  8rem;
  margin-bottom: .5rem; }

.chart-header .header-title {
  position: relative;
  padding: .5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  margin-top: .5rem;
  font-size: 1rem;
  border-bottom: solid 1px #f5f5f5; }

.chart-header .header-bottom {
  position: relative;
  margin: 0 .5rem;
  height: 3.75rem;
  border-bottom: solid 1px #f5f5f5; }

.chart-header .header-bottom li {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 50%; }

.chart-header .header-bottom li:first-child {
  border-right: solid 1px #f5f5f5; }

.chart-header .header-bottom li:nth-child(2) {
  left: 50%; }

.chart-header .header-bottom li p {
  text-align: center;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.875rem; }

.chart-header .header-bottom li p:first-child {
  height: 1.675rem;
  line-height: 2.475rem;
  font-size: 0.875rem;
  color: #ff6600; }

.chart-header .header-bottom li p:first-child .star {
  display: inline-block;
  position: relative;
  width: 5rem;
  color: #ff6600; }

.chart-header .header-bottom li p:first-child .star span {
  display: inline-block;
  width: 5rem;
  white-space: nowrap; }

.chart-header .header-bottom li p:first-child .star .fill {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.chart-header .header-bottom li p:first-child .star span small {
  font-size: 0.75rem; }

.chart-header .header-bottom li p:nth-child(2) span:nth-child(2) {
  font-size: 0.75rem;
  color: #888; }

.chart-header .icon-star-fill,
.chart-header .icon-star {
  font-size: 1rem;
  color: #ff9900; }

.chart-header .chart {
  position: relative;
  width: 100%; }

.chart-header .chart p {
  position: relative;
  color: #888;
  margin: 1rem 1.5rem auto 1.5rem;
  font-size: 0.75rem;
  text-align: right; }

.chart-header #chart {
  position: relative;
  margin: 0 .9375rem; }

.chart-header a {
  display: block;
  position: relative;
  width: auto;
  font-size: .9rem;
  height: 1.875rem;
  margin: .3rem .9375rem;
  line-height: 1.875rem;
  background-color: #266bbf;
  text-align: center;
  color: #fff;
  border-radius: 0.1875rem; }

.ah-model {
  margin-top: 10px;
  background-color: #fff; }

.ah-model .goto-info {
  display: inline-block;
  color: #266bbf;
  font-size: 0.875rem; }

.ah-model .plugin {
  position: relative; }

.ah-model .plugin p {
  position: relative;
  height: 2rem;
  line-height: 2rem;
  margin: 0 .9375rem;
  font-size: 0.75rem;
  border-top: solid 1px #f5f5f5; }

.ah-model .model-list {
  border-bottom: solid 1px #f5f5f5; }

.ah-model .model-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  border-bottom: solid 1px #f5f5f5;
  margin: 0 0.9375rem;
  padding: 0.625rem 0; }

.ah-model .model-list ul:first-child {
  border-top: solid 1px #f5f5f5; }

.ah-model .model-list ul:last-child {
  border-bottom: hidden; }

.ah-model .model-list ul .quality-assessment {
  width: 14rem;
  line-height: 1.5rem; }

.ah-comment {
  margin-top: 10px; }

.ah-comment .tabs {
  background-color: #f9f9f9;
  padding: 0 .8rem .8rem .8rem; }

.ah-comment .tabs a {
  display: inline-block;
  height: .9rem;
  margin-top: 10px;
  margin-right: 5px;
  padding: .3rem 1rem;
  line-height: .9rem;
  border-radius: 100000px;
  border: solid 1px #e8e8e8;
  background-color: #fff;
  font-size: 0.75rem;
  /* box-shadow: 0px 0px 1px 1px #888; */
  color: #266bbf; }

.ah-comment .tabs a.dust {
  color: #666; }

.ah-comment .tabs a.dust.select {
  color: #fff; }

.ah-comment .tabs a span {
  margin-left: 3px;
  color: #aaa; }

.ah-comment .tabs .select {
  background-color: #266bbf;
  color: #fff;
  border: solid 1px #266bbf; }

.ah-comment .tabs .select span {
  color: #fff; }

.ah-comment .tabs_nocontant {
  position: relative;
  padding: 2.5rem;
  background-color: #fff;
  text-align: center; }

.ah-comment .tabs_nocontant p {
  position: relative;
  font-size: 0.875rem;
  color: #888; }

.ah-comment .tabs_nocontant button {
  width: 8.90625rem;
  height: 1.875rem;
  margin-top: 1rem;
  border: 1px solid #d7d7d7;
  border-radius: .1rem;
  background-color: #fff; }

.ah-comment .mini-tabs {
  display: none;
  position: fixed;
  height: 50px;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(249, 249, 249, 0.9);
  opacity: 0;
  z-index: 998; }

.ah-comment .mini-tabs-title {
  position: relative;
  height: 50px;
  width: 100%;
  line-height: 50px;
  border-bottom: solid 1px #f5f5f5; }

.ah-comment .mini-tabs-title span:first-child {
  display: inline-block;
  position: absolute;
  font-size: .9rem;
  height: 1.375rem;
  top: 0.9375rem;
  left: .5rem;
  padding: 0 0.9375rem;
  line-height: 1.375rem;
  background-color: #3a6ab9;
  color: #fff;
  border-radius: 100000px; }

.ah-comment .mini-tabs-title span:last-child {
  position: absolute;
  font-size: .9rem;
  right: 1.5rem;
  color: #3a6ab9; }

.ah-comment .mini-tabs-title span i {
  display: inline-block;
  height: 0;
  width: 0;
  margin-left: 5px;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-left: solid 5px #3a6ab9;
  border-right: solid 5px transparent;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: -o-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s, -o-transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  -webkit-transform-origin: 30% 50%;
  -ms-transform-origin: 30% 50%;
  -o-transform-origin: 30% 50%;
  transform-origin: 30% 50%; }

.ah-comment .m-t {
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4); }

.ah-comment .close-m-t {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%; }

.ah-comment .m-tabs {
  position: relative;
  background-color: #f9f9f9;
  padding: 0 .8rem .8rem .8rem; }

.ah-comment .m-tabs a {
  display: inline-block;
  height: .9rem;
  margin-top: 10px;
  margin-right: 5px;
  padding: .3rem 1rem;
  line-height: .9rem;
  border-radius: 100000px;
  border: solid 1px #e8e8e8;
  background-color: #fff;
  font-size: .75rem;
  /* box-shadow: 0px 0px 1px 1px #888; */
  color: #266bbf; }

.ah-comment .m-tabs a.dust {
  color: #666; }

.ah-comment .m-tabs a.dust.select {
  color: #fff; }

.ah-comment .m-tabs a span {
  margin-left: 2px;
  color: #888888; }

.ah-comment .m-tabs .select {
  background-color: #266bbf;
  color: #fff;
  border: solid 1px #266bbf; }

.ah-comment .m-tabs .select span {
  color: #fff; }

.ah-comment .comments {
  position: relative;
  margin-top: 0.125rem; }

.ah-comment .comment {
  position: relative;
  padding: 0.5rem 0.9375rem;
  margin-top: 0.1875rem;
  background-color: #fff; }

.ah-comment .comment:first-child {
  margin-top: 0; }

.ah-comment .comment-essence {
  position: absolute;
  width: 5.625rem;
  top: -.5rem;
  right: -.5rem;
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  transform: rotate(-25deg); }

.ah-comment .v-trape {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAiCAYAAACtFqwYAAAAAXNSR0IArs4c6QAABzxJREFUaAXtWmtsFFUUPufObHm0JW0pr0JBCbSm5S1owUQx8lB8/BF8JBiNP0Q0wVcT4w8SVHwQX7+M8Q9GE39IIRh/QKBaCagFpWBLEQShSHnIQwq0SLvbvddzZ3dmZ3Z2XtvdsJq9ye7ce86959y539x7HjPY99IUAfmSWyuAeITl1ozys5ErgEJszQOTg88CqsqWPDA5BgwC/qMWlu7MA5NjwAgUTbhmR28emBwDBgXbKqeUByYoMGoBqM+tB+XxtwDKxwcd7dk/pIAGjOrZ83/cAUdPAjZ9keMdistnge/ZbOFj1Vxgk+aAiPRBdNNaCy8DjUP4fluHlOMbmNCaJsBhIxx1h1ffCXCty5EvGTh+KigLV9j68JMHgDd+aqNnm4BjJoGyeKWjGt6xH8Rfx4Dd8ZjRB8feEquHr4OydLVB1yqRXog2vGGlBWghorZb5BDfwIjO3wBr73JUg5U1IA7/6MgHRQVWt9TOj0aA795op5soobebAQqGmihpVElP5NXZloHi0lmI7outBZu+AFAJAT+6B0T3pVi/CycAyypAmf2gZZxsYGGJjS6uXx0YMIBbdEW+geGdB4G5ATPOHRh5ZGDxcF2vceVtjQDdfxvtlBVkgGxg5lBw+3jxZytE6Qclo0GZdR8IIaD/i3ra+ZeNabCZ92p1fvowROO7Wlm0ElhFFUR/2gD8SDNgURmoybvHkOCvggA96rDqXQBt2gDfwIhTB101sMpa4E49CBA2baGNKwgQ3rrdRnciRLd9Qgux24mdks6q6lyPKzmIkd2QRZw9agFFI+p/NFfR9m2sNe9R7SpOHdJoorRC75X2VQB+h2sawroA/8DQUeZWcFytI5vNXQZAx0Ry4bsbAKL9yWTHtqCjRXTsc+SnYojS0anIFhpOvl1riz9+ttAtjeJy0HcPxHc+jp8CrK8HoLDM0jWdBmLMG9PH+gYGui+CuHrB0QFAuQC0paEnfj7HNUiDzyqn6PqMqzT44mS70b6RFVYVA4Yf2+s4DTa2GtgT71n4St3DAPKXgRIKFcSMXVyWf2BogKcDoNmZHxLTHIDBTwjJbg0nTCPbV64pwRE3AZocFPOxKbrIdW7/XuvHZizW7CU/tAvExU6AwUWgzHko7YmSN9aO61pOmgUEA0baGTcHgOyMOJwAZkAG3zzLLNaVBc8Y0tUHXjTqstL/eb3RFueOQ3TzO1pbj32kMyBOkPNANmYgwFAaxrJbpJJAwHCyM4oxVXuFkctsOAAZMvh2LZmjIO1ws6fJj7eAuHQGWPU8uwdJEb9mWwYNpeM8tsOAYhlJw+KB2RiGquEm63cXCBhxyssBqNHlQqYMviEwCxVl0bMWqdGdX5KX1QhIKZdk115G+wWv77D0D9VvsrTTaZDR71YnK7YAMBAwQMZfXL2YeGKSZoIUD0ARPUEUlOW6wQeyK1g7X7sDcb0bcEhx0t3EmqL3GojzJ2INpgCWV2p16QgB8cxFSA8tYKHQqRFXtESShwUDhkbLeAZrXDIAE8gLq707WQ+5xd4Rvn1QFinkZfLWbQCcA5aMApx4q7w7m0JBBj5CP5DJy+XrNGAkKJGPn6ac2W1af/7L12SQjBDEJsONQIGzzb7I/sGBkfGMCzCM0heoDrLNxVeEbxuVXUJ08zrCQoD61AeuiqTnpi5/F3B4Jcgd1L9+FfWncctiubJwGwXJaQIT4on8mHkSgYHhZGdcHYCbZ2putVlJ0AjfPDarddo1rkWmgWRUz2iZ6JiWnln/xje1XBoOH2cMxZIxIMy5vK4zBs+tQm8r2/Cj1tOp+gQGxssBgCHDbHqCRvg2ATeKQNn0gtV03Oll1EQIPf+Z3jKuoVc2GHVZCdfPoCMyaqGlatDBafPG9H72zJ7OcbpeOU9PjPOThiE6xtRE+oV3tudMhO90SzeKztRENjl5DoF3jBSgZQBq6P2LUxlMHo5MzUiD30z5sAwVLWAdOTGQNPnOxW9Rl7wAYv6TIF+gaeXKOQi/VpdyOI6YAKGXv9J44bWUgTZlpP3sFor2r6iFZc0phRMxPWBkPOMGjHQ9CZhMG3w29R4A+ctSwZGUkjHLlk5an9Ul1tnCTJd1c1vv5HIl0dvpowvHDG5awMh3M24OAA4pAh4wpe9yDwaLn/kdgOKoQIWidFZR7WtItGk98I5fQbl/FTB91/gaGbwTCms2OVlCWsB4OgB0lGXD4HO5cPsc7WXyvWltNmsJMIo/3Io41gK8pwv4gSbQXp6R4eYEqLSP2Si0K0VIHZwyftH14X/i2+XCUnqXS7dDEbq0W4GKfA8kj1aKV7y+SQgklzLKbEb87ebebwLFMWRf9hd8eGCWm760doybwKzwPD7ycNUpgUx6R+Ta3y+zt8fzWwUnUQKE57YP7i47acvTfa8AA3s2OXlwHpjkFclym46xLrVu8h4vNXlgvFYo03wU2/CRBs+0QB6YTC+8l7z4t8le3f4FS+xaxMUSxCUAAAAASUVORK5CYII=");
  background-size: 100% 100%; }

.ah-comment .comment-title {
  height: 2.5rem;
  width: 90%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 2.5rem;
  font-size: 1rem; }

.ah-comment .comment-video {
  width: 100%;
  height: 50vw;
  margin: 5px auto;
  position: relative; }
  .ah-comment .comment-video .play-nums {
    position: absolute;
    bottom: .4rem;
    right: .4rem;
    padding: 0.1875rem;
    font-size: 0.75rem;
    background-color: rgba(0, 0, 0, 0.9);
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 1;
    z-index: 10; }

.ah-comment .light {
  color: #960b0b;
  font-size: inherit; }

.ah-comment .comment-user {
  height: 1.2rem;
  line-height: 1.2rem; }

.ah-comment .comment-user span {
  color: #c3c3c3;
  font-size: 0.75rem; }

.ah-comment .comment-user i {
  margin-left: .3rem; }

.ah-comment .comment-user-time {
  position: absolute;
  right: .9375rem; }

.ah-comment .comment-message {
  display: -webkit-box;
  margin: .5rem 0;
  line-height: 1.3125rem;
  font-size: 0.875rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

.ah-comment .merit:before {
  display: inline-block;
  content: "【最满意】"; }

.ah-comment .weakness:before {
  display: inline-block;
  content: "【最不满意】"; }

.ah-comment .comment-car {
  position: relative;
  margin: .5rem 0;
  padding: .5rem;
  border: solid 1px #f5f5f5; }

.ah-comment .comment-car p {
  position: relative;
  font-size: 0.75rem;
  color: #888; }

.ah-comment .comment-car span {
  display: inline-block;
  float: left;
  width: 50%;
  margin-top: .5rem;
  font-size: 0.75rem;
  color: #888; }

.ah-comment .comment-car span i {
  color: #ff6600; }

.ah-comment .comment-car:after {
  display: block;
  content: "";
  clear: both; }

.ah-comment .comment-user + .ah-comment .comment-tab {
  margin-top: 10px; }

.ah-comment .comment-tab {
  margin: 10px 0 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .ah-comment .comment-tab > a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    background: #e9f1ff;
    color: #3c78ff;
    cursor: pointer; }
    .ah-comment .comment-tab > a:visited {
      color: #3c78fe; }
    .ah-comment .comment-tab > a + a {
      margin-left: 15px; }

.ah-comment .comment-entry {
  line-height: 1.5rem; }

.ah-comment .comment-entry i {
  color: #aaa;
  font-size: 0.8125rem; }

.ah-comment .comment-entry i:before {
  margin-right: 5px;
  font-size: .8rem; }

.ah-comment .icon-praise {
  margin-left: .6rem; }

.ah-comment .comment-entry span {
  position: absolute;
  right: .5rem;
  color: #266bbf;
  font-size: 0.875rem;
  font-weight: 300; }

.ah-comment .paging {
  padding: .9375rem;
  background-color: #fff;
  margin-top: 0.1875rem; }

.ah-ranking-list {
  margin-top: 0.5rem;
  background-color: #fff; }

.ah-ranking-list .title {
  position: relative;
  height: 3rem;
  padding: 0 0.9375rem;
  border-bottom: solid 1px #f5f5f5;
  line-height: 3rem;
  font-size: 1rem; }

.ah-ranking-list .list-item {
  position: relative;
  margin: 0 .9375rem;
  height: 2.5rem;
  border-bottom: solid 1px #f5f5f5; }

.ah-ranking-list .list-item img {
  width: 1.4rem;
  margin-top: .55rem; }

.ah-ranking-list ._img {
  display: inline-block;
  width: 1.4rem; }

.ah-ranking-list .item-text {
  display: inline-block;
  position: absolute;
  width: 6rem;
  height: 2.5rem;
  left: 2rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 2.5rem; }

.ah-ranking-list .item-starts {
  display: inline-block;
  position: absolute;
  width: 4.1rem;
  height: 2.5rem;
  right: 2.5rem;
  line-height: 2.5rem; }

.ah-ranking-list .item-starts div {
  position: absolute;
  width: 100%; }

.ah-ranking-list .item-starts div .icon-star-fill,
.ah-ranking-list .item-starts div .icon-star {
  font-size: .8rem;
  color: #ff9900; }

.ah-ranking-list .item-starts ._fill {
  top: 0;
  overflow: hidden;
  white-space: nowrap; }

.ah-ranking-list .item-score {
  display: inline-block;
  position: absolute;
  width: 2rem;
  height: 2.5rem;
  right: 0;
  line-height: 2.5rem;
  font-size: 0.8125rem; }

.ah-ad {
  margin-top: 10px; }

.ah-foot {
  margin-top: 10px;
  background-color: #fff; }

.ah-foot .search-inlay {
  margin: .5rem .5rem; }

.ah-foot .application {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.ah-bottom-masking {
  display: block;
  position: fixed;
  height: 60px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999; }

.ah-bottom-masking img {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  left: 10px; }

.ah-bottom-masking span {
  position: absolute;
  color: #fff; }

.ah-bottom-masking span:first-child {
  top: 15px;
  left: 60px; }

.ah-bottom-masking span:nth-child(2) {
  top: 35px;
  left: 60px;
  font-size: .75rem; }

.ah-bottom-masking button {
  position: absolute;
  right: 45px;
  top: 15px;
  padding: 5px 10px;
  border: hidden;
  border-radius: 10000px;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent; }

.ah-bottom-masking i {
  position: absolute;
  top: 18px;
  right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 1000px;
  background-color: #fff; }

.ah-bottom-masking i:before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  left: 12px;
  top: 12px;
  margin-left: -5px;
  margin-top: -1px;
  background-color: #000;
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.ah-bottom-masking i:after {
  display: block;
  position: absolute;
  content: "";
  width: 2px;
  height: 10px;
  left: 12px;
  top: 12px;
  margin-left: -1px;
  margin-top: -5px;
  background-color: #000;
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.icon {
  display: inline-block;
  background-image: url("//s.autoimg.cn/mass/v2/img/bg-icon-v20170614.png?v=20170614");
  background-repeat: no-repeat;
  vertical-align: -3px;
  background-size: 120px auto;
  display: inline-block; }

.icon-v-level-1 {
  width: 16px;
  height: 16px;
  background-position: -36px -65px;
  vertical-align: -3px; }

.icon-v-level-2 {
  width: 16px;
  height: 16px;
  background-position: -53px -45px;
  vertical-align: -3px; }

.icon-v-level-3 {
  width: 16px;
  height: 16px;
  background-position: -36px -45px;
  vertical-align: -3px; }

.icon-v-newEnergy {
  width: 74px;
  height: 15px;
  display: inline-block;
  background: url("https://x.autoimg.cn/k/m/assets/img/v-newenergy.png?v1");
  background-size: 100% 100%;
  position: relative;
  top: 2px; }

.identity {
  display: inline-block;
  background-image: url(../img/identity.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  vertical-align: top; }

.identity-v-level-1 {
  width: 28px;
  height: 16px;
  background-position: 0 0;
  vertical-align: -3px; }

.identity-v-level-2 {
  width: 28px;
  height: 16px;
  background-position: -31px 0;
  vertical-align: -3px; }

.identity-v-level-3 {
  width: 28px;
  height: 16px;
  background-position: -62px 0;
  vertical-align: -3px; }

.identity-v-level-4 {
  width: 28px;
  height: 16px;
  background-position: -93px 0;
  vertical-align: -3px; }

.identity-v-level-5 {
  width: 28px;
  height: 16px;
  background-position: -124px 0;
  vertical-align: -3px; }

.abc {
  color: red; }

.abc + .abc {
  color: blue; }

/*# sourceMappingURL=list.css.map */

/*# sourceMappingURL=list.css.map */
