@import "../../common/tool-tip.css";
.auto-width {
  width: 1190px;
  margin: 0 auto 0px;
}
.auto-left {
  width: 945px;
}
.auto-right {
  width: 215px;
}
/**
 * 三角形 .triangle
 *
 * @param @direction                方向 up, down, left, right
 * @param @size or @width, @height  大小
 * @param @color                    顏色
 *
 * @example 
 *      .triangle(up, 5px, #fff)
 *      .triangle(up, 10px, 5px, #fff)
 */
/**
 * 箭头 .arrow
 *
 * @param @w				寬度
 * @param @h                高度
 * @param @bw				邊框寬度
 * @param @c                邊框顏色
 * @param @deg				旋轉角度
 *
 * @example 
 *      .arrow(7px, 7px, 1px, #333, -135deg);
 */
/* 自定義樣式 */
.v3-bg {
  display: inline-block;
  background: url("//img.8891.com.tw/v3/v3-bg.png") 0 0 no-repeat;
  overflow: hidden;
}
.nopic-small {
  background: url("//img.8891.com.tw/v3/nopic-77-32.png") center center no-repeat;
}
.nopic-middle {
  background: url("//img.8891.com.tw/v3/nopic-154-63.png") center center no-repeat;
}
.nopic-big {
  background: url("//img.8891.com.tw/v3/nopic-308-126.png") center center no-repeat;
}
/* CSS reset */
html {
  color: #000;
  background: #FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
strong {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: normal;
}
body {
  margin: 0 auto;
  color: #333;
  font: 15px/1.2 "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
ul,
li,
ol {
  list-style: none;
}
input {
  vertical-align: middle;
  font-size: 15px;
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: #aaa;
}
* {
  -webkit-tap-highlight-color: #333;
}
a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
button {
  border: none;
  /* color: #fff; */
  background: #EEE;
  border-radius: 3px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.block {
  display: block;
}
.hide {
  display: none;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.fx {
  position: fixed;
}
.tc {
  text-align: center;
}
.fb {
  font-weight: 700;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wrap-width {
  width: 1190px;
  margin: 0 auto;
}
.wrap-left {
  width: 860px;
}
.wrap-right {
  width: 310px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb50 {
  margin-bottom: 50px;
}
.blk-10 {
  height: 10px;
}
.blk-20 {
  height: 20px;
}
.ad-banner {
  background: #eee;
}
.inb {
  display: inline-block;
}
.loading {
  background: url("//img.8891.com.tw/v3/nopic-77-32.png") center center no-repeat;
  background-color: #FDFDFD;
  z-index: 1;
}
.loading-hide {
  display: none;
}
@media (max-width: 1190px) {
  body {
    font: 13px/1.2 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft JhengHei', '微軟正黑體', sans-serif;
  }
  .wrap-width {
    width: 990px;
  }
  .wrap-left {
    width: 740px;
  }
  .wrap-right {
    width: 240px;
  }
  #yx-shop-list {
    height: 405px;
  }
  #yx-shop-list .box-content {
    padding: 0 10px!important;
  }
  #yx-shop-list .guarantee-item {
    margin: 0 8px;
    width: 56px;
  }
  #yx-shop-list .guarantee-item:first-child {
    margin-left: 0;
  }
  #yx-shop-list .guarantee-item:last-child {
    margin-right: 0;
  }
  #yx-shop-list .guarantee-item img {
    width: 100%;
  }
  #yx-shop-list .yx-shop-ul a {
    font-size: 12px;
  }
  #yx-shop-list .yx-shop-ul span {
    font-size: 12px;
  }
  #yx-shop-list .yx-shop-ul li {
    margin-bottom: 6px;
  }
  .yx-shop-hint {
    margin-bottom: 7px!important;
    margin-top: 0!important;
  }
  #hot-shop {
    height: 285px!important;
    box-sizing: border-box;
  }
}
@keyframes updown_jitter {
  0% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0;
  }
}
@-moz-keyframes updown_jitter {
  0% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes updown_jitter {
  0% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0;
  }
}
@-o-keyframes updown_jitter {
  0% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0;
  }
}
#top-nav {
  height: 35px;
  min-width: 990px;
  background: #FAFAFA;
  border-bottom: 1px solid #E8E8E8;
}
#top-nav a {
  text-decoration: none;
}
#top-nav .v3-icon-arrow-down,
#top-nav .v3-icon-addcn,
#top-nav .v3-icon-8591,
#top-nav .v3-icon-8891,
#top-nav .v3-icon-591,
#top-nav .v3-icon-518,
#top-nav .v3-icon-518case,
#top-nav .v3-icon-twbbs,
#top-nav .v3-icon-msg,
#top-nav .v3-icon-518yp,
#top-nav .v3-icon-518marry,
#top-nav .v3-icon-100zh,
#top-nav .v3-icon-101,
#top-nav .v3-icon-101vip,
#top-nav .v3-icon-1796 {
  background-image: url("//img.8891.com.tw/v3/site-nav.png?v=1");
  background-repeat: no-repeat;
  display: inline-block;
  zoom: 1;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: text-bottom;
}
#top-nav .v3-icon-arrow-down {
  vertical-align: text-top;
  background-position: -175px 0;
}
#top-nav .v3-icon-addcn {
  width: 44px;
  vertical-align: text-top;
  background-position: -128px 0;
}
#top-nav .v3-icon-8591 {
  background-position: -64px 0;
}
#top-nav .v3-icon-8891 {
  background-position: -16px 0;
}
#top-nav .v3-icon-591 {
  background-position: -48px 0;
}
#top-nav .v3-icon-518 {
  background-position: -32px 0;
}
#top-nav .v3-icon-518case {
  background-position: -384px 0;
}
#top-nav .v3-icon-518yp {
  background-position: -368px 0;
}
#top-nav .v3-icon-518marry {
  background-image: url("//img.8891.com.tw/v3/marry.png?v=1");
}
#top-nav .v3-icon-100zh {
  background-image: url("//img.8891.com.tw/v3/100.png?v=1");
}
#top-nav .v3-icon-101 {
  background-position: -352px 0;
}
#top-nav .v3-icon-101vip {
  background-position: -318px 0;
}
#top-nav .v3-icon-1796 {
  background-position: -336px 0;
}
#top-nav .v3-icon-twbbs {
  background-position: 0 0;
}
#top-nav .wrap-width {
  margin: 0 auto;
}
#top-nav .v3-menu > li {
  list-style-type: none;
  float: left;
  cursor: pointer;
  position: relative;
}
#top-nav .v3-menu > li:hover .v3-menu-hd {
  color: #F00;
  background: initial;
  border-top: 0;
  border-right: 0;
}
#top-nav .v3-menu > li:hover .v3-menu-hd a {
  color: #f60;
}
#top-nav .v3-menu > li:hover .v3-menu-bd {
  display: block;
}
#top-nav .v3-menu > li .v3-menu-hd {
  font-size: 14px;
  line-height: 35px;
  padding: 0 10px;
  display: inline-block;
}
#top-nav .v3-menu > li .v3-menu-hd.user-signin {
  color: #e0393a;
}
#top-nav .v3-menu > li .v3-hb {
  background: #F00;
  color: #FFF !important;
}
#top-nav .v3-menu > li .v3-h {
  color: #F60;
}
#top-nav .v3-menu > li .v3-menu-bd {
  position: absolute;
  display: none;
  top: 30px;
  right: 0px;
  border: 1px solid #EEE;
  padding: 8px 10px 5px;
  z-index: 12;
  background: #FFF;
  height: auto;
  line-height: 35px;
}
#top-nav .v3-menu > li .v3-menu-bd a {
  display: inline-block;
  zoom: 1;
  font-size: 12px;
}
#top-nav .v3-menu > li .v3-menu-bd dl {
  border-bottom: 1px solid #EEE;
  padding-bottom: 5px;
  margin-bottom: 7px;
}
#top-nav .v3-menu > li .v3-menu-bd dt {
  font-size: 13px;
  color: #057BD2;
}
#top-nav .v3-menu > li .v3-menu-bd dd {
  color: #666;
}
#top-nav .v3-menu > li .v3-menu-bd.v3-app {
  left: 0;
  background-color: #f1f1f1;
  padding: 0;
}
#top-nav .v3-menu > li.v3-help .v3-menu-bd {
  width: 695px;
  right: 0;
}
#top-nav .v3-menu > li.v3-site-map .v3-menu-bd {
  width: 178px;
}
#top-nav .v3-menu > li.v3-site-map .v3-menu-bd a {
  margin-right: 7px;
}
#top-nav .v3-menu > li.v3-addcn .v3-menu-bd {
  width: 190px;
}
#top-nav .v3-menu > li.v3-addcn .v3-menu-bd dt a {
  color: #057BD2;
  font-size: 12px;
}
#top-nav .v3-menu > li.v3-addcn .v3-menu-bd dt a:hover {
  color: #F60;
}
#top-nav .v3-menu > li.v3-addcn .v3-menu-bd dd {
  font-size: 12px;
  line-height: 1.4;
  color: #666;
  padding-left: 20px;
}
#top-nav .v3-login-info {
  font-size: 13px;
}
#top-nav .login-welcome {
  line-height: 30px;
}
#top-nav .v3-icon-msg {
  background-position: -109px 0;
}
#top-nav #myaccount {
  position: initial;
}
#top-nav.v3-menu-wrap {
  background: #f4f4f4;
  border-bottom: 1px solid #D5D5D5;
}
#top-nav.v3-menu-wrap a {
  color: #333;
}
#top-nav.v3-menu-wrap-vip {
  background: #EEE;
}
#top-nav.v3-menu-wrap-vip a {
  color: #000;
}
#top-nav.v3-menu-wrap-vip .login-welcome {
  color: #000 !important;
}
#top-nav.v3-menu-wrap .v3-menu > li,
#top-nav.v3-menu-wrap-vip .v3-menu > li {
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
}
#top-nav.v3-menu-wrap .v3-menu > li .v3-menu-hd,
#top-nav.v3-menu-wrap-vip .v3-menu > li .v3-menu-hd {
  display: block;
}
#top-nav.v3-menu-wrap .v3-menu > li .v3-menu-hd.borderLeftNone,
#top-nav.v3-menu-wrap-vip .v3-menu > li .v3-menu-hd.borderLeftNone {
  border-left: 0;
}
#top-nav.v3-menu-wrap .v3-menu .v3-icon-arrow-down,
#top-nav.v3-menu-wrap-vip .v3-menu .v3-icon-arrow-down {
  vertical-align: middle;
}
#top-nav.v3-menu-wrap .v3-menu .v3-icon-addcn,
#top-nav.v3-menu-wrap-vip .v3-menu .v3-icon-addcn {
  vertical-align: top;
  background-position: -128px 0;
  margin-top: -2px;
}
#top-nav.v3-menu-wrap .v3-menu .login-welcome,
#top-nav.v3-menu-wrap-vip .v3-menu .login-welcome {
  height: 35px;
  line-height: 35px;
}
#top-nav.v3-menu-wrap .v3-menu .v3-icon-msg,
#top-nav.v3-menu-wrap-vip .v3-menu .v3-icon-msg {
  vertical-align: middle;
  background-position: -109px -1px;
}
#top-nav.v3-menu-wrap .v3-menu .v3-menu-bd a,
#top-nav.v3-menu-wrap-vip .v3-menu .v3-menu-bd a {
  color: #6c6c6c;
}
#top-nav .site-nav {
  width: 335px!important;
  box-sizing: border-box;
}
#top-nav .site-nav ul {
  width: 100%;
  overflow: hidden;
}
#top-nav .site-nav li {
  width: 80px;
  text-align: center;
  float: left;
  margin: 5px 12px;
}
#top-nav .site-nav a {
  color: #333;
}
#top-nav .site-nav p {
  font-size: 12px;
  line-height: 30px;
  margin-top: 5px;
}
.auto-width {
  width: 1190px;
  margin: 15px auto 0px;
}
.top-head {
  position: relative;
  z-index: 2;
  background-color: #FFF;
  min-width: 990px;
}
#head {
  margin: 0 auto;
  height: 80px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
}
#head .logo-wrap {
  float: left;
  width: 215px;
  height: 35px;
  padding: 25px 0 20px;
  margin-top: -5px;
  background: url("//img.8891.com.tw/v3/head-back.png?v=1") no-repeat center center;
}
#head .logo {
  float: left;
  width: 206px;
  height: 35px;
  border: none;
  background: url("//img.8891.com.tw/v3/logo.png?h=1") no-repeat center center;
  text-indent: -999em;
  overflow: hidden;
}
#head .car-slogan {
  float: left;
  display: block;
  height: 80px;
}
#head .car-slogan img {
  display: block;
  margin-top: 20px;
}
#head .nav-promote {
  float: left;
  font-size: 14px;
  margin: 0 0 0 35px;
  padding: 0;
}
#head .nav-promote span {
  font-size: 20px;
  color: #F87F15;
  margin-right: 5px;
  margin-left: 5px;
}
#head .nav-pop {
  width: 115px;
  height: 20px;
  position: absolute;
  left: 400px;
  top: 5px;
  border: 1px solid #000;
  background-color: #F93232;
  border-radius: 10px 10px 10px 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
