@charset "UTF-8";
/* css reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* 上線 */
/* 本機測試 */
/*$image_path: "../images";*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1.5;
  font-family: "Microsoft JhengHei", arial;
}

.popShow {
  overflow: hidden;
}

td {
  text-align: left;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  display: block;
  overflow: hidden;
  -webkit-text-decoration: none;
  text-decoration: none;
}
a:link, a:visited, a:hover, a:active {
  color: #000;
}

section a {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
section a:hover {
  color: #BA0D13;
}

img {
  display: block;
}

input[type=text], input[type=email], input[type=password] {
  -webkit-user-modify: read-only;
}

* {
  -webkit-text-size-adjust: 100%;
}

/* -----custom----- */
/* global */
*,
:after,
:before {
  box-sizing: border-box;
  position: relative;
}

html {
  font-size: 16px;
}

.wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.container {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.container-fluid {
  width: 100%;
}

h1 {
  font-size: 1.875rem;
  font-weight: bold;
}

h2 {
  font-size: 1.125rem;
  margin-right: 8px;
}

h3 {
  font-size: 1.375rem;
  font-weight: bold;
}

h4 {
  font-size: 1rem;
  font-weight: bold;
}

p {
  font-size: 0.875rem;
}

/* css變數 */
:root {
  --outline: none;
}

/* utility */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.m0-a {
  margin: 0 auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-sm {
  margin-bottom: 8px !important;
}

.mt-sm {
  margin-top: 8px !important;
}

.mt-md {
  margin-top: 24px !important;
}

.mt-lg {
  margin-top: 40px !important;
}

.mt-xl {
  margin-top: 60px !important;
}

.mb-xl {
  margin-bottom: 60px !important;
}

@media (max-width: 1280px) {
  .mt-sm {
    margin-top: 20px !important;
  }
  .mb-sm {
    margin-bottom: 20px !important;
  }
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.d-none {
  display: none !important;
}

.n-border {
  border: none !important;
}

.n-mb {
  margin-bottom: 0 !important;
}

.videobox {
  width: 100%;
  padding-bottom: 100%;
}
.videobox iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.videobox embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pc-show {
  display: block;
}

.m-show {
  display: none;
}

@media (max-width: 1280px) {
  .pc-show {
    display: none;
  }
  .m-show {
    display: block;
  }
}
/* component */
.btn {
  width: 245px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #777777;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.btn.btn-sm {
  width: 70px;
}
.btn.btn-md {
  width: 120px;
}
.btn.btn-lg {
  width: 150px;
}
.btn.btn-dark {
  color: #fff;
  background-color: #3B3B3B;
}
.btn.btn-red {
  color: #fff;
  background-color: #BA0D13;
}

section a.btn:hover {
  color: #fff;
}

.breadcrumb {
  display: flex;
  color: #777777;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 5px 17px;
  overflow-x: hidden;
}
.breadcrumb a {
  display: inline;
  color: #777777;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0 18px 0 0;
  margin: 0 9px 0 0;
  flex-shrink: 0;
  white-space: nowrap;
}
.breadcrumb a:not(:last-child) {
  background: url(https://www.kingautos.net/images/channel/breadcrumb_icon.png) no-repeat right center;
}
.breadcrumb a:last-child {
  text-overflow: ellipsis;
  flex-shrink: 1;
}
.breadcrumb span {
  display: inline;
}

.top-path + .top-info_inner .breadcrumb {
  padding-left: 140px;
}
@media (max-width: 768px) {
  .top-path + .top-info_inner .breadcrumb {
    padding-left: 130px;
  }
}
@media (max-width: 576px) {
  .top-path + .top-info_inner .breadcrumb {
    padding-left: 140px;
  }
}

.c-select {
  width: calc(100% - 80px);
  flex-grow: 1;
  font-size: 0.9375rem;
  font-family: "Microsoft JhengHei", arial;
  border: none;
  color: #000;
  background: url(https://www.kingautos.net/images/cars_data/select_arrow_pc.png) right 16px center no-repeat;
  background-color: #fff;
  height: 42px;
  line-height: 16px;
  padding: 0 35px 0 12px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline-style: none;
  text-overflow: ellipsis;
}

.c-select.border{
  border: 1px solid #959595;
}

input {
  width: 100%;
  height: 50px;
  font-size: 1rem;
  border: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline-style: none;
  padding-left: 12px;
}

textarea {
  padding: 12px;
}

/* header */
header {
  width: 100%;
}
header .logo {
  display: inline-block;
  width: 164px;
  height: 100%;
  margin: 0 auto;
}
header .logo a {
  width: inherit;
  height: 100%;
  background: url(https://www.kingautos.net/images/logo_m.png) left center no-repeat;
  background-size: contain;
}
header .header_inner {
  width: 100%;
  max-width: none;
  height: 54px;
  display: flex;
  position: fixed;
  padding: 0 3%;
  top: 0;
  z-index: 99;
  background-color: #262626;
}
header .header_inner .menu-toggler {
  left: 3%;
}
header .header_inner .member-enter-m {
  right: 3%;
}

.menu_item {
  height: 100%;
  padding: 30px 0;
}
.menu_item:hover > a, .menu_item.active > a {
  color: #BA0D13;
}
.menu_item:hover > a .member-enter a {
  display: none;
}
.menu_item:hover a:before {
  display: block;
  width: 100%;
  opacity: 1;
}
.menu_item > a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  opacity: 0;
  height: 3px;
  background-color: #BA0D13;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.menu_item.active a:before {
  display: block;
  width: 100%;
  opacity: 1;
}
.menu_item a.active {
  color: #BA0D13;
}

.member-enter a {
  padding: 0 0 2px 28px;
}
.member-enter a:hover {
  color: #BA0D13;
}

.menu {
  display: none;
}

.menu-toggler {
  display: block;
  position: absolute;
  top: 50%;
  width: 33px;
  height: 36px;
  padding: 8px 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.menu-toggler.close {
  top: 65%;
}

.menu-toggler_icon {
  width: 32px;
  height: 2px;
  background-color: #fff;
}
.menu-toggler_icon:before, .menu-toggler_icon:after {
  content: "";
  position: absolute;
  width: 100%;
  height: inherit;
  background-color: #fff;
}
.menu-toggler_icon:before {
  bottom: 8px;
}
.menu-toggler_icon:after {
  top: 8px;
}

.menu-toggler.close .menu-toggler_icon:before {
  width: 14px;
  position: absolute;
  top: -4px;
  left: -9px;
  transform: translate(50%, -50%) rotate(135deg);
  -webkit-transform: translate(50%, -50%) rotate(135deg);
  -moz-transform: translate(50%, -50%) rotate(135deg);
  -ms-transform: translate(50%, -50%) rotate(135deg);
  -o-transform: translate(50%, -50%) rotate(135deg);
}
.menu-toggler.close .menu-toggler_icon:after {
  width: 14px;
  position: absolute;
  top: 6px;
  left: -9px;
  transform: translate(50%, -50%) rotate(45deg);
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  -moz-transform: translate(50%, -50%) rotate(45deg);
  -ms-transform: translate(50%, -50%) rotate(45deg);
  -o-transform: translate(50%, -50%) rotate(45deg);
}

.menu-toggler_text {
  color: #fff;
  font-size: 0.75rem;
  position: absolute;
  bottom: 2px;
}

.menu-toggler.close .menu-toggler_text {
  display: none;
}

.member-enter img {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

.member-enter-m {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.member-enter-m img {
  width: 38px;
  padding: 8px 0;
}

.member-m {
  position: fixed;
  width: 100%;
  left: 0;
  top: 54px;
  z-index: 99;
  background-color: #3B3B3B;
}
.member-m > a {
  display: flex;
  align-items: center;
}
.member-m span {
  line-height: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.member-m span.active {
  width: 118px;
  padding-right: 30px;
}

.member-menu {
  width: 100%;
  flex-direction: column;
  padding: 6px 0 9px;
  z-index: 2;
  outline: var(--outline);
  background-color: #3B3B3B;
}
.member-menu li {
  width: 100%;
  height: 40px;
  padding-left: 20px;
}

.member-menu_item a {
  width: 100%;
  line-height: 40px;
  padding-left: 48px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-menu_item a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.member-menu_item:nth-child(1) a:before {
  background: url(https://www.kingautos.net/images/member/member_data@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(2) a:before {
  background: url(https://www.kingautos.net/images/member/member_star@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(3) a:before {
  background: url(https://www.kingautos.net/images/member/member_articles@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(4) a:before {
  background: url(https://www.kingautos.net/images/member/member_reply@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(5) a:before {
  background: url(https://www.kingautos.net/images/member/member_subcribe@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(6) a:before {
  background: url(https://www.kingautos.net/images/member/member_message@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(7) a:before {
  background: url(https://www.kingautos.net/images/member/member_collect@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(8) a:before {
  background: url(https://www.kingautos.net/images/member/member_block@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(9) a:before {
  background: url(https://www.kingautos.net/images/member/member_event@2x.png) no-repeat center center;
  background-size: contain;
}
.member-menu_item:nth-child(10) a:before {
  background: url(https://www.kingautos.net/images/member/member_logout@2x.png) no-repeat center center;
  background-size: contain;
}

.sub-menu {
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #F1F1F1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 1;
}
.sub-menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375rem;
}
.sub-menu ul li {
  padding: 0 24px;
  border-right: 1px solid #000;
}
.sub-menu a {
  color: #000;
  padding: 5px 28px;
  min-width: 116px;
}
.sub-menu a:hover {
  color: #BA0D13;
}

@media (max-width: 1280px) {
  .container {
    max-width: 100%;
  }
}
.swiper {
  padding-bottom: 45px;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  width: 30px;
  height: 30px;
  background-size: cover;
}
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  content: none;
}
.swiper .swiper-button-next {
  background: url(https://www.kingautos.net/images/carousel_arrow_m.png) center right no-repeat;
}
.swiper .swiper-button-prev {
  background: url(https://www.kingautos.net/images/carousel_arrow_m.png) center left no-repeat;
}
.swiper .swiper-pagination {
  position: absolute;
  bottom: 20px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  left: 50%;
  gap: 2%;
  z-index: 99;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 100%;
  height: 5px;
  background-color: #ccc;
  border-radius: 0;
  opacity: 1;
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #BA0D13;
}

.kv-slick .slick-prev,
.kv-slick .slick-next {
  width: 30px;
  height: 30px;
  background-size: 10px auto;
  background-color: rgba(255, 255, 255, 0.7);
  background-position: center center;
  border-radius: 100%;
}
.kv-slick .slick-prev:hover, .kv-slick .slick-prev:focus,
.kv-slick .slick-next:hover,
.kv-slick .slick-next:focus {
  background-size: 10px auto;
  background-color: rgba(255, 255, 255, 0.7);
  background-position: center center;
}
.kv-slick .slick-prev,
.kv-slick .slick-prev:hover,
.kv-slick .slick-prev:focus {
  background-image: url("https://www.kingautos.net/m/images/icon-arrow-left.svg");
}
.kv-slick .slick-next,
.kv-slick .slick-next:hover,
.kv-slick .slick-next:focus {
  background-image: url("https://www.kingautos.net/m/images/icon-arrow-right.svg");
}

.figcap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.figcap.figcap-fluid {
  height: 100%;
  padding: 0 18px;
}
.figcap h3 {
  position: absolute;
  left: 3%;
  bottom: 5%;
  width: 94%;
  height: 64px;
  color: #fff;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  text-align: left;
}

.channel .figcap h3 {
  height: 56px;
  font-size: 1.125rem;
  line-height: 28px;
  top: initial;
  bottom: 4%;
}

@media (max-width: 576px) {
  .figcap h3 {
    top: initial;
    bottom: 3%;
    left: 3%;
  }
}
.card-row {
  max-width: 94%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  overflow-x: scroll;
  /*    &.container {
      max-width: 100%;
  }*/
}

.container .card-row.container {
  max-width: 100%;
}

.row_simple-card {
  width: 86%;
  flex-shrink: 0;
  margin-right: 3%;
  /*    &:last-child {
      padding-right: 3%;
  }*/
}
.row_simple-card a:hover .figcap {
  background: none;
}
.row_simple-card:first-child {
  /*padding-left: 3%;*/
}
.row_simple-card:first-child .tag {
  left: 3%;
}

/* top-info */
.top-info {
  width: 100vw;
  padding: 10px 0;
  position: relative;
  top: 54px;
  background-color: #F1F1F1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.top-info_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow-x: scroll;
}
.top-info_inner.container {
  max-width: 100%;
}

.marquee {
  width: 170%;
  margin-left: 80px;
  white-space: nowrap;
  animation: notableAnimation 16s linear infinite;
  -webkit-animation: notableAnimation 16s linear infinite;
}

.marquee-container {
  width: 100vw;
  max-width: 100vw;
  overflow: hidden;
}

@-webkit-keyframes notableAnimation {
  0% {
    left: 100%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    left: 0;
  }
}
@keyframes notableAnimation {
  0% {
    left: 100%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    left: 0;
  }
}
@media (max-width: 576px) {
  .marquee {
    animation: notableAnimation 12s linear infinite;
    -webkit-animation: notableAnimation 12s linear infinite;
  }
}
.fast-info {
  display: flex;
  padding: 16px 0;
}
.fast-info ul {
  display: flex;
}
.fast-info li {
  flex: none;
  font-size: 15px;
  padding: 4px 12px;
  border-left: 1px solid #9D9D9D;
}
.fast-info .oil-price {
  border-left: 0;
}
.fast-info span {
  font-size: 1.125rem;
  font-weight: bold;
}

.fast-info_pic {
  flex: none;
  width: 24px;
  background: url(https://www.kingautos.net/images/speaker_m.png) left center no-repeat;
  background-size: contain;
}

.oil-price span {
  color: #BA0D13;
}

.search-bar {
  display: none;
  width: 280px;
  height: 35px;
  background-color: #fff;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  -o-border-radius: 2em;
}
.search-bar input {
  width: 220px;
  height: 35px;
  line-height: 30px;
  background: transparent;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 20px;
  font-size: 0.875rem;
  outline: none;
}
.search-bar button {
  width: 17px;
  height: 16px;
  background: url(https://www.kingautos.net/images/search_gray_pc.png) no-repeat center center;
  border: 0;
  outline: none;
  position: absolute;
  top: 10px;
  right: 16px;
  cursor: pointer;
  background-size: cover;
}

/* main */
main {
  padding: 86px 0 40px;
}

.words-ad {
  width: 100%;
  height: 65px;
  padding: 20px 0;
  margin-top: 140px;
  margin-bottom: 10px;
}
.words-ad ul {
  display: flex;
  height: 26px;
}
.words-ad ul li {
  width: 300px;
  height: 100%;
  padding: 0 30px;
  font-size: 1.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-right: 1px solid #000;
}
.words-ad ul li a {
  display: block;
  text-align: center;
  font-size: 1.125rem;
  color: #000;
  line-height: 25px;
  text-decoration: underline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.words-ad ul li a:hover {
  text-decoration: none;
  color: #ba0d13;
}

.sitemaji_banner-w1200 {
  margin-bottom: 35px;
  text-align: center;
}
.sitemaji_banner-w1200 img {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.sitemaji_banner-w970 {
  width: 100%;
  margin-top: 48px;
  outline: var(--outline);
}
.sitemaji_banner-w970 img {
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
}
.sitemaji_banner-w970 .a-text {
  position: absolute;
  font-size: 0.75rem;
  letter-spacing: 1em;
  top: 40%;
  left: 7%;
  color: #9D9D9D;
  -webkit-writing-mode: vertical-lr;
  vertical-lrwriting-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
}

.full-ads {
  margin: 20px 0;
}
.full-ads a:hover img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.full-ads .a-text {
  width: 100%;
  font-size: 0.75rem;
  letter-spacing: 1em;
  color: #9D9D9D;
  text-align: center;
  margin-bottom: 10px;
}
.full-ads .ads-wrapper {
  position: relative;
  height: calc(180vw - 112px);
  background-color: #f1f1f1;
}
.full-ads .ads-outer {
  width: 100vw;
  /* left: calc((3vw + 13px) * -1); */
  height: 100%;
  position: absolute;
  top: 0;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
  z-index: 0;
}
.full-ads .ads-pos {
  position: fixed;
  left: 0;
  right: 0;
  height: 180vw;
  top: calc(50% + 30px);
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.full-ads .ads-image img {
  vertical-align: bottom;
}
@media screen and (min-device-height: 740px) {
  .full-ads .ads-pos {
    height: 180vw;
  }
}

.list-ads .a-text {
  position: absolute;
  font-size: 0.75rem;
  letter-spacing: 1em;
  color: #9D9D9D;
  text-align: center;
  margin-bottom: 10px;
  right: 0;
  bottom: 0;
}

.event-link {
  position: absolute;
  right: 0;
  top: -12px;
}
.event-link a {
  color: #fff;
  display: block;
  padding: 8px 24px 8px 9px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: url(https://www.kingautos.net/images/arrow_next_pc.png) right 8px center no-repeat;
  background-color: #BA0D13;
  z-index: 1;
}
.event-link a:hover {
  color: #fff;
  background: url(https://www.kingautos.net/images/arrow_next_pc.png) right 4px center no-repeat;
  background-color: #BA0D13;
}

/* DAILY PICKS */
.title {
  display: flex;
  overflow: hidden;
  margin-bottom: 12px;
  align-items: center;
  white-space: nowrap;
}
.title.tag-title {
  display: flex;
  align-items: center;
}
.title.tag-title h1 {
  line-height: 1.25;
}
.title h2 {
  display: inline-block;
  text-align: left;
}
.title span {
  font-size: 0.75rem;
  color: #595959;
  line-height: 18px;
  vertical-align: bottom;
  margin-right: 10px;
}
.title.red-line:after {
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: #BA0D13;
  z-index: -1;
  display: block;
  position: initial;
  content: "";
}

.d-picks {
  width: 100%;
  outline: var(--outline);
}
.d-picks .title:after {
  display: none;
}

@media (max-width: 1280px) {
  .section-top {
    margin-top: 132px;
  }
}
.d-picks_content {
  display: flex;
}

.d-picks_main {
  width: 100%;
  margin-right: 0;
  outline: var(--outline);
}
.d-picks_main a {
  height: 100%;
}
.d-picks_main .videobox {
  position: relative;
  padding-bottom: 0;
}
.d-picks_main .videobox > div {
  position: absolute;
  width: 100%;
  height: 60vw;
}

.d-picks_main-pic {
  width: 100%;
  height: 100%;
}

@media (max-width: 1280px) {
  .d-picks_main-pic {
    height: 60vw;
  }
}
.d-picks_main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1280px) {
  .video_336280 iframe {
    width: 100% !important;
  }
  .d-picks_main .youtubeArea {
    overflow: auto;
  }
}
.d-picks_aside {
  width: 28%;
  outline: var(--outline);
}
.d-picks_aside img {
  width: 100%;
}
.d-picks_aside li {
  margin-bottom: 6%;
}
.d-picks_aside h3 {
  font-size: 1.125rem;
  position: absolute;
  bottom: -10%;
  line-height: 28px;
  width: 92%;
  top: initial;
}

.tag {
  width: auto;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 0.875rem;
  padding: 8px 9px;
  background: url(https://www.kingautos.net/images/tag_pc.png) no-repeat left center;
  background-color: #BA0D13;
  background-image: none;
  outline: var(--outline);
  z-index: 1;
  line-height: 1;
}

.flex-grow-1 {
  flex-grow: 1;
}

/* MOST POPULAR */
.m-pop {
  width: 100%;
  margin-top: 20px;
  outline: var(--outline);
}

.list-row {
  display: block;
}

.rank-list {
  width: 100%;
  margin-right: 1.66%;
  padding: 16px 44px;
  counter-reset: section;
  background-color: #F1F1F1;
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 40px;
  column-gap: 40px;
  overflow: hidden;
  padding: 16px 16px 24px;
}
.rank-list.list-sm {
  -moz-column-count: 1;
  column-count: 1;
  padding: 20px 0;
}
.rank-list.list-sm:before {
  content: none;
}
.rank-list.list-sm .rank-list_content {
  height: auto;
}
.rank-list:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #BA0D13;
}
.rank-list li {
  width: 100%;
  padding: 12px 0 !important;
  border-bottom: 1px solid #cccccc;
}
.rank-list li.list-half {
  border-bottom: 1px solid #cccccc;
}
.rank-list li p {
  font-size: 1.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rank-list li p:before {
  content: "■";
  font-style: normal;
  color: #BA0D13;
  font-size: 0.8rem;
  margin-right: 12px;
  top: -4px;
}
.rank-list .btn.more-btn {
  display: block;
  font-size: 0.875rem;
  height: 35px;
  background-color: #BA0D13;
  margin-top: 1.125rem;
}
.rank-list .btn.more-btn span {
  font-size: 1.125rem;
}

.rank-list_content {
  height: 258px;
  overflow: hidden;
}

.ads {
  text-align: center;
}

.m-pop .ads {
  width: 100%;
  outline: var(--outline);
  text-align: center;
  margin-top: 48px;
}

.ad_300250 {
  margin: 20px 0;
}
.ad_300250 img {
  width: 300px;
  margin: 0 auto;
}
.ad_300250 .a-text {
  position: initial !important;
  transform: none !important;
  margin-bottom: 9px;
}

.ad_355110 {
  margin: 0 auto;
  text-align: center;
}
.ad_355110 img {
  width: 100%;
}
.ad_355110 ~ .article-container {
  margin-top: 15px;
}

.news-list ul {
  list-style: none;
  margin-top: 9px;
}
.news-list li {
  padding: 10.5px 0;
  border-bottom: 1px #777777 solid;
}
.news-list .news-list_item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
.news-list .news-list_item .news-list_img {
  width: 117px;
  height: 117px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
.news-list .news-list_item .news-list_img img {
  width: auto;
  height: 100%;
}
.news-list .news-list_item span {
  display: -webkit-box;
  margin-left: 9px;
  line-height: 1.4em;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.ads .a-text {
  font-size: 0.75rem;
  letter-spacing: 1em;
  color: #9D9D9D;
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.hor-ad .ads {
  display: flex;
  align-items: center;
}
.hor-ad .ads .a-text {
  position: initial;
  width: 28px;
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.hor-ad .ads img {
  max-width: 100%;
}

/* TAIWAN'S HOTSPOTS */
.hotspots {
  width: 100%;
  margin-top: 20px;
  outline: var(--outline);
}

.hotspots_list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.hotspots_list .detailed-card {
  margin-bottom: 0;
}

.detailed-card {
  width: 100%;
  margin-bottom: 10px;
  background-color: #F1F1F1;
}

.k-recommend {
  padding-top: 20px;
}

section .ads img {
  width: initial;
}
section .ads a:hover img {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
section img {
  width: 100%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
section a:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

section .ads img {
  width: 100%;
/*  max-width: 300px;  */
  margin: 0 auto;
}

.d-picks_aside a:hover .figcap {
  background: none;
}

.detailed-card_content {
  padding: 9px 15px;
  width: 100%;
  height: initial;
  background-color: #F1F1F1;
  left: 50%;
  margin-top: 0;
  padding: 18px 14px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.detailed-card_content span {
  display: none;
  font-size: 0.75rem;
  color: #9D9D9D;
  margin-right: 8px;
}
.detailed-card_content strong {
  font-size: 1.125rem;
  font-weight: bold;
  color: #BA0D13;
  margin-right: 4px;
}
.detailed-card_content h3 {
  margin-top: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 24px;
}
.detailed-card_content p {
  display: none;
  margin-top: 14px;
  line-height: 20px;
  color: #9D9D9D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.detailed-card_content h3 a {
  height: initial;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

a.read-more {
  display: none;
  width: 60px;
  font-size: 0.75rem;
  margin-top: 10px;
  color: #BA0D13;
  background: url(https://www.kingautos.net/images/polygon_next_pc.png) no-repeat right top 2px;
  float: right;
}

.btn.more-btn {
  float: right;
  font-size: 12px;
  width: 100%;
  height: 33px;
  line-height: 33px;
  margin-top: 10px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  background-color: #3B3B3B;
}
.btn.more-btn.btn-lg {
  width: 100%;
}
.btn.more-btn:before {
  content: "";
  position: absolute;
  top: 0%;
  left: -40%;
  width: 50%;
  height: 50%;
  background-color: rgba(155, 155, 155, 0.4);
  transition: all 0.3s;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: blur(10px);
  -webkit-filter: blur(10px);
}
.btn.more-btn:hover:before {
  left: 120%;
  height: 100%;
}
.btn.more-btn.btn-red {
  background-color: #BA0D13;
}
.btn.more-btn.btn-red::before {
  background-color: rgba(255, 255, 255, 0.4);
}


/* SPECIAL TOPICS */
.two-compo {
  display: block;
  justify-content: space-between;
  margin-top: 24px;
  outline: var(--outline);
}
.two-compo .title {
  overflow: hidden;
}
.two-compo .title h2 {
  margin-right: 0;
  padding-right: 8px;
}
.two-compo .title h2, .two-compo .title span {
  background-color: #fff;
}
.two-compo .title:not(.section-title):after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  width: 100%;
  height: 3px;
  background-color: #BA0D13;
  z-index: -1;
}
.two-compo .title span {
  padding-right: 10px;
}

.two-compo_content {
  width: 100%;
  margin-top: 24px;
  outline: var(--outline);
}

.simple-card-group {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.simple-card-group .simple-card {
  margin-bottom: 0;
}

.simple-card {
  width: 100%;
  margin-bottom: 10px;
  background-color: #F1F1F1;
}

.simple-card_content {
  padding: 18px 14px;
}
.simple-card_content h4 {
  line-height: 24px;
}
.simple-card_content a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.simple-card_content a.read-more {
  display: none;
  margin-top: 13px;
}

.copyright-clearance {
  width: 100%;
}
.copyright-clearance img {
  width: 100%;
}

/* ABOUT LIFE */
/* topBtn */
.topBtn {
  position: fixed;
  right: 3%;
  bottom: 10%;
}
.topBtn a {
  width: 44px;
  height: 61px;
  background: url(https://www.kingautos.net/images/topBtn.png) top left no-repeat;
  background-size: 200% auto;
  font-size: 0;
  text-indent: -5000px;
  position: absolute;
  bottom: -10vh;
  right: 0;
  transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out;
  -webkit-transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
}
.topBtn a:hover {
  background-position: right;
}
.topBtn a.active {
  bottom: 0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
@media (min-width: 768px) {
  .topBtn {
    bottom: 15%;
  }
}

/* footer */
.footer {
  width: 100%;
  background: #1d1d1d;
  position: relative;
  z-index: 2;
}
.footer .friendly_Link {
  position: absolute;
  top: 22px;
  left: 36px;
}

.friendly_Link img {
  margin-right: -16px;
}
.friendly_Link a {
  display: inline-block;
  font-size: 20px;
  color: #f3832d;
  text-decoration: none;
  vertical-align: middle;
  padding: 0 14px;
}
.friendly_Link a:hover {
  color: #fff;
  text-decoration: underline;
}
.friendly_Link a:nth-child(n+2) {
  border-right: 1px solid #f3832d;
}

.footer .container {
  padding: 12px 4%;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 320px) {
  .footer .container {
    padding: 12px 0;
  }
}
.footerNav {
  height: 35px;
  float: left;
  margin-top: 0;
}
.footerNav img {
  display: block;
  float: left;
}
.footerNav ul.menu {
  float: left;
  margin: 0 0 0 15px;
}
.footerNav ul.menu li {
  float: left;
}
.footerNav ul.menu li a {
  line-height: 35px;
  font-size: 15px;
  color: #a2a2a2;
  margin: 0 14px 0 0;
}
.footerNav ul.menu li a:hover {
  color: #fff;
}
.footerNav ul.shareBtn {
  float: right;
  margin: 3px 0 0;
}
.footerNav ul.shareBtn li {
  float: left;
  width: 30px;
  height: 30px;
  margin: 0 0 0 5px;
}
.footerNav ul.shareBtn li a {
  display: block;
  width: 100%;
  height: 100%;
}

a.fb {
  background: url(https://www.kingautos.net/images/shareBtnfooter.png) no-repeat 0 top;
  background-size: 150px;
}
a.fb:hover {
  background-position: 0 bottom;
}
a.instagram {
  background: url(https://www.kingautos.net/images/shareBtnfooter.png) no-repeat -60px top;
  background-size: 150px;
}
a.instagram:hover {
  background-position: -60px bottom;
}
a.mail {
  background: url(https://www.kingautos.net/images/shareBtnfooter.png) no-repeat -120px top;
  background-size: 150px;
}
a.mail:hover {
  background-position: -120px bottom;
}

.footerContent {
  height: initial;
  overflow: hidden;
}
.footerContent .hotkey {
  width: 73.3%;
  display: none;
  float: left;
  box-sizing: border-box;
  padding: 40px 25px;
}
.footerContent .hotkey p {
  height: 30px;
  font-size: 13px;
  color: #888;
}
.footerContent .hotkey .keyword {
  line-height: 30px;
  overflow: hidden;
}
.footerContent .hotkey .keyword a {
  margin: 0 2px;
  display: inline-block;
}
.footerContent .hotkey .keyword a:hover {
  text-decoration: underline;
}
.footerContent .hotkey .keyword .key1 {
  font-size: 12px;
  color: #5b5b5b;
}
.footerContent .hotkey .keyword .key2 {
  font-size: 13px;
  color: #9c9c9c;
}
.footerContent .hotkey .keyword .key3 {
  font-size: 15px;
  color: #fff;
}
.footerContent .hotkey .keyword .key4 {
  font-size: 18px;
  color: #fff;
}
.footerContent .hotkey .keyword .key5 {
  font-size: 20px;
  color: #fff;
}
.footerContent .fbFans {
  width: 25%;
  display: none;
  float: right;
  overflow: hidden;
}

.copyright {
  color: #a2a2a2;
  font-size: 15px;
  line-height: 30px;
  overflow: hidden;
}
.copyright a {
  color: #a2a2a2;
  text-decoration: none;
  display: none;
  float: left;
  margin: 0 10px 0 0;
}
.copyright a:hover {
  text-decoration: underline;
}
.copyright p {
  float: right;
  font-size: 0.75rem;
  padding-top: 2px;
}

.cookieAlert {
  font-size: 14px;
  font-weight: bold;
  position: fixed;
  padding: 15px 15px;
  width: 200px;
  background: #f1f1f1;
  bottom: 0;
  left: 1%;
  line-height: 22px;
  z-index: 100;
  box-shadow: 2px 4px 2px 0px #cccccc;
}
.cookieAlert a:first-child {
  color: black;
}
.cookieAlert a:last-child {
  display: block;
  width: 135px;
  background: #b30304;
  color: white;
  padding: 8px 0;
  border-radius: 30px;
  margin: 20px auto 0;
  text-align: center;
}

section .slick-prev:before,
section .slick-next:before {
  content: "";
}
section .slick-prev,
section .slick-next {
  width: 30px;
  height: 30px;
  z-index: 2;
}
section .slick-prev {
  left: 19px;
  background: url(https://www.kingautos.net/images/carousel_arrow_m.png) center left no-repeat;
  background-size: cover;
}
section .slick-next {
  right: 19px;
  background: url(https://www.kingautos.net/images/carousel_arrow_m.png) center right no-repeat;
  background-size: cover;
}
section .slick-prev:hover, section .slick-prev:focus {
  color: #fff;
  background: url(https://www.kingautos.net/images/carousel_arrow_m.png) center left no-repeat;
  background-size: cover;
}
section .slick-next:hover, section .slick-next:focus {
  color: #fff;
  background: url(https://www.kingautos.net/images/carousel_arrow_m.png) center right no-repeat;
  background-size: cover;
}
section .slick-dots {
  position: absolute;
  bottom: -25px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
section .slick-dots li {
  width: 25%;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 5px;
  padding: 0 2%;
  cursor: pointer;
  margin: 0;
}
section .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
section .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  text-align: center;
  opacity: 1;
  background-color: #ccc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
section .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #BA0D13;
}

/* sidebar */
.wrap-cover {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.slidebar-fixed {
  position: fixed;
  width: 65%;
  height: 73px;
  background: #262626;
  z-index: 99;
  outline: var(--outline);
}

.slidebar {
  display: block;
  width: 65%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: -75%;
  z-index: -1;
  background: #262626;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.slidebar .menu-toggler.close {
  top: 35px;
  left: 5%;
}

.m_search-bar.search-bar {
  display: inline-block;
  width: 60%;
  height: 30px;
  top: 12px;
  left: 32%;
}
.m_search-bar.search-bar input {
  height: 30px;
}
.m_search-bar.search-bar button {
  width: 30px;
  height: 30px;
  top: 0;
  right: 4%;
  background-size: 17px;
}

.slider_content {
  position: absolute;
  width: 100%;
  height: 120%;
  top: 73px;
  overflow-y: auto;
}
.slider_content li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #444444;
}
.slider_content li.hot a {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.slider_content a {
  padding: 12px 40px;
  font-size: 1.0625rem;
  width: 100%;
}
/* .slider_content a:hover {
  background-color: #BA0D13;
} */
.slider_content li.active a {
  color: #fff;
}

.slider_content .slider-top a,
.slider_content .slider-middle a{
  color: #fff;
}

.slider_content .slider-bottom a{
  color: #9D9D9D;
  padding: 6px 40px;
}

.slider-bottom{
  margin-top: 25px;
}

.fold-btn {
  position: absolute;
  top: 6px;
  right: 20px;
  padding: 20px;
  width: 15px;
  height: 9px;
}
.fold-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(https://www.kingautos.net/images/fold_arrow@2x.png) center center no-repeat;
  background-size: 15px;
  transform: translateY(-50%);
  transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.fold-btn.active:after {
  background: url(https://www.kingautos.net/images/fold_arrow@2x.png) center center no-repeat;
  background-size: 15px;
  transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
}

.slider-middle a {
  width: 70%;
}
.slider-middle a.go-video:after {
  display: none;
}

.slider_content .slider_sub-menu {
  /*display: none;*/
  background-color: #000;
  justify-content: center;
}

.slider_sub-menu ul {
  padding: 20px 0;
}
.slider_sub-menu li {
  border-bottom: 0;
}
.slider_sub-menu a {
  text-align: center;
  width: 100%;
}
.slider_sub-menu a:after {
  display: none;
}

.slider-top a:after {
  display: none;
}

.slider-bottom a:after {
  display: none;
}
.slider-bottom li {
  border-bottom: 0;
}

/* channel */
.channel .title {
  margin-bottom: 8px;
}
.channel .title:after {
  display: none;
}

.live .rank-list li {
  padding: 15px 0;
}
.live .rank-list li p:before {
  content: "■";
  font-style: normal;
  color: #BA0D13;
  font-size: 0.8rem;
  margin-right: 12px;
  top: -4px;
}

.channel .videobox {
  width: 496px;
  height: initial;
  padding-bottom: 0;
}
.channel .cars-form {
  background-color: initial;
}

.top-path {
  display: block;
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  background: url(https://www.kingautos.net/images/channel/flag_m.png);
  background-size: cover;
  width: 135px;
  height: 54px;
  padding: 16px 26px;
  color: #fff;
}

.a-parts {
  margin-top: 24px;
  /* .container {
      max-width: 100%;
  }*/
}

.section-bottom {
  margin-top: 30px;
}
.section-bottom .ads {
  margin-top: 57px;
}
.section-bottom .row_simple-card {
  width: 86%;
  flex-shrink: 0;
  margin-right: 3%;
}

.card-row-group {
  margin-right: 0;
  width: 70.3%;
}

.channel .section-bottom .title:after {
  display: none;
}

section.section-bottom img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-bottom a {
  height: initial;
}

.EVS {
  margin-top: 30px;
}

.section-title{
  border-left: 3px solid #BA0D13;
  padding-left: 10px;
}

.section-title h2{
  font-weight: bold;
}

.section-bottom .title {
  /*padding-left: 3%;*/
}

.k-channel {
  display: block;
  width: 100%;
  height: 190px;
  padding: 30px 0 36px;
  margin-top: 50px;
  background-color: #F1F1F1;
}

.k-channel_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
}
.k-channel_list li {
  padding: 10px 0;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  -o-border-radius: 2em;
  background-color: #262626;
  flex: 1 0 40%;
  margin-bottom: 15px;
}
.k-channel_list li.active {
  background-color: #BA0D13;
}
.k-channel_list li:nth-child(odd) {
  margin-right: 2%;
}
.k-channel_list li a {
  color: #fff;
  text-align: center;
}

.channel main {
  padding-bottom: 0;
}

.sitemaji_banner-w375 img {
  width: 100%;
}

.channel .tag {
  margin-top: 12px;
}
.channel .h-topics .videobox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.channel .videobox iframe {
  height: 101%;
}

.detailed-card_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.detailed-card_list .detailed-card {
  width: 100%;
}
.detailed-card_list .detailed-card_content {
  padding: 9px 15px 36px;
  height: initial;
}

.g-events {
  margin-top: 60px;
}

.channel .d-picks_main {
  width: 100%;
  margin-right: 0;
}
.channel .d-picks_main .tag {
  height: 30px;
  top: 0;
  left: 0;
  margin-top: 0;
  background-color: #BA0D13;
  background-image: none;
}
.channel .d-picks_main-pic {
  width: 100%;
  height: 60vw;
}
.channel section .slick-dots {
  width: 375px;
}
.channel .figcap {
  height: 100%;
}
.channel .d-picks .figcap h3 {
  width: 86%;
  height: 56px;
  font-size: 1.125rem;
  line-height: 28px;
  top: initial;
  bottom: 40px;
}
.channel section .slick-dots {
  width: 100%;
}
.channel .more-content {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  /*display: none;*/
}
.channel .videobox {
  width: 100%;
}

.economy {
  margin-top: 15px;
}

.more-content {
  max-width: 100%;
}

@media (max-width: 768px) {
  .channel .d-picks .figcap h3 {
    bottom: 20px;
  }
}
/* cars_data */
.c-data_result {
  letter-spacing: 0.08em;
}
.c-data_result .explain {
  font-size: 0.9375rem;
  color: #000;
  padding: 12px 15px;
  background-color: #777777;
}
.c-data_result .explain:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 100%;
  left: 24px;
  border-style: solid;
  border-width: 11px 6px 0 6px;
  border-color: #777777 transparent transparent transparent;
}

.cars-list-group ul:not(:last-child) {
  margin-bottom: 48px;
}

.cars-list {
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}

.car-pic {
  width: 100%;
}
.car-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.car-pic:before {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 3px solid #BA0D13;
  z-index: 2;
}

.car-cont {
  width: 100%;
}

.car-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #BABABA;
  padding: 9px 0;
}
.car-title p {
  font-size: 1rem;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.car-name {
  font-size: 1rem;
  margin-bottom: 12px;
  text-align: left;
}

.car-price {
  font-size: 1rem;
  color: #BA0D13;
}

.car-info {
  padding: 12px 0 10px;
  border-bottom: 1px solid #000;
}

.car-name-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.car-engine,
.car-horsepower {
  line-height: 20px;
  color: #777777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.car-cont_btn {
  float: right;
  margin-top: 10px;
}
.car-cont_btn a {
  display: inline-block;
  font-size: 0.9375rem;
  color: #fff;
  padding: 8px 12px 9px;
  margin-left: 5px;
  background-color: #262626;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.pagination {
  width: 100%;
  position: relative;
  margin: 30px auto 60px;
  text-align: center;
  font-size: 0;
}
.pagination.transparent_style .btn {
  background-color: transparent;
}
.pagination .btn {
  display: inline-block;
  width: initial;
  height: 27px;
  color: #777777;
  background-color: #fff;
  font-size: 1rem;
  line-height: 18px;
  margin: 0 3px;
  cursor: pointer;
  padding: 4px 10px 5px;
  margin-right: 8px;
  border-radius: 0;
}
.pagination .btn:hover, .pagination .btn.active {
  color: #595959;
  background-color: #fff;
}
.pagination .btn.first, .pagination .btn.last {
  border: none;
}
.pagination .btn.first:hover, .pagination .btn.last:hover {
  color: #777777;
  background-color: inherit;
}
.pagination .btn.first {
  padding-left: 14px;
}
.pagination .btn.last {
  margin-right: 0;
  padding-right: 14px;
  padding-left: 5px;
}
.pagination .btn.first:before, .pagination .btn.first:after {
  content: "";
  border-left: 2px solid #777777;
  border-bottom: 2px solid #777777;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(0, -50%) rotate(45deg);
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -moz-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  -o-transform: translate(0, -50%) rotate(45deg);
}
.pagination .btn.first:after {
  left: 6.5px;
}
.pagination .btn.last:before, .pagination .btn.last:after {
  content: "";
  border-right: 2px solid #777777;
  border-bottom: 2px solid #777777;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -moz-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  -o-transform: translate(0, -50%) rotate(-45deg);
}
.pagination .btn.last:before {
  right: 6.5px;
}
.pagination .btn.prev, .pagination .btn.next {
  outline: 1px solid #969696;
}

/* cars-form */
.cars-form {
  background-color: #F1F1F1;
  font-size: 0.9375rem;
  margin-top: 65px;
  margin-bottom: 40px;
}

.cars-form_inner {
  background-color: #F1F1F1;
}

.cars-form .search-type {
  padding: 15px 17px;
  border-bottom: 1px solid #CCCCCC;
  overflow: hidden;
}
.cars-form .search-type h3 {
  font-size: 0.9375rem;
  line-height: 24px;
  color: #6e6e6e;
  padding: 0 0 0 20px;
  margin: 0 0 20px;
}
.cars-form .search-type h3::before {
  content: "";
  border-right: 2px solid #ba0d13;
  border-bottom: 2px solid #ba0d13;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -moz-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  -o-transform: translate(0, -50%) rotate(-45deg);
}
.cars-form .cars-compare {
  background-color: #262626;
}
.cars-form label {
  flex-shrink: 0;
  color: #fff;
  background-color: #3B3B3B;
  line-height: 18px;
  height: 42px;
  width: 80px;
  padding: 11px 0;
  text-align: center;
}

.cars-compare .btn span {
  font-size: 2rem;
  padding-top: -15px;
  vertical-align: bottom;
  top: -4px;
}

.cars-form .btn {
  font-size: 1rem;
  font-weight: normal;
  width: 100%;
  line-height: 16px;
  height: 42px;
  color: #fff;
  text-align: center;
  background-color: #BA0D13;
  padding: 12px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.cars-form .cars-compare .search-type h3 {
  color: #fff;
}
.cars-form .cars-compare label {
  background-color: #9D9D9D;
}

.s-brand,
.s-series,
.s-price,
.s-type {
  display: flex;
  width: 100%;
  margin-right: 20px;
}

.cars-compare .s-brand,
.cars-compare .s-series,
.cars-compare .s-type {
  width: 100%;
}

.search-type_cont {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
.search-type_cont > div {
  margin-bottom: 20px;
}

.live .ads {
  width: 100%;
  top: 48px;
  margin-bottom: 65px;
}

.three-compo_cont {
  width: 70.3%;
}
.three-compo_cont .simple-card {
  width: 31.746%;
  background-color: #262626;
}

.article_relate {
  margin-top: 40px;
}

.relate-wrapper {
  margin-top: 20px;
}
.relate-wrapper .relate-list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.relate-wrapper .simple-card_content {
  background-color: #9D9D9D;
}
.relate-wrapper .simple-card_content h4,
.relate-wrapper .simple-card_content h4 a {
  color: white;
}

.m-articles {
  margin-top: 30px;
}
.m-articles .videobox {
  width: 496px;
  height: initial;
  padding-bottom: 0;
}

.m-articles_cont {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.m-articles_cont .three-compo_cont {
  width: 100%;
}
.m-articles_cont .three-compo_cont .simple-card {
  width: 100%;
}
.m-articles_cont .simple-card_content {
  padding: 18px 15px 22px;
}
.m-articles_cont .simple-card_content a {
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.m-articles_cont .simple-card_content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #BA0D13;
}

.cars-form .cars-search .btn {
  width: 100%;
  font-weight: normal;
  padding: 12px 10px 12px 0;
  background: url(https://www.kingautos.net/images/cars_data/search_wh_m.png) right 56px top 10px no-repeat;
  background-color: #BA0D13;
  background-size: 22px 21px;
}

/* cars-spec */
.main_cont {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}

.col-left {
  width: 100%;
  outline: var(--outline);
}

.col-right {
  width: 100%;
  padding-top: 30px;
  outline: var(--outline);
}
.col-right .ads img {
  margin: 0 auto;
}

.car-kv {
  overflow: hidden;
  border-bottom: 1px solid #777777;
  outline: var(--outline);
}
.car-kv .back {
  display: inline-block;
  color: #000;
  font-size: 0.9375rem;
  border: 1px solid #2b2a2a;
  padding: 10px 12px 10px 23px;
  background: url(https://www.kingautos.net/images/cars_data/back.png) no-repeat;
  background-position: 5px 0;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.car-kv .back:hover {
  color: #fff;
  font-size: 0.9375rem;
  border: 1px solid #2b2a2a;
  padding: 10px 12px 10px 23px;
  background: #2b2a2a url(https://www.kingautos.net/images/cars_data/back.png) no-repeat;
  background-position: 5px -35px;
}
.car-kv h2 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 36px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.car-kv .photos {
  overflow: hidden;
  width: 100%;
  z-index: 1;
  margin: auto;
  padding: 5px 0 0;
}

.car-kv_info {
  font-size: 16px;
}
.car-kv_info div {
  text-align: center;
  line-height: 1.3;
}
.car-kv_info b {
  color: #ba0d13;
}
.car-kv_info span {
  color: #4a4a4a;
  margin: 0 12px;
  display: inline-block;
}

.car-kv .btn-group {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
}
.car-kv .btn-group .btn {
  width: 100%;
  margin-right: 0;
  color: #fff;
  background-color: #262626;
  font-weight: normal;
  margin: 10px 0;
}
.car-kv .btn {
  width: 245px;
  font-size: 0.9375rem;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #262626;
  margin-right: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.car-kv .btn:before {
  content: "";
  position: absolute;
  top: 0%;
  left: -40%;
  width: 50%;
  height: 50%;
  background-color: rgba(155, 155, 155, 0.4);
  transition: all 0.3s;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: blur(10px);
  -webkit-filter: blur(10px);
}
.car-kv .btn:hover:before {
  left: 120%;
  height: 100%;
}
.car-kv .btn span {
  font-size: 1.875rem;
  padding-top: -15px;
  vertical-align: bottom;
  top: -3px;
}
.car-kv .btn-group .other-car {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 16px;
  line-height: 40px;
  background-color: #262626;
  color: white;
  border-radius: 5px;
  white-space: nowrap;
}

.other-car .c-select {
  color: #BABABA;
  background: none;
  background-color: #595959;
  height: 24px;
  margin-left: 15px;
}

.spec-block {
  color: #171717;
  font-size: 0.9375rem;
  padding-top: 20px;
  outline: var(--outline);
}
.spec-block .spec {
  background-color: #fff;
}
.spec-block .spec .spec_tabs {
  display: flex;
  justify-content: space-between;
  overflow: auto;
  padding-bottom: 10px;
}
.spec-block .spec .spec_tabs li {
  min-width: 40%;
  flex-shrink: 0;
}
.spec-block .spec .spec_tabs li:not(:last-child) {
  margin-right: 10px;
}
.spec-block .spec .spec_tabs li a {
  display: block;
  font-size: 1.125rem;
  line-height: 33px;
  text-align: center;
  border-top: 2px solid #bababa;
  color: #fefefe;
  background-color: #bababa;
  white-space: nowrap;
  padding: 0 20px;
}
.spec-block .spec .spec_tabs li.active a {
  color: #262626;
  background-color: #fff;
  border-top: none;
}
.spec-block .spec .spec_tabs li.active a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  color: #171717;
  background-color: #ba0d13;
}
.spec-block .spec .spec_cont {
  padding-top: 20px;
}
.spec-block .spec .spec_cont .specT {
  background-color: #262626;
  color: #fff;
  text-align: center;
  line-height: 35px;
}

.cars-spec table {
  table-layout: fixed;
  width: 100%;
  word-break: break-all;
  word-wrap: break-word;
  line-height: 20px;
}

.spec-block .spec .spec_cont table {
  border-right: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
}

.cars-spec table td {
  border-left: 1px solid #cacaca;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}
.cars-spec td.tit {
  background-color: #cacaca;
}

.spec-block .spec .spec_cont table td {
  border-top: 1px solid #cacaca;
  width: 80%;
}
.spec-block .spec .spec_cont table td.tit {
  width: 20%;
  min-width: 10em;
  border-bottom: 1px solid #fff;
  text-align: center;
}
.spec-block .spec .spec_cont table td:last-child {
  text-align: left;
}
.spec-block .spec .spec_cont table tr:first-child td {
  width: 8em;
  border-top: medium none;
}
.spec-block .spec .spec_cont .outfit {
  margin-bottom: 1px;
}
.spec-block .spec .spec_cont .outfit > a {
  line-height: 35px;
  display: block;
  text-align: center;
  color: #fff;
  background: #262626;
}
.spec-block .spec .spec_cont .outfit > a::before {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 13px;
  right: 0;
  background-image: url(https://www.kingautos.net/images/cars_data/outfit_arw_down.png);
  background-size: 100% 100%;
  content: "";
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.spec-block .spec .spec_cont .outfit > a.selected {
  background: #ba0d13;
}
.spec-block .spec .spec_cont table tr.ofTit td {
  background-color: #bababa;
  color: #bababa;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.spec-block .spec .spec_cont table tr.ofTit td.of1 {
  width: 10em;
}
.spec-block .spec .spec_cont table tr.ofTit td.of2, .spec-block .spec .spec_cont table tr.ofTit td.of3 {
  width: 15%;
}
.spec-block .spec .spec_cont table tr.ofTit td.of4 {
  border-right: 1px solid #cacaca;
  width: 35%;
}
.spec-block .spec #spec_related ul {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.spec-block .spec #spec_related ul li {
  float: left;
  width: 100%;
  height: 202px;
  overflow: hidden;
  margin-bottom: 2%;
}
.spec-block .spec #spec_related ul li:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.spec-block .spec #spec_related ul li a {
  display: block;
  position: relative;
  border-bottom: 2px solid #ba0d13;
  width: 100%;
  height: 200px;
}
.spec-block .spec #spec_related ul li a .cover {
  background: url(https://www.kingautos.net/images/cars_data/spec_cover.png) repeat-x center bottom;
  bottom: 0;
  height: 100px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.spec-block .spec #spec_related ul li a h3 {
  width: 100%;
  position: absolute;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
  left: 0;
  bottom: 25px;
  z-index: 3;
  white-space: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
  text-align: left;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.spec-block .spec #spec_related ul li a:hover h3 {
  color: #ba0d13;
}
.spec-block .spec #spec_related ul li a .more {
  background: url(https://www.kingautos.net/images/cars_data/moreBG.png) no-repeat scroll right center;
  color: #ba0d13;
  font-size: 0.75rem;
  width: 57px;
  position: absolute;
  z-index: 3;
  bottom: 7px;
  right: 10px;
}

/* col-right */
.col-right .live {
  margin-top: 40px;
}
.col-right .live .title:after {
  display: inline-block;
}
.col-right .live .rank-list {
  -moz-column-count: 1;
  column-count: 1;
  margin-right: 0;
  padding: 10px 20px;
}
.col-right .m-articles_cont {
  display: block;
}
.col-right .m-articles_cont li:not(:last-child) {
  margin-bottom: 20px;
}
.col-right .m-articles_cont .figcap h3 {
  top: initial;
  /*bottom: -4%;*/
  width: 90%;
  font-size: 1rem;
  line-height: 24px;
}

/* member_write */
.write-panel_inner {
  width: 100%;
  outline: var(--outline);
}

.title-bar {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 13px;
  background-color: #262626;
}

.member-id {
  width: 40px;
  height: 40px;
  display: inline-block;
  outline: var(--outline);
}

.member-info {
  display: inline-block;
  padding: 20px 0 22px;
  outline: var(--outline);
}
.member-info p {
  font-size: 1rem;
  color: #fff;
  display: inline-block;
  padding-left: 13px;
  color: #F1F1F1;
}
.member-info .author span {
  padding-right: 13px;
  border-right: 1px solid #777777;
}
.member-info .point {
  margin-left: 10px;
  padding-left: 24px;
  background: url(https://www.kingautos.net/images/member/star_point@2x.png) no-repeat left center;
  background-size: contain;
}

.member .title {
  margin-bottom: 30px;
}

.write_cont {
  padding: 19px 13px;
  background-color: #F1F1F1;
}

.write_cont-inner label {
  display: block;
  font-size: 1.125rem;
  line-height: 20px;
  border-left: 3px solid #BA0D13;
  padding-left: 9px;
  margin-bottom: 18px;
}
.write_cont-inner .btn-group {
  justify-content: space-between;
  flex-wrap: wrap;
}
.write_cont-inner .btn-group .btn {
  width: calc(50% - 7.5px);
  margin: 0 0 16px;
}
.write_cont-inner .btn-group .btn-red {
  width: 100%;
}

.w-category,
.w-title,
.w-content {
  outline: var(--outline);
}

.w-category,
.w-title {
  margin-bottom: 30px;
}

.w-content {
  margin-bottom: 26px;
}

.w-category .c-select {
  width: 100%;
  font-size: 1.125rem;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  margin-right: 16px;
  margin-bottom: 20px;
  border-radius: 5px;
}

textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline-style: none;
}

.w-content textarea {
  font-size: 1rem;
  resize: none;
  width: 100%;
  min-height: 500px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.checkbox-rules input {
  width: initial;
  height: initial;
  position: absolute;
  opacity: 0;
  padding: 0;
  outline: var(--outline);
}

.checkbox + label {
  display: inline-block;
  border-left: none;
  cursor: pointer;
  padding: 0;
  font-size: 1rem;
  outline: var(--outline);
}
.checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  box-shadow: 0px 0px 5px 2px #D6D6D6;
  -webkit-box-shadow: 0px 0px 5px 2px #D6D6D6;
  -moz-box-shadow: 0px 0px 5px 2px #D6D6D6;
  -o-box-shadow: 0px 0px 5px 2px #D6D6D6;
}
.checkbox:hover + label:before {
  background: #BA0D13;
}
.checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.checkbox:checked + label:before {
  background: #BA0D13;
}
.checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 2px;
  width: 9px;
  height: 16px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.checkbox-rules a {
  display: inline-block;
  color: #BA0D13;
  text-decoration: underline;
  vertical-align: sub;
}

.btn-group {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.btn-group .btn {
  margin-right: 20px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.btn-group .btn a {
  width: 120px;
  color: #fff;
}
.btn-group .btn:last-child a {
  background-color: #BA0D13;
}

/* member_data */
.member-data {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}

.member-nav {
  width: 250px;
  outline: var(--outline);
}

aside .member-menu {
  position: static;
  width: 100%;
  height: initial;
  padding: 20px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
aside .member-menu_item a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
aside .member-menu li {
  height: 66px;
  padding-left: 30px;
}
aside .member-menu_item a {
  padding-left: 60px;
  font-size: 1.125rem;
  line-height: 66px;
  color: #fff;
}
aside .member-menu:after {
  display: none;
}
aside .member-menu_item.active {
  background-color: #777777;
}
aside .member-menu_item.active:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  right: -12px;
  border-style: solid;
  border-width: 7px 0px 7px 12px;
  border-color: transparent transparent transparent #777777;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.model-wrapper:not(:last-child) {
  margin-bottom: 20px;
}

.cars-model {
  margin-top: 20px;
}
.cars-model .cm-slick {
  padding-top: 0;
}
.cars-model .cm-slick .slick-list {
  margin: 0 40px;
}
.cars-model .cm-slick .slick-prev,
.cars-model .cm-slick .slick-next {
  width: 30px;
  background-size: 20px auto;
}
.cars-model .cm-slick .slick-prev {
  left: 0;
  background-image: url("https://www.kingautos.net/m/images/icon-arrow-left.svg");
}
.cars-model .cm-slick .slick-next {
  right: 0;
  background-image: url("https://www.kingautos.net/m/images/icon-arrow-right.svg");
}
.cars-model .car-model {
  margin: 0 10px;
  outline: none;
}
.cars-model .model-image {
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cars-model .model-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: none;
}
.cars-model .model-name {
  text-align: center;
}
.cars-model .model-name span {
  font-size: 15px;
  line-height: 1.33;
  color: #000;
}

main[data-page=disseminate] {
  padding: 54px 0 80px;
}

.disseminate-wrapper {
  font-size: 16px;
  letter-spacing: 0px;
  color: #000000;
}
.disseminate-wrapper img {
  max-width: 100%;
}

.disseminate-intro .di-img {
  transform: translate(0, -10%);
  -webkit-transform: translate(0, -10%);
  -moz-transform: translate(0, -10%);
  -ms-transform: translate(0, -10%);
  -o-transform: translate(0, -10%);
}
.disseminate-intro .di-slogan {
  background-image: url("https://www.kingautos.net/m/images/disseminate1-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 32px 10px 30px;
}
.disseminate-intro .di-slogan h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0px;
  color: #000000;
}
.disseminate-intro .di-slogan h3 {
  display: inline-block;
  position: relative;
  padding-left: 13px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #000000;
  margin-top: 5px;
}
.disseminate-intro .di-slogan h3::before {
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #BA0D13;
  content: "";
}

.disseminate-article {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0px;
  color: #000000;
  margin: 20px 0;
  padding: 0 10px;
}
.disseminate-article .magnifier {
  max-width: 119px;
  float: left;
  margin: 5px 10px 0 0;
}

.disseminate-msg {
  margin: 20px 0;
}
.disseminate-msg .dm-content {
  margin-bottom: 20px;
  padding: 10px;
  font-weight: bold;
  background-color: #F2F2F2;
}

.disseminate-img3 {
  margin-bottom: 20px;
}

.c-label {
  display: block;
  font-size: 1.125rem;
  line-height: 20px;
  border-left: 3px solid #BA0D13;
  padding-left: 9px;
  margin-bottom: 18px;
}

.c-label_inner {
  width: 100%;
  display: flex;
}
.c-label_inner .btn {
  margin-left: 20px;
}

.birth input {
  width: 100px;
  margin-right: 10px;
}
.birth select {
  max-width: 70px;
  margin-right: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.birth label {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

/* c-area */
.c-area .figcap h3 {
  top: initial;
  font-size: 1.125rem;
  line-height: 24px;
  bottom: 10px;
  width: 90%;
}
.c-area .tag {
  width: 46px;
  top: 0;
  left: 0;
  padding: 8px 9px;
}

.c-area_tab {
  display: flex;
  justify-content: flex-start;
}
.c-area_tab li {
  width: 23%;
  margin: 0 1%;
}
.c-area_tab li a {
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  border: 1px solid #9D9D9D;
  color: #9D9D9D;
  background-color: #fff;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  -o-border-radius: 2em;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.c-area_tab li:hover a, .c-area_tab li.active a {
  border: 1px solid #262626;
  color: #fff;
  background-color: #262626;
}

.c-area_sub-tab {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 30px;
}
.c-area_sub-tab li {
  margin-right: 15px;
  margin-bottom: 15px;
}
.c-area_sub-tab li a {
  padding: 0 12px;
  height: 40px;
  line-height: 40px;
  font-size: 1.125rem;
  text-align: center;
  background-color: #F1F1F1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.c-area_sub-tab li:hover a, .c-area_sub-tab li.active a {
  color: #fff;
  background-color: #777777;
}

.c-area .card-row {
  margin-top: 30px;
}

.write-link {
  position: absolute;
  right: 0;
  top: -12px;
}
.write-link a {
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  display: block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding-right: 24px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: url(https://www.kingautos.net/images/article_list/write_pc.png) right 20px center no-repeat;
  background-size: 20.4px 20.4px;
  background-color: #BA0D13;
  z-index: 1;
}
.write-link a:hover {
  color: #fff;
}

.article-list_content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 10px;
}
.article-list_content table thead {
  font-size: 1rem;
  color: #fff;
  background-color: #000;
  height: 44px;
  line-height: 44px;
}
.article-list_content table tr th,
.article-list_content table tr td {
  padding-left: 20px;
  vertical-align: middle;
}
.article-list_content table thead tr th {
  padding-left: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.article-list_content table tbody tr {
  font-size: 0.875rem;
  height: 70px;
  line-height: 70px;
  margin-top: 10px;
  color: #777777;
  background-color: #F1F1F1;
}
.article-list_content table tbody tr td:first-child {
  width: 70%;
  font-size: 1.125rem;
  font-weight: bold;
  color: #000;
  border-radius: 5px 0 0 5px;
  padding-left: 0;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
}
.article-list_content table tbody tr td:last-child {
  padding-right: 20px;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
}
.article-list_content table tbody tr.article_deleted td:first-child {
  color: #777;
  font-weight: normal;
}
.article-list_content .article_content {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 13px 12px;
  font-size: 0.75rem;
  line-height: 1.2;
}
.article-list_content .article_content .article_title {
  font-size: 1.125rem;
  text-align: left;
}
.article-list_content .article_content .article_icon {
  display: flex;
  position: relative;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  flex-shrink: 0;
}
.article-list_content .article_content .article_icon:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("https://www.kingautos.net/images/article_list/ul_dot_pc.png");
  content: "";
}
.article-list_content .article_content .artcle_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.article-list_content .article_content .artcle_info > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.article-list_content .article_content .artcle_info .article_datetime,
.article-list_content .article_content .artcle_info .article_comments {
  margin: 5px 0 5px 23px;
}
.article-list_content .article_deleted .article_icon:before {
  background-image: url("https://www.kingautos.net/images/article_list/ul_dot_deleted_pc.png");
}
.article-list_content .article_top a {
  color: #BA0D13;
}
.article-list_content .article_top .article_icon:before {
  background-image: url("https://www.kingautos.net/images/article_list/ul_dot_top_pc.png");
}
.article-list_content .article_hot .article_icon:before {
  background-image: url("https://www.kingautos.net/images/article_list/crown_hot_pc.png");
}
.article-list_content .article_author {
  position: relative;
  padding-left: 16px;
  white-space: nowrap;
}
.article-list_content .article_author a {
  color: #000;
}
.article-list_content .article_author:before {
  width: 12px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("https://www.kingautos.net/images/article_list/profile_pc.png");
  content: "";
}

.article-container.video-article .article_tags {
  padding-bottom: 0;
}
.article-container.video-article .article_functions {
  border-top: none;
  padding-top: 20px;
}
.article-container.video-article .article_functions .article_buttons {
  justify-content: flex-end;
}
.article-container.video-article .article-container_outer .article_main .article_status {
  margin-top: 40px;
}
.article-container.video-article .article-container_outer .article_main .article_fontsize a {
  width: 32px;
  height: 32px;
  font-size: 1rem;
  line-height: 29px;
}
.article-container.video-article .article-container_outer .article_main .article_info {
  flex-wrap: wrap;
  font-size: 0.875rem;
  gap: 12px 20px;
  margin-bottom: 0;
}
.article-container.video-article .article-container_outer .article_main .article_info .article_comments {
  margin-left: 0;
}
.article-container.video-article .article-container_outer .article_main .article_info .article_author {
  width: 100%;
}
.article-container .article_video {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 30px;
}
.article-container .article_video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.article-container .article_header {
  display: flex;
  position: relative;
  width: 100%;
  height: 60px;
  align-items: center;
  padding: 0 15px;
  color: #fff;
  font-size: 1rem;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #262626;
}
.article-container .article_header .shareteam {
  width: 30px;
  height: 110px;
  position: absolute;
  left: 0;
  z-index: 2;
}
.article-container .article_header .shareteam a.sharebtn {
  display: none;
}
.article-container .article_header .shareteam ul.shareList {
  position: absolute;
  top: -5px;
  left: -45px;
}
.article-container .article_header .shareteam ul.shareList li {
  transform: perspective(1000);
  transform-style: preserve-3d;
}
.article-container .article_header .shareteam ul.shareList li a {
  background-image: url(https://www.kingautos.net/images/article_list/sharebtn_new.jpg);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  transition: all 400ms ease;
  margin-right: 5px;
  background-size: auto;
  overflow: visible;
}
.article-container .article_header .shareteam ul.shareList li a:after {
  content: "";
  position: absolute;
  width: 41px;
  height: 5px;
  bottom: -5px;
  left: 2px;
  transform: skew(50deg, 0);
}
.article-container .article_header .shareteam ul.shareList li a:before {
  bottom: -3px;
  box-sizing: border-box;
  content: "";
  height: 41px;
  left: 40px;
  position: absolute;
  transform: skew(0, 50deg);
  width: 5px;
}
.article-container .article_header .shareteam ul.shareList li a:hover {
  transform: rotate(-90deg);
  margin-top: 10px;
}
.article-container .article_header .shareteam ul.shareList li a.fb {
  background-position: 0 0;
  background-color: #3b589e;
}
.article-container .article_header .shareteam ul.shareList li a.fb:hover {
  background-position: 0 -40px;
  background-color: #284382;
}
.article-container .article_header .shareteam ul.shareList li a.twitter {
  background-position: -40px 0;
  background-color: #33baf3;
}
.article-container .article_header .shareteam ul.shareList li a.twitter:hover {
  background-position: -40px -40px;
  background-color: #1fa4dc;
}
.article-container .article_header .shareteam ul.shareList li a.gplus {
  background-position: -80px 0;
  background-color: #fff;
}
.article-container .article_header .shareteam ul.shareList li a.gplus:hover {
  background-position: -80px -40px;
  background-color: #e3e3e3;
}
.article-container .article_header .shareteam ul.shareList li a.plurk {
  background-position: -120px 0;
  background-color: #ff712a;
}
.article-container .article_header .shareteam ul.shareList li a.plurk:hover {
  background-position: -120px -40px;
  background-color: #e05916;
}
.article-container .article_header .shareteam ul.shareList li a.weibo {
  background-position: -160px 0;
  background-color: #c33801;
}
.article-container .article_header .shareteam ul.shareList li a.weibo:hover {
  background-position: -160px -40px;
  background-color: #aa3000;
}
.article-container .article_header .shareteam ul.shareList li a.mail {
  background-position: -200px 0;
  background-color: #37342d;
}
.article-container .article_header .shareteam ul.shareList li a.mail:hover {
  background-position: -200px -40px;
  background-color: #201e19;
}
.article-container .article_header .shareteam ul.shareList li a.lineShare {
  background-position: -240px 0;
  background-color: #00b900;
}
.article-container .article_header .shareteam ul.shareList li a.lineShare:hover {
  background-position: -240px -40px;
  background-color: #009300;
}
.article-container .shareteam ul.shareList li a:hover:after {
  left: 2px;
}
.article-container .shareteam ul.shareList li a.fb:before, .article-container .shareteam ul.shareList li a.fb:after {
  background-color: #1f3872;
}
.article-container .shareteam ul.shareList li a.twitter:before, .article-container .shareteam ul.shareList li a.twitter:after {
  background-color: #1291c6;
}
.article-container .shareteam ul.shareList li a.gplus:before, .article-container .shareteam ul.shareList li a.gplus:after {
  background-color: #ccc;
}
.article-container .shareteam ul.shareList li a.plurk:before, .article-container .shareteam ul.shareList li a.plurk:after {
  background-color: #c64607;
}
.article-container .shareteam ul.shareList li a.weibo:before, .article-container .shareteam ul.shareList li a.weibo:after {
  background-color: #872600;
}
.article-container .shareteam ul.shareList li a.mail:before, .article-container .shareteam ul.shareList li a.mail:after {
  background-color: #12110d;
}
.article-container .shareteam ul.shareList li a.lineShare:before, .article-container .shareteam ul.shareList li a.lineShare:after {
  background-color: #008300;
}
.article-container .article-author_avatar img {
  width: 40px;
}
.article-container .article-author_info {
  display: flex;
  align-items: center;
  margin-left: 13px;
}
.article-container .article-author_info span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.article-container .article-author_info a {
  color: #fff;
}
.article-container .article-author_score {
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 27px;
  margin-right: 6px;
}
.article-container .article-author_score:before {
  position: absolute;
  width: 1px;
  height: 21px;
  top: 50%;
  left: 13px;
  content: "";
  background-color: #777777;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.article-container .article-author_score img {
  width: 15px;
}
.article-container .article-container_outer {
  display: flex;
  background-color: #F1F1F1;
  padding: 17px 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.article-container .article-container_outer .article_main {
  width: 100%;
}
.article-container .article-container_outer .article_main .article_status_fixed {
  height: 65px;
  display: flex;
  position: fixed;
  align-items: center;
  top: 54px;
  left: 0;
  z-index: 9999;
  background-color: rgba(89, 89, 89, 0.8);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}
.article-container .article-container_outer .article_main .article_status_fixed.active {
  opacity: 1;
  pointer-events: initial;
}
.article-container .article-container_outer .article_main .article_status_fixed .article_status {
  width: 100%;
  margin: 0;
  padding: 0 20px;
}
.article-container .article-container_outer .article_main .article_status_fixed .article_status .article_info {
  color: #CCCCCC;
}
.article-container .article-container_outer .article_main .article_status_fixed .article_status .article_info .article_author {
  color: white;
}
.article-container .article-container_outer .article_main .article_status_fixed .article_status .article_social .social {
  background-color: white;
  border: none;
}
.article-container .article-container_outer .article_main h1 {
  font-size: 1.55rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
}
.article-container .article-container_outer .article_main .pagination .btn {
  margin-right: 9px;
}
.article-container .article-container_outer .article_main .three-compo_cont {
  width: 100%;
}
.article-container .article-container_outer .article_main .article_info {
  display: flex;
  align-items: flex-end;
  margin-bottom: 17px;
  font-size: 0.875rem;
  color: #777777;
}
.article-container .article-container_outer .article_main .article_info .article_comments, .article_datetime {
  margin-left: 30px;
}

.article-container .article-container_outer .article_main .article_status {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 13px;
  padding-bottom: 1.625rem;
  border-bottom: 1px solid #777777;
  font-size: 0.875rem;
  color: #777777;
}
.article-container .article-container_outer .article_main .article_views {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.article-container .article-container_outer .article_main .article-views_count {
  color: #BA0D13;
  font-weight: bold;
  font-size: 1.25rem;
}
.article-container .article-container_outer .article_main .article_fontsize {
  margin-left: 1rem;
}
.article-container .article-container_outer .article_main .article_fontsize a {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  float: left;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.5rem;
  line-height: 36px;
  color: #414141;
}
.article-container .article-container_outer .article_main .article_fontsize a.article-fontsize_s {
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
  border-left: 1px solid #414141;
}
.article-container .article-container_outer .article_main .article_fontsize a.article-fontsize_b {
  border-top: 1px solid #414141;
  border-right: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
.article-container .article-container_outer .article_main .article_fontsize a.active {
  background: #414141;
  color: #fff;
}
.article-container .article-container_outer .article_main .article_fontsize a span {
  display: block;
  font-size: 12px;
  position: absolute;
  top: -4px;
  right: 3px;
}
.article-container .article-container_outer .article_main .article_content {
  position: relative;
  margin-top: 2.4rem;
  padding-bottom: 1rem;
}
.article-container .article-container_outer .article_main .article_content ul:not(.swiper-wrapper):not(.spec_tabs) {
  list-style: disc;
  padding-left: 40px;
}
.article-container .article-container_outer .article_main .article_content ol {
  list-style: decimal;
  padding-left: 40px;
}
.article-container .article-container_outer .article_main .article_content sup {
  vertical-align: super;
  font-size: smaller;
}
.article-container .article-container_outer .article_main .article_content sub {
  vertical-align: sub;
  font-size: smaller;
}
.article-container .article-container_outer .article_main .article_content em {
  font-style: italic;
}
.article-container .article-container_outer .article_main .article_content p {
  margin: 15px auto;
  overflow: hidden;
  font-size: 1.125rem;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #262626;
  padding: 0 20px;
}
.article-container .article-container_outer .article_main .article_content .m_table{
    width: 100%;
    overflow-x:scroll;
  }
.article-container .article-container_outer .article_main .article_content table {
  border-left: 1px solid #5f5f5f;
  border-top: 1px solid #5f5f5f;
  overflow: auto;
  margin-bottom: 15px;
}
.article-container .article-container_outer .article_main .article_content table td {
  border-right: 1px solid #5f5f5f;
  border-bottom: 1px solid #5f5f5f;
  height: 25px;
  vertical-align: middle;
  padding: 5px;
  line-height: 25px;
  word-break: break-all;
  background-clip: padding-box;
  min-width: 150px;
}
.article-container
    .article-container_outer 
    .article_main
    .article_content
    table
    tr:nth-of-type(odd) 
    td {
    background-color: #e5e5e5; 
}
.article-container
    .article-container_outer
    .article_main
    .article_content
    table
    tr:first-child 
    td{
    color: #fff;
    border-right: 1px solid #fff;
    background-color: #262626; 
    font-weight:bold; 
}
.article-container
    .article-container_outer
    .article_main
    .article_content
    table
    tr:first-child 
    td:last-child {
    border-right: none;   
}
.article-container .article-container_outer .article_main .article_content table:after {
  width: 21px;
  height: 36px;
  position: fixed;
  top: 50%;
  right: 0;
  content: none;
  background-image: url(https://www.kingautos.net/images/table_arrow.svg);
  -webkit-animation: arrowMove 1s infinite;
          animation: arrowMove 1s infinite;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.article-container .article-container_outer .article_main .article_content table.displayArrow:after {
  content: "";
}
.article-container .article-container_outer .article_main .article_content .spec-block #spec_outfit a {
  display: block;
  color: #fff;
  background: #262626;
}
.article-container .article-container_outer .article_main .article_content .spec-block #spec_outfit a.selected {
  background: #ba0d13;
}
.article-container .article-container_outer .article_main .article_content .spec-block .spec_tabs li.active a {
  color: #262626;
}
.article-container .article-container_outer .article_main .article_content .spec-block .spec_tabs li a {
  display: block;
  color: #fefefe;
  text-decoration: none;
}
.article-container .article-container_outer .article_main .article_content .spec-block table {
  width: 100%;
  display: table;
}
.article-container .article-container_outer .article_main .article_content .spec-block table td {
  border-left: 1px solid #cacaca;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  border-right: none;
  border-bottom: none;
  vertical-align: middle;
  padding: 10px;
  line-height: normal;
}
.article-container .article-container_outer .article_main .article_content .spec-block table td.tit {
  background-color: #cacaca;
}
.article-container .article-container_outer .article_main .article_content .spec-block #spec_outfit table tr td {
  width: 15%;
}
.article-container .article-container_outer .article_main .article_content .spec-block #spec_outfit table tr td:first-child {
  min-width: 10em;
}
.article-container .article-container_outer .article_main .article_content .spec-block #spec_outfit table tr td:last-child {
  width: 45%;
  text-align: left;
}
.article-container .article-container_outer .article_main .article_content .spec-block .spec .spec_tabs li {
  width: 50%;
}
.article-container .article-container_outer .article_main .article_content h2 {
  line-height: 1.6;
  font-size: 1.75rem;
  color: #BA0D13;
}
.article-container .article-container_outer .article_main .article_content img {
  display: block;
  width: auto;
  max-width:calc(100% + 40px);
  margin: 0 auto 0 -20px;
  /* max-width: 100%; */
  /* margin: 0 auto; */
}
.article-container .article-container_outer .article_main .article_content iframe {
  width: 100%;
}
.article-container .article-container_outer .article_main .article_content.fontsize_b p {
  font-size: 1.525rem;
}
.article-container .article-container_outer .article_main .article_content.fontsize_b h2 {
  font-size: 2.15rem;
}
.article-container .article-container_outer .article_main .article_content .ads {
  margin: 48px 0 15px;
}
.article-container .article-container_outer .article_main .article_content .ads img {
  margin: 0 auto !important;
}
.article-container .article-container_outer .article_main .article_content .ads iframe {
  width: auto;
  max-width: 100%;
}
.article-container .article-container_outer .article_main .article_content .ads::before {
  font-size: 0.75rem;
  letter-spacing: 1em;
  color: #9D9D9D;
  position: absolute;
  top: -27px;
  left: 50%;
  content: "廣告";
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.article-container .article-container_outer .article_main .article_more {
  padding: 1rem 0 0;
}
.article-container .article-container_outer .article_main .article_more span {
  font-weight: bold;
  line-height: 1.5rem;
}
.article-container .article-container_outer .article_main .article_more a {
  display: block;
  margin-top: 5px;
  font-weight: bold;
  line-height: 1.5rem;
  color: #BA0D13;
}
.article-container .article-container_outer .article_rank .article_h-topics {
  margin: 21px 0 27.5px;
}

.article_switch {
  display: flex;
  margin-top: 30px;
  gap: 1px;
}
.article_switch > a:nth-child(1) .as-header {
  border-top-left-radius: 6px;
}
.article_switch > a:nth-child(2) .as-header {
  border-top-right-radius: 6px;
}
.article_switch .as-select {
  width: 50%;
}
.article_switch .as-header {
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: white;
  background-color: #777777;
}
.article_switch .as-preview {
  position: relative;
  padding-bottom: 72.3%;
  overflow: hidden;
}
.article_switch .as-preview img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.article_switch .as-title {
  padding: 8px 5px;
}
.article_switch .as-title h4 {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 1.33;
}

.article_actions {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 40px;
}
.article_actions .article_action {
  height: 36px;
  padding: 8.5px 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0.28px;
  color: white;
  white-space: nowrap;
  border: none;
  outline: none;
  cursor: pointer;
  flex-grow: 1;
}
.article_actions .article_action:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.article_actions .article_action img {
  width: 15px;
  margin-right: 4px;
}
.article_actions .article_action.action_fb {
  background-color: #1877F2;
}
.article_actions .article_action.action_line {
  background-color: #01C301;
}
.article_actions .article_action.action_line img {
  width: 20px;
}
.article_actions .article_action.action_ig {
  background-color: #C13584;
}
.article_actions .article_action.action_comment {
  background-color: #A75617;
}

.article_tags {
  padding: 40px 0 20px;
}
.article_tags h2 {
  font-weight: bold;
}
.article_tags .article-tag_list {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 0 0;
}
.article_tags .article-tag_list .article_tag {
  background-color: #f1f1f1;
  color: #777;
  border: 1px solid #777;
  margin: 4px 8px 4px 0;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
}
.article_tags .article-tag_list .article_tag:hover {
  background-color: #777;
  color: #f1f1f1;
}

.article_functions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  flex-wrap: wrap;
}
.article_functions a {
  font-size: 1rem;
  color: #777777;
  white-space: nowrap;
}
.article_functions a:hover {
  color: #BA0D13;
}
.article_functions .article-socials {
  display: flex;
  /* width: 100%; */
  justify-content: space-around;
  align-items: center;
  margin-bottom: 35px;
  gap: 10px;
}
.article_functions .article-socials img {
  max-width: 34px;
}
.article_functions .article_function {
  display: flex;
  align-items: center;
  margin-left: 2rem;
  overflow: visible;
}
.article_functions .article_function span {
  margin-left: 6px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.article_functions .article_function img {
  width: 26px;
}
.article_functions .article_function.more-btn {
  position: relative;
  width: 26px;
  overflow: visible;
}
.article_functions .article_function.more-btn img {
  width: 6px;
}
.article_functions .article_buttons {
  display: flex;
  /* width: 100%; */
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.editors-btns_group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.article_social {
  display: flex;
  align-items: center;
  gap: 5px;
}
.article_social .social {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  border: 1px solid;
  cursor: pointer;
}
.article_social .social.social-fb {
  background-image: url("https://www.kingautos.net/m/images/icon-facebook.svg");
  border-color: #3B589E;
}
.article_social .social.social-line {
  background-image: url("https://www.kingautos.net/m/images/icon-line.svg");
  border-color: #00B900;
}
.article_social .social.social-twitter {
  background-image: url("https://www.kingautos.net/m/images/icon-twitter.svg");
  border-color: #33BAF3;
}

.article-function_back {
  display: flex;
  align-items: center;
  padding: 9.5px 9.2px 9.5px 15px;
  border: 1px solid #777777;
  border-radius: 5px;
  color: #777777;
  white-space: nowrap;
}
.article-function_back img {
  width: 9px;
  margin-right: 9.8px;
}

.article-functions_group {
  display: flex;
  align-items: center;
}
.article-functions_group.functions-group_front > .article_function:first-child {
  margin-left: 0;
}

.tooltip {
  position: absolute;
  background-color: #fff;
  top: -20px;
  right: -25px;
  border-radius: 0.25em;
  display: none;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  z-index: 6;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
}
.tooltip.active {
  display: flex;
}
.tooltip span {
  color: #777;
}
.tooltip img {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
}
.tooltip div.article_function {
  width: 100%;
  padding: 13px 20px;
  margin: 0 !important;
}
.tooltip div.article_function img {
  width: 25px !important;
}
.tooltip div.article_function:not(:first-child) {
  border-top: 1px solid #CCCCCC;
}
.tooltip .triangle {
  display: block;
  height: 20px;
  width: 20px;
  background-color: inherit;
  border: inherit;
  position: absolute;
  bottom: -10px;
  right: calc(20% - 10px);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  transform: rotate(-45deg);
  border-radius: 0 0 0 2px;
}

.article-comment_container {
  margin-top: 20px;
}
.article-comment_container .article-comment_count {
  display: flex;
  align-items: center;
  padding-bottom: 20.5px;
  border-bottom: 1px solid #777777;
}
.article-comment_container .article-comment_count img {
  width: 17.75px;
}
.article-comment_container .article-comment_count span {
  font-size: 1rem;
  color: #777777;
  margin-left: 10px;
}

.article_comment-editor {
  width: 100%;
  margin-top: 25px;
}

.article_author_new {
    position: relative;
    padding-left: 20px;
    white-space: nowrap;
}
.article_author_new:before {
    width: 16px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("https://www.kingautos.net/images/article_list/author_new_pc.png");
    content: "";
}
.article_author_new a {
    color:#777777;
}

.article_datetime {
  position: relative;
  padding-left: 20px;
  white-space: nowrap;
}
.article_datetime:before {
  width: 16px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("https://www.kingautos.net/images/article_list/time_pc.png");
  content: "";
}

.article_comments {
  position: relative;
  padding-left: 22px;
  white-space: nowrap;
}
.article_comments:before {
  width: 18px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("https://www.kingautos.net/images/article_list/reply_pc.png");
  content: "";
}

.article-comment_list .article_comment {
  padding: 12px 0;
  margin-top: 10px;
}
.article-comment_list .article_comment .article-comment_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #777;
  font-size: 0.75rem;
}
.article-comment_list .article_comment .article-comment_info .article-comment_user {
  display: flex;
  align-items: center;
  margin-right: 15px;
  font-size: 0.875rem;
}
.article-comment_list .article_comment .article-comment_info .article-comment_user a {
  color: #777;
}
.article-comment_list .article_comment .article-comment_info .article-comment_user .article-user_avatar img {
  width: 40px;
  margin-right: 13px;
}
.article-comment_list .article_comment .article-comment_info .article-comment_user .article-comment_user {
  display: flex;
  align-items: center;
}
.article-comment_list .article_comment .article-comment_info .article-comment_user .article-comment_user .article-commnet-user_score {
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 13px;
}
.article-comment_list .article_comment .article-comment_info .article-comment_user .article-comment_user .article-commnet-user_score img {
  width: 15px;
}
.article-comment_list .article_comment .article-comment_content {
  padding: 15px 16px;
  margin: 8px 0;
  border-radius: 10px;
  background-color: #F1F1F1;
  line-height: 1.3;
}
.article-comment_list .article_comment .article-comment_content img {
  width: auto;
  max-width: 100%;
}
.article-comment_list .article_comment .article-comment_content blockquote {
  margin: 0 0 20px;
  padding: 3px 9px;
  font-size: 0.875rem;
  color: #9D9D9D;
  border-left: 3px solid #9D9D9D;
  line-height: 1.3;
}
.article-comment_list .article_comment .article-comment_functions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #777;
  margin-top: 40px;
}
.article-comment_list .article_comment .article-comment_functions .article-commnet_like {
  display: flex;
  align-items: center;
  margin-right: 17.5px;
  overflow: visible;
}
.article-comment_list .article_comment .article-comment_functions .article-commnet_like span {
  margin-left: 5.6px;
}
.article-comment_list .article_comment .article-comment_functions .article-commnet_like img {
  max-width: 27px;
}
.article-comment_list .article_comment .article-comment_functions .article-commnet_quote {
  position: relative;
  padding-left: 19.5px;
}
.article-comment_list .article_comment .article-comment_functions .article-commnet_quote:before {
  position: absolute;
  width: 1px;
  height: 19px;
  top: 50%;
  left: 9.75px;
  content: "";
  background-color: #777777;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

#login_modal,
#avatar_modal,
#subCancel_modal,
#collect_modal,
#block_modal,
#event_modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  transition: all 0.5s;
}

#loginform,
#avatar_content,
#subCancel_content,
#collect_content,
#block_content,
.modal_content {
  display: flex;
  position: relative;
  width: 90%;
  max-width: 335px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 15px #270521;
  overflow: auto;
}
#loginform h2,
#avatar_content h2,
#subCancel_content h2,
#collect_content h2,
#block_content h2,
.modal_content h2 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 1rem 0;
}
#loginform input,
#avatar_content input,
#subCancel_content input,
#collect_content input,
#block_content input,
.modal_content input {
  display: block;
  width: 80%;
  height: 40px;
  outline: none;
  border: none;
  margin: 10px auto;
  text-align: center;
  background-color: transparent;
  border-bottom: 1px solid rgb(211, 202, 202);
}
#loginform .formin,
#avatar_content .formin,
#subCancel_content .formin,
#collect_content .formin,
#block_content .formin,
.modal_content .formin {
  margin: 10% auto;
}
#loginform .formin h6,
#avatar_content .formin h6,
#subCancel_content .formin h6,
#collect_content .formin h6,
#block_content .formin h6,
.modal_content .formin h6 {
  text-align: center;
  margin: 0 0 10px 0;
  font-size: 0.9rem;
  color: #000000;
}
#loginform .error_msg,
#avatar_content .error_msg,
#subCancel_content .error_msg,
#collect_content .error_msg,
#block_content .error_msg,
.modal_content .error_msg {
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: bold;
  color: red;
  display: none;
  margin-top: 5%;
}

#regform label {
  display: inline-block;
  text-align: left;
}
#regform .formin {
  max-height: 90vh;
}
#regform .btn {
  width: auto;
  background-color: transparent;
  padding-bottom: 30px;
}
#regform .btn p {
  color: #000;
  margin: 20px 0 5px;
}
#regform .btn a {
  display: initial;
  color: #0000FE;
}

#collect_content,
#block_content {
  width: 80%;
  max-width: 300px;
  flex-flow: column;
  padding: 40px;
  overflow-x: hidden;
}
#collect_content h2,
#block_content h2 {
  font-weight: bold;
  margin-bottom: 25px;
}

#avatar_content,
#event_modal .modal_content {
  width: 80%;
  max-width: 500px;
  flex-flow: column;
  padding: 41px 50px;
}
#avatar_content h2,
#event_modal .modal_content h2 {
  font-weight: bold;
}
#avatar_content .avatar_list,
#event_modal .modal_content .avatar_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
#avatar_content .avatar_list img,
#event_modal .modal_content .avatar_list img {
  width: 100%;
}
#avatar_content .avatar_list .avatar_custom,
#event_modal .modal_content .avatar_list .avatar_custom {
  position: relative;
  flex-flow: column;
  padding-bottom: 100%;
  background-color: #595959;
  border-radius: 100%;
}
#avatar_content .avatar_list .avatar_custom .avatar-custom_content,
#event_modal .modal_content .avatar_list .avatar_custom .avatar-custom_content {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-size: 1.125rem;
  color: #fff;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#avatar_content .avatar_list .avatar_custom .avatar-custom_content div,
#event_modal .modal_content .avatar_list .avatar_custom .avatar-custom_content div {
  text-align: center;
}
#avatar_content .avatar_list .avatar_custom .avatar-custom_content img,
#event_modal .modal_content .avatar_list .avatar_custom .avatar-custom_content img {
  width: 28px;
  margin: 8px auto 0;
}
#avatar_content .avatar_list a:not(.avatar_custom).selected,
#event_modal .modal_content .avatar_list a:not(.avatar_custom).selected {
  border: 2px solid #CCCCCC;
}
#avatar_content .modal_buttons,
#event_modal .modal_content .modal_buttons {
  margin-top: 50px;
}

.modal_buttons {
  display: flex;
  justify-content: center;
}
.modal_buttons a {
  display: block;
  width: 100px;
  color: #fff;
  margin: 0 10px;
}

#subCancel_content {
  width: 80%;
  max-width: 300px;
  flex-flow: column;
  padding: 50px 40px;
}
#subCancel_content .modal_buttons {
  margin-top: 10px;
}

#close_modal {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  text-align: center;
  transition: all 0.5s;
}
#close_modal a {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bolder;
  color: #000000;
}

#event_modal span {
  justify-content: center;
  flex-wrap: wrap;
  white-space: nowrap;
  line-height: 1.35;
}

.forget {
  width: 80%;
  margin: 25px auto 10px;
  position: relative;
}
.forget a {
  display: initial;
  color: #00177e;
  font-size: 0.9rem;
}
.forget a:hover {
  color: #6fbbee;
}
.forget span {
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
}
.forget button {
  right: 0;
  width: 100%;
  height: 40px;
  background-color: transparent;
  border-radius: 20px;
  border: #000000 1.5px solid;
  transition: all 1s;
  font-size: 1rem;
}
.forget button:hover {
  background-color: rgb(0, 0, 0);
  color: #ffffff;
}

.other {
  display: flex;
  align-items: center;
}
.other a {
  display: inline-block;
  flex: 0 0 40%;
  margin: 0 auto;
}
.other svg {
  width: 30%;
  margin-left: 50%;
  transform: translate(-50%);
}

.modal_show {
  visibility: visible;
  opacity: 1;
}

.modal_none {
  visibility: hidden;
  opacity: 0;
}

.spec_content {
  display: none;
}
.spec_content.active {
  display: block;
}
.spec_content .hide > a::before {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.spec_content .hide table {
  display: block !important;
  height: 0 !important;
  overflow: hidden !important;
}

.compareFix {
  width: 100%;
  display: none;
  position: fixed;
  align-items: stretch;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  z-index: 1000;
  padding: 10px 0;
  text-align: center;
  font-size: 15px;
  overflow-x: auto;
}
.compareFix.active {
  display: flex;
}
.compareFix ul {
  display: flex;
  align-items: center;
  text-align: left;
}
.compareFix ul li {
  display: table;
  position: relative;
  width: 90px;
  height: 70px;
  overflow: hidden;
  background-color: #b8b8b8;
  border: 1px solid #545454;
  float: left;
  margin: 0 5px;
}
.compareFix ul li img {
  position: relative;
  max-width: 100%;
  z-index: 1;
}
.compareFix ul li .add_other {
  display: block;
  background-color: #545454;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.compareFix ul li .add_other::before {
  content: "+";
  display: block;
  width: 20px;
  height: 20px;
  background: #ba0d13;
  background: linear-gradient(to bottom, #ba0d13 0%, #a00006 100%);
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  border-radius: 99em;
  margin: 0 auto 6px;
}
.compareFix .btn {
  width: 155px;
  display: inline-block;
  flex-grow: 1;
  vertical-align: middle;
  margin: 0 10px;
}
.compareFix .btn p {
  font-size: 18px;
  margin-bottom: 10px;
}
.compareFix .btn a {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 2px 6px;
  background: #ba0d13;
  background: linear-gradient(to bottom, #ba0d13 0%, #a00006 100%);
  color: #fff;
  line-height: 35px;
  white-space: nowrap;
}
.compareFix .btn a img {
  margin-left: 10px;
}
.compareFix .btn a:hover {
  background: #c40f16;
  background: linear-gradient(to bottom, #c40f16 0%, #d82127 100%);
}
.compareFix .compareFix-wrap {
  display: flex;
  align-items: flex-end;
}
.compareFix .close {
  position: absolute;
  top: 0px;
  right: 10px;
  text-align: center;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}
.compareFix .close img {
  width: 100%;
}
.compareFix .close:hover img {
  opacity: 0.5;
}

.editor_icon {
  width: 29px;
  height: 29px;
  margin: 0 10px;
  overflow: visible;
  flex-shrink: 0;
}

.editor_submit {
  width: 85px;
  letter-spacing: 2px;
  margin-left: 18px;
  color: #fff;
}

.editors_btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.deleteBtn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 25px;
  height: 25px;
  box-shadow: 0 0 5px #fff;
  background-color: #000;
  background-image: url(https://www.kingautos.net/images/cars_data/btn_close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75% 75%;
}
.deleteBtn:hover {
  background-color: #ba0d13;
}

.car-img_name {
  position: absolute;
  width: 160px;
  font-size: 13px;
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
  bottom: 7px;
  left: 10px;
  color: #fff;
  z-index: 3;
}

.car-img-name_bg {
  background: url(https://www.kingautos.net/images/cars_data/spec_cover.png) repeat-x bottom center;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
}

.compare_table {
  margin-bottom: 55px;
  overflow-x: auto;
}
.compare_table table {
  width: 100%;
  font-size: 1rem;
  border: 1px #BABABA solid;
}
.compare_table table td {
  width: 20%;
  border: 1px #BABABA solid;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compare_table .compare-table_title {
  background-color: #CCCCCC;
}
.compare_table .compare-car_select {
  padding: 30px;
}
.compare_table .compare-car_select .compare-car_img {
  width: 180px;
  height: 140px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  border: 1px #BABABA solid;
  background-color: #F1F1F1;
  color: #9D9D9D;
  margin: 0 auto;
}
.compare_table .compare-car_select .compare-car_img img {
  width: 100%;
}

.compare_select select {
  width: 100%;
  padding: 5px 7px;
  border: 1px solid #BABABA;
  font-size: 1rem;
  letter-spacing: 0px;
  color: #000000;
  margin-top: 10px;
}

.compare_price {
  margin-top: 15px;
  text-align: center;
  color: #BA0D13;
}

.compare_functions {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  background: #262626 0% 0% no-repeat padding-box;
}
.compare_functions a {
  color: #9D9D9D;
  cursor: pointer;
  margin: 0 21px;
}
.compare_functions a.active {
  color: #fff;
}

.compare_table-title {
  padding: 30px 0 10px;
  border-bottom: 1px solid #ccc;
}

.compare-Introduction_table {
  margin: 10px 0;
}
.compare-Introduction_table td {
  padding: 15px 2px;
  line-height: 1.3;
}

.custom_radio {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
}
.custom_radio label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  vertical-align: top;
}
.custom_radio label span {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.custom_radio label span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: red;
  content: "";
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.custom_radio label span, .custom_radio label span:after {
  border-radius: 100%;
}
.custom_radio input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: -2;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  border: 0;
  background: none;
}
.custom_radio input:disabled + label {
  opacity: 0.5;
}
.custom_radio input:checked + label span:after {
  display: block;
  width: 10px;
  height: 10px;
}

.custom_checkbox {
  display: block;
  /* Disabled */
  /*Checked disabled */
}
.custom_checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -2;
  left: 0;
  top: 0;
}
.custom_checkbox span {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.custom_checkbox span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #CCCCCC;
}
.custom_checkbox input:checked + span::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIzIiBwb2ludHM9IjEuMDc5IDQuOTk5IDUgOSAxMC44MzcgMiIvPjwvc3ZnPg==) center/cover no-repeat;
  background-color: #777777;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70% 70%;
}
.custom_checkbox input:disabled + span::before {
  border: 1px solid #9b9b9b;
}
.custom_checkbox input:disabled + span {
  cursor: auto;
}
.custom_checkbox input:checked:disabled + span::before {
  background-color: #9b9b9b;
}

@media (min-width: 1400px) and (max-width: 1699.99px) {
  #loginform {
    width: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1399.99px) {
  #loginform {
    width: 35%;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  #loginform {
    width: 45%;
  }
}
/* Sitemap */
.sitemap_container {
  padding: 30.5px 0;
  border-top: 1px solid #777777;
  margin-top: 30.5px;
}

.sitemap {
  display: flex;
  max-width: 400px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.sitemap div {
  display: flex;
  justify-content: center;
  flex: 0 0 50%;
}
.sitemap div:nth-child(1) ul, .sitemap div:nth-child(2) ul {
  padding-top: 0px;
}
.sitemap ul {
  display: inline-block;
  padding-top: 70px;
}
.sitemap ul li {
  padding: 10px 0;
  font-size: 1.125rem;
}
.sitemap ul li:first-child a {
  color: #BA0D13;
}

/* site rule */
.site-rule {
  margin-top: 30.5px;
  padding: 30.5px 0;
  border-top: 1px solid #777777;
  line-height: 1.25;
}
.site-rule a {
  display: inline;
  color: #BA0D13;
  text-decoration: underline;
}
.site-rule p {
  margin-bottom: 1.875rem;
  color: #000000;
  font-size: 1rem;
}
.site-rule h4 {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  font-weight: bold;
}
.site-rule h5 {
  margin-bottom: 1.25rem;
  color: #BA0D13;
  font-size: 1rem;
  font-weight: bold;
}

/* site-search */
.site-search {
  margin-top: 30.5px;
  padding: 30.5px 0;
  border-top: 1px solid #777777;
}

.privacy_content {
  margin: auto;
  padding: 30.5px 0 40px;
  margin-top: 30.5px;
  font-size: 16px;
  line-height: 1.8;
  color: #000;
  border-top: 1px solid #777777;
}
.privacy_content p {
  padding: 0 0 15px;
}
.privacy_content h3 {
  font-weight: 700;
  font-size: 20px;
  padding: 5px 0;
  color: #ba0d13;
}
.privacy_content ol {
  list-style-type: decimal;
  margin: 0 0 15px 21px;
}

.contact-container {
  margin-top: 30.5px;
  padding: 30.5px 0 0;
  border-top: 1px solid #777777;
}

.contact_form {
  font-size: 15px;
  margin: 3% auto;
  width: 94%;
  background: #374042;
  box-sizing: border-box;
  padding: 4vw;
}
.contact_form .btn {
  width: 100%;
  margin: 0 auto;
}
.contact_form div {
  line-height: 30px;
  margin: 0 0 25px 0;
  padding: 0 0 0 65px;
  position: relative;
}
.contact_form div label {
  position: absolute;
  top: 0;
  left: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  -moz-text-align-last: justify;
  -webkit-text-align-last: justify;
  width: 60px;
  color: #fff;
}
.contact_form div select,
.contact_form div input {
  background: #fff;
  border: medium none;
  color: #374042;
  height: 30px;
  width: 100%;
  padding: 0 1vw;
  box-sizing: border-box;
  border-radius: 5px;
}
.contact_form div span {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #edc247;
}
.contact_form div textarea {
  display: block;
  background: #fff;
  color: #374042;
  resize: none;
  border: none;
  width: 100%;
  height: 120px;
  padding: 0 1vw;
  box-sizing: border-box;
  border-radius: 5px;
}

/* user articles */
.user-article_list {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid;
}

.user-article {
  display: flex;
  flex-flow: column;
  margin-bottom: 30px;
}
.user-article .article-preview {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
}
.user-article .article-title {
  padding: 0 15px;
}
.user-article .article-title h2 {
  font-weight: bold;
  line-height: 1.5;
}

.ad_bottom {
    width: 100%;
    height: 15.6vw;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.ad_bottom a {
    display: block;
    position: relative;
    overflow: unset;
}

.ad_bottom a img {
    display: block;
    width: 100%
}

.ad_bottom iframe {
    display: block
}

.ad_bottom .arrow_banner {
    position: absolute;
    top: 5px;
    right: 5px;
    /* display: none; */
}
.ad_bottom .close_banner {
    position: absolute;
    bottom: 47vw;
    right: 5px;
    display: none;
}
.ad_bottom .close_banner_v {
    position: absolute;
    bottom: 217px;
    right: 5px;
    display: none;
}

.ad_bottom .ad_640x362 {
    position: absolute;
    bottom: -50px;
    opacity:0;
    transition: all 0.4s;
    pointer-events: none;
}
.ad_bottom .ad_show {
    bottom: 0;
    opacity:1;
    pointer-events: initial;
}

.ad_bottom .ad_640x362_v {
    position: absolute;
    bottom: -50px;
    opacity: 0;
    transition: all 0.8s;
    width: 100%;
    height: 100%;
}
.ad_bottom .ad_640x362_v.ad_show_v {
    height: 250px;
}
.ad_bottom .ad_show_v {
    bottom: 0;
    opacity: 1;
}

.icon-tag {
  padding-right: 20px;
}
.icon-tag div {
  display: inline-block;
  position: relative;
  background-color: #b8121c;
  color: #fff;
  padding: 5px 8px;
}

.icon-tag::after {
  content: "";
  display: block;
  border-color: transparent transparent transparent #b8121c;
  border-style: solid solid solid solid;
  border-width: 13px 8px 13px 8px;
  height: 0;
  width: 0;
  position: absolute;
  top: 0px;
  right: 3px;
}

.brand-select {
  margin: 0 0 10px;
  padding-top: 50px;
}
.brand-select select {
  width: 100%;
  height: 45px;
  background-color: #F1F1F1;
  border: none;
  padding: 0 19px;
  outline: none;
  font-size: 17px;
}

.news_content {
  display: grid;
  grid-template-columns: repeat(auto-fill, 100%);
  grid-gap: 20px;
  justify-content: center;
}
.news_content h3 {
  width: 100%;
  height: auto;
  position: initial;
  font-size: 16px;
  text-align: left;
  -webkit-line-clamp: 4;
  line-height: 24px;
}
.news_content .figcap {
  height: auto;
  position: initial;
  padding: 18px 15px;
  background-color: #262626;
}
.news_content .tag {
  height: 30px;
  top: 0;
  left: 0;
  background: #BA0D13;
}
.news_content .news-card {
  max-width: 98vw;
  margin: 0 auto;
}
.news_content .news-image {
  height: 200px;
  overflow: hidden;
}
.news_content .news-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .news_content {
    grid-template-columns: repeat(auto-fill, calc(50% - 10px));
  }
  .news_content .news-card {
    display: flex;
    flex-flow: column;
  }
  .news_content .figcap {
    flex-grow: 1;
  }
}

@-webkit-keyframes arrowMove {
  0% {
    right: 3%;
    opacity: 1;
  }
  100% {
    right: 1%;
    opacity: 0;
  }
}

@keyframes arrowMove {
  0% {
    right: 3%;
    opacity: 1;
  }
  100% {
    right: 1%;
    opacity: 0;
  }
}
.car-newsList {
  height: 375px;
  display: flex;
  flex-flow: column;
  grid-row-gap: 10px;
  overflow: hidden;
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  -o-transition: all 0.35s;
}
.car-newsList + .more-btn {
  display: block;
  float: none;
  font-size: 0.875rem;
  height: 35px;
  background-color: #BA0D13;
  margin-top: 5px;
}

.car-news a {
  height: 117px;
  display: grid;
  grid-template-columns: 117px auto;
}
.car-news .car-newsImg {
  width: 117px;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.car-news .car-newsImg img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.car-news .figcap {
  width: 100%;
  height: 100%;
  position: initial;
  flex-grow: 1;
  padding: 12px 18px;
  background-color: #3B3B3B;
}
.car-news .figcap h3 {
  height: 75px;
  position: initial;
  font-size: 16px;
  line-height: 25px;
  -webkit-line-clamp: 3;
}

.article-tabs {
  display: flex;
  margin-top: 40px;
}
.article-tabs label {
  width: 50%;
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
  padding: 8px 0;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
}
.article-tabs label::before {
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #BA0D13;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  content: "";
}
.article-tabs label.active {
  color: #000000;
}
.article-tabs label.active::before {
  width: 100%;
}
.article-tabs ~ input[name=topics] {
  display: none;
}
.article-tabs ~ .list-row {
  display: none;
}

#r_news:checked ~ #list_news,
#r_mazda:checked ~ #list_mazda,
#r_hot:checked ~ #list_hot {
  display: block;
}

#list_hot .rank-list {
  background-color: transparent;
}

.news_mainCont .pagination {
  margin-bottom: 70px;
}
.news_mainCont > .m-pop {
  margin-top: 50px;
}
.news_mainCont .rank-list_content {
  height: initial;
}
.news_mainCont .c-area_tab {
  flex-wrap: wrap;
  gap: 10px;
}
.news_mainCont .c-area_tab li {
  width: auto;
  margin: 0;
}
.news_mainCont .c-area_tab li a {
  width: auto;
  height: 19px;
  line-height: 19px;
  padding: 8px 16px;
  box-sizing: content-box;
  font-size: 14px;
}
.news_mainCont .write-link {
  position: initial;
  top: 0;
  margin-top: 20px;
}
.news_mainCont .write-link a {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  line-height: 52px;
  background-image: none;
}
.news_mainCont .write-link a img {
  width: 18px;
  margin-left: 11px;
}
.news_mainCont .news_content {
  margin-top: 15px;
}
.news_mainCont .news_content .figcap {
  border-bottom: 3px solid #BA0D13;
}
.news_mainCont .news_content .ads {
  margin: 20px 0;
}
.news_mainCont .news_content h3 {
  -webkit-line-clamp: 3;
}
.news_mainCont .news_content .news-desc {
  margin-top: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.28px;
  color: #9D9D9D;
}
.news_mainCont .news_content .news-desc span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.news_mainCont .news_content .news-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
.news_mainCont .news_content .news-date span {
  font-size: 12px;
  letter-spacing: 0.28px;
  color: #9D9D9D;
}
.news_mainCont .news_content .news-date span.continue {
  position: relative;
  font-size: 12px;
  letter-spacing: 0.24px;
  color: #FFFFFF;
  padding-right: 12px;
}
.news_mainCont .news_content .news-date span.continue::before {
  width: 5px;
  height: 8px;
  position: absolute;
  background-image: url(https://www.kingautos.net/images/polygon_next_pc.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  content: "";
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  -o-transition: all 0.35s;
}

.bg-init {
  background-color: initial;
}

.table-scroll-wrapper {
  width: 100%;
  overflow-x: auto;
}

.advanced-search-lv1,
.advanced-search-lv2 {
  display: none;
}
.advanced-search-lv1.active, .advanced-search-lv1.no-result,
.advanced-search-lv2.active,
.advanced-search-lv2.no-result {
  display: block;
}

.no-result-text {
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 25px;
  line-height: 33px;
  font-weight: bold;
}

.no-result {
  margin-bottom: 40px;
}
.no-result .advanced-search {
  padding: 40px 22px;
}
.no-result .search-close {
  display: none;
}

.advanced-search {
  background-color: #F1F1F1;
  box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
  padding: 22px 22px;
}
.advanced-search .search-close {
  width: 18px;
  margin-left: auto;
  cursor: pointer;
}

.btn-advanced-search {
  width: 200px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: #FBA017;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
}
.btn-advanced-search#search-lv2 {
  color: white;
}
.btn-advanced-search img {
  width: 16px;
  margin-left: 12px;
}

.search-container {
  padding: 0 11.5px;
}
.search-container .search-type {
  margin-top: 20px;
}
.search-container .search-type h3 {
  font-size: 15px;
  line-height: 24px;
  color: #000;
  padding: 0 0 0 20px;
  margin: 0 0 20px;
}
.search-container .search-type h3.no-arrow {
  padding: 0;
}
.search-container .search-type h3.no-arrow::before {
  content: none;
}
.search-container .search-type h3::before {
  content: "";
  border-right: 2px solid #ba0d13;
  border-bottom: 2px solid #ba0d13;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) rotate(-45deg);
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -moz-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  -o-transform: translate(0, -50%) rotate(-45deg);
}
.search-container .select-item {
  display: flex;
  flex-grow: 1;
}
.search-container .select-item label {
  width: 80px;
  height: 42px;
  flex-shrink: 0;
  color: #fff;
  background-color: #3B3B3B;
  line-height: 18px;
  padding: 11px 0;
  text-align: center;
}
.search-container .select-item .c-select {
  margin-right: 0;
}
.search-container .search-filter {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.search-container .search-btn-wrapper {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.search-container .search-btn-wrapper .btn {
  font-weight: normal;
  /*background: url(https://www.kingautos.net/images/cars_data/search_wh_m.png) right 56px top 10px no-repeat;*/
  background-color: #BA0D13;
  background-size: 22px 21px;
  border: none;
  cursor: pointer;
}
.search-container .hot-car-models {
  display: flex;
  align-items: stretch;
  gap: 5px;
  overflow-x: auto;
}
.search-container .hot-car-models .car-model {
  width: 141px;
  display: flex;
  flex-flow: column;
  flex-shrink: 0;
}
.search-container .hot-car-models .car-model .model-image {
  width: 100%;
  position: relative;
  padding-bottom: 57.7%;
  overflow: hidden;
}
.search-container .hot-car-models .car-model .model-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-container .hot-car-models .car-model .model-info {
  display: flex;
  flex-flow: column;
  padding: 15px 20px;
  background-color: #fff;
  flex-grow: 1;
}
.search-container .hot-car-models .car-model .model-info .model-bread {
  letter-spacing: 0.3px;
  line-height: 1.53;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
  margin-right: 0;
}
.search-container .hot-car-models .car-model .model-info .model-name {
  letter-spacing: 0.3px;
  line-height: 1.53;
  font-size: 15px;
  color: #000;
  padding-top: 5px;
  text-align: center;
  flex-grow: 1;
}
.search-container .hot-car-models .car-model .model-info .model-price {
  display: block;
  color: #BA0D13;
  letter-spacing: 0.3px;
  line-height: 1.53;
  font-size: 15px;
  text-align: center;
  margin-top: 5px;
}
.search-container .btn-advanced-search {
  width: 100%;
  height: 40px;
  background-color: #262626;
}
.search-container .advanced-search-lv2 {
  margin-top: 40px;
}
.search-container .custom-filter {
  justify-content: space-between;
}
.search-container .custom-filter .search-btn-wrapper {
  margin-top: 0;
}
.search-container .custom-filter .search-btn-wrapper .btn {
  width: 150px;
  padding-right: 1em;
  background-position: right 30px top 10px;
}

.hot-rank {
  margin-top: 40px;
}

.hot-rank-list {
  display: flex;
  flex-flow: column;
  gap: 10px;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
}
.hot-rank-list.active + .active-buttons .more-btn img {
  transform: rotateZ(180deg);
}

.hot-rank-card .card-thumbnail {
  width: 100%;
  position: relative;
  padding-bottom: 53.5%;
}
.hot-rank-card .card-thumbnail img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.hot-rank-card .card-thumbnail .ct-tag {
  height: 25px;
  display: flex;
  position: absolute;
  left: 10px;
  bottom: 10px;
  align-items: center;
  padding: 2px 4.5px;
  letter-spacing: 0.32px;
  font-size: 16px;
  background-color: rgba(251, 160, 23, 0.8);
  color: #fff;
  border: none;
  outline: none;
}
.hot-rank-card .card-info {
  background-color: #F1F1F1;
  padding: 18px 15px 13px;
}
.hot-rank-card .card-info h1 {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hot-rank-card div.read-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 13px;
  background: url(https://www.kingautos.net/images/polygon_next_pc.png) no-repeat right center;
  padding-right: 10px;
}
.hot-rank-card div.read-more span {
  font-size: 12px;
  letter-spacing: 0.24px;
  color: #BA0D13;
}

.brand-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.brand-title h1 {
  font-weight: bold;
  font-size: 25px;
}
.brand-title span {
  height: 1px;
  position: relative;
  top: 6px;
  background-color: #9D9D9D;
  flex-grow: 1;
  margin-left: 26px;
}
.aside-fb {
  margin-top: 15px;
  padding-bottom: 40px;
}
.aside-fb .fb-page {
  width: 100%;
  display: flex;
  justify-content: center;
}

.aside-brands {
  margin-top: 20px;
  margin-bottom: 30px;
}
.aside-brands .brands {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px 7.6px;
}
.aside-brands .brands .brand {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0509803922);
}
.aside-brands .brands .brand a {
  text-align: center;
}
.aside-brands .brands .brand img {
  width: 95%;
  margin: 0 auto;
}
.aside-brands .brands .brand span {
  font-size: 6px;
  letter-spacing: 0.12px;
}

.aside-more-cars {
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FBA017;
  color: #fff !important;
  margin-top: 20px;
  border-radius: 5px;
}

.aside-hot-cars {
  margin-top: 30px;
}
.aside-hot-cars ol {
  display: flex;
  flex-flow: column;
}
.aside-hot-cars ol li {
  padding-bottom: 10px;
  border-bottom: 1px solid #cecdce;
  margin-top: 10px;
}
.aside-hot-cars ol li a {
  display: flex;
  align-items: stretch;
  gap: 9px;
}
.aside-hot-cars ol li .hcar-image {
  width: 117px;
  height: 117px;
  flex-shrink: 0;
  overflow: hidden;
}
.aside-hot-cars ol li .hcar-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.aside-hot-cars ol li .hcar-info {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  flex-grow: 1;
  overflow: hidden;
}
.aside-hot-cars ol li .hcar-info .hcar-title {
  width: 100%;
  min-height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #BA0D13;
  margin-bottom: 5px;
  text-align: center;
  padding: 0 3px;
}
.aside-hot-cars ol li .hcar-info .hcar-title h3 {
  font-size: 18px;
  color: #fff;
}
.aside-hot-cars ol li .hcar-info .hcar-name {
  flex-grow: 1;
  overflow: hidden;
}
.aside-hot-cars ol li .hcar-info .hcar-name h4 {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aside-hot-cars ol li .hcar-info .hcar-fires {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5.55px;
}
.aside-hot-cars ol li .hcar-info .hcar-fires img {
  width: 10.3px;
}

.limit {
  position: absolute;
  bottom: 0;
  right: 0px;
  z-index: 2;
  background-color: #4B4B4B;
  padding: 8px 20px;
  border-radius: 5px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1607843137);
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.limit::before {
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent #4b4b4b;
  z-index: 2;
  content: "";
  transform: translate(50%, 0);
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
}
.limit span {
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #fff;
  white-space: nowrap;
}

.brand-list {
  padding-top: 20px;
  padding-bottom: 20px;
}
.brand-list .brands {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.brand-list .brands .brand {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0509803922);
  border-radius: 2px;
  padding: 0 5px 8px;
}
.brand-list .brands .brand a img {
  width: 100%;
  margin: 0 auto;
}
.brand-list .brands .brand a span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.24px;
  text-align: center;
  margin-top: 2px;
}

.home-fb {
  padding-bottom: 80px;
}

.fb-page {
  width: 100%;
  display: flex;
  justify-content: center;
}


/******popup-photo******
============================================================== */
.popup-photo {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(38,38,38,0.95);
  top:0;
  left: 0;
  z-index: 10002;
  overflow: hidden;
}
.popup-photo .con {
  min-height: 100vh;
  display: flex;
}
.popup-photo .btn_close{
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: #b9b9b9;
  z-index: 4;
  text-indent:-5000px;
  background-image: url(../../images/hot-car/btn_close.png);
  background-repeat: no-repeat;
  background-position: 0 0 ;
  -webkit-background-size: cover;
  background-size: cover;
}
.popup-photo .btn_close:hover {
  background-color: #919191;
}
.popup-photo {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgba(0,0,0,0.8);
  min-height: 100vh;
}
.popup-photo .photoBlock {
  flex: 1 1 0;
}
.popup-photo .photoBlock .photo {
  width: 100%;
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 3;
}
.popup-photo .photoBlock .photo .info {
  position: absolute;
  top: 20px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #fff;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.popup-photo .photoBlock .photo .info > * {
  display: inline-block;
  background-color: rgba(0,0,0,0.35);
  padding: 10px 20px;
  border-radius: 0 25px 25px 0;
  font-size: 14px;
}
.popup-photo .photoBlock .photo .info h4 {
  background-color: rgba(186,13,19,0.7);
  border-radius: 25px 0 0 25px;
}
.popup-photo .photoBlock .photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.popup-photo .photoBlock .photo .ads {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.popup-photo .photoBlock .control-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.popup-photo .photoBlock .control-btn a {
  position: absolute;
  top: 0;
  width: 40px;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.popup-photo .photoBlock .control-btn a.prev {
  background-image: url(../../images/hot-car/slideshow_arw_prev.png);
  left: 0;
}
.popup-photo .photoBlock .control-btn a.next {
  background-image: url(../../images/hot-car/slideshow_arw_next.png);
  right: 0;
}
.popup-photo .photoBlock .control-btn a:hover, .popup-photo .photoBlock .btn_close:hover {
  opacity: 0.5;
}

#spec_detail table tr:first-child td{
    color: #000;
    border-right: unset;
    background-color: #e5e5e5; 
    font-weight:unset; 
}
#spec_detail table tr:first-child td.tit{
    background-color: #cacaca;
}