#head .nav-feature {
  float: left;
  position: relative;
  padding: 0 10px;
}
#head .nav-feature .nav-feature-popover {
  display: none;
  position: absolute;
  left: 0;
  z-index: 5;
  background: #fff;
  width: 100%;
  border: 1px solid #F87F15;
  box-sizing: border-box;
}
#head .nav-feature .nav-feature-popover a {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  display: block;
  float: none;
  text-align: center;
}
#head .nav-feature .nav-feature-popover a:hover {
  color: #F87F15;
  background: #FEF2E7;
}
#head .nav-feature:hover {
  color: #F87F15;
}
#head .nav-feature:hover .arrow-down {
  background: url('//img.8891.com.tw/v3/little-arrow-1.png');
  background-size: 100% auto;
  transform: rotate(-180deg);
}
#head .nav-feature:hover .nav-feature-popover {
  display: block;
}
#head .nav {
  float: right;
  position: relative;
  line-height: 80px;
  font-size: 20px;
}
#head .nav a {
  float: left;
  padding: 0 10px;
  text-decoration: none;
  color: #333;
}
#head .nav a:hover {
  color: #F87F15;
}
#head .nav .at {
  color: #F87F15;
}
#head .nav .new {
  width: 27px;
  height: 24px;
  top: 8px;
  right: -16px;
  position: absolute;
}
#head .arrow-down {
  display: inline-block;
  background: url('//img.8891.com.tw/v3/little-arrow.png');
  width: 16px;
  height: 9px;
  vertical-align: middle;
  margin-left: 5px;
}
#head .nav #top-head-rank {
  position: absolute;
  right: 154px;
  top: 3px;
  line-height: 21px;
  height: 21px;
  width: 130px;
  display: block;
  padding: 0px;
}
#head .nav #top-head-rank:hover {
  background-color: #F78015;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
#list_title {
  position: relative;
  margin-top: 28px;
}
.list_title {
  position: relative;
  font-size: 16px;
  height: 46px;
  float: left;
  margin-bottom: 0;
}
.list_title li {
  position: relative;
  float: left;
  line-height: 46px;
  text-align: center;
}
.list_title li:hover .list_title_org {
  display: block;
}
.list_title .title-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  min-width: 120px;
  padding: 0 16px;
  font-size: 18px;
  font-weight: 700;
}
.list_title .title-item:hover {
  color: #333;
  background-color: #F5F5F5;
  border-bottom: 2px solid #F87F15;
}
.list_title .title-item.at {
  background: #F87F15;
  color: #FFF !important;
}
.list_title .title-item.at ~ .title-item-tag {
  display: block;
}
.list_title .title-item.at ~ .title-item-tag-tgc {
  display: block;
}
.list_title .title-item.at .title-item-icon-video {
  background-image: url('//img.8891.com.tw/next/autos/img-21.png');
}
.list_title .title-item[data-yx] {
  color: #BF8E29;
}
.list_title .title-item-flag {
  display: block;
  background: url(//img.8891.com.tw/v3/yx.gif);
  width: 100px;
  height: 45px;
}
.list_title .title-item-tag {
  display: none;
  position: absolute;
  top: -17px;
  right: -30px;
  width: auto;
  padding: 7px 5px;
  box-sizing: border-box;
  line-height: 1;
  border: 1px solid #C70835;
  color: #fff;
  font-size: 12px;
  background: #C70835;
  border-radius: 14px;
}
.list_title .title-item-tag-tgc {
  display: none;
  position: absolute;
  top: -17px;
  right: -40px;
  width: auto;
  padding: 0 9px;
  box-sizing: border-box;
  line-height: 28px;
  color: #fff;
  font-size: 12px;
  border-radius: 14px;
  background: #02a483;
}
.list_title .list_title_org {
  display: none;
  font-size: 12px;
  color: #fff;
  width: 125px;
  z-index: 1;
  position: absolute;
  top: 45px;
  right: -15px;
  padding-top: 4px;
}
.list_title .list_title_org:hover {
  display: block;
}
.list_title .list_title_org:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 4px 5px;
  border-color: transparent transparent #333333 transparent;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5px;
}
.list_title .list_title_org dd {
  height: 40px;
  box-sizing: border-box;
  background: #333333;
  cursor: pointer;
}
.list_title .list_title_org dd:nth-child(n+2) {
  border-top: 1px dashed #111;
}
#list_search_bar ul {
  display: flex;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
}
#list_search_bar li {
  position: relative;
  float: left;
  margin-right: 24px;
  display: flex;
  align-items: center;
}
#list_search_bar li:last-child {
  margin-right: 0;
}
#list_search_bar li input {
  display: none;
}
#list_search_bar li input:checked ~ .lsb-item-icon {
  background-image: url('//img.8891.com.tw/next/autos/img-23.png');
}
#list_search_bar li input:checked ~ .lsb-item-text {
  color: #F87F15;
}
#list_search_bar li input:checked ~ .lsb-item-text.anniversary::before {
  background-image: url('//img.8891.com.tw/next/campaigns/anniversary/2021/img-77.png');
}
#list_search_bar li label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
#list_search_bar .lsb-item-hot {
  font-size: 12px;
  position: absolute;
  top: -4px;
  right: -26px;
  color: #F87F15;
}
.sort-bar {
  display: flex;
  width: 100%;
  line-height: 48px;
  font-size: 14px;
  background-color: #F7F7F7;
  padding: 0 24px;
}
.list_title_container {
  height: 48px;
  box-sizing: border-box;
  border-bottom: 2px solid #F87F15;
}
.list_detection {
  display: none;
  margin: 3px 0 18px;
}
.list_detection li {
  float: left;
  margin-right: 25px;
}
.list_detection .detection-item {
  display: block;
  padding: 6px 4px;
}
.list_detection .detection-item.at {
  border: 1px solid #f60;
}
.list_detection .yes-approve {
  height: 36px;
}
.list-img-v3 {
  float: right;
  height: 45px;
  line-height: 45px;
  margin-bottom: 0;
}
.list-img-v3 li {
  display: inline-block;
}
.list-img-v3 a {
  margin-left: 5px;
}
.list-img-v3 .img-icon-v3 {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("//img.8891.com.tw/v3/02-.png") no-repeat;
}
.list-img-v3 .img-icon-v3.at {
  background: url("//img.8891.com.tw/v3/02.png") no-repeat;
}
.list-img-v3 .img-icon-v3:hover {
  background: url("//img.8891.com.tw/v3/02.png") no-repeat;
}
.list-img-v3 .list-icon-v3 {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("//img.8891.com.tw/v3/03-.png") no-repeat;
}
.list-img-v3 .list-icon-v3.at {
  background: url("//img.8891.com.tw/v3/03.png") no-repeat;
}
.list-img-v3 .list-icon-v3:hover {
  background: url("//img.8891.com.tw/v3/03.png") no-repeat;
}
.yx-in-list-banner {
  display: block;
  background: #C1A876;
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.yx-in-list-banner.big {
  float: left;
  width: 100%;
  margin-top: 0;
}
.yx-in-list-banner:hover {
  color: #fff;
}
label[for="active"] {
  color: #F11313;
}
.hover-item {
  position: relative;
}
.hover-item.selected .hover-item-tag {
  color: #fff !important;
  background-color: #F87F15 !important;
}
.hover-item:hover .hover-item-tag {
  background-color: #F2F2F2;
}
.hover-item:hover .hover-item-content {
  display: block;
}
.hover-item-tag {
  display: block;
  padding: 0 20px;
  box-sizing: border-box;
  height: 46px;
  font-size: 18px;
  font-weight: 700;
  width: 120px;
}
.hover-item-tag:hover {
  color: #333;
}
.hover-item-content {
  display: none;
  position: absolute;
  z-index: 1;
  padding-top: 6px;
  bottom: 0;
  transform: translate(0, 100%);
}
.hover-item-content-wrapper {
  min-width: 160px;
  background-color: #fff;
  padding: 4px 0;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
.hover-item-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 32px;
  white-space: nowrap;
  background-color: #fff;
}
.hover-item-row:hover {
  background-color: #F5F5F5;
}
.hover-item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  line-height: 32px;
  padding: 0 16px;
  width: 100%;
}
.hover-item-link:hover {
  color: #333;
}
.hover-item-link.at {
  color: #F87F15;
}
.hover-item-link.at::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('//img.8891.com.tw/next/autos/img-28.png');
  background-size: 100%;
}
.hover-item-special {
  padding: 0 5px;
  line-height: 24px;
  background-color: #F87F15;
  border-radius: 12px;
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
}
.list-item-video-icon {
  width: 14px;
  height: 14px;
  background-image: url('//img.8891.com.tw/next/autos/img-10.png');
  background-size: 100%;
  margin-right: 2px;
}
.video-hint {
  display: none;
  position: absolute;
  left: -15px;
  top: -32px;
  width: 153px;
  height: 36px;
  line-height: 26px;
  background-image: url('//img.8891.com.tw/next/autos/img-14.png');
  background-size: 100%;
}
.video-hint.show {
  display: block;
}
.video-hint p {
  color: #fff;
  position: absolute;
  top: 7px;
  left: 36px;
  margin: 0;
  font-size: 12px;
}
.video-hint span {
  position: absolute;
  top: 9px;
  right: 12px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('//img.8891.com.tw/next/autos/img-2.png');
  cursor: pointer;
}
.title-item-icon-video {
  width: 18px;
  height: 18px;
  background-image: url('//img.8891.com.tw/next/autos/img-20.png');
  background-size: 100%;
  margin-right: 6px;
}
.lsb-item-icon {
  width: 16px;
  height: 16px;
  background-image: url('//img.8891.com.tw/next/autos/img-22.png');
  background-size: 100%;
  margin-right: 6px;
}
.title-item-icon-new {
  position: absolute;
  width: 44px;
  height: 18px;
  background-color: #FF0000;
  color: #fff;
  border-radius: 9px 9px 9px 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  top: -6px;
  right: -15px;
}
.count-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-bottom: 12px;
  color: #333;
  border-bottom: 1px solid #EAEAEA;
}
.count-container p {
  margin-bottom: 0;
  font-size: 24px;
}
.count-container .items-num-v3 {
  color: #F87F15;
  margin-left: 5px;
  margin-right: 5px;
}
.items-num-slogan {
  font-size: 14px;
  margin-left: 10px;
}
#reference-price {
  font-weight: 700;
  font-size: 13px;
}
#reference-price .price {
  font-size: 18px;
  font-weight: 700;
  color: #fe6a38;
}
#reference-price .price b {
  font-size: 13px;
}
.sort-list-v3 {
  display: flex;
  margin-bottom: 0;
}
.sort-link {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 32px;
  border: 1px solid #D5D5D5;
  border-radius: 2px;
  font-size: 14px;
  color: #666;
  margin-right: 10px;
  cursor: pointer;
}
.sort-link.at {
  border-color: #F87F15;
  color: #F87F15;
}
.sort-link.at .sort-up-icon {
  background-image: url('//img.8891.com.tw/next/autos/img-27.png');
}
.sort-link.at .sort-down-icon {
  background-image: url('//img.8891.com.tw/next/autos/img-25.png');
}
.sort-link:last-child {
  margin-right: 0;
}
.sort-link:first-child {
  padding: 0 16px;
}
.sort-up-icon {
  width: 10px;
  height: 12px;
  background-size: 100%;
  margin-left: 2px;
  background-image: url('//img.8891.com.tw/next/autos/img-26.png');
}
.sort-down-icon {
  width: 10px;
  height: 12px;
  background-size: 100%;
  margin-left: 2px;
  background-image: url('//img.8891.com.tw/next/autos/img-24.png');
}
.auto-header {
  padding-top: 8px;
}
#search-bar {
  position: relative;
  margin: 0 8px;
}
#search-bar .useauto-selected-label {
  line-height: 26px;
  color: #333;
  font-size: 14px;
}
#search-bar .useauto-selected-list {
  width: 60%;
}
#search-bar .useauto-selected-list .filter-text {
  float: left;
  height: 24px;
  line-height: 24px;
  margin: 0 10px 10px 0;
  border: 1px solid #e3e3e3;
  overflow: hidden;
}
#search-bar .useauto-selected-list .filter-text span {
  float: left;
  padding: 0 10px;
  font-size: 13px;
}
#search-bar .useauto-selected-list .filter-text i {
  float: left;
  font-style: normal;
  width: 24px;
  border-left: 1px solid #e3e3e3;
  color: #ff7214;
  font-size: 19px;
  line-height: 27px;
  background: url("//img.8891.com.tw/v3/close.png") no-repeat;
  height: 24px;
  background-position: 5px;
  text-align: center;
}
#search-bar .filter-clear {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  line-height: 26px;
}
#search-bar .filter-oparation {
  position: absolute;
  top: 1px;
  right: 265px;
}
#search-bar .useauto-selected-subscribe {
  float: left;
  margin-left: 20px;
  margin-bottom: 10px;
  line-height: 26px;
  color: #0044dd;
}
#search-bar .useauto-selected-form {
  position: absolute;
  right: 0;
  top: 0;
}
#search-bar .useauto-selected-form .input {
  width: 198px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #e3e3e3;
  text-indent: 5px;
}
#search-bar .useauto-selected-form .submit {
  width: 50px;
  height: 28px;
  line-height: 28px;
  margin-left: 5px;
  text-align: center;
  font-size: 13px;
  border: 0;
  border-radius: 3px;
  background-color: #c1c6d1;
  color: #fff;
}
.selected {
  background-color: #F87F15;
  color: #fff;
}
#main-search {
  position: relative;
  border: 1px solid #e3e3e3;
  font-size: 13px;
}
#main-search .search-auto {
  position: relative;
  min-height: 40px;
  padding-left: 70px;
  margin-bottom: 0;
}
#main-search .search-auto:first-child {
  border-top: 0;
}
#main-search .search-auto-dt {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 100%;
  min-height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #f1f1f1;
}
#main-search .search-auto-dd {
  position: relative;
  padding-top: 5px;
  margin-bottom: 0;
}
#main-search .search-auto-list {
  padding: 0 0 0px 20px;
  width: 90%;
  min-height: 40px;
  margin-bottom: 0;
}
#main-search .search-auto-list li {
  float: left;
  line-height: 40px;
  margin-right: 20px;
}
#main-search .search-auto-list li a {
  display: block;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
}
#main-search .search-auto-list li a.at {
  background-color: #F87F15;
  color: #fff;
  padding: 0 5px;
}
#main-search .search-input {
  position: absolute;
  right: 15px;
  top: 7px;
  background: #fff;
}
#main-search .search-input .input-box input {
  width: 48px;
  height: 26px;
  border: 1px solid #e3e3e3;
  text-indent: 5px;
  color: #ccc;
}
#main-search .search-input .search-btns .submit {
  width: 50px;
  height: 28px;
  line-height: 28px;
  margin-left: 10px;
  text-align: center;
  border: 0;
  border-radius: 3px;
  background-color: #c1c6d1;
  color: #fff;
}
#main-search .search-input .search-btns .search-reset {
  display: none;
}
#more-search {
  padding-top: 0;
}
#more-search .con-dl {
  position: relative;
  float: left;
  margin: 0 10px 15px 0;
}
#more-search .con-dl:hover .con-dt {
  border-bottom: none;
  background-color: #f1f1f1;
  border: 1px solid #F87F15;
  color: #F87F15;
}
#more-search .con-dl:hover .con-dd {
  display: block;
  z-index: 100;
}
#more-search .con-dl:hover .triangle {
  display: block !important;
  border: 1px solid #F87F15 !important;
  border-right: none !important;
  border-bottom: none !important;
  content: " " !important;
  width: 7px !important;
  height: 7px !important;
  transform: rotate(45deg) !important;
  top: 11px!important;
}
#more-search .con-dt {
  position: relative;
  width: 70px;
  height: 24px;
  line-height: 24px;
  padding-right: 18px;
  border: 1px solid #e3e3e3;
  text-align: center;
  background-color: #FFF;
  cursor: pointer;
}
#more-search .con-dt .triangle {
  display: block;
  border: 1px solid #333;
  border-right: none;
  border-bottom: none;
  content: " ";
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
  position: absolute;
  right: 10px;
  top: 7px;
}
#more-search .con-dt.at {
  color: #F87F15;
  border-color: #F87F15;
}
#more-search .con-dt.at .triangle {
  display: block;
  border: 1px solid #F87F15;
  border-right: none;
  border-bottom: none;
  content: " ";
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
}
#more-search .con-dd {
  display: none;
  position: absolute;
  left: 0;
  top: 26px;
  background: #f1f1f1;
  border: 1px solid #e3e3e3;
  padding: 5px;
  min-width: 78px;
}
#more-search .con-dd .ms-li {
  line-height: 26px;
  white-space: nowrap;
}
#more-search .con-dd .ms-li-text {
  width: 40px;
  height: 26px;
  border: 1px solid #e3e3e3;
  text-indent: 5px;
}
#more-search .con-dd .search-confirm {
  width: 50px;
  height: 28px;
  line-height: 28px;
  margin-left: 10px;
  text-align: center;
  border: 0;
  border-radius: 3px;
  background-color: #c1c6d1;
  color: #fff;
}
#more-search .con-dd .ms-label:hover {
  color: #F87F15;
}
#more-search .con-dd .at a {
  color: #F87F15;
}
#more-search .con-dd .input-area {
  clear: both;
  padding: 5px 2px 0 0;
}
#more-search .con-dd .search-region {
  width: 136px;
  padding: 5px 0 7px 0;
  border-bottom: 1px solid #e3e3e3;
}
#more-search .con-dd .search-region a {
  padding-right: 5px;
}
#more-search .con-dd .search-region .region-at {
  color: #04d;
}
#more-search .con-dd .search-region-list {
  display: none;
}
#more-search .con-dd .search-region-list.region-at {
  display: inline-block;
}
#more-search.con-year .con-dd {
  width: 160px;
}
#brand-more {
  position: absolute;
  top: 12px;
  right: 45px;
}
#brand-more .bm-up {
  display: block;
  border: 1px solid #333;
  border-right: none;
  border-bottom: none;
  content: " ";
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  position: absolute;
  right: -15px;
  top: 7px;
}
#brand-more .bm-down {
  display: block;
  border: 1px solid #333;
  border-right: none;
  border-bottom: none;
  content: " ";
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
  position: absolute;
  right: -15px;
  top: 3px;
}
#brand-show {
  background: #f1f1f1;
  border: 1px solid #e3e3e3;
  border-right: none;
  border-bottom: none;
  display: none;
}
#brand-show .brand-box {
  margin: 0 15px;
  padding: 7px 0;
  display: none;
}
#brand-show .bb-item {
  float: left;
  margin-left: 3px;
  padding: 8px 4px;
  line-height: 26px;
}
#brand-show .bb-item a {
  display: block;
  padding: 0 5px;
  border-radius: 5px;
}
#brand-show .bb-item a.at {
  background-color: #F87F15;
  color: #fff;
}
#brand-pre {
  border-bottom: 1px solid #e3e3e3;
  margin: 0 15px;
  padding: 7.5px 0;
}
#brand-pre a {
  float: left;
  padding: 1px 8px;
  border-radius: 3px;
  margin: 7.5px 0 5px;
}
#brand-pre a.at {
  background-color: #F87F15;
  color: #fff;
}
#kind-show {
  background: #f1f1f1;
  border: 1px solid #e3e3e3;
  border-right: none;
  border-bottom: none;
  display: none;
  border: none;
  border-left: 1px solid #e3e3e3;
  margin-top: -14px;
  padding-top: 8px;
}
#kind-show .brand-box {
  margin: 0 15px;
  padding: 7px 0;
  display: none;
}
#kind-show .bb-item {
  float: left;
  margin-left: 3px;
  padding: 8px 4px;
  line-height: 26px;
}
#kind-show .bb-item a {
  display: block;
  padding: 0 5px;
  border-radius: 5px;
}
#kind-show .bb-item a.at {
  background-color: #F87F15;
  color: #fff;
}
#kind-pre {
  border-bottom: 1px solid #e3e3e3;
  margin: 0 15px;
  padding: 7.5px 0;
}
#kind-pre a {
  float: left;
  padding: 1px 8px;
  border-radius: 3px;
  margin: 7.5px 0 5px;
}
#kind-pre a.at {
  background-color: #F87F15;
  color: #fff;
}
.more-search-external {
  display: none;
  padding: 20px;
  border: 1px solid #e3e3e3;
  position: absolute;
  left: -1px;
  top: 40px;
  width: 875px;
  box-sizing: border-box;
  background: #fff;
}
.more-search-label {
  display: inline-block;
  margin-right: 25px;
}
@media (max-width: 1190px) {
  #main-search li.xb-hide {
    display: none;
  }
  .more-search-external {
    width: 720px;
  }
}
.new-328 #main-search .search-auto-dd {
  background: #fff;
}
.new-328 .search-input .input-box input,
.new-328 .search-input .input-box select {
  width: 75px!important;
  height: 26px;
  border: 1px solid #e3e3e3;
  text-indent: 5px;
  color: #000 !important;
  box-sizing: border-box;
}
.new-328 .search-input .search-btns .submit {
  background-color: #F87F15 !important;
}
.new-328 #more-search .con-dl {
  padding: 0 30px 0px 0;
  margin: 0;
  position: static;
}
.new-328 #more-search .con-dt {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #FFF !important;
  cursor: pointer;
  text-align: left;
  padding-right: 0;
  border: none!important;
  width: auto;
}
.new-328 #more-search .con-dt .triangle {
  display: block;
  border: 1px solid #333;
  border-right: none;
  border-bottom: none;
  content: " ";
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
  position: absolute;
  display: inline-block !important;
  position: static;
  width: 8px!important;
  height: 8px!important;
  margin-left: 5px;
  transform: translate(0, -20%) rotate(-135deg) !important;
}
.new-328 #more-search .con-dt.at {
  color: #F87F15;
  border-color: #F87F15;
}
.new-328 #more-search .con-dt.at .triangle {
  display: block;
  border: 1px solid #F87F15;
  border-right: none;
  border-bottom: none;
  content: " ";
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
}
.new-328 #more-search .con-dt span {
  vertical-align: middle;
}
.new-328 #more-search.con-year .con-dd {
  width: 160px;
}
.new-328 #more-search .con-dl-at .con-dt {
  color: #F87F15;
}
.new-328 #more-search .con-dl-at .con-dt .triangle {
  display: block;
  border: 1px solid #F87F15;
  border-right: none;
  border-bottom: none;
  content: " ";
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
  transform: rotate(45deg) translate(30%, 20%) !important;
}
.new-328 #more-search .con-dl-at .more-search-external {
  display: block;
  z-index: 100;
}
.new-328 #brand-show {
  background: #fff;
  border-top: 1px solid #e3e3e3;
  display: none;
}
.new-328 #brand-show .brand-box {
  margin: 0 15px;
  padding: 7px 0;
  display: none;
}
.new-328 #brand-show .bb-item {
  float: left;
  margin-left: 3px;
  padding: 8px 4px;
  line-height: 26px;
}
.new-328 #brand-show .bb-item a {
  display: block;
  padding: 0 5px;
  border-radius: 5px;
}
.new-328 #brand-show .bb-item a.at {
  background-color: #F87F15;
  color: #fff;
}
.new-328 #brand-show ul {
  display: inline-block;
  width: 50%;
  padding: 15px 20px;
  box-sizing: border-box;
  vertical-align: top;
}
.new-328 #brand-show ul li {
  line-height: 1.7;
  margin-bottom: 10px;
}
.new-328 #brand-show .acronym {
  float: left;
  color: #F78015;
}
.new-328 #brand-show .content {
  margin-left: 10px;
}
.new-328 #brand-show .content a {
  margin-left: 15px;
  white-space: nowrap;
}
.new-328 #kind-show {
  background: #fff;
  border-top: 1px solid #e3e3e3;
  display: none;
  border: none;
  margin-top: -14px;
}
.new-328 #kind-show .brand-box {
  margin: 0 15px;
  padding: 7px 0;
  display: none;
}
.new-328 #kind-show .bb-item {
  float: left;
  margin-left: 3px;
  padding: 8px 4px;
  line-height: 26px;
}
.new-328 #kind-show .bb-item a {
  display: block;
  padding: 0 5px;
  border-radius: 5px;
}
.new-328 #kind-show .bb-item a.at {
  background-color: #F87F15;
  color: #fff;
}
.new-328 #kind-show ul {
  display: inline-block;
  width: 50%;
  padding: 15px 20px;
  box-sizing: border-box;
  vertical-align: top;
}
.new-328 #kind-show ul li {
  line-height: 1.7;
  margin-bottom: 10px;
}
.new-328 #kind-show .acronym {
  float: left;
  color: #F78015;
}
.new-328 #kind-show .content {
  margin-left: 10px;
}
.new-328 #kind-show .content a {
  margin-left: 15px;
  white-space: nowrap;
}
.new-328 .ms-label.at a {
  color: #F87F15;
}
.new-328 .more-search-half {
  display: inline-block;
  width: 49%;
}
.new-328 .more-search-half:nth-child(-n+2) {
  margin-bottom: 15px;
}
.new-328 .group-name {
  float: left;
  color: #f60;
  font-weight: 600;
}
.new-328 #filter_year .more-search-external {
  padding: 8px 0;
}
.new-328 #filter_year .search-auto-list {
  padding-top: 5px;
}
.new-328 #filter_year .search-input {
  top: 15px;
}
.new-328 #filter_region .group-list {
  margin-left: 35px;
}
.new-328 .group-list + .group-name {
  margin-left: 30px;
}
.new-328 .group-list input {
  display: none;
}
.new-328 .group-list label {
  cursor: pointer;
  padding: 2px 5px;
  border-radius: 4px;
}
.new-328 .group-list label:hover {
  text-decoration: underline;
}
.new-328 .group-tag.at {
  background-color: #f60;
  color: #fff;
}
.new-328 .ms-li-text {
  width: 70px;
  height: 26px;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
}
.new-328 .search-confirm {
  width: 50px;
  height: 28px;
  line-height: 28px;
  margin-left: 10px;
  text-align: center;
  border: 0;
  border-radius: 3px;
  background-color: #c1c6d1;
  color: #fff;
}
#search-bar.new-search .useauto-selected-label {
  line-height: 30px;
}
#search-bar.new-search #search-key .input {
  border-color: #ccc;
  width: 270px;
  line-height: 30px;
  height: 30px;
}
#search-bar.new-search #search-key .submit {
  background: #f60;
  margin-left: 0;
  border-radius: 0;
  line-height: 32px;
  height: 32px;
  border: 1px solid #f60;
  box-sizing: border-box;
}
#search-bar.new-search .search-result {
  background: #fff;
  z-index: 2;
  border: 1px solid #CCC;
  border-top: none;
  padding: 15px 0px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
}
#search-bar.new-search .search-result-header {
  margin-bottom: 5px;
  font-weight: 600;
  color: #000;
  padding: 0 10px;
}
#search-bar.new-search .search-history-header {
  font-weight: 600;
  color: #000;
}
#search-bar.new-search .search-result-list li {
  padding: 0 10px;
  line-height: 1.8;
}
#search-bar.new-search .search-result-list li.active a {
  color: #f60;
}
#search-bar.new-search .search-result-list li.at {
  background: #ddd;
}
#search-bar.new-search .search-result-list a {
  display: block;
  overflow: hidden;
  font-size: 14px;
}
#search-bar.new-search .search-result-list a:hover {
  color: #f60;
}
#search-bar.new-search .search-result-list .result-name {
  float: left;
}
#search-bar.new-search .search-result-list .result-extra {
  float: right;
}
#search-bar.new-search .search-history-list {
  margin-bottom: 25px;
  margin-top: 5px;
}
#search-bar.new-search .search-history-list li {
  display: inline-block;
  margin-right: 10px;
  line-height: 1.6;
  font-size: 14px;
}
#search-bar.new-search .clean-history-btn {
  float: right;
  text-decoration: underline;
  color: #333;
  font-weight: normal;
  cursor: pointer;
}
#search-bar.new-search .search-history {
  padding: 0 10px;
}
#app {
  margin-top: -1px;
  border: solid 1px #e3e3e3;
}
#app:before,
#app:after {
  content: " ";
  display: table;
}
#app:after {
  clear: both;
}
#app .title {
  line-height: 45px;
  font-size: 17px;
  text-indent: 10px;
  color: #333;
}
#app ul {
  padding: 0 12px 20px;
}
#app ul:before,
#app ul:after {
  content: " ";
  display: table;
}
#app ul:after {
  clear: both;
}
#app li {
  float: left;
}
#app li .icon {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 8px;
  border-radius: 10px;
  background: #EEE;
  text-indent: -999em;
  background-image: url("//img.8891.com.tw/v3/app.png");
}
#app li .app-car {
  background-position: -112px 0;
}
#app li .intro {
  float: left;
  margin-top: 10px;
  font-size: 15px;
  width: 120px;
  word-break: break-all;
  word-wrap: break-word;
}
#app li .intro span {
  color: #2d6cc2;
  display: inline-block;
  margin-top: 10px;
}
#app li .intro:hover {
  color: #333;
}
#app li .intro:hover span {
  color: #e13a3b;
}
@media (max-width: 1190px) {
  #app .title {
    text-indent: 8px;
  }
  #app ul {
    padding: 0px 5px 20px 8px;
  }
  #app li .intro {
    width: 110px;
  }
  #app li .icon {
    margin-right: 5px;
  }
  #app li .app-car {
    background-position: -112px 0;
  }
  #lspage #app li .intro {
    font-size: 13px;
  }
}
#icon-box {
  margin-top: -1px;
  border: solid 1px #e3e3e3;
}
#icon-box .box-title h2 {
  font-size: 17px;
  line-height: 45px;
  text-indent: 10px;
  color: #333;
}
#icon-box .icon-list li {
  float: left;
  width: 33%;
  padding-bottom: 15px;
  font-size: 13px;
}
#icon-box .icon-list li .server-name {
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
}
#icon-box .icon-list li .server-value {
  text-align: center;
  color: #999;
  font-size: 12px;
}
#icon-box .rp-icon {
  background: url("//img.8891.com.tw/v3/service-icon.png");
}
#icon-box .yx-icon {
  width: 39px;
  height: 39px;
  display: block;
  background: #ae9e7e;
  margin: 0 auto;
  border-radius: 15px;
}
#icon-box .yx-icon::after {
  content: '嚴選';
  color: #FFF;
  line-height: 39px;
  width: 39px;
  text-align: center;
  display: block;
  font-size: 14px;
}
#icon-box .big_real_price {
  width: 39px;
  height: 39px;
  display: block;
  background-position: 0 0;
  margin: 0 auto;
}
#icon-box .big_check_log {
  width: 39px;
  height: 39px;
  display: block;
  background-position: -49px 0;
  margin: 0 auto;
}
#icon-box .big_rating {
  width: 39px;
  height: 39px;
  display: block;
  background-position: -98px 0;
  margin: 0 auto;
}
#icon-box .big_survey_report {
  width: 39px;
  height: 39px;
  display: block;
  background-position: -147px 0;
  margin: 0 auto;
}
#icon-box .big_feed_back {
  width: 39px;
  height: 39px;
  display: block;
  background-position: -196px 0;
  margin: 0 auto;
}
@media (max-width: 1190px) {
  #icon-box .box-title h2 {
    text-indent: 8px;
  }
}
/* 信用評價 */
#rating-box {
  border: solid 1px #e3e3e3;
}
#rating-box .rating-title {
  padding-top: 15px;
  font-size: 18px;
  text-indent: 10px;
  color: #333;
}
#rating-box .credit-rating {
  height: 255px;
  overflow: hidden;
}
#rating-box .credit-rating ul {
  font-size: 13px;
}
#rating-box .credit-rating li {
  padding: 15px;
  position: relative;
}
#rating-box .credit-rating li:before,
#rating-box .credit-rating li:after {
  content: " ";
  display: table;
}
#rating-box .credit-rating li:after {
  clear: both;
}
#rating-box .credit-rating li:first-child {
  border-top: none;
}
#rating-box .credit-rating .rat-img {
  display: block;
  text-align: center;
  width: 100%;
  height: 140px;
}
#rating-box .credit-rating .rat-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#rating-box .credit-rating .rating-name {
  display: block;
  color: #999;
  font-size: 13px;
  line-height: 25px;
}
#rating-box .credit-rating .rating-content {
  display: block;
  height: 60px;
  overflow: hidden;
  color: #333;
  font-size: 13px;
  line-height: 20px;
}
#rating-box .credit-rating .rat-more {
  position: absolute;
  color: #999;
  bottom: 18px;
  right: 19px;
}
@media (max-width: 1190px) {
  #rating-box .credit-rating li {
    padding: 15px 8px;
  }
}
#reserve-box {
  border: solid 1px #e3e3e3;
  padding: 20px 10px;
  border-bottom: none;
}
#reserve-box h2 {
  font-size: 18px;
}
#reserve-box h2 a {
  font-size: 12px;
  color: #ADADAD;
  float: right;
  line-height: 21px;
}
#reserve-box ul {
  margin-top: 15px;
  width: 100%;
}
#reserve-box li {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#reserve-box li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
#reserve-box .reserve-item-name {
  color: #ADADAD;
  font-size: 12px;
  margin-bottom: 5px;
}
#reserve-box .reserve-item-desc span {
  white-space: nowrap;
  color: #F87F15;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 148px;
  display: inline-block;
  vertical-align: middle;
}
#reserve-box .reserve-box {
  height: 174px;
  overflow: hidden;
}
#pagination {
  text-align: center;
}
#pagination .list {
  line-height: 37px;
}
#pagination .list li {
  display: inline-block;
  vertical-align: middle;
}
#pagination .page {
  min-width: 35px;
  height: 35px;
  line-height: 33px;
  padding: 0 5px;
  margin-left: -1px;
  border: 1px solid #e3e3e3;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
}
#pagination .page.prev,
#pagination .page.next {
  width: 70px;
  margin-right: 10px;
}
#pagination .page.next {
  margin-left: 10px;
}
#pagination .disabled {
  color: #ccc;
  cursor: not-allowed;
}
#pagination .gradient {
  display: inline-block;
  width: 35px;
  margin-left: -5px;
}
#pagination .gradient:after {
  content: "\2022\2022\2022";
  font-size: 13px;
}
#pagination .at {
  border-color: #f54500;
  background-color: #f54500;
  color: #fff;
}
#pagination .total {
  font-size: 12px;
  color: #999;
}
#pagination .total input {
  width: 40px;
  height: 21px;
  border: 1px solid #e3e3e3;
  text-align: center;
}
#pagination .sure {
  width: 40px;
  height: 21px;
  line-height: 20px;
  margin-left: 10px;
  border: 1px solid #e3e3e3;
  font-size: 12px;
  cursor: pointer;
}
/* 成交見證 */
#dealer-box {
  border: solid 1px #e3e3e3;
  margin-top: -1px;
}
#dealer-box .dealer-title {
  padding-top: 15px;
  font-size: 18px;
  text-indent: 10px;
  color: #333;
}
#dealer-box #car-dealer {
  height: 179px;
  overflow: hidden;
}
#dealer-box #car-dealer ul {
  font-size: 13px;
  width: 100%;
}
#dealer-box #car-dealer li {
  border-bottom: solid 1px #e3e3e3;
  padding: 8px 8px 8px 12px;
  height: 43px;
}
#dealer-box #car-dealer li:before,
#dealer-box #car-dealer li:after {
  content: " ";
  display: table;
}
#dealer-box #car-dealer li:after {
  clear: both;
}
#dealer-box #car-dealer li p {
  height: 25px;
  line-height: 25px;
}
#dealer-box #car-dealer li p a {
  color: #666;
  display: inline-block;
  max-width: 115px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#dealer-box #car-dealer li p a:hover {
  color: #f60;
}
#dealer-box #car-dealer li p b {
  border: 1px solid #ff0000;
  color: #ff0000;
  float: right;
  position: relative;
  top: 2px;
  line-height: 17px;
}
#dealer-box #car-dealer li .car-dealer {
  color: #999;
  line-height: 17px;
  height: 17px;
}
#dealer-box #car-dealer li:first-child {
  border-top: none;
}
@media (max-width: 1190px) {
  #dealer-box .dealer-title {
    text-indent: 8px;
  }
  #dealer-box #car-dealer li {
    padding: 8px;
  }
}
/* 感興趣的 */
#interest .interest {
  margin-top: 20px;
}
#interest .interest-no {
  width: 100%;
}
#interest .interest-no:first-child {
  margin-left: 0;
}
#interest .interest-no .no-data {
  padding-top: 17px;
  padding-bottom: 10px;
  text-align: center;
}
#interest .interest-no-inner {
  border: 1px solid #e4e4e4;
}
#interest .interest-recommend {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1px 5px;
  color: #ffffff;
  background-color: #fa7e24;
  font-size: 14px;
}
@media (max-width: 1190px) {
  #interest .interest-recommend {
    font-size: 13px;
    padding: 1px 3px;
  }
}
#interest .inter-title {
  line-height: 35px;
  color: #333;
  border-bottom: solid 3px #F19149;
  text-indent: 10px;
  font-size: 17px;
}
#interest li {
  position: relative;
  border-bottom: solid 1px #eee;
  margin-top: 15px;
  padding-bottom: 10px;
}
#interest li p {
  text-indent: 10px;
}
#interest .inter-cover {
  width: 100%;
  height: 160px;
  display: block;
}
#interest .inter-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#interest .ie .inter-cover img {
  margin: 0 -50% !important;
  width: auto !important;
}
#interest .inter-name,
#interest .inter-other {
  line-height: 25px;
}
#interest .inter-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#interest .inter-value {
  margin-top: 5px;
  font-size: 13px;
}
#interest .inter-price {
  color: #e13a3b;
}
#interest .inter-price b {
  font-size: 18px;
}
#interest .inter-region {
  float: right;
  line-height: 25px;
  color: #999;
}
#interest .rank-pic {
  position: relative;
  width: 100%;
  height: 156px;
  text-align: center;
  background-color: #fff;
}
#interest .rank-pic a {
  display: block;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
#interest .rank-pic a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 1190px) {
  #interest .inter-cover {
    height: 140px;
  }
}
/* 推薦商家 */
#shop {
  margin-top: 20px;
  padding-bottom: 50px;
}
#shop .shop-nav {
  line-height: 35px;
  color: #333;
  border-bottom: solid 3px #F19149;
  text-indent: 10px;
  font-size: 17px;
}
#shop li {
  border-bottom: solid 1px #eee;
  margin-top: 15px;
  padding-bottom: 10px;
}
#shop .shop-val {
  color: #666;
  line-height: 20px;
  font-size: 13px;
  padding: 0px 10px;
}
#shop .shop-val:before,
#shop .shop-val:after {
  content: " ";
  display: table;
}
#shop .shop-val:after {
  clear: both;
}
#shop .shop-name {
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 140px;
}
#shop .car-num {
  float: right;
}
#shop .car-num font {
  color: #F87F15;
}
@keyframes ripple {
  0% {
    transform: scale3d(0, 0, 1);
    opacity: 0.5;
  }
  100% {
    transform: scale3d(1.6, 1.6, 1);
    opacity: 0;
  }
}
#items-box .ib-hint {
  color: #666;
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 20px;
  padding-left: 0px;
}
#items-box .ib-info-yx-label {
  display: inline-block;
  font-size: 14px;
  color: #C0860E;
  width: 65px;
  background: linear-gradient(90deg, #fff6d7, #ffecb3);
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 3px;
}
#items-box .ib-info-audi-label {
  display: inline-block;
  font-size: 14px;
  color: #FFF;
  width: 65px;
  background: #C70835;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 3px;
}
#items-box .ib-info-yx-desc {
  display: inline-block;
  color: #BF8E29;
}
#items-box .ib-info-yx-desc span {
  margin-right: 20px;
}
#items-box .ib-info-yx-desc span:last-child {
  margin-right: 0;
}
#items-box .ib-info-yx-desc span i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  background: url("//img.8891.com.tw/v3/01.png") no-repeat;
}
#items-box .ib-info-other-label {
  position: relative;
  font-size: 12px;
  color: #f87f15;
  border: 1px solid #f87f15;
  height: 20px;
  line-height: 18px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 4px;
  margin-right: 8px;
  box-sizing: border-box;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
}
#items-box .ib-info-other-label.audit-label,
#items-box .ib-info-other-label.check-label {
  cursor: pointer;
}
#items-box .ib-info-other-label.false {
  border-color: #FF6600;
  color: #ff6600;
}
#items-box .ib-info-other-tag {
  height: 18px;
  vertical-align: text-top;
  margin-right: 6px;
  margin-top: 8px;
  float: left;
}
#items-box .ib-info-other-tag:last-child {
  margin-right: 0;
}
/* #items-box .ib-info-other > *:nth-child(n+5) {
  margin-top: 8px;
}
#items-box .item-server-v3 > *:nth-child(n+4) {
  margin-top: 7px;
} */
#items-box .audit-check-icon {
  display: inline-block;
  width: 13px;
  height: 10px;
  margin-right: 2px;
  background: url('//img.8891.com.tw/usedauto/check.png');
}
#items-box .audit-label-info {
  display: none;
  position: absolute;
  min-width: 300px;
  top: 9px;
  background: #fff;
  z-index: 2;
  left: 60px;
  padding: 10px;
  color: #333;
  box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 11;
}
#items-box .ib-item {
  display: table;
  width: 100%;
  border-bottom: 1px solid #EEEEEE;
  padding: 20px 0;
  position: relative;
}
#items-box .ib-item.ib-item-ad {
  padding: 0px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}
#items-box .ib-item.ib-item-ad span {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
#items-box .ib-item.lighhightbg {
  background: linear-gradient(180deg, #ffffe3, rgba(255, 255, 255, 0.98));
}
#items-box .ib-item.lighhightbg:hover {
  background: #F5F5F5;
}
#items-box .ib-item:hover {
  background-color: #F5F5F5;
}
#items-box .ib-item .ib-row {
  display: table-cell;
}
#items-box .ib-item .ib-image {
  position: relative;
  width: 220px;
  height: 165px;
  vertical-align: middle;
}
#items-box .ib-item .ib-image.yx::before {
  content: '8891嚴選';
  background: linear-gradient(90deg, #fff6d7, #ffecb3);
  width: 65px;
  height: 20px;
  position: absolute;
  z-index: 2;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #C0860E;
  left: 9px;
  top: 6px;
  border-radius: 3px;
}
#items-box .ib-item .ib-link {
  position: relative;
  display: block;
  text-align: center;
  height: 165px;
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
}
#items-box .ib-item .ib-link.campaigns-eleven {
  border-radius: 2px;
  border: 2px solid #F11313;
  box-sizing: border-box;
}
#items-box .ib-item .ib-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#items-box .ib-item .ib-img-num {
  color: #2d6cc2;
  font-size: 13px;
  text-align: center;
  padding: 5px;
}
#items-box .ib-item .ib-info {
  display: inline-block;
  position: relative;
  height: 165px;
  width: 375px;
  vertical-align: middle;
  margin-left: 20px;
}
#items-box .ib-item .ib-info-title {
  position: relative;
}
#items-box .ib-item .ib-yx-label {
  vertical-align: middle;
  padding: 2px 10px;
  background: #ae9e7e;
  color: #fff;
  border-radius: 4px;
}
#items-box .ib-item .ib-it-text {
  overflow: hidden;
  font-size: 20px;
  color: #333;
  line-height: 28px;
  display: inline-block;
  max-height: 56px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#items-box .ib-item .item-icon {
  background: url("//img.8891.com.tw/v3/item-icon.png") no-repeat;
  height: 16px;
  display: inline-block;
  vertical-align: top;
}
#items-box .ib-item .item-hot {
  position: absolute;
  width: 28px;
  background-position: -95px 0;
}
#items-box .ib-item .item-new {
  position: absolute;
  bottom: 0;
  width: 28px;
  margin-left: 5px;
  background-position: -120px 0;
}
#items-box .ib-item .item-realprice {
  width: 17px;
  background-position: 0 0;
}
#items-box .ib-item .item-exists {
  width: 17px;
  background-position: -19px 0;
}
#items-box .ib-item .item-yes {
  background: url(//img.8891.com.tw/approve/yes_icon.png) no-repeat;
  width: 17px;
}
#items-box .ib-item .item-yx {
  background: url(//img.8891.com.tw/usedauto/yx-icon-d.png) no-repeat;
  width: 17px;
}
#items-box .ib-item .item-check {
  width: 17px;
  background-position: -57px 0;
}
#items-box .ib-item .ib-info-oldtitle {
  color: #666666;
  margin-top: 4px;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#items-box .ib-item .ib-info-im {
  margin-top: 6px;
}
#items-box .ib-item .ib-ii-item {
  display: inline-block;
  padding: 0 10px;
  color: #999999;
  line-height: 20px;
  position: relative;
}
#items-box .ib-item .ib-ii-item:first-child {
  padding-left: 0px;
}
#items-box .ib-item .ib-ii-item:first-child::before {
  width: 0;
}
#items-box .ib-item .ib-ii-item::before {
  position: absolute;
  content: '';
  top: 50%;
  left: -2px;
  height: 14px;
  width: 1px;
  background-color: #999999;
  transform: translateY(-50%);
}
#items-box .ib-item .ib-iii-value b {
  color: #F87F15;
  font-weight: normal;
}
#items-box .ib-item .ib-io-item {
  color: #999;
  margin-right: 10px;
}
#items-box .ib-item .ib-price {
  color: #F87F15;
  vertical-align: middle;
  font-size: 16px;
  line-height: 31px;
  font-weight: 700;
  position: relative;
}
#items-box .ib-item .ib-price b {
  font-size: 26px;
  font-weight: normal;
  color: #F87F15;
}
#items-box .ib-item .ib-price.bidding {
  font-size: 22px;
  color: #FF0000;
}
#items-box .ib-item .covid-tag {
  display: block;
}
#items-box .ib-item .fs25 b {
  font-size: 25px;
}
#items-box .ib-item .ib-icon {
  font-size: 16px;
  vertical-align: bottom;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  height: 20px;
  margin-bottom: 5px;
  vertical-align: middle;
  color: #333333;
  font-weight: 700;
}
#items-box .ib-item .ib-icon b {
  font-weight: 700;
}
#items-box .ib-item .ib-icon-rec {
  background: #fff;
  border: 1px solid #cacaca;
  display: inline-block;
  width: 45px;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  color: #999;
  position: absolute;
  top: 0;
  right: 0;
  border-top: none;
}
#items-box .ib-item .ib-icon-item {
  display: block;
  margin-top: 12px;
  font-size: 13px;
  cursor: help;
}
#items-box .ib-item .ib-extra {
  width: 330px;
  font-size: 0;
  padding-right: 10px;
}
#items-box .ib-item .ib-extra span {
  display: inline-block;
  width: 33.3%;
  text-align: right;
}
#items-box .ib-item .bidding-tip {
  position: absolute;
  right: 0;
  bottom: 50px;
  text-decoration: underline;
  color: #666666;
}
#items-box .ib-item .bidding-tip:hover {
  color: #F87F15;
}

.super-top-latest-item {
  background: #eef4ff;
}

.super-top-latest {
  position: absolute;
  width: 270px;
  height: 60px;
  background: linear-gradient(90deg,#ff7d00, #ff0300);
  right: 0;
  top: 0;
  z-index: 1;
  padding-left: 50px;
  box-sizing: border-box;
}

.super-top-latest::after{
  content: '';
  display: block;
  width: 81px;
  height: 85px;
  background-image: url('https://photo.8891.com.tw/2023/11/23/1700707343010609.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: -40px;
  top: -12px;
}

.super-top-latest p {
  font-size: 18px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: Medium;
  text-align: left;
  color: #ffffff;
  line-height: 25px;
  padding-top: 6px;
  margin-bottom: 2px;
}

.super-top-latest span {
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: Regular;
  text-align: left;
  color: #ffffff;
  line-height: 20px;
  cursor: pointer;
}

.un-super-top-latest:hover::before {
  content: '';
  display: block;
  background-image: url('https://img.8891.com.tw/next/price/17.gif');
  width: 740px;
  height: 560px;
  position: absolute;
  left: -800px;
  top: -70px;
  z-index: 10000;
  border: 1px solid #eee;
}

#items-box .item-service-icon {
  position: absolute;
  width: 20px;
  height: 38px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 999;
}
#items-box .is-pre {
  width: 55px;
  height: 16px;
  bottom: 0;
  right: 0;
  background-position: -134px 0;
}
#items-box .set-top-label {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  height: 20px;
  display: block;
  line-height: 20px;
  font-size: 12px;
  padding: 0 4px;
  min-width: 36px;
}
#items-box .set-super-top-label {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 99;
  image-rendering: pixelated;
}
#items-box .set-super-top-label-desc {
  width: 67px;
  height: 44px;
  border-radius: 6px 0px 0px 0px;
  padding-top: 1px;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  background: rgba(21, 24, 28, 0.6);
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 17px;
  z-index: 9;
}
#items-box .super-top-big-label {
  width: 600px;
  height: 450px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  right: -620px;
  z-index: 999;
  object-fit: cover;
}
#items-box .campaigns-2019-label {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 54px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  background: linear-gradient(315deg, #ff5274 0%, #6037e2 100%);
  border-radius: 8px 0px 0px 0px;
}
#items-box .video-icon {
  position: absolute;
  bottom: 7px;
  left: 7px;
  display: block;
  width: 32px;
  height: 32px;
  background: linear-gradient(180deg, rgba(25, 83, 255, 0.6), rgba(134, 13, 255, 0.6));
  border-radius: 16px;
}
#items-box .video-icon::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  animation: ripple 2s ease infinite;
}
#items-box .video-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 32px;
  height: 32px;
  background-image: url('//img.8891.com.tw/next/autos/img-18.png');
}
#items-box .service {
  width: 35px;
  height: 35px;
  top: 0;
  left: 0;
}
#items-box .is-fast {
  background-image: url("//img.8891.com.tw/v3/item-service-fast.png");
}
#items-box .is-hot {
  background-image: url("//img.8891.com.tw/v3/item-service-hot.png");
}
#items-box .is-down {
  background-image: url("//img.8891.com.tw/v3/item-service-down.png");
}
#items-box .ib-item-big {
  position: relative;
  float: left;
  border: 1px solid #e3e3e3;
  width: 301px;
  margin: 0 18px 15px 0;
}
#items-box .ib-item-big.lighhightbg {
  transition: all 300ms;
}
#items-box .ib-item-big.lighhightbg > div {
  background: linear-gradient(180deg, #ffffe3, rgba(255, 255, 255, 0.98));
}
#items-box .ib-item-big:hover {
  box-shadow: 0px 2px 10px 0px #d5d5d5;
}
#items-box .ib-item-big.marginRightNone {
  margin-right: 0;
}
#items-box .ib-item-big.yx::before {
  content: '8891嚴選';
  background: linear-gradient(90deg, #fff6d7, #ffecb3);
  width: 65px;
  height: 20px;
  position: absolute;
  z-index: 2;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #C0860E;
  left: 9px;
  top: 6px;
  border-radius: 3px;
}
#items-box .ib-item-big .item-title-v3,
#items-box .ib-item-big .item-info-v3,
#items-box .ib-item-big .item-price-v3 {
  padding: 10px 10px 0;
}
#items-box .ib-item-big .item-title-v3 .ib-info-other-tag,
#items-box .ib-item-big .item-info-v3 .ib-info-other-tag,
#items-box .ib-item-big .item-price-v3 .ib-info-other-tag {
  margin-top: 6px;
}
#items-box .ib-item-big .item-img-v3 {
  width: 100%;
  height: 225px;
  text-align: center;
  display: block;
  overflow: hidden;
  position: relative;
}
#items-box .ib-item-big .item-img-v3 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#items-box .ib-item-big .item-img-v3.campaigns-eleven {
  border-radius: 2px;
  border: 2px solid #F11313;
  box-sizing: border-box;
}
#items-box .ib-item-big .price-v3 {
  margin-right: 15px;
  float: left;
}
#items-box .ib-item-big .price-v3.bidding {
  font-size: 20px;
  color: #ff0000;
}
#items-box .ib-item-big .item-title-v3 {
  color: #333;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 26px;
}
#items-box .ib-item-big .item-title-v3 span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
#items-box .ib-item-big .item-info-v3 {
  color: #999;
  padding-top: 5px;
  font-size: 12px;
  line-height: 12px;
}
#items-box .ib-item-big .item-info-v3 b {
  font-weight: normal;
}
#items-box .ib-item-big .item-price-v3 {
  color: #F87F15;
  padding-bottom: 6px;
  line-height: 19px;
  position: relative;
}
#items-box .ib-item-big .item-price-v3 .price-v3 b {
  font-size: 20px;
  color: #ff6600;
  font-weight: normal;
}
#items-box .ib-item-big .item-price-v3 .item-address {
  position: absolute;
  color: #999;
  top: 18px;
  right: 7px;
}
#items-box .ib-item-big .item-price-v3 .fs20 b {
  font-size: 20px;
}
#items-box .ib-item-big .item-price-v3 .bidding-tips {
  font-size: 12px;
  text-decoration: underline;
  color: #666;
  float: left;
  margin-top: 10px;
}
#items-box .ib-item-big .item-price-v3 .bidding-tips:hover {
  color: #F87F15;
}
#items-box .ib-item-big .item-server-v3 {
  padding-left: 10px;
  margin-bottom: 10px;
}
#items-box .ib-item-big .item-server-v3 .ib-info-yx-desc {
  margin-left: 0;
  font-size: 14px;
}
#items-box .ib-item-big .item-server-v3 .ib-info-yx-desc span {
  margin-right: 15px;
}
#items-box .ib-item-big .item-server-icon {
  float: left;
  width: 17px;
  height: 16px;
  margin: 10px 5px 0 0;
  background: url("//img.8891.com.tw/v3/item-icon.png") no-repeat;
}
#items-box .ib-item-big .item-server-icon.realprice {
  background-position: 0 0;
}
#items-box .ib-item-big .item-server-icon.exists {
  background-position: -19px 0;
}
#items-box .ib-item-big .item-server-icon.check {
  background-position: -57px 0;
}
#items-box .ib-item-big .item-server-icon.yes {
  background: url(//img.8891.com.tw/approve/yes_icon.png) no-repeat;
}
#items-box .ib-item-big .item-server-icon.yx {
  position: relative;
  background: none;
}
#items-box .ib-item-big .item-server-icon.yx::before {
  content: '嚴';
  color: #fff;
  font-style: normal;
  text-align: center;
  font-size: 12px;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  line-height: 17px;
  background: #ae9e7e;
  display: block;
}
#items-box .ib-item-big .item-server-icon abbr {
  display: block;
  width: 17px;
  height: 16px;
}
#items-box .ib-item-big .ib-info-other-label {
  margin-top: 6px;
}
#items-box .ib-loading {
  padding: 20px;
  text-align: center;
}
#items-box .ib-empty {
  position: relative;
  width: 530px;
  margin: 60px auto;
  font-size: 13px;
}
#items-box .ib-empty dt {
  font-size: 15px;
  margin: 20px 0 15px 0;
  clear: both;
}
#items-box .ib-empty dd {
  line-height: 23px;
}
#items-box .ib-empty .ib-empty-prev {
  padding: 5px 10px;
  margin-left: 10px;
  background-color: #ff6633;
  color: #fff;
  font-size: 13px;
}
#items-box .ib-empty .ib-empty-link {
  color: #04d;
  text-decoration: underline;
}
#items-box .ib-empty .ib-empty-hint {
  width: 530px;
  padding: 3px;
  border: 1px solid #fae9c0;
  background: #ffffe3;
}
#items-box .ib-empty .ib-empty-hint-con {
  color: #ff0000;
}
#items-box .item-campaign-gift {
  display: inline-flex;
  line-height: 18px;
  border: 1px solid #F11313;
  font-size: 14px;
  margin-bottom: 5px;
  overflow: hidden;
  max-width: 100%;
}
#items-box .item-campaign-gift span:first-child {
  color: #fff;
  background-color: #F11313;
  padding: 0 4px;
}
#items-box .item-campaign-gift span:last-child {
  background-color: #fff;
  color: #F11313;
  padding: 0 4px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#items-box .item-campaign-gift-count {
  color: #F11313;
}
@media (max-width: 1190px) {
  /* #items-box .ib-item .ib-image {
    width: 180px;
    height: 150px;
  }
  #items-box .ib-item .ib-image.yx::before {
    top: 35px;
  }
  #items-box .ib-item .ib-link {
    height: 102px;
  } */
  #items-box .ib-item .ib-info-other {
    font-size: 14px;
  }
  #items-box .ib-item .ib-info-oldtitle {
    font-size: 14px;
  }
  #items-box .ib-item .ib-info {
    width: 370px;
  }
  #items-box .ib-item .ib-it-text {
    max-width: 360px;
  }
  #items-box .ib-item .ib-price-value {
    font-size: 30px;
  }
  #items-box .ib-item .ib-price-unit {
    font-size: 15px;
  }
  #items-box .ib-item .ib-ii-item {
    padding: 0 5px;
    font-size: 14px;
  }
  #items-box .ib-item .ib-icon {
    width: 120px;
  }
  #items-box .ib-item-big {
    width: 250px;
    margin: 0 10px 10px 0;
  }
  #items-box .ib-item-big .item-img-v3 {
    height: 187px;
  }
  #items-box .ib-item-big .item-server-v3 .ib-info-yx-desc span {
    margin-right: 5px;
  }
  #items-box .ib-item-big .item-server-v3 .ib-info-yx-desc {
    font-size: 12px;
  }
  #items-box .ib-item-big .ib-info-other-label {
    margin-right: 6px;
  }
}

.ib-info-other-tag-text {
  min-width: 57px;
  height: 20px;
  background: #c1a876;
  border-radius: 4px;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
  margin-right: 8px;
  display: inline-block;
}

.real-car-shop-icon {
  width: 76px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #0f9960;
  border-radius: 4px;
  padding-left: 20px;
  position: relative;
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: normal;
  text-align: center;
  color: #0f9960;
  line-height: 18px;
  display: inline-block;
  margin-right: 8px;
  top: 1px;
}

.real-car-shop-icon i {
  width: 20px;
  height: 20px;
  background-image: url('https://photo.8891.com.tw/2024/01/24/1706092468554415.png');
  background-size: 100% auto;
  background-color: #0f9960;
  position: absolute;
  left: -1px;
  top: -1px;
  border-radius: 4px 0 0 4px;
}

.campaigns-tag-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 76px;
  height: 24px;
  line-height: 24px;
  background: linear-gradient(270deg, #f87f15 95%, #f36944 3%);
  border-radius: 8px 0px 0px 0px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.ib-info-gift {
  display: inline-block;
  font-size: 0;
  border: 1px solid #FF0000;
  line-height: 18px;
  height: 18px;
  border-radius: 2px;
}
.ib-info-gift-left {
  display: inline-block;
  background: #FF0000;
  color: #fff;
  padding: 0 2px;
  font-size: 13px;
}
.ib-info-gift-right {
  display: inline-block;
  padding: 0 4px;
  font-size: 13px;
  color: #FF0000;
}
.video-tag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  height: 24px;
  background: linear-gradient(180deg, rgba(25, 83, 255, 0.6), rgba(134, 13, 255, 0.6));
  border-radius: 16px;
  padding: 0 8px 0 2px;
  color: #fff;
}
.video-tag-icon {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.video-tag-icon::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  animation: ripple 2s ease infinite;
}
.video-tag-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 32px;
  height: 32px;
  background-image: url('//img.8891.com.tw/next/autos/img-18.png');
}
/*瞭解8891*/
.know8891 {
  border: solid 1px #e3e3e3;
  padding: 15px 10px 10px 10px;
}
.know8891 li {
  margin-bottom: 10px;
  font-size: 13px;
  color: #666;
  white-space: nowrap;
}
.know8891 li:first-child {
  margin-bottom: 15px;
}
.know8891 .k-title {
  font-size: 17px;
  color: #333;
}
.know8891 .k-item-num {
  display: inline-block;
  width: 16px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  color: #FF6600;
  text-align: center;
  vertical-align: baseline;
  border: solid 1px #eee;
  margin-right: -1px;
}
.know8891 .k-item-num:first-child {
  margin-left: 3px;
}
.know8891 .k-item-num:last-child {
  margin-right: 3px;
}
.know8891 .k-online {
  text-align: center;
  color: #800000;
  margin-bottom: 5px;
}
.sell-car {
  margin-bottom: 17px;
}
.sell-car .sell-car-btn {
  display: block;
  line-height: 72px;
  color: #fff;
  background-color: #1DBF76;
  text-align: center;
  font-size: 25px;
  border-radius: 5px;
}
@media (max-width: 1190px) {
  .know8891 {
    padding: 5px 10px 10px 5px;
  }
  .know8891 .k-item-num {
    width: 15px;
  }
}
#bargain-rank {
  border: solid 1px #e3e3e3;
  margin-top: -1px;
}
#bargain-rank:before,
#bargain-rank:after {
  content: " ";
  display: table;
}
#bargain-rank:after {
  clear: both;
}
#bargain-rank .rank-nav {
  padding-top: 15px;
  font-size: 17px;
  text-indent: 10px;
  color: #333;
}
#bargain-rank .rank-list {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0 10px 0 15px;
}
#bargain-rank .red .rank-num,
#bargain-rank .red .rank-title {
  color: #CE0907;
}
#bargain-rank .rank-index,
#bargain-rank .rank-title,
#bargain-rank .rank-num {
  font-size: 13px;
  display: inline-block;
  margin: 4px 0;
  vertical-align: middle;
  color: #666;
  text-decoration: none;
}
#bargain-rank .rank-index {
  margin-right: 5px;
  width: 13px;
  height: 13px;
  text-align: center;
  line-height: 13px;
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
}
#bargain-rank .rank-num {
  margin-left: 5px;
  text-align: right;
}
#bargain-rank .sqr-red {
  background: #CE0907;
  color: #FFF;
}
#bargain-rank .sqr-blue {
  background: #174785;
  color: #FFF;
}
#bargain-rank .rank-title {
  width: 125px;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1190px) {
  #bargain-rank .rank-nav {
    text-indent: 8px;
  }
  #bargain-rank .rank-list {
    padding: 0 8px;
  }
  #bargain-rank .rank-title {
    width: 119px;
  }
  #bargain-rank .rank-index {
    margin-right: 0px;
  }
}
#footer-desc {
  background: -ms-linear-gradient(top, #f8f8f8, #ffffff);
  /* IE 10 */
  background: -moz-linear-gradient(top, #f8f8f8, #ffffff);
  /*火狐*/
  background: -webkit-linear-gradient(top, #f8f8f8, #ffffff);
  /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(top, #f8f8f8, #ffffff);
  /*Opera 11.10+*/
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#f8f8f8, endColorStr=#ffffff);
  /*IE 6 7 8*/
}
.v3index-desc-list {
  padding-bottom: 40px;
}
.v3index-desc-li {
  float: left;
  padding: 0 44px;
  min-height: 108px;
  color: #666;
  border-left: 1px solid #eee;
  text-align: left;
}
.v3index-desc-li:first-child {
  padding-left: 0;
  border-left: 0;
}
.v3index-desc-li:last-child {
  padding-right: 0;
}
.v3index-desc-pic {
  display: block;
  width: 146px;
  height: 83px;
  margin: 20px 0 0 20px;
  background: url("//img.8891.com.tw/v3/used-desc-pic.png?t=20190807") no-repeat;
  background-size: cover;
}
.v3index-desc-title {
  font-size: 15px;
}
.v3index-desc-content {
  font-size: 13px;
}
.v3index-desc-content li {
  margin-top: 15px;
}
.v3index-desc-content li a {
  float: left;
  margin-left: 20px;
}
.v3index-desc-content li a:first-child {
  margin-left: 0;
}
@media (max-width: 1190px) {
  .v3index-desc-li {
    padding: 0 24px;
  }
  .v3index-desc-content li {
    margin-top: 10px;
  }
}
.v3index-foot {
  line-height: 21px;
  font-size: 13px;
  padding-bottom: 15px;
  text-align: center;
}
.v3index-foot-nav {
  padding-top: 10px;
}
.v3index-foot-nav a {
  margin: 0px 10px;
}
.v3index-foot-sites {
  position: relative;
  margin-top: 5px;
  white-space: nowrap;
}
.v3index-foot-sites a {
  padding: 0px 3px;
  border-left: 1px dotted #eee;
}
.v3index-foot-sites a:first-child {
  border-left: 0;
}
.v3index-foot-sites .new {
  background: url(//img.8891.com.tw/common/icon-new.png) no-repeat;
  background-position: -4px -3px;
  padding: 0;
  padding-left: 20px;
}
.v3index-foot-copyright {
  margin-top: 10px;
}
.v3index-foot-approve {
  margin-top: 10px;
}
.v3index-foot-approve .app-l {
  display: inline-block;
  margin: 0 10px;
  background: url(//img.8891.com.tw/common/approve.png) no-repeat;
  text-indent: -9999px;
}
.v3index-foot-approve .sosa-trans {
  width: 150px;
  height: 50px;
  background-position: 0 -50px;
}
.v3index-foot-approve .sosa-info {
  width: 29px;
  height: 50px;
  background-position: 0 -100px;
}
.v3index-foot-approve .yushan-award {
  width: 170px;
  height: 50px;
  background-position: 0 -200px;
}
.suggest-index-box {
  background-color: #FFF;
  border-radius: 5px;
  position: fixed;
  right: 40px;
  bottom: 20px;
  width: 235px;
  padding: 10px;
  overflow: hidden;
  display: none;
  z-index: 17;
}
.suggest-index-box .suggest-index-header {
  margin-bottom: 5px;
}
.suggest-index-box .suggest-index-header h2 {
  font-size: 15px;
  font-weight: bold;
}
.suggest-index-box .suggest-index-header span {
  font-size: 13px;
  color: #666;
  margin-left: 1px;
  cursor: pointer;
}
.suggest-index-box .suggest-index-header span .like,
.suggest-index-box .suggest-index-header span .unlike {
  background: url("//img.8891.com.tw/v3/suggest-like.png") no-repeat;
  display: inline-block;
  height: 15px;
  width: 12px;
  vertical-align: text-bottom;
}
.suggest-index-box .suggest-index-header span .like {
  background-position: bottom left;
}
.suggest-index-box .suggest-index-header span .unlike {
  background-position: bottom right;
}
.suggest-index-box .suggest-index-header span.active {
  color: #EA724E;
}
.suggest-index-box .suggest-index-header span.active .like {
  background-position: top left;
}
.suggest-index-box .suggest-index-header span.active .unlike {
  background-position: top right;
}
.suggest-index-box .suggest-index-content textarea {
  width: 95%;
  height: 80px;
  padding: 10px 5px 0;
  border: 1px solid #eee;
  color: #333;
  font-size: 13px;
}
.suggest-index-box .suggest-index-footer {
  text-align: right;
}
.suggest-index-box .suggest-index-submit {
  padding: 5px 20px;
  border: 1px solid #eee;
  border-radius: 2px;
  color: #333;
  background: #f6f6f6;
  font-size: 13px;
}
.suggest-index-box .suggest-tips {
  position: absolute;
  left: 0;
  top: 0;
  width: 65%;
  height: 100%;
  text-align: center;
  padding: 80px 40px 0 40px;
  font-size: 13px;
  background: rgba(250, 250, 250, 0.9);
  display: none;
  color: green;
}
@media (max-width: 1690px) {
  .suggest-index-box {
    display: none !important;
  }
}
#rank-usedauto .rank-usedauto {
  background-color: #f3f3f3;
  padding: 21px 13px;
  margin-top: 20px;
}
#rank-usedauto .rank-list-inner {
  height: 210px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
#rank-usedauto .rank-list {
  float: left;
  width: 24%;
  margin-left: 1.33%;
}
#rank-usedauto .rank-list:first-child {
  margin-left: 0;
}
#rank-usedauto .rank-list .no-data {
  border-top: 1px solid #e4e4e4;
  padding-top: 18px;
  text-align: center;
}
#rank-usedauto .rank-pic {
  position: relative;
  width: 100%;
  height: 156px;
  text-align: center;
  background-color: #fff;
}
#rank-usedauto .rank-pic a {
  display: block;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
#rank-usedauto .rank-pic a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#rank-usedauto .rank-item-info {
  margin-bottom: 10px;
}
#rank-usedauto .rank-item-info .price {
  color: #e13a3b;
  margin-left: 5px;
}
#rank-usedauto .rank-item-info .address {
  color: #999;
  margin-right: 5px;
}
#rank-usedauto .rank-list-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 6px;
  margin-bottom: 8px;
  margin-left: 5px;
}
#rank-usedauto .rank-data-show {
  position: absolute;
  background-color: #000;
  opacity: 0.7;
  color: #fff;
  line-height: 17px;
  height: 17px;
  padding: 0 3px;
  right: 0;
  bottom: 0;
  font-size: 12px;
}
#rank-usedauto .rank-recommend {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1px 5px;
  color: #ffffff;
  background-color: #fa7e24;
  font-size: 14px;
}
@media (max-width: 1190px) {
  #rank-usedauto .rank-recommend {
    font-size: 13px;
    padding: 1px 3px;
  }
}
#original-detection {
  display: none;
  margin: 3px 0 18px;
}
#original-detection li {
  float: left;
}
#original-detection li a {
  margin-right: 25px;
  border: 1px solid #e9e9e9;
  display: block;
  position: relative;
  line-height: 50px;
  height: 50px;
  width: 150px;
  text-align: center;
}
#original-detection li a.at {
  border: 1px solid orange;
}
#original-detection li img {
  height: 50px;
  margin: 0 auto;
  display: block;
  vertical-align: middle;
}
#annoucement-box {
  border: solid 1px #e3e3e3;
  border-top: none;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 13px;
}
@media (max-width: 1190px) {
  #annoucement-box {
    font-size: 12px;
  }
}
#annoucement-box .annoucement-title {
  padding-top: 15px;
  position: relative;
}
#annoucement-box .annoucement-title h2 {
  font-size: 17px;
  text-indent: 10px;
  color: #333;
  float: left;
}
#annoucement-box .annoucement-title .right {
  position: absolute;
  color: #999;
  top: 17px;
  right: 10px;
}
#annoucement-box .annoucement-comment {
  margin-top: 5px;
}
#annoucement-box .annoucement-comment .left {
  position: relative;
  padding-right: 20px;
}
@media (max-width: 1190px) {
  #annoucement-box .annoucement-comment .left {
    max-width: 105px;
  }
}
#annoucement-box .annoucement-comment .left img {
  position: absolute;
  right: 0;
  top: 0px;
}
#annoucement-box .annoucement-comment .right {
  float: right;
  max-width: 38px;
  overflow: hidden;
}
#annoucement-box .annoucement-comment li {
  padding: 7px 10px;
}
#lapage-body {
  position: relative;
  background: #fff;
}
#footer {
  min-width: 1190px;
  margin: 30px auto 0;
  border-top: 2px solid #eee;
}
.auto-ad-left-max {
  width: 945px;
  height: 95px;
  background: url("//img.8891.com.tw/v3/nopic-77-32.png") center center no-repeat;
  background-color: #FDFDFD;
}
.auto-ad-left-min {
  width: 790px;
  height: 70px;
  background: url("//img.8891.com.tw/v3/nopic-77-32.png") center center no-repeat;
  background-color: #FDFDFD;
  display: none;
}
.auto-ad-right-max {
  width: 215px;
  height: 430px;
  background: url("//img.8891.com.tw/v3/nopic-77-32.png") center center no-repeat;
  background-color: #FDFDFD;
}
.auto-ad-right-min {
  width: 190px;
  height: 250px;
  background: url("//img.8891.com.tw/v3/nopic-77-32.png") center center no-repeat;
  background-color: #FDFDFD;
  display: none;
}
.auto-ad-right-middle-min {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 233px;
  width: 190px;
  background: url("//img.8891.com.tw/v3/nopic-77-32.png") center center no-repeat;
  background-color: #FDFDFD;
  display: none;
}
.auto-ad-right-middle-max {
  margin-top: 20px;
  height: 233px;
  width: 215px;
  background: url("//img.8891.com.tw/v3/nopic-77-32.png") center center no-repeat;
  background-color: #FDFDFD;
}
.middle-ad-max {
  position: absolute;
  right: 0;
  top: -9px;
  width: 230px;
  height: 40px;
}
.middle-ad-min {
  position: absolute;
  right: 0;
  top: -5px;
  width: 215px;
  height: 35px;
  display: none;
}
.ad-auto-left {
  width: 190px;
  height: 450px;
  left: -195px;
  position: absolute;
}
.ad-auto-right {
  width: 190px;
  height: 450px;
  position: absolute;
  right: -195px;
}
.ib-item-ad .min {
  display: none;
}
.yx-mask {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
.yx-mask-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.yx-mask-content img {
  display: block;
  width: 550px;
  height: 248px;
}
.yx-mask-footer {
  background: #FFD639;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  padding: 12px 20px 8px;
}
.yx-mask-footer-content {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.yx-mask-footer-content p {
  line-height: 1.4;
  font-weight: bold;
}
.yx-mask-footer-btn {
  display: inline-block;
  padding: 8px 25px;
  background: #EF7A01;
  color: #fff;
  font-size: 20px;
  border-radius: 4px;
  vertical-align: middle;
  margin-left: 45px;
  cursor: pointer;
  box-shadow: 0px 2px 1px 1px #999;
}
.yx-mask-footer-btn:hover {
  text-decoration: none;
}
.yx-mask-close {
  background: url('//img.8891.com.tw/usedauto/yx-mask-close.png') no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  background-size: 40px;
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
}
.spinner {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0 auto;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f60;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.yx-guide {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 11;
}
.yx-guide-link {
  position: absolute;
  z-index: 11;
  background: url('//img.8891.com.tw/v3/yx-guide/link-container.png') no-repeat;
  background-size: 110px 43px;
  width: 110px;
  height: 43px;
  top: -10px;
  left: -6px;
  cursor: pointer;
}
.yx-guide-tooltip {
  position: absolute;
  z-index: 11;
  background: url('//img.8891.com.tw/v3/yx-guide/tooltip.png') no-repeat;
  width: 349px;
  height: 99px;
  left: -6px;
  top: -125px;
}
.yx-guide-hint {
  position: absolute;
  z-index: 11;
  background: url('//img.8891.com.tw/v3/yx-guide/hint.png') no-repeat;
  width: 620px;
  height: 163px;
  top: 15px;
  left: 110px;
}
.yx-guide-close {
  position: absolute;
  display: block;
  width: 36px;
  height: 36px;
  z-index: 11;
  border-radius: 50%;
  background: url('//img.8891.com.tw/v3/infos/close.png') no-repeat;
  background-color: #000;
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  left: 700px;
  top: 0px;
}
.quick-select {
  display: none;
  position: fixed;
  bottom: 60px;
  left: 43%;
  background-color: #fff;
  height: 40px;
  border-radius: 20px;
  box-shadow: 0px 0 14px 0px #d5d5d5;
  padding: 4px 5px;
  box-sizing: border-box;
  font-size: 0;
  transform: translate(-50%);
  z-index: 3;
}
.quick-select:hover .quick-select-close {
  display: block;
}
.quick-select-normal {
  position: relative;
  z-index: 2;
  padding: 8px 12px;
  display: inline-block;
  border-radius: 16px;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}
.quick-select-normal.hide {
  display: none;
}
.quick-select-normal.active {
  background-color: #F87F15;
  color: #fff;
}
.quick-select-yx {
  position: relative;
  z-index: 2;
  padding: 8px 12px;
  display: inline-block;
  border-radius: 16px;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}
.quick-select-yx.hide {
  display: none;
}
.quick-select-yx.active {
  background-color: #FCEBBB;
  color: #765300;
}
.quick-select-campaigns {
  position: relative;
  z-index: 2;
  padding: 8px 12px;
  display: inline-block;
  border-radius: 16px;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}
.quick-select-campaigns.hide {
  display: none;
}
.quick-select-campaigns.active {
  background: #F5742A;
  color: #fff;
}
.quick-select-guide {
  display: none;
  position: absolute;
  left: 190px;
  top: -4px;
  font-size: 14px;
  white-space: nowrap;
  line-height: 1.5;
  padding: 5px 10px;
  color: #765300;
  background: linear-gradient(90deg, #fff6d7 0%, #ffecb3 100%);
  box-shadow: 0px 0 11px 0px rgba(200, 140, 0, 0.4);
}
.quick-select-guide p {
  margin-bottom: 0;
}
.quick-select-guide::before {
  content: '';
  display: block;
  position: absolute;
  top: 18px;
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 13px 7.5px 0;
  border-color: transparent #fff5d5 transparent transparent;
}
.quick-select-close {
  position: absolute;
  display: none;
  width: 100px;
  height: 63px;
  right: -17px;
  top: -24px;
  z-index: 1;
}
.quick-select-close i {
  float: right;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(//img.8891.com.tw/v3/x.png);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#search-brand {
  padding-bottom: 9px!important;
}

.promotion-tag {
  max-width: 235px;
  height: 24px;
  border-radius: 12px 12px 12px 0px;
  display: flex;
  position: absolute;
  left: 0;
  top: 40px;
}

.promotion-tag span {
  width: 44px !important;
  height: 24px;
  background: #6f92ff;
  border-radius: 11px 0px 0px 0px;
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  flex-shrink: 0;
  text-align: center !important;
}

.promotion-tag p {
  min-width: 94px;
  max-width: 196px;
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: 400;
  text-align: center;
  color: #6f92ff;
  line-height: 22px;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fff;
  border-radius: 0px 11px 11px 0px;
  border: 1px solid #6f92ff;
}

.promotion-tag.type-1 p{
  border: 1px solid #ff4333;
}

.promotion-tag.type-2 p{
  border: 1px solid #ff4333;
}

.promotion-tag.type-1 span{
  background: linear-gradient(90deg,#ffaa00, #ff4333);
}

.promotion-tag.type-2 span{
  background: #ff4333;
}

.promotion-tag.type-1 p{
  color: #ff4333;
}

.promotion-tag.type-2 p{
  color: #ff4333;
}

.festival202312 {
  position: absolute;
  left: 0;
  top: 40px;
  height: 28px;
  padding: 0 12px 0 110px;
  background: linear-gradient(270deg,#ff7d00, #ff0300);
  border-radius: 15px;
  display: flex;
  align-items: center;
}

.festival202312::before {
  content: '';
  width: 112px;
  height: 44px;
  background: url(https://photo.8891.com.tw/2023/12/26/1703554851988369.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  left: -10px;
  bottom: 0;
}

.festival202312-content {
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, "PingFang TC", "Hiragino Sans TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  text-align: left;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


*[hidden] {
  display: none !important;
}

a:hover {
  text-decoration: none;
}