@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
  font-size: 100%;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

img {
  border: 0;
}

blockquote,
q {
  quotes: none;
}

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

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

input {
  margin: 0;
  padding: 0;
  border: 0;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font: 14px/1.5 "Microsoft Yahei", "PingFangSC-Regular", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  color: #333;
}
body.bg-gray {
  background-color: #f5f5f5;
}

a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #fe791d;
  text-decoration: none;
}

input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.fn-show {
  display: block;
}

.fn-hide {
  display: none;
}

.fn-left {
  float: left;
}

.fn-right {
  float: right;
}

.wrapper,
.row,
.footer,
.friend-links,
.footer-main {
  width: 100%;
}

.container {
  width: 1200px;
  margin: 0 auto;
}

.content {
  width: 860px;
}

.news-content {
  width: 760px;
}

.side {
  width: 320px;
}

.side2 {
  width: 300px;
}

.side3 {
  width: 310px;
}

.news-side {
  width: 364px;
}

.bg-white {
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 -2px 5px 0 rgba(0, 0, 0, 0.1);
}

.bg-gray {
  background-color: #f5f5f5;
}

.box1 {
  padding: 80px 50px 30px;
}

.box2 {
  padding: 30px;
}

.box3 {
  padding: 10px;
}

.box4 {
  padding: 20px 14px 20px 25px;
}

.box5 {
  padding: 20px 10px 20px 25px;
}

.box6 {
  padding: 0 10px;
}

.box7 {
  padding: 0 10px 0 24px;
}

.box8 {
  padding: 60px;
}

.box9 {
  padding-right: 20px;
}

.s-table {
  display: table;
}

.s-table-cell {
  display: table-cell;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mt112 {
  margin-top: 112px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb26 {
  margin-bottom: 26px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 70px;
}

.mb100 {
  margin-bottom: 100px;
}

.pb50 {
  padding-bottom: 50px;
}

.topbar-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 42px;
  padding: 14px 0;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
}
.topbar-nav.opacity80 {
  background: rgba(255, 255, 255, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
}
.topbar-nav.hide {
  display: none;
}
.topbar-nav .nav-left {
  float: left;
  height: 32px;
  padding: 5px 0;
}
.topbar-nav .nav-right {
  float: right;
  height: 42px;
}
.topbar-nav .logo {
  float: left;
  width: 153px;
  height: 29px;
  margin-top: 1px;
  margin-right: 25px;
  overflow: hidden;
  line-height: 10000%;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.topbar-nav .city-position {
  float: left;
  width: 80px;
}
.topbar-nav .city-position span {
  font-size: 16px;
  line-height: 32px;
}
.topbar-nav .nav {
  float: left;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
}
.topbar-nav .nav li {
  float: left;
  padding: 0 22px;
}
.topbar-nav .nav li.active a {
  color: #fe791d;
}
.topbar-nav .search-bar {
  float: left;
  width: 258px;
  height: 40px;
  border: 1px solid #e3e3e3;
  margin-right: 12px;
  background-color: #fff;
  border-radius: 4px;
}
.topbar-nav .login {
  font-size: 16px;
  line-height: 42px;
}

.city-position {
  position: relative;
  cursor: pointer;
}
.city-position span {
  position: relative;
  display: inline-block;
  color: #333;
  padding-right: 16px;
}
.city-position span:after, .city-position span::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-top: -3px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -207px 0;
  webkit-transition: -webkit-transform linear 0.2s;
  transition: -webkit-transform linear 0.2s;
  -o-transition: -o-transform linear 0.2s;
  transition: transform linear 0.2s;
  transition: transform linear 0.2s, -webkit-transform linear 0.2s, -o-transform linear 0.2s;
}
.city-position.on span:after,
.city-position.on span::after {
  margin-top: -5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.search-bar .search-text {
  float: left;
  width: 160px;
  height: 24px;
  border: 0;
  padding: 8px 20px;
  background: transparent;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  outline: none;
}
.search-bar .search-text::-webkit-input-placeholder {
  color: #585858;
}
.search-bar .search-text:-moz-placeholder {
  color: #585858;
}
.search-bar .search-text::-moz-placeholder {
  color: #585858;
}
.search-bar .search-text:-ms-input-placeholder {
  color: #585858;
}
.search-bar .btn-search {
  position: relative;
  display: block;
  overflow: hidden;
  height: 40px;
  line-height: 10000%;
  background-color: transparent;
}
.search-bar .btn-search:after, .search-bar .btn-search::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -220px 0;
}

.city-select-box {
  position: absolute;
  top: 40px;
  left: -20px;
  z-index: 9999;
  width: 580px;
  height: 315px;
  border: 1px solid #ccc;
  background-color: #fff;
  display: none;
}
.city-select-box .show-citys-con {
  width: 580px;
  height: 315px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
}
.city-select-box .ic-city-triangle {
  position: absolute;
  top: -9px;
  left: 24px;
  display: block;
  width: 20px;
  height: 9px;
  overflow: hidden;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -321px 0;
}
.city-select-box dl {
  width: 530px;
  margin: 0 15px;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
  line-height: 30px;
}
.city-select-box dl dt {
  float: left;
  width: 80px;
  padding: 4px 0;
  color: #1e70df;
}
.city-select-box dl dd {
  overflow: hidden;
  padding: 4px 0;
}
.city-select-box dl dd a {
  float: left;
  padding: 0 7px;
}
.city-select-box.province-select-box {
  height: auto;
}
.city-select-box.province-select-box .show-citys-con {
  height: auto;
  max-height: 315px;
}
.city-select-box.province-select-box dl {
  width: 550px;
  margin: 0;
  border: 0;
  padding: 15px;
}
.city-select-box.province-select-box dd {
  padding: 0;
}

.friend-links {
  padding: 30px 0 50px;
  background: #f5f5f5;
}
.friend-links .column {
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 1;
}
.friend-links .column h2 {
  float: left;
  font-weight: 700;
  color: #373737;
}
.friend-links .column .add-link {
  position: relative;
  float: right;
  margin-right: 70px;
  padding-right: 16px;
}
.friend-links .column .add-link:after, .friend-links .column .add-link::after {
  position: absolute;
  top: 4px;
  right: 0;
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -173px -30px;
}
.friend-links .column .add-link:hover:after, .friend-links .column .add-link:hover::after {
  background-position: -173px -39px;
}
.friend-links .firend-link-list {
  padding: 0 30px;
}
.friend-links .firend-link-list ul li {
  float: left;
  width: 122px;
  padding: 8px 20px 8px 0;
}
.friend-links .firend-link-list ul li a {
  font-size: 14px;
  line-height: 18px;
  color: #666;
}
.friend-links .firend-link-list ul li a:hover {
  color: #fe791d;
}

.footer-main {
  background: #f0f0f0;
}

.footer-nav-wrap {
  padding: 42px 0 62px;
}
.footer-nav-wrap .footer-nav {
  padding: 0 30px;
}

.footer-nav dl {
  float: left;
  margin-right: 70px;
}
.footer-nav dl dt {
  padding-bottom: 17px;
  font-size: 16px;
  line-height: 1;
  color: #222;
}
.footer-nav dl dd {
  font-size: 14px;
  line-height: 1;
  padding: 8px 0;
}
.footer-nav dl dd a {
  color: #9c9c9c;
}
.footer-nav dl dd a:hover {
  color: #fe791d;
}
.footer-nav dl.footer-icons-area dd a {
  position: relative;
  display: block;
  padding-left: 30px;
}
.footer-nav dl.footer-icons-area dd a .icon {
  position: absolute;
  left: 0;
  display: block;
  overflow: hidden;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.footer-nav dl.footer-icons-area .ewm {
  position: absolute;
  top: -175px;
  left: -17px;
  z-index: 11;
  border: 1px solid #ccc;
  padding: 10px 10px 0 10px;
  width: 98px;
  background: #fff;
  display: none;
}
.footer-nav dl.footer-icons-area .ewm img {
  width: 98px;
  height: 98px;
}
.footer-nav dl.footer-icons-area .ewm p {
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #a09f9f;
  padding: 10px 0;
}
.footer-nav dl.footer-icons-area .ewm .ic-triangle {
  position: absolute;
  bottom: -9px;
  left: 50%;
  display: block;
  width: 20px;
  height: 9px;
  margin-left: -10px;
  overflow: hidden;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -300px 0;
}
.footer-nav dl.follow dd a .icon {
  width: 22px;
  height: 20px;
}
.footer-nav dl.follow dd a .ic-weixin {
  top: -1px;
  background-position: -104px -30px;
}
.footer-nav dl.follow dd a .ic-weibo {
  top: -2px;
  background-position: -81px -30px;
}
.footer-nav dl.mobile-apps dd a .icon {
  width: 22px;
  height: 20px;
}
.footer-nav dl.mobile-apps dd a .ic-ios {
  top: -4px;
  background-position: -150px -30px;
}
.footer-nav dl.mobile-apps dd a .ic-android {
  top: -3px;
  background-position: -127px -30px;
}
.footer-nav .qrcodes {
  float: right;
  height: 176px;
}
.footer-nav .qrcodes .app-downloads-qrcode,
.footer-nav .qrcodes .weixin-315che-qrcode {
  float: left;
}
.footer-nav .qrcodes .app-downloads-qrcode img,
.footer-nav .qrcodes .weixin-315che-qrcode img {
  width: 150px;
  height: 150px;
}
.footer-nav .qrcodes .app-downloads-qrcode p,
.footer-nav .qrcodes .weixin-315che-qrcode p {
  margin-top: 12px;
  line-height: 1;
  text-align: center;
  color: #a09f9f;
}
.footer-nav .qrcodes .app-downloads-qrcode {
  margin-right: 40px;
}

.copyright {
  padding: 11px 0;
  border-top: 1px solid #e3e3e3;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  text-align: center;
}
.copyright a {
  color: #999;
}
.copyright a:hover {
  color: #fe791d;
}

.mini-topbar {
  height: 50px;
  border-bottom: 1px solid #efefef;
  background: #f8f8f8;
}
.mini-topbar .container {
  height: 50px;
}
.mini-topbar .logo {
  float: left;
  width: 107px;
  height: 22px;
  margin-top: 14px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -517px;
  overflow: hidden;
  line-height: 10000%;
}

.mini-footer {
  height: 20px;
  line-height: 20px;
  padding: 12px 0;
  background: #f0f0f0;
  color: #999;
  text-align: center;
}
.mini-footer a {
  color: #999;
}
.mini-footer a:hover {
  color: #fe791d;
}

.tool-right {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 998;
  width: 44px;
  margin-left: 625px;
  margin-top: -97px;
}
.tool-right li {
  padding-bottom: 6px;
}
.tool-right li a {
  position: relative;
  display: table-cell;
  width: 42px;
  height: 42px;
  border: 1px solid #fe791d;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
}
.tool-right li a span {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 26px;
  margin: auto;
  font-size: 12px;
  line-height: 1.2;
  color: #fe791d;
}
.tool-right li a .ewm {
  position: absolute;
  top: -48px;
  left: -139px;
  width: 122px;
  height: 122px;
  border: 1px solid #ccc;
  display: none;
}
.tool-right li a .ewm:after, .tool-right li a .ewm::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  display: inline-block;
  width: 9px;
  height: 20px;
  margin-top: -10x;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -290px 0;
}
.tool-right li a .ewm img {
  width: 100%;
  height: 100%;
}
.tool-right li a .gototop-tip {
  display: none;
}
.tool-right li a .icon-arrow-top {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 21px;
  height: 11px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -268px -12px;
}
.tool-right li a:hover {
  background: #fe791d;
}
.tool-right li a:hover span {
  color: #fff;
}
.tool-right li a:hover .icon-arrow-top {
  background-position: -268px 0;
}
.tool-right li:last-child {
  padding-bottom: 0;
}

.breadnav {
  position: relative;
  padding: 20px 0;
  font-size: 14px;
  line-height: 1;
}
.breadnav .arrow-right {
  padding: 0 5px;
}
.breadnav .breadnav-search-bar {
  position: absolute;
  top: 15px;
  right: 0;
}
.breadnav.ptb30 {
  padding: 30px 0;
}
.breadnav.mini-breadnav {
  padding-top: 0;
  padding-bottom: 40px;
}
.breadnav.bn2 .breadnav-text-box {
  position: absolute;
  top: 17px;
  right: 0;
}

.breadnav-search-bar {
  width: 420px;
  height: 44px;
}
.breadnav-search-bar .search-text {
  float: left;
  width: 257px;
  height: 20px;
  padding: 11px 20px;
  border: 1px solid #fe791d;
  border-right: 0;
  background: #fff;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  outline: none;
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
}
.breadnav-search-bar .search-text::-webkit-input-placeholder {
  color: #a6a6a6;
}
.breadnav-search-bar .search-text:-moz-placeholder {
  color: #a6a6a6;
}
.breadnav-search-bar .search-text::-moz-placeholder {
  color: #a6a6a6;
}
.breadnav-search-bar .search-text:-ms-input-placeholder {
  color: #a6a6a6;
}
.breadnav-search-bar .search-btn {
  position: relative;
  display: block;
  overflow: hidden;
  height: 44px;
  background: #fe791d;
  color: #fff;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
}

.base-column {
  position: relative;
  height: 40px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
}
.base-column .title {
  position: relative;
  float: left;
  margin-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  color: #fe791d;
}
.base-column .title a {
  color: #fe791d;
}
.base-column .title:before, .base-column .title::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #fe791d;
  background-image: linear-gradient(to bottom, #f8b500, #fe791d);
}
.base-column .title:after, .base-column .title::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 2px;
  background: #fff;
}
.base-column .title.title-focus {
  color: #029fd6;
}
.base-column .title.title-focus a {
  color: #029fd6;
}
.base-column .title.title-focus:before, .base-column .title.title-focus::before {
  background: #029fd6;
  background-image: linear-gradient(to bottom, #04cec6, #02a1dc);
}
.base-column .title.title-dakashuoche {
  color: #664dd8;
}
.base-column .title.title-dakashuoche a {
  color: #664dd8;
}
.base-column .title.title-dakashuoche:before, .base-column .title.title-dakashuoche::before {
  background: #6e66cf;
  background-image: linear-gradient(to bottom, #a063ab, #6e66cf);
}
.base-column .title.title-sale {
  color: #fa2858;
}
.base-column .title.title-sale a {
  color: #fa2858;
}
.base-column .title.title-sale:before, .base-column .title.title-sale::before {
  background: #fa2654;
  background-image: linear-gradient(to bottom, #ff49bc, #fa2654);
}
.base-column .title.title-new-energy {
  color: #44bfbd;
}
.base-column .title.title-new-energy a {
  color: #44bfbd;
}
.base-column .title.title-new-energy:before, .base-column .title.title-new-energy::before {
  background: #359b9c;
  background-image: linear-gradient(to bottom, #66cb9c, #359b9c);
}
.base-column .title.title-bride-new-car {
  color: #ff3989;
}
.base-column .title.title-bride-new-car a {
  color: #ff3989;
}
.base-column .title.title-bride-new-car:before, .base-column .title.title-bride-new-car::before {
  background: #365df7;
  background-image: linear-gradient(to bottom, #f9388a, #365df7);
}
.base-column .title.title-recommend {
  color: #0c7eff;
}
.base-column .title.title-recommend a {
  color: #0c7eff;
}
.base-column .title.title-recommend:before, .base-column .title.title-recommend::before {
  background: #1156ff;
  background-image: linear-gradient(to bottom, #03c1fe, #1156ff);
}
.base-column .column-nav {
  float: left;
  padding-top: 24px;
  font-size: 16px;
  line-height: 1;
}
.base-column .column-nav li {
  float: left;
  padding-right: 48px;
}
.base-column .column-nav li:last-child {
  padding: 0;
}
.base-column .column-nav li a {
  position: relative;
  display: block;
  color: #666;
}
.base-column .column-nav li a:hover {
  color: #1e70df;
}
.base-column .column-nav li.active a {
  color: #1e70df;
}
.base-column .column-nav li.active a:after, .base-column .column-nav li.active a::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 2px;
  background: #1e70df;
}
.base-column .more {
  position: relative;
  top: 24px;
  float: right;
  font-size: 16px;
  line-height: 1;
}
.base-column .goto-tousu {
  float: right;
  width: 150px;
  height: 38px;
  border: 1px solid #fe791d;
  background: #fff;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  color: #fe791d;
  border-radius: 4px;
}
.base-column .goto-tousu:before, .base-column .goto-tousu::before {
  position: relative;
  top: 3px;
  content: "";
  display: inline-block;
  width: 21px;
  height: 20px;
  margin-right: 10px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -198px -30px;
}
.base-column .goto-tousu:hover {
  background: #fe791d;
  color: #fff;
}
.base-column .goto-tousu:hover:before, .base-column .goto-tousu:hover::before {
  background-position: -236px -30px;
}
.base-column .column-dakashuoche-nav {
  float: right;
  padding-top: 7px;
}
.base-column .column-dakashuoche-nav li {
  float: left;
  margin-right: 30px;
}
.base-column .column-dakashuoche-nav li:last-child {
  margin-right: 0;
}
.base-column .column-dakashuoche-nav li a {
  position: relative;
  display: block;
  height: 33px;
  padding-left: 37px;
  padding-right: 13px;
  background: #fff;
  font-size: 14px;
  line-height: 33px;
  border-radius: 16px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
}
.base-column .column-dakashuoche-nav li a i {
  position: absolute;
  top: 4px;
  left: 6px;
  display: inline-block;
  width: 23px;
  height: 23px;
  border: 1px solid #c1c1c1;
  border-radius: 12px;
}
.base-column .column-dakashuoche-nav li a i:before, .base-column .column-dakashuoche-nav li a i::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 11px;
  margin-top: -5px;
  margin-left: -7px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -30px;
}
.base-column .column-dakashuoche-nav li a:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.base-column .column-dakashuoche-nav li a.movie i {
  background: #f47050;
}
.base-column .column-dakashuoche-nav li a.chetan i {
  background: #04bcb1;
}
.base-column .column-dakashuoche-nav li a.liaoche i {
  background: #ffc736;
}
.base-column .column-dakashuoche-nav li a.shijia i {
  background: #7570ef;
}
.base-column .column-search-bar {
  float: right;
  padding-top: 6px;
  width: 264px;
  height: 34px;
}
.base-column .column-search-bar .search-text {
  float: left;
  width: 181px;
  height: 18px;
  padding: 7px 14px;
  border: 1px solid #fe791d;
  border-right: 0;
  background: #fff;
  font-size: 14px;
  color: #333;
  outline: none;
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
}
.base-column .column-search-bar .search-text::-webkit-input-placeholder {
  color: #a6a6a6;
}
.base-column .column-search-bar .search-text:-moz-placeholder {
  color: #a6a6a6;
}
.base-column .column-search-bar .search-text::-moz-placeholder {
  color: #a6a6a6;
}
.base-column .column-search-bar .search-text:-ms-input-placeholder {
  color: #a6a6a6;
}
.base-column .column-search-bar .search-btn {
  position: relative;
  display: block;
  overflow: hidden;
  height: 34px;
  overflow: hidden;
  line-height: 10000%;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
}
.base-column .column-search-bar .search-btn:after, .base-column .column-search-bar .search-btn::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  margin-left: -11px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -245px 0;
}
.base-column.column-dakashuoche {
  border-bottom: 0;
}
.base-column.column-dakashuoche:after, .base-column.column-dakashuoche::after {
  display: none;
}

.base-column2 .title {
  float: left;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}
.base-column2.bc2 .title {
  font-size: 20px;
}

.base-column3 {
  padding-bottom: 18px;
  border-bottom: 2px solid #e3e3e3;
}
.base-column3 .title {
  position: relative;
  float: left;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #333;
}
.base-column3 .title:after, .base-column3 .title::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 2px;
  background: #fe791d;
}
.base-column3.bc2 {
  padding-bottom: 16px;
}
.base-column3.bc2 .title {
  font-size: 24px;
}

.base-column4 {
  padding-bottom: 16px;
  border-bottom: 3px solid #e5e5e5;
}
.base-column4 .title {
  position: relative;
  float: left;
  margin-right: 16px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: #333;
}
.base-column4 .title:after, .base-column4 .title::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -19px;
  width: 100%;
  height: 3px;
  background: #fe791d;
}
.base-column4 .column-nav {
  float: right;
  margin-top: 14px;
  font-size: 16px;
  line-height: 1;
}
.base-column4 .column-nav li {
  float: left;
  margin-right: 14px;
  padding-right: 14px;
  border-right: 1px solid #c7c5c4;
}
.base-column4 .column-nav li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.base-column4 .more {
  float: right;
  margin-top: 14px;
  font-size: 16px;
  line-height: 1;
}
.base-column4 .bc4-city-position {
  float: left;
  margin-top: 6px;
}
.base-column4 .bc4-city-position .city-name {
  font-size: 22px;
  line-height: 1;
}
.base-column4 .column-mall-tab {
  float: left;
  font-size: 26px;
  line-height: 1;
}
.base-column4 .column-mall-tab li {
  float: left;
  margin-right: 46px;
}
.base-column4 .column-mall-tab li.active {
  position: relative;
}
.base-column4 .column-mall-tab li.active:after, .base-column4 .column-mall-tab li.active::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -23px;
  width: 100%;
  height: 3px;
  background: #fe791d;
}
.base-column4 .column-mall-tab li.active a {
  display: inline-block;
  color: #fe791d;
}
.base-column4.bc2 .title {
  font-size: 26px;
}
.base-column4.bc2 .title:after, .base-column4.bc2 .title::after {
  display: none;
}
.base-column4.bc2 .more {
  margin-top: 10px;
}
.base-column4.bc2 .bc4-city-position {
  float: left;
  margin-top: 6px;
}
.base-column4.bc2 .bc4-city-position .city-name {
  font-size: 18px;
  line-height: 1;
}
.base-column4.bc2 .statistics-tip {
  float: left;
  padding-top: 10px;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.base-column4.bc3 {
  border-width: 2px;
}
.base-column4.bc3 .title {
  font-size: 24px;
  margin-right: 30px;
}
.base-column4.bc3 .title:after, .base-column4.bc3 .title::after {
  display: none;
}
.base-column4.bc3 .pic-tab {
  float: left;
  margin-top: 6px;
  font-size: 18px;
  line-height: 1;
}
.base-column4.bc3 .pic-tab li {
  position: relative;
  float: left;
  margin-right: 20px;
}
.base-column4.bc3 .pic-tab li:last-child {
  margin-right: 0;
}
.base-column4.bc3 .pic-tab li.active a {
  color: #fe791d;
}
.base-column4.bc3 .pic-tab li.active:after, .base-column4.bc3 .pic-tab li.active::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -18px;
  width: 100%;
  height: 2px;
  background: #fe791d;
}
.base-column4.bc4 {
  padding: 0;
  border: 0;
}
.base-column4.bc4 .title:after, .base-column4.bc4 .title::after {
  display: none;
}
.base-column4.bc5 {
  border-width: 2px;
}
.base-column4.bc5 .title {
  font-size: 20px;
}
.base-column4.bc5 .title:after, .base-column4.bc5 .title::after {
  display: none;
}

.base-text-column {
  font-size: 22px;
  line-height: 1;
}
.base-text-column.f20 {
  overflow: hidden;
  font-size: 20px;
}
.base-text-column.f20 .tit {
  float: left;
  margin-right: 20px;
}
.base-text-column.f20 .tip {
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: #999;
}

.box-column {
  padding-bottom: 20px;
}
.box-column .title {
  float: left;
  margin-right: 12px;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  color: #333;
}
.box-column .title span {
  font-size: 18px;
  font-weight: 400;
  color: #999;
}
.box-column .more {
  float: right;
  font-size: 14px;
  line-height: 24px;
}
.box-column .tip {
  font-size: 14px;
  line-height: 24px;
  color: #999;
}
.box-column .comment {
  float: left;
}
.box-column .comment-input-text-number {
  float: right;
}
.box-column.bc2 .title {
  font-size: 20px;
}
.box-column.bc3 {
  padding-top: 20px;
  border-bottom: 3px solid #e3e3e3;
}
.box-column.bc3 .title {
  position: relative;
}
.box-column.bc3 .title:after, .box-column.bc3 .title::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -23px;
  width: 100%;
  height: 3px;
  background-color: #fe791d;
}
.box-column.bc3 .tousu-count {
  float: right;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.box-column.bc3 .tousu-count em {
  font-size: 20px;
  color: #fe791d;
}
.box-column.bc4 {
  padding-top: 34px;
  padding-bottom: 17px;
  border-bottom: 0;
}
.box-column.bc4 .title {
  position: relative;
}
.box-column.bc4 .title:after, .box-column.bc4 .title::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -17px;
  width: 100%;
  height: 3px;
  background-color: #fe791d;
}
.box-column.bc5 {
  padding-bottom: 24px;
}
.box-column.bc5 .mini-tab {
  float: right;
  margin-top: 8px;
}
.box-column.bc5 .mini-tab li {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #e3e3e3;
  font-size: 0;
}
.box-column.bc5 .mini-tab li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.box-column.bc5 .mini-tab li a {
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.box-column.bc5 .mini-tab li.active a {
  color: #333;
}
.box-column.bc5 .btn-renew {
  position: relative;
  float: right;
  margin-top: 4px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #999;
}
.box-column.bc5 .btn-renew:before, .box-column.bc5 .btn-renew::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 2px;
  width: 17px;
  height: 19px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -275px -34px;
}
.box-column.bc5 .btn-renew:hover {
  color: #fe791d;
}
.box-column.bc5 .btn-renew:hover:before, .box-column.bc5 .btn-renew:hover::before {
  background-position: -275px -53px;
}
.box-column.bc6 {
  padding-bottom: 30px;
}

.pagination {
  height: 26px;
  line-height: 26px;
  font-size: 0;
  text-align: center;
  color: #333;
}
.pagination .pag-tip {
  margin-right: 10px;
  font-size: 16px;
}
.pagination .pag-ellipsis {
  font-size: 16px;
}
.pagination .page {
  display: inline-block;
  height: 24px;
  margin: 0 5px;
  padding: 0 8px;
  border: 1px solid #fff;
  font-size: 16px;
  text-align: center;
}
.pagination .page:hover {
  border: 1px solid #fe791d;
  line-height: 24px;
  border-radius: 4px;
}
.pagination .page.prev, .pagination .page.next {
  position: relative;
  margin-bottom: -8px;
  overflow: hidden;
  line-height: 10000%;
}
.pagination .page.prev:before, .pagination .page.prev::before, .pagination .page.next:before, .pagination .page.next::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 16px;
  margin-top: -8px;
  margin-left: -5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.pagination .page.prev:hover, .pagination .page.next:hover {
  border-color: #fff;
}
.pagination .page.prev:before, .pagination .page.prev::before {
  background-position: -159px -77px;
}
.pagination .page.prev.disabled:before, .pagination .page.prev.disabled::before {
  background-position: -132px -77px;
  cursor: not-allowed;
}
.pagination .page.next:before, .pagination .page.next::before {
  background-position: -172px -77px;
}
.pagination .page.next.disabled:before, .pagination .page.next.disabled::before {
  background-position: -146px -77px;
  cursor: not-allowed;
}
.pagination .page.current {
  background: #fe791d;
  color: #fff;
  border-radius: 4px;
}
.pagination .page:hover.prev:before, .pagination .page:hover.prev::before {
  background-position: -185px -77px;
}
.pagination .page:hover.prev.disabled:before, .pagination .page:hover.prev.disabled::before {
  background-position: -132px -77px;
  cursor: not-allowed;
}
.pagination .page:hover.next:before, .pagination .page:hover.next::before {
  background-position: -198px -77px;
}
.pagination .page:hover.next.disabled:before, .pagination .page:hover.next.disabled::before {
  background-position: -146px -77px;
  cursor: not-allowed;
}
.pagination.pdtb20 {
  padding: 20px 0;
}

.pagination-two {
  font-size: 0;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.pagination-two ul {
  width: 100%;
  height: 42px;
  font-size: 0;
}
.pagination-two ul li {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  margin-left: -1px;
  border: 1px solid #7d7d7d;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
  background-color: #fff;
}
.pagination-two ul li:hover a,
.pagination-two ul li:hover a:hover {
  color: #fe791d;
}
.pagination-two ul li a {
  display: block;
  width: 100%;
  height: 40px;
  overflow: hidden;
  color: #333;
}
.pagination-two ul li a span {
  display: inline-block;
  padding: 0 5px;
}
.pagination-two ul li a:hover {
  color: #fe791d;
}
.pagination-two ul li.current {
  background-color: #fe791d;
}
.pagination-two ul li.current a,
.pagination-two ul li.current a:hover {
  color: #fff;
}
.pagination-two ul li.prev a, .pagination-two ul li.next a {
  position: relative;
  line-height: 100000%;
}
.pagination-two ul li.prev a:after, .pagination-two ul li.prev a::after, .pagination-two ul li.next a:after, .pagination-two ul li.next a::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 16px;
  margin-top: -8px;
  margin-left: -5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.pagination-two ul li.prev {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-two ul li.prev:hover {
  background: none;
}
.pagination-two ul li.prev a:after, .pagination-two ul li.prev a::after {
  background-position: -159px -77px;
}
.pagination-two ul li.prev a:hover:after, .pagination-two ul li.prev a:hover::after {
  background-position: -185px -77px;
}
.pagination-two ul li.prev.disabled a:after, .pagination-two ul li.prev.disabled a::after {
  background-position: -132px -77px;
  cursor: not-allowed;
}
.pagination-two ul li.next {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-two ul li.next:hover {
  background: none;
}
.pagination-two ul li.next a:after, .pagination-two ul li.next a::after {
  background-position: -172px -77px;
}
.pagination-two ul li.next a:hover:after, .pagination-two ul li.next a:hover::after {
  background-position: -198px -77px;
}
.pagination-two ul li.next.disabled a:after, .pagination-two ul li.next.disabled a::after {
  background-position: -146px -76px;
  cursor: not-allowed;
}
.pagination-two ul li.count {
  border: 0;
  margin-right: 13px;
  font-size: 16px;
  line-height: 42px;
  vertical-align: top;
  color: #999;
}
.pagination-two ul li.count em {
  display: inline-block;
  padding: 0 2px;
  font-style: normal;
}
.pagination-two ul li.count:hover {
  background: none;
}
.pagination-two ul li.ellipsis {
  border: 0 !important;
  width: 42px;
  height: 42px;
  line-height: 42px;
  vertical-align: top;
  background: none;
}
.pagination-two ul li.all {
  margin-left: 10px;
  border-radius: 4px;
}
.pagination-two ul li.all a {
  border-radius: 4px;
}
.pagination-two ul li.all a span {
  padding: 0 12px;
}

.btn-orange1 {
  color: #fff;
  background: #fe791d;
}
.btn-orange1:hover {
  color: #fff;
  background: #ec6c13;
}

.btn-orange2 {
  color: #fe791d;
  background: #fff;
  border: 1px solid #fe791d;
}
.btn-orange2:hover {
  color: #fff;
  background: #fe791d;
}

.custom-select-box {
  position: relative;
  display: inline-block;
  width: 160px;
}
.custom-select-box > dt {
  position: relative;
  width: 116px;
  padding: 12px 32px 12px 10px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #999;
  font-size: 14px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.custom-select-box > dt:after, .custom-select-box > dt::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 10px;
  height: 0;
  width: 0;
  border-top: 6px solid #808080;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 0;
  margin-top: -3px;
}
.custom-select-box > dt.current:after, .custom-select-box > dt.current::after {
  border-top: 0;
  border-bottom: 6px solid #808080;
}
.custom-select-box > dt.selected {
  color: #808080;
}
.custom-select-box > dd {
  position: absolute;
  top: 39px;
  left: 0;
  z-index: 99;
  display: block;
  width: 100%;
  background: #fff;
  display: none;
}
.custom-select-box > dd > ul {
  max-height: 230px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e6e6e6;
}
.custom-select-box > dd > ul > li {
  margin: 0;
}
.custom-select-box > dd > ul > li a {
  display: block;
  line-height: 28px;
  padding: 0 10px;
  background: #fff;
  white-space: nowrap;
}
.custom-select-box > dd > ul > li a em {
  font-style: normal;
}
.custom-select-box > dd > ul > li a:hover {
  background: #f8f8f8;
}
.custom-select-box > dd > ul > li a.column {
  background: #f0f0f0;
  color: #333;
  font-weight: 700;
}
.custom-select-box.disabled > dt {
  color: #e6e6e6;
  cursor: not-allowed;
}
.custom-select-box.disabled > dt:after, .custom-select-box.disabled > dt::after {
  border-top: 6px solid #e6e6e6;
}
.custom-select-box.w380 {
  width: 380px;
}
.custom-select-box.w380 > dt {
  width: 336px;
}
.custom-select-box.w215 {
  width: 215px;
}
.custom-select-box.w215 > dt {
  width: 171px;
}
.custom-select-box.w212 {
  width: 212px;
}
.custom-select-box.w212 > dt {
  width: 168px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.custom-select-box.w212 > dd {
  top: 33px;
}
.custom-select-box.w190h36 {
  width: 190px;
}
.custom-select-box.w190h36 > dt {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #333;
}
.custom-select-box.w190h36 > dd {
  top: 38px;
}
.custom-select-box.w190h36.disabled > dt {
  color: #e6e6e6;
}
.custom-select-box.w192 {
  width: 192px;
}
.custom-select-box.w192 > dt {
  width: 148px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 4px;
}
.custom-select-box.w192 > dd {
  top: 33px;
}
.custom-select-box.w192 > dd > ul {
  border-radius: 4px;
}
.custom-select-box.w126 {
  width: 126px;
}
.custom-select-box.w126 > dt {
  width: 82px;
}
.custom-select-box.w70 {
  width: 70px;
}
.custom-select-box.w70 > dt {
  width: 26px;
}
.custom-select-box.tousu-filter-select {
  width: 140px;
}
.custom-select-box.tousu-filter-select > dt {
  width: 96px;
  padding: 7px 32px 7px 10px;
  border-radius: 4px;
}
.custom-select-box.tousu-filter-select > dd {
  top: 30px;
}
.custom-select-box.tousu-filter-select > dd > ul {
  border-radius: 4px;
}
.custom-select-box.tousu-filter-select > dd > ul > li {
  padding: 0;
}
.custom-select-box.h50 > dt {
  padding: 15px 42px 15px 20px;
  font-size: 18px;
  border-radius: 4px;
}
.custom-select-box.h50 > dt:after, .custom-select-box.h50 > dt::after {
  right: 15px;
}
.custom-select-box.h50 > dd {
  top: 52px;
}
.custom-select-box.h50 > dd > ul {
  width: auto !important;
  border-radius: 4px;
}
.custom-select-box.w210 {
  width: 210px;
}
.custom-select-box.w210 > dt {
  width: 146px;
}
.custom-select-box.w390 {
  width: 390px;
}
.custom-select-box.w390 > dt {
  width: 326px;
}
.custom-select-box.w330 {
  width: 330px;
}
.custom-select-box.w330 > dt {
  width: 266px;
}
.custom-select-box.w300 {
  width: 300px;
}
.custom-select-box.w300 > dt {
  width: 256px;
  color: #333;
}
.custom-select-box.w300 > dd {
  top: 38px;
}
.custom-select-box.w300.h34 > dt {
  padding-top: 9px;
  padding-bottom: 9px;
}
.custom-select-box.w300.h34 > dd {
  top: 38px;
}

.icon-view {
  position: relative;
  padding-left: 26px;
}
.icon-view:before, .icon-view::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 21px;
  height: 14px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -61px;
}

.icon-view2 {
  position: relative;
  padding-left: 20px;
}
.icon-view2:before, .icon-view2::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 0;
  width: 16px;
  height: 13px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -312px -34px;
}

.icon-comment {
  position: relative;
  padding-left: 22px;
}
.icon-comment:before, .icon-comment::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -22px -61px;
}
.icon-comment.ic-comment2 {
  padding-left: 24px;
}
.icon-comment.ic-comment2:before, .icon-comment.ic-comment2::before {
  width: 17px;
  height: 16px;
  background-position: -188px -52px;
}

.img-news-title {
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.img-news-title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 40px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
}

.img-news-title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d, endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}

.user-comment-box1,
.user-comment-publish-box1,
.user-comment-list-box1 {
  width: 100%;
}

.user-comment-publish-box1 .top {
  height: 100px;
}
.user-comment-publish-box1 .top .hd {
  float: left;
  margin-right: 18px;
}
.user-comment-publish-box1 .top .hd .user-photo {
  display: block;
  width: 50px;
  height: 50px;
}
.user-comment-publish-box1 .top .bd {
  overflow: hidden;
  height: 74px;
  padding: 10px;
  border: 3px solid #f0f0f0;
  background: #fff;
}
.user-comment-publish-box1 .top .bd .user-comment-textarea {
  width: 99.5%;
  height: 74px;
  border: none;
  font-size: 14px;
  line-height: 1.5;
  resize: none;
  outline: none;
}
.user-comment-publish-box1 .bottom .btn-publish {
  float: right;
  display: block;
  width: 100px;
  height: 36px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  border-radius: 18px;
}

.user-comment-list-box1 .list li {
  margin-bottom: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #e5e5e5;
}
.user-comment-list-box1 .list li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.user-comment-list-box1 .list li .hd {
  float: left;
  margin-right: 20px;
}
.user-comment-list-box1 .list li .hd img {
  display: block;
  width: 50px;
  height: 50px;
}
.user-comment-list-box1 .list li .bd {
  overflow: hidden;
}

.conment-content .top {
  padding-bottom: 12px;
}
.conment-content .top .name {
  font-size: 20px;
  line-height: 1;
  color: #333;
  margin-right: 12px;
}
.conment-content .top .time {
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
.conment-content .middle {
  padding-bottom: 30px;
}
.conment-content .middle .desc {
  padding-bottom: 12px;
  color: #333;
  font-size: 16px;
  line-height: 28px;
  word-break: break-all;
  word-wrap: break-word;
}
.conment-content .middle .interaction {
  font-size: 14px;
  line-height: 16px;
  text-align: right;
}
.conment-content .middle .interaction a {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 23px;
  color: #999;
}
.conment-content .middle .interaction a:last-child {
  margin-right: 0;
}
.conment-content .middle .interaction a:before, .conment-content .middle .interaction a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.conment-content .middle .interaction a.comment-count:before, .conment-content .middle .interaction a.comment-count::before {
  width: 17px;
  height: 16px;
  background-position: -188px -52px;
}
.conment-content .middle .interaction a.comment-like-count:before, .conment-content .middle .interaction a.comment-like-count::before {
  width: 15px;
  height: 16px;
  background-position: -172px -52px;
}
.conment-content .bottom {
  padding: 15px 20px;
  background-color: #f7f7f7;
  color: #666;
  font-size: 14px;
}
.conment-content .bottom .item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.conment-content .bottom .item:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.conment-content .bottom .item .desc {
  padding-bottom: 6px;
  line-height: 1.6;
  word-break: break-all;
  word-wrap: break-word;
}
.conment-content .bottom .item .info {
  line-height: 16px;
}
.conment-content .bottom .item .info .time {
  float: left;
}
.conment-content .bottom .item .info .interaction {
  float: right;
}
.conment-content .bottom .item .info .interaction a {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 23px;
  color: #999;
}
.conment-content .bottom .item .info .interaction a:last-child {
  margin-right: 0;
}
.conment-content .bottom .item .info .interaction a:before, .conment-content .bottom .item .info .interaction a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.conment-content .bottom .item .info .interaction a.comment-count:before, .conment-content .bottom .item .info .interaction a.comment-count::before {
  width: 17px;
  height: 16px;
  background-position: -188px -52px;
}
.conment-content .bottom .item .info .interaction a.comment-like-count:before, .conment-content .bottom .item .info .interaction a.comment-like-count::before {
  width: 15px;
  height: 16px;
  background-position: -172px -52px;
}
.conment-content .bottom .item.reply .desc .name {
  color: #333;
}
.conment-content .bottom .item.reply .desc .name.mr {
  margin-right: 5px;
}
.conment-content .bottom .item.reply .desc .name.ml {
  margin-left: 5px;
}

.base-comment-publish-box {
  width: 100%;
  padding-top: 15px;
  display: none;
}
.base-comment-publish-box .bcpb-top {
  height: 74px;
  padding: 10px;
  border: 3px solid #f0f0f0;
  background: #fff;
}
.base-comment-publish-box .bcpb-top .user-comment-textarea {
  width: 99.5%;
  height: 74px;
  border: none;
  font-size: 14px;
  line-height: 1.5;
  resize: none;
  outline: none;
}
.base-comment-publish-box .bcpb-bottom .btn-publish {
  float: right;
  display: block;
  width: 100px;
  height: 36px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  border-radius: 18px;
}

.comment-load-more {
  display: block;
  width: 100%;
  height: 40px;
  background: #f7f7f7;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #999;
  cursor: pointer;
  border-radius: 4px;
}
.comment-load-more:hover {
  background: #f0f0f0;
  color: #333;
}

.load-more {
  display: block;
  width: 240px;
  height: 60px;
  margin: 0 auto;
  background: #fe791d;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  border-radius: 30px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.13);
}
.load-more:hover {
  color: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
.load-more:after, .load-more::after {
  position: relative;
  top: -2px;
  content: "";
  display: inline-block;
  width: 13px;
  height: 8px;
  margin-left: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -290px -22px;
}

.base-focus-bxslider {
  position: relative;
}
.base-focus-bxslider .bx-controls .bx-pager {
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0;
  font-size: 0;
  text-align: center;
}
.base-focus-bxslider .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
}
.base-focus-bxslider .bx-controls .bx-pager .bx-pager-item a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  border: 1px solid #9c9c9c;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 10000%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.base-focus-bxslider .bx-controls .bx-pager .bx-pager-item a.active {
  width: 30px;
  background: #fe791d;
  border-color: #fe791d;
}
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-prev,
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 36px;
  height: 72px;
  margin-top: -36px;
  overflow: hidden;
  line-height: 10000%;
  background-color: rgba(0, 0, 0, 0.4);
}
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-prev:after, .base-focus-bxslider .bx-controls .bx-controls-direction .bx-prev::after,
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-next:after,
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 28px;
  margin: -14px 0 0 -8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-prev:hover,
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-next:hover {
  background-color: #fe791d;
}
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-prev {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  left: 0;
}
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-prev:after, .base-focus-bxslider .bx-controls .bx-controls-direction .bx-prev::after {
  background-position: -47px -30px;
}
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-next {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  right: 0;
}
.base-focus-bxslider .bx-controls .bx-controls-direction .bx-next:after, .base-focus-bxslider .bx-controls .bx-controls-direction .bx-next::after {
  background-position: -64px -30px;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

.popup-layers {
  position: absolute;
  z-index: 1001;
  display: none;
}
.popup-layers .popup-close {
  position: absolute;
  padding: 5px;
  overflow: hidden;
  cursor: pointer;
}
.popup-layers .popup-close i {
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  line-height: 100000%;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -372px -32px;
}
.popup-layers .popup-close:hover i {
  background-position: -392px -32px;
}

.login-box-01 {
  width: 810px;
  height: 446px;
  background-color: #fff;
  border-radius: 10px;
}
.login-box-01.login-small {
  width: 454px;
}
.login-box-01 .form-register li {
  padding-bottom: 12px;
}
.login-box-01 .form-register li.btn {
  padding-top: 18px;
  padding-bottom: 18px;
}
.login-box-01 .form-register li.error-tips {
  padding: 0;
  color: red;
  font-size: 12px;
}
.login-box-01 .other-account li {
  float: left;
}
.login-box-01 .other-account li.pr {
  padding-right: 60px;
}
.login-box-01 .other-account li a {
  display: block;
  width: 60px;
  text-align: center;
}
.login-box-01 .other-account li a i {
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.login-box-01 .other-account li a i.ic-qq {
  background-position: -456px -420px;
}
.login-box-01 .other-account li a i.ic-weibo {
  background-position: -456px -485px;
}
.login-box-01 .popup-close {
  top: 25px;
  right: 25px;
}
.login-box-01 .login-title {
  height: 63px;
  padding-top: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.login-box-01 .login-title .logo {
  display: block;
  width: 206px;
  height: 30px;
  overflow: hidden;
  margin: 0 auto;
  line-height: 100000%;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.login-box-01 .login-con {
  width: 100%;
  height: 346px;
}
.login-box-01 .login-con dl {
  float: left;
  height: 322px;
  padding-top: 30px;
  padding-left: 62px;
}
.login-box-01 .login-con dl dt {
  color: #999;
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 30px;
}
.login-box-01 .login-con dl.login-box {
  width: 330px;
  padding-right: 62px;
}
.login-box-01 .login-con .input-box {
  position: relative;
  height: 24px;
  padding: 7px 20px 7px 58px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
}
.login-box-01 .login-con .input-box .icon {
  position: absolute;
  top: 7px;
  left: 0;
  width: 38px;
  height: 24px;
  border-right: 1px solid #ccc;
}
.login-box-01 .login-con .input-box .icon i {
  display: block;
  overflow: hidden;
  margin: 3px auto 0;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.login-box-01 .login-con .input-box .icon i.ic-user {
  width: 19px;
  height: 18px;
  background-position: -412px -420px;
}
.login-box-01 .login-con .input-box .icon i.ic-password {
  width: 15px;
  height: 19px;
  background-position: -436px -420px;
}
.login-box-01 .login-con .input-box input {
  display: inline-block;
  width: 100%;
  height: 24px;
  border: 0;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  outline: none;
}
.login-box-01 .login-con .login-btn {
  display: block;
  width: 330px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  background-color: #fe791d;
  border-radius: 4px;
}
.login-box-01 .login-con .login-btn:hover {
  background-color: #ec6c13;
}
.login-box-01 .coustom-checkbox {
  cursor: pointer;
  user-select: none;
}
.login-box-01 .coustom-checkbox .ic-radio {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 10px;
  background-color: #fe791d;
  border-radius: 2px;
}
.login-box-01 .coustom-checkbox.selected .ic-radio:after, .login-box-01 .coustom-checkbox.selected .ic-radio::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 13px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -392px -422px;
}
.login-box-01 .control-more {
  float: right;
}
.login-box-01 .control-more span {
  color: #dadada;
  padding: 0 8px;
}

.sales-info-pop-show {
  width: 520px;
  height: 376px;
  background: #fff;
}
.sales-info-pop-show .popup-close {
  top: 10px;
  right: 10px;
}
.sales-info-pop-show .pd {
  text-align: center;
}
.sales-info-pop-show .si-content,
.sales-info-pop-show .si-shop {
  position: relative;
  width: 240px;
  padding: 0 10px;
}
.sales-info-pop-show .si-content {
  float: left;
}
.sales-info-pop-show .si-content .line {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 1px;
  height: 80%;
  background-color: #ccc;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.sales-info-pop-show .si-shop {
  float: right;
}
.sales-info-pop-show .si-shop .tip {
  font-size: 16px;
  line-height: 1.6;
}
.sales-info-pop-show .si-shop .weapp-qrcode-img {
  padding-top: 20px;
}
.sales-info-pop-show .si-shop .weapp-qrcode-img img {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.sales-info-pop-show .title {
  padding-top: 30px;
  padding-bottom: 45px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  color: #666;
}
.sales-info-pop-show .img {
  padding-bottom: 25px;
  font-size: 0;
  text-align: center;
}
.sales-info-pop-show .img img {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.sales-info-pop-show .name {
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.sales-info-pop-show .dname {
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 22px;
}
.sales-info-pop-show .contact-sales {
  font-size: 18px;
  line-height: 1;
}
.sales-info-pop-show .contact-sales:before, .sales-info-pop-show .contact-sales::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -423px 0;
}

.error-404 {
  text-align: center;
  height: auto !important;
  height: 500px;
  min-height: 500px;
}
.error-404 .pic-404 {
  margin: 100px 0 0 0;
}
.error-404 p.error-tips {
  font-size: 34px;
  margin: 40px 0 20px;
  color: #999;
  text-align: center;
}
.error-404 .go-home a {
  border-bottom: 1px dotted #999;
}
.error-404 .go-home a:hover {
  border-color: #fe791d;
}

.box-300x400 {
  position: relative;
  width: 250px;
  height: 14px;
  padding: 12px 26px 12px 12px;
  border: 1px solid #fe281d;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #fe281d;
  border-radius: 4px;
}
.box-300x400 .box-tips {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 12px;
  padding: 2px 1px;
  border: 1px solid #bfbfbf;
  font-size: 12px;
  line-height: 1;
  color: #bfbfbf;
  border-radius: 4px;
}
.box-300x400 a {
  color: #fe281d;
}

.box-277x483 {
  width: 277px;
  height: 483px;
  overflow: hidden;
}
.box-277x483 img {
  display: block;
  width: 100%;
  height: 100%;
}

.box-290x146 {
  width: 290px;
  height: 146px;
  overflow: hidden;
}
.box-290x146 img {
  display: block;
  width: 100%;
  height: 100%;
}

.box-300x330 {
  width: 300px;
  height: 330px;
  overflow: hidden;
}
.box-300x330 img {
  display: block;
  width: 100%;
  height: 100%;
}

.box-1200x74 {
  width: 1200px;
  height: 74px;
  overflow: hidden;
}
.box-1200x74 img {
  display: block;
  width: 100%;
  height: 100%;
}

.box-898x74 {
  width: 898px;
  height: 74px;
  overflow: hidden;
}
.box-898x74 img {
  display: block;
  width: 100%;
  height: 100%;
}

.box-290x74 {
  width: 290px;
  height: 74px;
  overflow: hidden;
}
.box-290x74 img {
  display: block;
  width: 100%;
  height: 100%;
}

.index-focus-box {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 500px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #ccc;
}
.index-focus-box ul.index-focus-slider {
  position: relative;
}
.index-focus-box ul.index-focus-slider li {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  width: 100%;
  height: 500px;
  background-position: top center;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.index-focus-box ul.index-focus-slider li.active {
  z-index: 1;
  opacity: 1;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.index-focus-box ul.index-focus-slider li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.index-focus-box ul.index-focus-slider li a .title {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: auto;
  padding: 15px;
  font-size: 28px;
  line-height: 1;
  color: #fe791d;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
  border-radius: 6px;
  display: none;
}
.index-focus-box .index-focus-nav {
  position: absolute;
  left: 50%;
  bottom: 15px;
  z-index: 99;
  width: auto;
  font-size: 0;
  text-align: center;
}
.index-focus-box .index-focus-nav li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 6px;
  cursor: pointer;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #bfbfbf;
  background-color: #fff;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.index-focus-box .index-focus-nav li.active {
  width: 30px;
  border-color: #fe791d;
  background-color: #fe791d;
}
.index-focus-box .btn-prev,
.index-focus-box .btn-next {
  position: absolute;
  top: 50%;
  z-index: 99;
  display: block;
  width: 36px;
  height: 72px;
  overflow: hidden;
  line-height: 10000%;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  cursor: pointer;
  display: none;
}
.index-focus-box .btn-prev:after, .index-focus-box .btn-prev::after,
.index-focus-box .btn-next:after,
.index-focus-box .btn-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 28px;
  margin: -14px 0 0 -8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.index-focus-box .btn-prev:hover,
.index-focus-box .btn-next:hover {
  background-color: #fe791d;
}
.index-focus-box .btn-prev {
  left: 40px;
}
.index-focus-box .btn-prev:after, .index-focus-box .btn-prev::after {
  background-position: -47px -30px;
}
.index-focus-box .btn-next {
  right: 40px;
}
.index-focus-box .btn-next:after, .index-focus-box .btn-next::after {
  background-position: -64px -30px;
}
.index-focus-box:hover .btn-prev,
.index-focus-box:hover .btn-next {
  display: block;
}

.car-class-nav {
  height: 50px;
  background: #f8f8f8;
}
.car-class-nav ul {
  width: 1200px;
  height: 30px;
  margin: 0 auto;
  padding: 10px 0;
}
.car-class-nav ul li {
  float: left;
  padding-right: 32px;
  font-size: 14px;
}
.car-class-nav ul li.last {
  padding-right: 0;
}
.car-class-nav ul li a {
  position: relative;
  display: block;
  height: 30px;
  overflow: hidden;
}
.car-class-nav ul li a::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
  height: 29px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.car-class-nav ul li.xin a {
  padding-left: 68px;
  line-height: 35px;
}
.car-class-nav ul li.xin a::before {
  width: 62px;
  background-position: 0 -146px;
}
.car-class-nav ul li.wei a {
  padding-left: 47px;
  line-height: 37px;
}
.car-class-nav ul li.wei a::before {
  width: 39px;
  background-position: -63px -146px;
}
.car-class-nav ul li.xiao a {
  padding-left: 51px;
  line-height: 34px;
}
.car-class-nav ul li.xiao a::before {
  width: 43px;
  background-position: -103px -146px;
}
.car-class-nav ul li.jin a {
  padding-left: 57px;
  line-height: 33px;
}
.car-class-nav ul li.jin a::before {
  width: 51px;
  background-position: -147px -146px;
}
.car-class-nav ul li.zhong a {
  padding-left: 55px;
  line-height: 33px;
}
.car-class-nav ul li.zhong a::before {
  width: 47px;
  background-position: -199px -146px;
}
.car-class-nav ul li.zhongda a {
  padding-left: 63px;
  line-height: 31px;
}
.car-class-nav ul li.zhongda a::before {
  width: 56px;
  background-position: -247px -146px;
}
.car-class-nav ul li.haohua a {
  padding-left: 60px;
  line-height: 36px;
}
.car-class-nav ul li.haohua a::before {
  width: 53px;
  background-position: -304px -146px;
}
.car-class-nav ul li.mpv a {
  padding-left: 52px;
  line-height: 35px;
}
.car-class-nav ul li.mpv a::before {
  width: 44px;
  background-position: -358px -146px;
}
.car-class-nav ul li.suv a {
  padding-left: 52px;
  line-height: 35px;
}
.car-class-nav ul li.suv a::before {
  width: 44px;
  background-position: -403px -146px;
}
.car-class-nav ul li.roadster a {
  padding-left: 76px;
  line-height: 34px;
}
.car-class-nav ul li.roadster a::before {
  width: 68px;
  background-position: -448px -146px;
}

.hot-car-row {
  height: 40px;
  padding: 20px 0 40px;
}
.hot-car-row .hd {
  float: left;
  font-size: 18px;
  line-height: 40px;
  color: #333;
}
.hot-car-row .bd {
  float: right;
  padding: 0 54px;
}

.hot-car-wrapper {
  position: relative;
}
.hot-car-wrapper .prev,
.hot-car-wrapper .next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  line-height: 10000%;
  background: #edf0f5;
  border-radius: 2px;
}
.hot-car-wrapper .prev:after, .hot-car-wrapper .prev::after,
.hot-car-wrapper .next:after,
.hot-car-wrapper .next::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 10px;
  margin-top: -5px;
  margin-left: -3px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.hot-car-wrapper .prev:hover,
.hot-car-wrapper .next:hover {
  background: #fe791d;
}
.hot-car-wrapper .prev {
  left: 0;
}
.hot-car-wrapper .prev:after, .hot-car-wrapper .prev::after {
  background-position: -184px -30px;
}
.hot-car-wrapper .prev:hover:after, .hot-car-wrapper .prev:hover::after {
  background-position: -184px -41px;
}
.hot-car-wrapper .prev.disabled:after, .hot-car-wrapper .prev.disabled::after {
  background-position: -211px -77px;
}
.hot-car-wrapper .prev.disabled:hover {
  background: #edf0f5;
}
.hot-car-wrapper .prev.disabled:hover:after, .hot-car-wrapper .prev.disabled:hover::after {
  background-position: -211px -77px;
}
.hot-car-wrapper .next {
  right: 0;
}
.hot-car-wrapper .next:after, .hot-car-wrapper .next::after {
  background-position: -191px -30px;
}
.hot-car-wrapper .next:hover:after, .hot-car-wrapper .next:hover::after {
  background-position: -191px -41px;
}
.hot-car-wrapper .next.disabled:after, .hot-car-wrapper .next.disabled::after {
  background-position: -218px -77px;
}
.hot-car-wrapper .next.disabled:hover {
  background: #edf0f5;
}
.hot-car-wrapper .next.disabled:hover:after, .hot-car-wrapper .next.disabled:hover::after {
  background-position: -218px -77px;
}

.hot-car-box {
  position: relative;
  width: 1008px;
  height: 40px;
  overflow: hidden;
}
.hot-car-box .hot-car-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px;
}
.hot-car-box .hot-car-item {
  float: left;
  width: 144px;
  height: 40px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.hot-car-box .hot-car-item .name {
  padding-bottom: 8px;
}
.hot-car-box .hot-car-item .more a {
  display: inline-block;
  padding: 0 2px;
  color: #999;
}
.hot-car-box .hot-car-item .more a:hover {
  color: #fe791d;
}
.hot-car-box .bx-controls .bx-pager {
  display: none;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev,
.hot-car-box .bx-controls .bx-controls-direction .bx-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  line-height: 10000%;
  background: #edf0f5;
  border-radius: 2px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev::after,
.hot-car-box .bx-controls .bx-controls-direction .bx-next::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 10px;
  margin-top: -5px;
  margin-left: -3px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev:after,
.hot-car-box .bx-controls .bx-controls-direction .bx-next:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 10px;
  margin-top: -5px;
  margin-left: -3px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev:hover,
.hot-car-box .bx-controls .bx-controls-direction .bx-next:hover {
  background: #fe791d;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev {
  left: -42px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev:after {
  background-position: -184px -30px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev::after {
  background-position: -184px -30px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev:hover:after {
  background-position: -184px -41px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-prev:hover::after {
  background-position: -184px -41px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-next {
  right: -42px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-next:after {
  background-position: -191px -30px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-next::after {
  background-position: -191px -30px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-next:hover:after {
  background-position: -191px -41px;
}
.hot-car-box .bx-controls .bx-controls-direction .bx-next:hover::after {
  background-position: -191px -41px;
}

.focus-today-news {
  height: 312px;
  overflow: hidden;
}
.focus-today-news .focus-slider-news {
  position: relative;
  float: left;
  width: 468px;
  height: 312px;
  margin-right: 23px;
}
.focus-today-news .focus-text-news {
  float: left;
  width: 396px;
  height: 312px;
  overflow: hidden;
}
.focus-today-news .focus-side {
  float: right;
  width: 290px;
  height: 312px;
  overflow: hidden;
}

.focus-slider-news ul.index-focus-news li a {
  position: relative;
  display: block;
  width: 468px;
  height: 312px;
  overflow: hidden;
}
.focus-slider-news ul.index-focus-news li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.focus-slider-news ul.index-focus-news li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.focus-slider-news ul.index-focus-news li a:hover .img-news-title-hover-bg {
  width: 100%;
}
.focus-slider-news .bx-controls .bx-pager {
  position: absolute;
  width: 100%;
  bottom: 40px;
  left: 0;
  font-size: 0;
  text-align: center;
}
.focus-slider-news .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
}
.focus-slider-news .bx-controls .bx-pager .bx-pager-item a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  border: 1px solid #9c9c9c;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 10000%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.focus-slider-news .bx-controls .bx-pager .bx-pager-item a.active {
  width: 30px;
  background: #fe791d;
  border-color: #fe791d;
}
.focus-slider-news .bx-controls .bx-controls-direction {
  display: none;
}
.focus-slider-news .bx-controls .bx-controls-direction .bx-prev,
.focus-slider-news .bx-controls .bx-controls-direction .bx-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 36px;
  height: 72px;
  margin-top: -36px;
  overflow: hidden;
  line-height: 10000%;
  background-color: rgba(0, 0, 0, 0.4);
}
.focus-slider-news .bx-controls .bx-controls-direction .bx-prev:after, .focus-slider-news .bx-controls .bx-controls-direction .bx-prev::after,
.focus-slider-news .bx-controls .bx-controls-direction .bx-next:after,
.focus-slider-news .bx-controls .bx-controls-direction .bx-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 28px;
  margin: -14px 0 0 -8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.focus-slider-news .bx-controls .bx-controls-direction .bx-prev:hover,
.focus-slider-news .bx-controls .bx-controls-direction .bx-next:hover {
  background-color: #fe791d;
}
.focus-slider-news .bx-controls .bx-controls-direction .bx-prev {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  left: 0;
}
.focus-slider-news .bx-controls .bx-controls-direction .bx-prev:after, .focus-slider-news .bx-controls .bx-controls-direction .bx-prev::after {
  background-position: -47px -30px;
}
.focus-slider-news .bx-controls .bx-controls-direction .bx-next {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  right: 0;
}
.focus-slider-news .bx-controls .bx-controls-direction .bx-next:after, .focus-slider-news .bx-controls .bx-controls-direction .bx-next::after {
  background-position: -64px -30px;
}
.focus-slider-news:hover .bx-controls .bx-controls-direction {
  display: block;
}

.focus-text-news {
  font-size: 16px;
  line-height: 1;
}
.focus-text-news .title {
  font-size: 24px;
  padding-bottom: 20px;
}
.focus-text-news .title a {
  display: block;
  width: 100%;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
  color: #333;
}
.focus-text-news .title a:hover {
  color: #fe791d;
}
.focus-text-news .news-line {
  padding: 11px 0;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
  font-size: 0;
  -webkit-text-size-adjust: none;
}
.focus-text-news .news-line.first {
  padding-top: 5px;
}
.focus-text-news .news-line span {
  position: relative;
  display: inline-block;
  padding: 0 9px;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.focus-text-news .news-line span.first, .focus-text-news .news-line span:first-child {
  padding-left: 0;
}
.focus-text-news .news-line span:after, .focus-text-news .news-line span::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #cbcfd2;
}
.focus-text-news .news-line span.last:after, .focus-text-news .news-line span.last::after, .focus-text-news .news-line span:last-child:after, .focus-text-news .news-line span:last-child::after {
  display: none;
}
.focus-text-news .news-line span a {
  font-size: 16px;
  line-height: 1;
  color: #666;
}
.focus-text-news .news-line span a:hover {
  color: #fe791d;
}
.focus-text-news .news-line span a.red {
  color: #f43636;
}
.focus-text-news .news-line span a.video:before, .focus-text-news .news-line span a.video::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-bottom: -5px;
  margin-right: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -285px -77px;
}

.index-tousu-list {
  height: 308px;
}
.index-tousu-list ul {
  width: 1215px;
}
.index-tousu-list ul li {
  float: left;
  width: 228px;
  height: 308px;
  margin-right: 15px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.index-tousu-list ul li:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.index-tousu-list .img {
  overflow: hidden;
}
.index-tousu-list .img a {
  position: relative;
  display: block;
}
.index-tousu-list .img a img {
  display: block;
  width: 228px;
  height: 186px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.index-tousu-list .img a .icon-video {
  content: "";
  position: absolute;
  display: inline-block;
  right: 12px;
  bottom: 20px;
  width: 32px;
  height: 32px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -330px;
}
.index-tousu-list .img a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.index-tousu-list .img a:hover .icon-video {
  background-position: -33px -330px;
}
.index-tousu-list .info {
  padding: 12px;
}
.index-tousu-list .info .hd {
  padding-bottom: 12px;
}
.index-tousu-list .info .hd a {
  display: -webkit-box;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index-tousu-list .info .bd {
  height: 34px;
}
.index-tousu-list .info .bd .user {
  float: left;
}
.index-tousu-list .info .bd .user a {
  display: block;
}
.index-tousu-list .info .bd .user a img {
  float: left;
  width: 34px;
  height: 34px;
  margin-right: 7px;
  border-radius: 17px;
}
.index-tousu-list .info .bd .user a span {
  display: block;
  overflow: hidden;
  line-height: 34px;
}
.index-tousu-list .info .bd .timer {
  float: right;
  font-style: 12px;
  line-height: 34px;
  color: #999;
}

.index-dakashuoche-list {
  width: 1200px;
}
.index-dakashuoche-list ul {
  width: 1212px;
}
.index-dakashuoche-list ul li {
  float: left;
  height: 300px;
  margin-right: 12px;
  margin-bottom: 25px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.index-dakashuoche-list ul li:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.index-dakashuoche-list .img {
  overflow: hidden;
}
.index-dakashuoche-list .img img {
  display: block;
  width: 291px;
  height: 198px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.index-dakashuoche-list .img a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.index-dakashuoche-list .info {
  position: relative;
  width: 251px;
  padding: 37px 20px 20px;
}
.index-dakashuoche-list .info .user {
  position: absolute;
  top: -20px;
  width: 251px;
  height: 40px;
}
.index-dakashuoche-list .info .user img {
  float: left;
  width: 37px;
  height: 37px;
  border: 3px solid #fff;
  margin-right: 8px;
  border-radius: 20px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.index-dakashuoche-list .info .user span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 24px;
  font-size: 16px;
  line-height: 1;
}
.index-dakashuoche-list .info .user a:hover img {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.index-dakashuoche-list .info .title a {
  display: -webkit-box;
  height: 44px;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index-dakashuoche-list.video-dakashuoche-box ul {
  width: 1216px;
}
.index-dakashuoche-list.video-dakashuoche-box ul li {
  width: 288px;
  height: 304px;
  margin-right: 16px;
  margin-bottom: 30px;
  border-radius: 0;
}
.index-dakashuoche-list.video-dakashuoche-box ul li .img {
  position: relative;
  width: 288px;
  height: 194px;
  overflow: hidden;
}
.index-dakashuoche-list.video-dakashuoche-box ul li .img img {
  width: 288px;
  height: auto;
  border-radius: 0;
}
.index-dakashuoche-list.video-dakashuoche-box ul li .img .video-time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
.index-dakashuoche-list.video-dakashuoche-box ul li .img a:hover .video-time {
  text-shadow: 1px 1px 1px #333;
}

.index-car-mall-box {
  width: 1198px;
  height: 483px;
  border: 1px solid #ececec;
  background: #fff;
  display: none;
}
.index-car-mall-box .price-area-tab {
  float: left;
  width: 150px;
  height: 443px;
  margin-right: 10px;
  padding: 20px 0 20px 10px;
  background: #2e93ef;
}
.index-car-mall-box .price-area-tab li {
  padding: 20px 0;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.index-car-mall-box .price-area-tab li.active {
  padding: 12px 0;
  border-bottom: 0;
  background: #fff;
  color: #2e93ef;
}
.index-car-mall-box .price-area-list {
  float: left;
  padding-right: 10px;
  border-right: 1px solid #ececec;
}
.index-car-mall-box .price-area-list .box-item {
  width: 740px;
  height: 483px;
  display: none;
}

.box-item {
  display: none;
}
.box-item .hd .img {
  float: left;
  padding-left: 47px;
  padding-right: 47px;
  overflow: hidden;
}
.box-item .hd .img img {
  display: block;
  width: 363px;
  height: 242px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.box-item .hd .img a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.box-item .hd .info {
  float: right;
  width: 280px;
  padding-top: 50px;
}
.box-item .hd .info .title {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
}
.box-item .hd .info .title a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box-item .hd .info .desc {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box-item .hd .info .btn-reserve {
  display: block;
  width: 160px;
  height: 44px;
  border: 1px solid #ff4f53;
  background: #fff;
  color: #ff4f53;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
  border-radius: 4px;
}
.box-item .hd .info .btn-reserve:hover {
  color: #fff;
  background: #ff4f53;
}
.box-item .bd li {
  float: left;
  width: 215px;
  padding: 0 15px;
}
.box-item .bd li .img {
  overflow: hidden;
  width: 200px;
  margin: 0 auto;
}
.box-item .bd li .img img {
  display: block;
  width: 200px;
  height: 140px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.box-item .bd li .img a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.box-item .bd li .title {
  padding: 0 20px 20px;
  font-size: 18px;
  line-height: 1.5;
}
.box-item .bd li .price {
  padding: 0 20px;
  font-size: 18px;
  line-height: 1;
}
.box-item .bd li .price .current-price {
  padding-right: 10px;
  font-size: 20px;
  color: #ff171c;
}
.box-item .bd li .price .price-trend::before {
  position: relative;
  top: -2px;
}
.box-item .bd li .price .price-trend.rise {
  color: red;
}
.box-item .bd li .price .price-trend.rise::before {
  content: "↑";
}
.box-item .bd li .price .price-trend.fall {
  color: #009900;
}
.box-item .bd li .price .price-trend.fall::before {
  content: "↓";
}

.index-sale-box {
  height: 388px;
}
.index-sale-box .sale-hot-brand {
  float: left;
  width: 290px;
  height: 100%;
  border-right: 1px solid #eee;
}
.index-sale-box .brand-sale-list {
  float: right;
  width: 880px;
  height: 388px;
}

.sale-hot-brand .title {
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 1;
}
.sale-hot-brand .brands {
  width: 270px;
}
.sale-hot-brand .brands ul {
  width: 280px;
}
.sale-hot-brand .brands ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
  text-align: center;
}
.sale-hot-brand .brands ul li .brand-logo {
  display: block;
  width: 44px;
  height: 44px;
  padding: 7px;
  border: 1px solid #fff;
}
.sale-hot-brand .brands ul li .brand-name {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sale-hot-brand .brands ul li a:hover .brand-logo {
  border-color: #fe791d;
}
.sale-hot-brand .more-brand {
  padding-top: 30px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 1;
  text-align: right;
}

.brand-sale-list ul {
  width: 924px;
}
.brand-sale-list li {
  float: left;
  width: 272px;
  height: 194px;
  margin-right: 30px;
}
.brand-sale-list li .img {
  float: left;
  margin-right: 15px;
}
.brand-sale-list li .img img {
  display: block;
  width: 112px;
  height: 112px;
  border-radius: 50%;
}
.brand-sale-list li .info {
  overflow: hidden;
}
.brand-sale-list li .info .name {
  padding: 10px 0;
  font-size: 20px;
  line-height: 1;
}
.brand-sale-list li .info .brand-sale-desc {
  padding-bottom: 10px;
  font-size: 16px;
}
.brand-sale-list li .info .sale-situation-tag {
  padding-bottom: 20px;
}
.brand-sale-list li .info .sale-situation-tag span {
  display: inline-block;
  padding: 5px 14px;
  margin-right: 6px;
  font-size: 14px;
  line-height: 1;
  border-radius: 2px;
}
.brand-sale-list li .info .sale-situation-tag span.tag-orange {
  background: #fff1e8;
  color: #fe791d;
}
.brand-sale-list li .info .sale-situation-tag span.tag-blue {
  background: #ebf5fe;
  color: #1d91fe;
}
.brand-sale-list li .info .contact-sale a {
  display: inline-block;
  width: 100px;
  padding: 10px 0;
  margin-right: 6px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}
.brand-sale-list li .info .contact-sale a.btn-qa {
  background: #fe791d;
}
.brand-sale-list li .info .contact-sale a.btn-contact {
  background: #31d558;
}
.brand-sale-list li .info .contact-sale a.btn-contact-long {
  width: 140px;
  background: #fe791d;
}
.brand-sale-list li .info .contact-sale a.btn-contact-long:hover {
  background: #ec6c13;
}

.index-new-energy-box {
  height: 375px;
  overflow: hidden;
}
.index-new-energy-box ul {
  width: 1210px;
}
.index-new-energy-box li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.index-new-energy-box li a {
  position: relative;
  display: block;
  width: 291px;
  height: 183px;
  overflow: hidden;
}
.index-new-energy-box li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index-new-energy-box li a .title {
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.index-new-energy-box li a .title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 40px;
  overflow: hidden;
  font-weight: 400;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}
.index-new-energy-box li a .title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d,endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.index-new-energy-box li a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.index-new-energy-box li a:hover .title-hover-bg {
  width: 100%;
}
.index-new-energy-box li.big a {
  width: 598px;
  height: 375px;
}
.index-new-energy-box li.big a .title {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
}
.index-new-energy-box li.big a .title-bg {
  height: 60px;
  background-color: rgba(0, 0, 0, 0.5);
}

.index-bride-new-car-box {
  width: 1200px;
  height: 296px;
}
.index-bride-new-car-box ul {
  width: 1212px;
}
.index-bride-new-car-box li {
  float: left;
  width: 291px;
  height: 296px;
  margin-right: 12px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.index-bride-new-car-box li:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.index-bride-new-car-box .img {
  overflow: hidden;
}
.index-bride-new-car-box .img img {
  display: block;
  width: 291px;
  height: 206px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index-bride-new-car-box .img a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.index-bride-new-car-box .info {
  padding: 16px 30px;
}
.index-bride-new-car-box .info .title a {
  display: block;
  display: -webkit-box;
  height: 54px;
  font-size: 18px;
  line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index-recommend-box {
  height: 358px;
  overflow: hidden;
  display: none;
}
.index-recommend-box ul {
  width: 1209px;
}
.index-recommend-box li {
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
}
.index-recommend-box li a {
  position: relative;
  display: block;
  width: 232px;
  height: 174px;
  overflow: hidden;
}
.index-recommend-box li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index-recommend-box li a .title {
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.index-recommend-box li a .title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 40px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
}
.index-recommend-box li a .title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d,endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.index-recommend-box li a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.index-recommend-box li a:hover .title-hover-bg {
  width: 100%;
}
.index-recommend-box li.big a {
  width: 476px;
  height: 358px;
}
.index-recommend-box li.big a .title {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}
.index-recommend-box li.big a .title-bg {
  height: 60px;
}

.tousu-banner {
  height: 446px;
  margin-top: 71px;
  background: url("../images/tousu-index-banner.jpg") no-repeat top center;
}
.tousu-banner .container {
  position: relative;
  height: 100%;
}
.tousu-banner .target {
  padding-top: 170px;
  padding-bottom: 54px;
  font-size: 48px;
  line-height: 1;
  text-align: center;
  color: #fff;
}
.tousu-banner .advantage {
  text-align: center;
  font-size: 26px;
  line-height: 1;
  color: #fff;
}
.tousu-banner .advantage li {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  padding-right: 36px;
}
.tousu-banner .advantage li:last-child {
  padding-right: 0;
}
.tousu-banner .advantage li:after, .tousu-banner .advantage li::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 24px;
  height: 25px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -77px;
}
.tousu-banner .tousu-statistics {
  position: absolute;
  left: 50%;
  bottom: -70px;
  z-index: 1;
  width: 1108px;
  height: 82px;
  margin-left: -584px;
  padding: 28px 30px;
  background: #fff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-align: center;
}

.tousu-statistics .ts-content {
  position: relative;
  display: inline-block;
  padding-right: 62px;
  margin-right: 62px;
  height: 82px;
  line-height: 82px;
  font-size: 34px;
  font-weight: 400;
  color: #333;
}
.tousu-statistics .ts-content:after, .tousu-statistics .ts-content::after {
  content: "";
  position: absolute;
  top: 15px;
  right: -2px;
  width: 3px;
  height: 52px;
  background: #e6e6e6;
}
.tousu-statistics .ts-content .text,
.tousu-statistics .ts-content .ts-number {
  display: inline-block;
  font-weight: 700;
}
.tousu-statistics .ts-content .ts-number {
  padding: 0 12px;
  font-size: 0;
}
.tousu-statistics .ts-content .ts-number span {
  display: inline-block;
  width: 50px;
  height: 82px;
  margin: 0 6px;
  background-color: #f5f5f5;
  color: #fe791d;
  font-size: 50px;
  text-align: center;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.tousu-statistics .ts-btn-area {
  position: relative;
  top: -11px;
  display: inline-block;
}
.tousu-statistics .ts-btn-area .btn-tousu {
  display: block;
  width: 200px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  border-radius: 30px;
}

.tousu-seek {
  width: 600px;
  margin: 0 auto;
  padding: 120px 0 20px;
}

.ts-search-bar {
  width: 600px;
  height: 54px;
  margin-bottom: 45px;
}
.ts-search-bar .ts-search-text {
  float: left;
  width: 359px;
  height: 20px;
  line-height: 20px;
  padding: 17px 30px 15px;
  border: 1px solid #fe791d;
  border-right: 0;
  background: #fff;
  color: #333;
  font-size: 16px;
  outline: none;
  border-top-left-radius: 27px;
  border-bottom-left-radius: 27px;
}
.ts-search-bar .ts-search-text::-webkit-input-placeholder {
  color: #a6a6a6;
}
.ts-search-bar .ts-search-text:-moz-placeholder {
  color: #a6a6a6;
}
.ts-search-bar .ts-search-text::-moz-placeholder {
  color: #a6a6a6;
}
.ts-search-bar .ts-search-text:-ms-input-placeholder {
  color: #a6a6a6;
}
.ts-search-bar .ts-search-btn {
  display: block;
  overflow: hidden;
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  text-align: center;
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px;
}

.newest-tousu {
  width: 100%;
  height: 50px;
  overflow: hidden;
}
.newest-tousu ul li {
  height: 50px;
}
.newest-tousu .text {
  position: relative;
  float: left;
  width: 448px;
  padding-left: 36px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 25px;
}
.newest-tousu .text:after, .newest-tousu .text::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 9px;
  display: inline-block;
  width: 18px;
  height: 17px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -28px -77px;
}
.newest-tousu .text .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newest-tousu .text .item {
  display: inline-block;
  margin-right: 25px;
}
.newest-tousu .text .time {
  float: right;
  font-size: 14px;
}
.newest-tousu .user {
  height: 36px;
  padding-top: 7px;
  overflow: hidden;
}
.newest-tousu .user img {
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 18px;
}
.newest-tousu .user span {
  display: block;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newest-tousu a .time,
.newest-tousu a .user span {
  color: #999;
}
.newest-tousu a:hover .text-orange {
  color: #fe791d;
  text-decoration: underline;
}

.tousu-focus-box {
  position: relative;
  float: left;
  width: 830px;
  height: 480px;
}
.tousu-focus-box .tousu-focus-slider li a {
  position: relative;
  display: block;
  width: 830px;
  height: 480px;
  overflow: hidden;
}
.tousu-focus-box .tousu-focus-slider li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-focus-box .tousu-focus-slider li a .title {
  display: block;
  height: 60px;
  margin: 0 10px;
  color: #fff;
}
.tousu-focus-box .tousu-focus-slider li a .title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 60px;
  overflow: hidden;
  font-size: 20px;
  font-weight: 700;
  line-height: 60px;
  background-color: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000);
}
.tousu-focus-box .tousu-focus-slider li a .title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d,endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.tousu-focus-box .tousu-focus-slider li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.tousu-focus-box .tousu-focus-slider li a:hover .title-hover-bg {
  width: 100%;
}
.tousu-focus-box .bx-controls .bx-pager {
  display: none;
}
.tousu-focus-box .bx-controls .bx-controls-direction .bx-prev,
.tousu-focus-box .bx-controls .bx-controls-direction .bx-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 36px;
  height: 72px;
  margin-top: -36px;
  overflow: hidden;
  line-height: 10000%;
  background-color: rgba(0, 0, 0, 0.4);
}
.tousu-focus-box .bx-controls .bx-controls-direction .bx-prev:after, .tousu-focus-box .bx-controls .bx-controls-direction .bx-prev::after,
.tousu-focus-box .bx-controls .bx-controls-direction .bx-next:after,
.tousu-focus-box .bx-controls .bx-controls-direction .bx-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 28px;
  margin: -14px 0 0 -8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.tousu-focus-box .bx-controls .bx-controls-direction .bx-prev:hover,
.tousu-focus-box .bx-controls .bx-controls-direction .bx-next:hover {
  background-color: #fe791d;
}
.tousu-focus-box .bx-controls .bx-controls-direction .bx-prev {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  left: 0;
}
.tousu-focus-box .bx-controls .bx-controls-direction .bx-prev:after, .tousu-focus-box .bx-controls .bx-controls-direction .bx-prev::after {
  background-position: -47px -30px;
}
.tousu-focus-box .bx-controls .bx-controls-direction .bx-next {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  right: 0;
}
.tousu-focus-box .bx-controls .bx-controls-direction .bx-next:after, .tousu-focus-box .bx-controls .bx-controls-direction .bx-next::after {
  background-position: -64px -30px;
}

.tousu-rank-box {
  float: right;
  width: 330px;
}
.tousu-rank-box .tousu-rank-column {
  overflow: hidden;
  border-left: 6px solid #fe791d;
  padding-left: 10px;
  font-size: 20px;
  line-height: 1;
}
.tousu-rank-box .tousu-rank-column li {
  float: left;
  padding-right: 30px;
  color: #333;
  cursor: pointer;
}
.tousu-rank-box .tousu-rank-column li:last-child {
  padding-right: 0;
}
.tousu-rank-box .tousu-rank-column li.active {
  font-weight: 700;
  color: #fe791d;
}

.tousu-rank-list {
  width: 100%;
  display: none;
}
.tousu-rank-list ul {
  padding-left: 15px;
  padding-top: 24px;
}
.tousu-rank-list li {
  padding-bottom: 16px;
}
.tousu-rank-list li:last-child {
  padding-bottom: 0;
}
.tousu-rank-list li a {
  display: block;
  height: 40px;
}
.tousu-rank-list li a .number {
  float: left;
  width: 20px;
  height: 20px;
  margin: 10px 20px 10px 0;
  background: #a6a6a6;
  color: #fff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
}
.tousu-rank-list li a .img {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 30px;
}
.tousu-rank-list li a .name {
  float: left;
  height: 20px;
  padding: 10px 0;
  line-height: 20px;
  font-weight: 700;
}
.tousu-rank-list li a .count {
  float: right;
  height: 20px;
  padding: 10px 0;
  line-height: 20px;
  font-size: 14px;
}
.tousu-rank-list li.highlight a .number {
  background: #fe791d;
}
.tousu-rank-list.cartype li {
  padding-bottom: 10px;
  height: 64px;
}
.tousu-rank-list.cartype li.last, .tousu-rank-list.cartype li:last-child {
  padding-bottom: 0;
}
.tousu-rank-list.cartype li a {
  height: 64px;
}
.tousu-rank-list.cartype li a .number {
  margin-top: 23px;
  margin-bottom: 23px;
}
.tousu-rank-list.cartype li a .name,
.tousu-rank-list.cartype li a .count {
  padding-top: 23px;
  padding-bottom: 23px;
}
.tousu-rank-list.cartype li a .img {
  width: 98px;
  height: 64px;
}

.tousu-news-box1 {
  height: 410px;
  overflow: hidden;
  display: none;
}
.tousu-news-box1 ul {
  width: 1210px;
}
.tousu-news-box1 li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.tousu-news-box1 li a {
  position: relative;
  display: block;
  width: 300px;
  height: 200px;
  overflow: hidden;
}
.tousu-news-box1 li a img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-news-box1 li a .title {
  display: block;
  height: 36px;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
}
.tousu-news-box1 li a .title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 36px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);
}
.tousu-news-box1 li a .title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d, endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.tousu-news-box1 li a .icon-video {
  position: absolute;
  left: 10px;
  bottom: 46px;
  display: inline-block;
  width: 46px;
  height: 46px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -283px;
}
.tousu-news-box1 li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.tousu-news-box1 li a:hover .title-hover-bg {
  width: 100%;
}
.tousu-news-box1 li a:hover .icon-video {
  background-position: -47px -283px;
}
.tousu-news-box1 li.big a {
  width: 580px;
  height: 410px;
}
.tousu-news-box1 li.big a .title {
  height: 60px;
}
.tousu-news-box1 li.big a .title-bg {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 700;
}
.tousu-news-box1 li.big a .icon-video {
  bottom: 70px;
}

.tousu-center-topbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 38px;
  padding: 21px 0;
  background-color: rgba(255, 255, 255, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.tousu-center-topbar .logo {
  float: left;
  width: 206px;
  height: 29px;
  margin-top: 5px;
  margin-right: 25px;
  overflow: hidden;
  line-height: 10000%;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.tousu-center-topbar .fn-right {
  height: 38px;
}
.tousu-center-topbar .fn-right .app {
  float: left;
  position: relative;
  display: block;
  margin-right: 50px;
  padding-left: 22px;
  font-size: 20px;
  line-height: 38px;
  color: #fe791d;
}
.tousu-center-topbar .fn-right .app:before, .tousu-center-topbar .fn-right .app::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 9px;
  left: 0;
  width: 13px;
  height: 19px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -259px -30px;
}
.tousu-center-topbar .fn-right .btn-goto-tousu {
  float: left;
  width: 100px;
  height: 38px;
  line-height: 38px;
  background: #fe791d;
  color: #fff;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
}
.tousu-center-topbar .ewm {
  position: absolute;
  top: 45px;
  left: 10px;
  width: 122px;
  height: 122px;
  border: 1px solid #ccc;
  line-height: 0;
  display: none;
}
.tousu-center-topbar .ewm img {
  display: block;
  width: 100%;
  height: 100%;
}
.tousu-center-topbar .ewm:before, .tousu-center-topbar .ewm::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -9px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 9px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -321px 0;
}

.tousu-input-steps {
  width: 1200px;
  height: 100px;
  background-repeat: no-repeat;
}
.tousu-input-steps.tousu-input-steps-fixed {
  position: fixed;
  top: 70px;
  left: 50%;
  z-index: 998;
  margin-left: -600px;
}

.tousu-input-box {
  padding: 30px;
  background: #fff;
  font-size: 14px;
  color: #333;
}
.tousu-input-box .tousu-input-column {
  padding-bottom: 30px;
}
.tousu-input-box .tousu-input-column h3 {
  margin-left: 100px;
  padding-left: 15px;
  border-left: 6px solid #fe791d;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.tousu-input-box .tousu-input-content {
  position: relative;
  width: 100%;
}

.tousu-input-content ul li {
  margin-bottom: 20px;
}
.tousu-input-content ul li:last-child {
  margin-bottom: 0;
}
.tousu-input-content .hd {
  float: left;
  width: 190px;
  margin-right: 10px;
  text-align: right;
  line-height: 40px;
}
.tousu-input-content .hd .must-fill {
  position: relative;
  top: 2px;
  padding-right: 5px;
  color: #f33;
}
.tousu-input-content .bd {
  padding-left: 200px;
}
.tousu-input-content .tousu-inp-text {
  float: left;
  padding: 11px 10px;
  border: 1px solid #e6e6e6;
  background: #fff;
  font-size: 14px;
  line-height: 1;
  color: #333;
}
.tousu-input-content .tousu-inp-text.normal {
  width: 240px;
}
.tousu-input-content .tousu-inp-text.long {
  width: 478px;
}
.tousu-input-content .tousu-inp-text.short {
  width: 100px;
}
.tousu-input-content .tousu-inp-text.short2 {
  width: 160px;
}
.tousu-input-content .tousu-textarea {
  float: left;
  width: 478px;
  height: 118px;
  padding: 10px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  font-family: "Microsoft Yahei";
  resize: none;
}
.tousu-input-content .tousu-btn {
  display: block;
  padding: 12px 10px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}
.tousu-input-content .tousu-btn.get-check-code {
  width: 112px;
}
.tousu-input-content .user-login-tips {
  line-height: 40px;
}
.tousu-input-content .user-login-tips a {
  color: #fe791d;
}
.tousu-input-content .input-tips {
  position: relative;
  float: left;
  margin-top: 120px;
  padding-left: 30px;
  line-height: 20px;
}
.tousu-input-content .input-tips:after, .tousu-input-content .input-tips::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -50px -77px;
}
.tousu-input-content .tousu-car-issues {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
}
.tousu-input-content .tousu-car-issues a {
  position: relative;
  float: left;
  margin-right: 10px;
  padding: 12px 20px;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
  color: #808080;
  font-size: 14px;
  line-height: 1;
}
.tousu-input-content .tousu-car-issues a:last-child {
  margin-right: 0;
}
.tousu-input-content .tousu-car-issues a.selected {
  border-color: #fe791d;
  background: #fff;
}
.tousu-input-content .tousu-car-issues a.selected:before, .tousu-input-content .tousu-car-issues a.selected::before {
  content: "";
  position: absolute;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  border-width: 5px;
  border-style: solid dashed dashed solid;
  border-color: #fe791d transparent transparent #fe791d;
}
.tousu-input-content .complain-types {
  line-height: 40px;
}
.tousu-input-content .complain-types label {
  float: left;
  margin-right: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tousu-input-content .complain-types label .checkbox {
  position: relative;
  top: 2px;
  margin-right: 5px;
  outline: none;
}
.tousu-input-content .complain-types .select-hint {
  float: left;
  color: #999;
}
.tousu-input-content .upls li {
  float: left;
  margin-right: 42px;
  margin-bottom: 0;
}
.tousu-input-content .upls li a {
  font-size: 14px;
  line-height: 1;
}
.tousu-input-content .upls li a:hover {
  text-decoration: underline;
}
.tousu-input-content .upl-box {
  width: 118px;
  height: 74px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.tousu-input-content .upl-box.video {
  background-image: url("../images/icon/ivupl.png");
}
.tousu-input-content .upl-box.pic {
  background-image: url("../images/icon/ipupl.png");
}
.tousu-input-content .upls-tips {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #999;
}
.tousu-input-content .tip-unit {
  float: left;
  font-style: 14px;
  line-height: 40px;
  color: #808080;
}
.tousu-input-content .tip-base {
  float: left;
  line-height: 40px;
  color: #999;
}
.tousu-input-content .tip-checkbox {
  float: left;
  line-height: 40px;
}
.tousu-input-content .tip-checkbox .checkbox {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.tousu-input-content.tousu-input-header ul {
  padding-right: 230px;
}
.tousu-input-content.tousu-input-header .tousu-app-download-qrcode {
  position: absolute;
  top: 10px;
  right: 66px;
  width: 134px;
}
.tousu-input-content.tousu-input-header .tousu-app-download-qrcode .pic {
  width: 132px;
  height: 132px;
  overflow: hidden;
  border: 1px solid #b8b8b8;
}
.tousu-input-content.tousu-input-header .tousu-app-download-qrcode .pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.tousu-input-content.tousu-input-header .tousu-app-download-qrcode .text {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #333;
}
.tousu-input-content.tousu-input-header .tousu-app-download-qrcode.tousu-weapp-code {
  right: 260px;
}

.tousu-input-fd {
  padding-left: 200px;
  font-style: 14px;
  line-height: 1;
}

.custom-checkbox {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox:before, .custom-checkbox::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -74px -77px;
}
.custom-checkbox.checked:before, .custom-checkbox.checked::before {
  background-position: -90px -77px;
}

.tousu-licene-agreement .custom-checkbox {
  float: left;
  color: #808080;
}

.tousu-input-btns .tousu-input-btn-submit {
  display: block;
  width: 242px;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
}

.article {
  position: relative;
}
.article .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  color: #333;
  padding-bottom: 20px;
}
.article .describe {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  padding-bottom: 20px;
}
.article .complaints-appeal-info {
  font-size: 16px;
  line-height: 1.8;
  color: #666;
}
.article .complaints-appeal-info .highlight {
  color: #1e70df;
  font-weight: 700;
}
.article .article-tag {
  position: absolute;
  top: 15px;
  left: -9px;
  width: 112px;
  height: 46px;
  line-height: 46px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.article .article-tag:before, .article .article-tag::before {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: -5px;
  left: 0;
  width: 9px;
  height: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.article .article-tag.unsolved {
  background: #1e70df;
}
.article .article-tag.unsolved:before {
  background-position: -106px -77px;
}
.article .article-tag.unsolved::before {
  background-position: -106px -77px;
}
.article .article-tag.resolved {
  background: #1dbea2;
}
.article .article-tag.resolved:before {
  background-position: -119px -77px;
}
.article .article-tag.resolved::before {
  background-position: -119px -77px;
}
.article.art2 .title {
  padding-bottom: 25px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: #333;
}

.tousu-img-box {
  width: 752px;
  margin: 0 auto;
}
.tousu-img-box .big-img {
  width: 752px;
  height: 500px;
  background: #5c5c5c;
  overflow: hidden;
}
.tousu-img-box .big-img img {
  display: block;
  width: 100%;
  height: auto;
}
.tousu-img-box .thumbnail-img {
  width: 722px;
  height: 84px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 15px 15px 10px;
  background-color: #f5f5f5;
}
.tousu-img-box .thumbnail-img ul {
  white-space: nowrap;
  font-size: 0;
}
.tousu-img-box .thumbnail-img ul li {
  display: inline-block;
  width: 80px;
  height: 64px;
  overflow: hidden;
  margin-right: 15px;
}
.tousu-img-box .thumbnail-img ul li:last-child {
  margin-right: 0;
}
.tousu-img-box .thumbnail-img ul li img {
  display: block;
  width: 100%;
  height: auto;
}
.tousu-img-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.75);
}
.tousu-img-box .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.75);
}

.tousu-article-video-box {
  position: relative;
  width: 752px;
  height: 500px;
  margin: 0 auto 20px;
  background-color: #666;
}

.article.art2 .hd {
  padding-bottom: 30px;
}
.article.art2 .author .photo {
  position: relative;
  float: left;
  margin-right: 10px;
}
.article.art2 .author .photo img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.article.art2 .author .photo .authentication-tag {
  position: absolute;
  bottom: -4px;
  right: 0px;
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.article.art2 .author .photo .authentication-tag.v {
  background-position: -502px 0;
}
.article.art2 .author .con {
  overflow: hidden;
  font-size: 12px;
}
.article.art2 .author .con .name {
  padding-top: 3px;
  padding-bottom: 8px;
}
.article.art2 .author .con .name span {
  color: #999;
}
.article.art2 .author .con .name a {
  color: #1e70df;
}
.article.art2 .author .con .btn-area {
  height: 20px;
  line-height: 20px;
}
.article.art2 .author .con .btn-area .btn-gz {
  float: left;
  display: block;
  width: 54px;
  height: 18px;
  border: 1px solid #fe791d;
  border-radius: 3px;
  font-size: 12px;
  color: #fe791d;
  text-align: center;
  line-height: 18px;
}
.article.art2 .inf-more {
  float: right;
}
.article.art2 .inf-more .time {
  margin-right: 15px;
}
.article.art2 .inf-more a {
  color: #1e70df;
}
.article.art2 .bd {
  padding-bottom: 30px;
  font-size: 16px;
  line-height: 2;
}
.article.art2 .bd p {
  padding: 5px 0;
}
.article.art2 .bd img {
  display: block;
  max-width: 740px;
  margin: 0 auto;
  padding: 5px 0;
}
.article.art2 .art-more {
  padding-bottom: 30px;
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.article.art2 .art-more em {
  color: #333;
}
.article.art2 .article-share {
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #999;
}
.article.art2 .article-share .hd {
  float: left;
}
.article.art2 .article-share .art-end-bdshare {
  width: auto;
  overflow: hidden;
}
.article.art2 .article-share .art-end-bdshare li {
  float: left;
  margin-right: 20px;
}
.article.art2 .article-share .art-end-bdshare li a {
  width: 56px;
  height: 56px;
  border-width: 2px;
  border-radius: 30px;
}

.tousu-top-line-box1 {
  width: 804px;
}
.tousu-top-line-box1 ul {
  width: 824px;
}
.tousu-top-line-box1 ul li {
  float: left;
  width: 186px;
  margin-right: 20px;
}
.tousu-top-line-box1 .img {
  overflow: hidden;
  margin-bottom: 10px;
}
.tousu-top-line-box1 .img img {
  display: block;
  width: 186px;
  height: 120px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-top-line-box1 .img a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.tousu-top-line-box1 .title {
  padding-bottom: 10px;
}
.tousu-top-line-box1 .title a {
  display: -webkit-box;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tousu-top-line-box1 .fd {
  font-size: 14px;
  line-height: 1;
}
.tousu-top-line-box1 .fd a {
  position: relative;
  float: left;
  display: block;
  margin-right: 30px;
  color: #999;
}
.tousu-top-line-box1 .fd a:last-child {
  margin-right: 0;
}
.tousu-top-line-box1 .fd a:before, .tousu-top-line-box1 .fd a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.tousu-top-line-box1 .fd a.browser-volume {
  padding-left: 25px;
}
.tousu-top-line-box1 .fd a.browser-volume:before, .tousu-top-line-box1 .fd a.browser-volume::before {
  width: 21px;
  height: 14px;
  background-position: 0 -61px;
}
.tousu-top-line-box1 .fd a.comment-count {
  padding-left: 22px;
}
.tousu-top-line-box1 .fd a.comment-count:before, .tousu-top-line-box1 .fd a.comment-count::before {
  width: 14px;
  height: 14px;
  background-position: -22px -61px;
}

.tousu-service-specialist {
  position: relative;
}
.tousu-service-specialist .box {
  position: relative;
  width: 813px;
  overflow: hidden;
}
.tousu-service-specialist .list {
  width: 9999px;
  overflow: hidden;
  padding: 5px 0;
}
.tousu-service-specialist .list li {
  float: left;
  width: 207px;
  height: 120px;
}
.tousu-service-specialist .list li a {
  display: block;
  width: 190px;
  height: 118px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 1;
}
.tousu-service-specialist .list li a:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.tousu-service-specialist .hd {
  float: left;
  padding: 10px 14px 0 14px;
}
.tousu-service-specialist .hd img {
  display: block;
  width: 78px;
  height: 78px;
  border-radius: 50%;
}
.tousu-service-specialist .hd span {
  display: block;
  width: 100%;
  margin-top: 9px;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tousu-service-specialist .bd {
  overflow: hidden;
  padding-top: 40px;
}
.tousu-service-specialist .bd .pb {
  padding-bottom: 8px;
}
.tousu-service-specialist .bd .tag {
  display: inline-block;
  margin-right: 5px;
  padding: 5px 15px;
  background-color: #fe791d;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  border-radius: 13px;
}

.tousu-car-info {
  text-align: center;
}
.tousu-car-info .img {
  overflow: hidden;
  margin-bottom: 10px;
}
.tousu-car-info .img img {
  display: block;
  width: 300px;
  height: 200px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-car-info .img a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.tousu-car-info .name {
  font-size: 18px;
  line-height: 1;
  padding-bottom: 14px;
}
.tousu-car-info .count {
  font-size: 16px;
  line-height: 1;
  color: #333;
}
.tousu-car-info .count span {
  color: #fe791d;
}
.tousu-car-info .btn-tousu {
  display: block;
  width: 164px;
  height: 40px;
  margin: 25px auto 20px;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
}

.tousu-solve-progress-box {
  color: #999;
}
.tousu-solve-progress-box .tousu-solve-progress {
  margin-left: 9px;
  padding-left: 30px;
  border-left: 1px solid #e5e5e5;
}
.tousu-solve-progress-box .tousu-solve-progress li {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.tousu-solve-progress-box .tousu-solve-progress li .title {
  position: relative;
  font-size: 16px;
  padding-bottom: 10px;
}
.tousu-solve-progress-box .tousu-solve-progress li .title:before, .tousu-solve-progress-box .tousu-solve-progress li .title::before {
  content: "";
  position: absolute;
  display: inline-block;
}
.tousu-solve-progress-box .tousu-solve-progress li .date {
  font-size: 14px;
}
.tousu-solve-progress-box .tousu-solve-progress li:last-child, .tousu-solve-progress-box .tousu-solve-progress li.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.tousu-solve-progress-box .tousu-solve-progress li:last-child:before, .tousu-solve-progress-box .tousu-solve-progress li:last-child::before, .tousu-solve-progress-box .tousu-solve-progress li.last:before, .tousu-solve-progress-box .tousu-solve-progress li.last::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 10px;
  left: -31px;
  width: 1px;
  height: 100%;
  background: #fff;
}
.tousu-solve-progress-box .tousu-solve-progress li.solved .title:before, .tousu-solve-progress-box .tousu-solve-progress li.solved .title::before {
  top: 0;
  left: -40px;
  width: 11px;
  height: 11px;
  border: 4px solid #fe9a55;
  background: #fe791d;
  border-radius: 50%;
}
.tousu-solve-progress-box .tousu-solve-progress li.current {
  color: #fe791d;
}
.tousu-solve-progress-box .tousu-solve-progress li.current .title:before, .tousu-solve-progress-box .tousu-solve-progress li.current .title::before {
  top: 6px;
  left: -36px;
  width: 11px;
  height: 11px;
  background: #fe791d;
  border-radius: 50%;
}
.tousu-solve-progress-box .tousu-solve-progress li.unsolved .title:before, .tousu-solve-progress-box .tousu-solve-progress li.unsolved .title::before {
  top: 6px;
  left: -37px;
  width: 7px;
  height: 7px;
  border: 3px solid #cbcbcb;
  background: #fff;
  border-radius: 50%;
}

.tousu-cartype-list li {
  height: 46px;
  padding-bottom: 30px;
}
.tousu-cartype-list li:last-child {
  padding: 0;
}
.tousu-cartype-list li.highlight .number {
  background: #fe791d;
}
.tousu-cartype-list .number {
  float: left;
  width: 20px;
  height: 20px;
  margin: 13px 20px 13px 0;
  background: #a6a6a6;
  color: #fff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
}
.tousu-cartype-list .img {
  float: left;
  width: 92px;
  height: 46px;
  margin-right: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-cartype-list .name {
  float: left;
  height: 20px;
  padding: 13px 0;
  line-height: 20px;
  font-weight: 700;
}
.tousu-cartype-list .count {
  float: right;
  height: 20px;
  padding: 13px 0;
  line-height: 20px;
  font-size: 14px;
}
.tousu-cartype-list a:hover .img {
  -webkit-transform: scale(1.03, 1.03);
  -moz-transform: scale(1.03, 1.03);
  -o-transform: scale(1.03, 1.03);
  -ms-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}

.sharebar-left {
  position: absolute;
  top: 90px;
  left: -55px;
  width: 55px;
}
.sharebar-left.fixed {
  position: fixed;
  top: 70px;
  left: 50%;
  margin-left: -655px;
}

.ariticle-comments {
  position: relative;
  display: block;
  width: 55px;
  height: 55px;
  margin-bottom: 2px;
  background: #fe791d;
}
.ariticle-comments span {
  display: block;
  width: 100%;
  padding-top: 33px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #fff;
}
.ariticle-comments span:before, .ariticle-comments span::before {
  content: "";
  position: absolute;
  display: block;
  top: 11px;
  left: 18px;
  display: block;
  width: 19px;
  height: 18px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -375px;
}

.tousu-video-box {
  position: relative;
  padding: 20px 0;
  background-color: #f7f7f7;
}
.tousu-video-box .video-box {
  position: relative;
  width: 860px;
  height: 525px;
}
.tousu-video-box .video-relevant {
  height: 525px;
  overflow: hidden;
}
.tousu-video-box .sharebar-left {
  top: 20px;
}
.tousu-video-box .sharebar-left.fixed {
  top: 70px;
}

.tousu-video-list li {
  padding-bottom: 20px;
}
.tousu-video-list .img {
  overflow: hidden;
  margin-bottom: 10px;
}
.tousu-video-list .img img {
  display: block;
  width: 320px;
  height: 181px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-video-list .img:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.tousu-video-list .title {
  margin-bottom: 10px;
}
.tousu-video-list .title a {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tousu-video-list .relevant {
  height: 14px;
  line-height: 14px;
}
.tousu-video-list .relevant a {
  position: relative;
  float: left;
  display: block;
  margin-right: 23px;
  color: #999;
}
.tousu-video-list .relevant a:before, .tousu-video-list .relevant a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.tousu-video-list .relevant a.v-play-count {
  padding-left: 17px;
}
.tousu-video-list .relevant a.v-play-count:before, .tousu-video-list .relevant a.v-play-count::before {
  top: 1px;
  width: 10px;
  height: 12px;
  background-position: -206px -52px;
}
.tousu-video-list .relevant a.v-comment {
  padding-left: 22px;
}
.tousu-video-list .relevant a.v-comment:before, .tousu-video-list .relevant a.v-comment::before {
  width: 14px;
  height: 14px;
  background-position: -217px -52px;
}

.cai2 p {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cai2 p.normal {
  width: 260px;
}
.cai2 p.long {
  width: 560px;
}
.cai2 p.all {
  width: 100%;
}
.cai2 p.mr {
  margin-right: 20px;
}

.tousu-column2 .title {
  float: left;
  position: relative;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

.tousu-hot-brands {
  width: 860px;
  overflow: hidden;
}
.tousu-hot-brands ul {
  width: 864px;
}
.tousu-hot-brands ul li {
  float: left;
  width: 107px;
  height: 104px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.tousu-hot-brands ul li .logo {
  display: block;
  width: 54px;
  height: 54px;
  margin: 0 auto;
  padding: 15px 0 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-hot-brands ul li span {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tousu-hot-brands ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.tousu-hot-brands ul li a:hover {
  background: #f7f7f7;
}
.tousu-hot-brands ul li a:hover .logo {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}

.tousu-filter-box li {
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3;
}
.tousu-filter-box li .hd {
  float: left;
  width: 85px;
  font-size: 14px;
  line-height: 30px;
  color: #999;
}
.tousu-filter-box li .bd {
  overflow: hidden;
}
.tousu-filter-box li .tousu-filter-select-box {
  padding-left: 85px;
}
.tousu-filter-box .filter-list {
  font-size: 14px;
  line-height: 30px;
}
.tousu-filter-box .filter-list.mb20 {
  margin-bottom: 20px;
}
.tousu-filter-box .filter-list a {
  float: left;
  padding: 0 10px;
  color: #333;
}
.tousu-filter-box .filter-list a:hover {
  color: #1e70df;
}
.tousu-filter-box .filter-list a.cur {
  padding: 0 15px;
  background: #1e70df;
  color: #fff;
  border-radius: 4px;
}
.tousu-filter-box .filter-list a.cur:hover {
  color: #fff;
}
.tousu-filter-box .filter-list .tousu-brand-list {
  display: none;
}
.tousu-filter-box .filter-brand-list {
  width: 100%;
  padding: 16px 0;
  background-color: #f7f7f7;
}
.tousu-filter-box .filter-brand-list .fb-hd {
  float: left;
  width: 180px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: right;
}
.tousu-filter-box .filter-brand-list .fb-bd {
  padding-left: 180px;
}

.tousu-filter-list {
  width: 860px;
}
.tousu-filter-list ul {
  width: 875px;
}
.tousu-filter-list ul li {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.tousu-filter-list ul li a {
  position: relative;
  display: block;
  width: 268px;
  height: 200px;
  overflow: hidden;
}
.tousu-filter-list ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-filter-list ul li a .title {
  display: block;
  height: 36px;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
}
.tousu-filter-list ul li a .title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 36px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000);
}
.tousu-filter-list ul li a .title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d,endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.tousu-filter-list ul li a .icon-video {
  position: absolute;
  left: 10px;
  bottom: 46px;
  display: inline-block;
  width: 46px;
  height: 46px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -283px;
}
.tousu-filter-list ul li a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.tousu-filter-list ul li a:hover .title-hover-bg {
  width: 100%;
}
.tousu-filter-list ul li a:hover .icon-video {
  background-position: -47px -283px;
}
.tousu-filter-list ul li.big a {
  width: 553px;
  height: 411px;
}
.tousu-filter-list ul li.big a .title {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 700;
}
.tousu-filter-list ul li.big a .title-bg {
  height: 60px;
}
.tousu-filter-list ul li.big a .icon-video {
  bottom: 80px;
}
.tousu-filter-list ul li.sbig a {
  width: 292px;
  height: 200px;
}
.tousu-filter-list ul li.small a {
  width: 292px;
  height: 196px;
}
.tousu-filter-list ul li.mr16 {
  margin-right: 16px;
}

.tousu-topline li {
  margin-bottom: 20px;
}
.tousu-topline li:last-child, .tousu-topline li.last {
  margin: 0;
}
.tousu-topline .img {
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
.tousu-topline .img img {
  display: block;
  width: 140px;
  height: 79px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-topline .img a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.tousu-topline .info {
  overflow: hidden;
}
.tousu-topline .title {
  padding-bottom: 10px;
}
.tousu-topline .title a {
  display: -webkit-box;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tousu-topline .more {
  font-size: 14px;
  line-height: 1;
}
.tousu-topline .more a {
  float: left;
  margin-right: 12px;
  color: #999;
}

.tousu-brand-list li {
  padding-bottom: 16px;
}
.tousu-brand-list li:last-child {
  padding-bottom: 0;
}
.tousu-brand-list li a {
  display: block;
  height: 40px;
}
.tousu-brand-list li a .number {
  float: left;
  width: 20px;
  height: 20px;
  margin: 10px 20px 10px 0;
  background: #a6a6a6;
  color: #fff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
}
.tousu-brand-list li a .img {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 30px;
}
.tousu-brand-list li a .name {
  float: left;
  height: 20px;
  padding: 10px 0;
  line-height: 20px;
  font-weight: 700;
}
.tousu-brand-list li a .count {
  float: right;
  height: 20px;
  padding: 10px 0;
  line-height: 20px;
  font-size: 14px;
}
.tousu-brand-list li.highlight a .number {
  background: #fe791d;
}

.tousu-recommend {
  height: 396px;
  overflow: hidden;
  padding: 30px 0;
}
.tousu-recommend ul {
  width: 1214px;
}
.tousu-recommend li {
  float: left;
  margin-right: 14px;
  margin-bottom: 14px;
}
.tousu-recommend li a {
  position: relative;
  display: block;
  width: 289px;
  height: 191px;
  overflow: hidden;
}
.tousu-recommend li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-recommend li a .title {
  display: block;
  height: 36px;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
}
.tousu-recommend li a .title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 36px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000);
}
.tousu-recommend li a .title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d,endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.tousu-recommend li a .icon-video {
  position: absolute;
  left: 10px;
  bottom: 46px;
  display: inline-block;
  width: 46px;
  height: 46px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -283px;
}
.tousu-recommend li a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.tousu-recommend li a:hover .title-hover-bg {
  width: 100%;
}
.tousu-recommend li a:hover .icon-video {
  background-position: -47px -283px;
}
.tousu-recommend li.big a {
  width: 594px;
  height: 396px;
}
.tousu-recommend li.big a .title {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 700;
}
.tousu-recommend li.big a .title-bg {
  height: 60px;
}
.tousu-recommend li.big a .icon-video {
  bottom: 80px;
}

.tousu-list-column {
  padding-top: 30px;
  padding-bottom: 50px;
}
.tousu-list-column .title {
  font-size: 36px;
  line-height: 1;
  color: #333;
  text-align: center;
  font-weight: 700;
}

.tousu-list-box ul {
  width: 1228px;
}
.tousu-list-box ul li {
  position: relative;
  float: left;
  margin-right: 28px;
  margin-bottom: 50px;
  width: 279px;
  height: 431px;
  background: #fff;
}
.tousu-list-box ul li:hover .hoverbg {
  opacity: 1;
  z-index: 1;
}
.tousu-list-box .img {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.tousu-list-box .img img {
  display: block;
  width: 279px;
  height: 186px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tousu-list-box .img:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.tousu-list-box .info {
  position: relative;
  z-index: 2;
  padding: 16px;
}
.tousu-list-box .title {
  padding-bottom: 20px;
}
.tousu-list-box .title a {
  display: -webkit-box;
  height: 48px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tousu-list-box .desc {
  display: -webkit-box;
  height: 78px;
  padding-bottom: 14px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.tousu-list-box .more {
  height: 16px;
  line-height: 16px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e3e3e3;
}
.tousu-list-box .more a {
  float: left;
  margin-right: 15px;
  color: #999;
  font-size: 14px;
}
.tousu-list-box .time {
  font-size: 12px;
  line-height: 1;
  text-align: right;
  color: #999;
}
.tousu-list-box .hoverbg {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 0;
  width: 299px;
  height: 451px;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(37, 115, 220, 0.1);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.series-hd {
  padding: 10px 0 30px;
}
.series-hd .title {
  float: left;
  height: 47px;
}
.series-hd .title .brand-logo {
  float: left;
  margin-right: 16px;
}
.series-hd .title .brand-logo img {
  display: block;
  width: 47px;
  height: 47px;
}
.series-hd .title .brand-text {
  float: left;
  font-size: 36px;
  font-weight: 400;
  line-height: 47px;
}
.series-hd .mt {
  margin-top: 3px;
}
.series-hd.calculator-hd .title .brand-text {
  font-size: 30px;
}
.series-hd.car-brand-hd {
  border-bottom: 2px solid #e5e5e5;
}

.series-nav {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  background: #1e70df;
}
.series-nav.series-nav-fiexd-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}
.series-nav.series-news-detail-nav li {
  padding: 0;
}
.series-nav.series-news-detail-nav li a {
  padding: 0 48px;
}
.series-nav ul {
  height: 50px;
  font-size: 0;
  white-space: nowrap;
}
.series-nav li {
  display: inline-block;
}
.series-nav li a {
  position: relative;
  display: block;
  padding: 0 50px;
  font-size: 20px;
  color: #fff;
}
.series-nav li a:hover {
  background: #175cba;
}
.series-nav li.current a {
  padding: 0 30px;
  color: #333;
  background: #fff;
}
.series-nav li.current a:before, .series-nav li.current a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fc8728;
}
.series-nav li.current a:hover {
  background: #fff;
}

.series-photos-hot {
  float: left;
  height: 330px;
}
.series-photos-hot .series-photo-large {
  width: 390px;
  height: 260px;
  overflow: hidden;
  margin-bottom: 10px;
}
.series-photos-hot .series-photo-large img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.series-photos-hot .series-photo-large a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.series-photos-hot .series-photo-small {
  height: 60px;
}
.series-photos-hot .series-photo-small ul {
  width: 400px;
}
.series-photos-hot .series-photo-small li {
  float: left;
  margin-right: 10px;
}
.series-photos-hot .series-photo-small li a {
  position: relative;
  display: block;
  width: 90px;
  height: 60px;
  overflow: hidden;
}
.series-photos-hot .series-photo-small li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.series-photos-hot .series-photo-small li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.series-photos-hot .series-photo-small li a:hover span {
  color: #fe791d;
}
.series-photos-hot .series-photo-small li a span {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 22px;
  background: rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000);
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.series-info {
  float: right;
  width: 440px;
  height: 330px;
}

.brief-info li {
  position: relative;
  padding-bottom: 19px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.brief-info li .hd {
  color: #666;
}
.brief-info li .bd {
  color: #333;
}
.brief-info li .bd.guide-price {
  color: #fe791d;
}
.brief-info li .bd.guide-price em {
  font-size: 24px;
  font-style: normal;
  line-height: 1;
}
.brief-info li .bd.cs-guide-price em {
  font-size: 18px;
  font-style: normal;
  line-height: 1;
}
.brief-info li .bd.mr {
  margin-right: 40px;
}
.brief-info li .btn-prompt {
  position: absolute;
  top: -3px;
  right: 0;
  display: block;
  width: 86px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}

.sales-recommend {
  border-top: 1px solid #e5e5e5;
}
.sales-recommend .s-colunm {
  padding: 13px 0;
  margin-bottom: 15px;
}
.sales-recommend .s-colunm .title {
  float: left;
  font-size: 20px;
  line-height: 1;
  color: #333;
}
.sales-recommend .s-colunm .btn-renew {
  position: relative;
  float: right;
  padding-left: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #999;
}
.sales-recommend .s-colunm .btn-renew:before, .sales-recommend .s-colunm .btn-renew::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 2px;
  width: 17px;
  height: 19px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -275px -34px;
}
.sales-recommend .s-colunm .btn-renew:hover {
  color: #fe791d;
}
.sales-recommend .s-colunm .btn-renew:hover:before, .sales-recommend .s-colunm .btn-renew:hover::before {
  background-position: -275px -53px;
}
.sales-recommend .sr-list {
  width: 450px;
}
.sales-recommend .sr-list li {
  float: left;
  width: 140px;
  margin-right: 10px;
}
.sales-recommend .sr-list li .img {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 12px;
}
.sales-recommend .sr-list li .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.sales-recommend .sr-list li .img:hover {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.sales-recommend .sr-list li .name {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.sales-recommend .sr-list li .s-name {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sales-recommend .sr-list li .btn-consult {
  display: block;
  width: 104px;
  height: 28px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  border-radius: 2px;
}

.series-column {
  position: relative;
  padding: 20px 0 17px;
  border-bottom: 2px solid #e5e5e5;
}
.series-column .title {
  float: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #333;
}
.series-column .tip {
  float: left;
  padding-top: 8px;
  padding-left: 35px;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.series-column .tip em {
  padding-right: 12px;
  font-style: normal;
}
.series-column .city-position {
  float: left;
  width: 80px;
  height: 18px;
  margin-top: 6px;
  margin-left: 15px;
  display: inline;
}
.series-column .city-position span {
  font-size: 18px;
  line-height: 1;
}
.series-column .city-position .city-select-box {
  top: 30px;
}
.series-column .more {
  float: right;
  font-size: 14px;
  line-height: 24px;
}
.series-column .tousu-mini-statistics {
  position: absolute;
  top: 0;
  right: 0;
}
.series-column .tousu-mini-statistics .count-tip,
.series-column .tousu-mini-statistics .btn-goto-tousu {
  float: right;
}
.series-column .tousu-mini-statistics .count-tip {
  padding-top: 20px;
  padding-right: 15px;
  font-size: 18px;
  line-height: 1;
  color: #999;
}
.series-column .tousu-mini-statistics .count-tip em {
  margin-left: 5px;
  font-style: normal;
  color: #fe791d;
}
.series-column .tousu-mini-statistics .btn-goto-tousu {
  display: block;
  width: 136px;
  height: 38px;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}
.series-column .tousu-mini-statistics .btn-goto-tousu:before, .series-column .tousu-mini-statistics .btn-goto-tousu::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-bottom: -2px;
  margin-right: 10px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -448px -30px;
}
.series-column.sc2 {
  padding-top: 10px;
}
.series-column.car-type-column {
  padding-top: 0;
}
.series-column.car-type-column .title {
  font-size: 26px;
}

.gcbd-list {
  width: 100%;
}
.gcbd-list ul {
  width: 888px;
}
.gcbd-list ul li {
  float: left;
  width: 270px;
  margin-right: 26px;
  margin-bottom: 30px;
}
.gcbd-list .img {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.gcbd-list .img img {
  display: block;
  width: 270px;
  height: 180px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.gcbd-list .img .icon-video {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-block;
  width: 46px;
  height: 46px;
  background-image: url(../images/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0 -283px;
}
.gcbd-list .title {
  display: -webkit-box;
  height: 48px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gcbd-list a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.gcbd-list a:hover .icon-video {
  background-position: -47px -283px;
}

.series-type-list {
  width: 860px;
}
.series-type-list dl {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.series-type-list dl dt {
  padding: 17px 10px;
  background: #f7f7f7;
  font-size: 0;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
  border-bottom: 1px solid #e5e5e5;
}
.series-type-list dl dt .col1 span,
.series-type-list dl dt .col2 span,
.series-type-list dl dt .col3 span,
.series-type-list dl dt .col4 span {
  display: inline-block;
  padding-right: 10px;
}
.series-type-list dl dt .col1 {
  color: #333;
}
.series-type-list dl dd {
  display: table;
  padding: 11px 10px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  font-size: 0;
}
.series-type-list dl dd.last, .series-type-list dl dd:last-child {
  border: 0;
}
.series-type-list dl dd .col1,
.series-type-list dl dd .col2,
.series-type-list dl dd .col3,
.series-type-list dl dd .col4 {
  display: table-cell;
  vertical-align: middle;
  line-height: 28px;
}
.series-type-list dl dd .col1 span,
.series-type-list dl dd .col2 span,
.series-type-list dl dd .col3 span,
.series-type-list dl dd .col4 span {
  display: inline-block;
  padding-right: 10px;
}
.series-type-list dl dd .col1 a {
  line-height: 1.2;
}
.series-type-list dl dd .col2 {
  color: #333;
}
.series-type-list dl dd .col3 .icon-calculator {
  display: inline-block;
  width: 13px;
  height: 16px;
  margin-left: 5px;
  margin-bottom: -3px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -295px -34px;
}
.series-type-list dl dd .col4 span a {
  color: #fe791d;
}
.series-type-list dl dd .col4 .btns {
  float: right;
  height: 28px;
  font-size: 0;
}
.series-type-list dl dd .col4 .btns .btn-orange1,
.series-type-list dl dd .col4 .btns .btn-orange2,
.series-type-list dl dd .col4 .btns .addok {
  display: inline-block;
  font-size: 16px;
  text-align: center;
  border-radius: 2px;
}
.series-type-list dl dd .col4 .btns .btn-orange1 {
  width: 68px;
  height: 28px;
  margin-right: 10px;
  line-height: 28px;
}
.series-type-list dl dd .col4 .btns .btn-orange2 {
  width: 66px;
  height: 26px;
  line-height: 26px;
}
.series-type-list dl dd .col4 .btns .addok {
  width: 68px;
  height: 28px;
  line-height: 28px;
  color: #999;
  pointer-events: none;
}
.series-type-list dl dd:hover {
  background: #f9f9f9;
}
.series-type-list .col1,
.series-type-list .col2,
.series-type-list .col3,
.series-type-list .col4 {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.series-type-list .col1 {
  width: 308px;
}
.series-type-list .col2 {
  width: 170px;
}
.series-type-list .col3 {
  width: 126px;
}
.series-type-list .col4 {
  width: 236px;
}

.series-photos {
  height: 284px;
  overflow: hidden;
}
.series-photos ul {
  width: 874px;
}
.series-photos ul li {
  float: left;
  margin-right: 14px;
  margin-bottom: 14px;
}
.series-photos ul li a {
  position: relative;
  display: block;
  width: 203px;
  height: 135px;
  overflow: hidden;
}
.series-photos ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.series-photos ul li a .tag {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 60px;
  height: 30px;
  background: #fe791d;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.series-photos ul li a .hover-style {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  display: inline-block;
  width: 197px;
  height: 129px;
  border: 3px solid #fe791d;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.series-photos ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.series-photos ul li a:hover .hover-style {
  z-index: 1;
  opacity: 1;
}
.series-photos ul li.big a {
  width: 426px;
  height: 284px;
}
.series-photos ul li.big a .hover-style {
  width: 420px;
  height: 278px;
}
.series-photos ul li.more a .tag {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=40000000);
  text-align: center;
  line-height: 135px;
}
.series-photos ul li.more a:hover .tag {
  background: rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=20000000);
}

.series-tousu-list {
  width: 100%;
}
.series-tousu-list ul {
  width: 888px;
}
.series-tousu-list ul li {
  float: left;
  width: 270px;
  height: 278px;
  overflow: hidden;
  margin-right: 26px;
  margin-bottom: 30px;
}
.series-tousu-list .img {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.series-tousu-list .img img {
  display: block;
  width: 270px;
  height: 180px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.series-tousu-list .img .icon-video {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-block;
  width: 46px;
  height: 46px;
  background-image: url(../images/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0 -283px;
}
.series-tousu-list .title {
  display: -webkit-box;
  height: 48px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.series-tousu-list .more {
  padding-top: 10px;
}
.series-tousu-list .more .user {
  float: left;
  width: 60%;
  font-size: 16px;
  line-height: 30px;
}
.series-tousu-list .more .user img {
  float: left;
  margin-right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.series-tousu-list .more .user span {
  display: block;
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.series-tousu-list .more .user-views {
  position: relative;
  float: right;
  margin-top: 7px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.series-tousu-list .more .user-views:before, .series-tousu-list .more .user-views::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 0;
  width: 16px;
  height: 13px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -312px -34px;
}
.series-tousu-list a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.series-tousu-list a:hover .icon-video {
  background-position: -47px -283px;
}
.series-tousu-list.list2 ul {
  width: 1212px;
}
.series-tousu-list.list2 ul li {
  width: 288px;
  height: 290px;
  margin-right: 15px;
}
.series-tousu-list.list2 .img img {
  width: 288px;
  height: 190px;
}

.series-relevant-list {
  width: 860px;
  height: 65px;
  overflow: hidden;
}
.series-relevant-list ul {
  width: 880px;
}
.series-relevant-list ul li {
  float: left;
  width: 200px;
  padding-right: 20px;
  padding-bottom: 30px;
}
.series-relevant-list ul li a {
  position: relative;
  display: block;
  padding-left: 12px;
  font-size: 16px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.series-relevant-list ul li a:before, .series-relevant-list ul li a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #1e70df;
  border-radius: 2px;
}

.guess-like-list {
  width: 300px;
}
.guess-like-list ul {
  width: 320px;
}
.guess-like-list ul li {
  float: left;
  width: 140px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.guess-like-list ul li .img {
  width: 134px;
  overflow: hidden;
  margin: 0 auto 16px;
}
.guess-like-list ul li .img img {
  display: block;
  width: 134px;
  height: 90px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.guess-like-list ul li .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.guess-like-list ul li .series-price-area {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  color: #fe791d;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.guess-like-list ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.brand-series-list li {
  padding-bottom: 18px;
}
.brand-series-list li a {
  position: relative;
  display: block;
  padding-left: 16px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1;
}
.brand-series-list li a .name {
  float: left;
  display: block;
  max-width: 160px;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.brand-series-list li a .price {
  float: right;
  display: block;
  overflow: hidden;
  color: #999;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.brand-series-list li a:before, .brand-series-list li a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #1e70df;
  border-radius: 2px;
}

.contrast-select-box {
  position: fixed;
  top: 0;
  right: -310px;
  z-index: 998;
  width: 300px;
  height: 100%;
  background: #fff;
  box-shadow: -5px 0 9px 0 rgba(0, 0, 0, 0.1);
  transition: right 0.3s ease-in-out 0.1s;
  -webkit-transition: right 0.3s ease-in-out 0.1s;
  -moz-transition: right 0.3s ease-in-out 0.1s;
}
.contrast-select-box.active {
  right: 0;
}
.contrast-select-box .title {
  margin-top: 50px;
  padding: 24px 0;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  color: #333;
}
.contrast-select-box .contrast-select-list {
  padding: 14px 24px 0;
  border-top: 1px solid #e3e3e3;
}
.contrast-select-box .contrast-select-list li {
  position: relative;
  padding: 13px 0;
  border-bottom: 1px solid #e3e3e3;
}
.contrast-select-box .contrast-select-list li .car-type-name {
  display: block;
  width: 182px;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.contrast-select-box .contrast-select-list li .del {
  position: absolute;
  top: 50%;
  right: 13px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  overflow: hidden;
  line-height: 10000%;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -372px -32px;
  cursor: pointer;
}
.contrast-select-box .contrast-select-list li .del:hover {
  background-position: -392px -32px;
}
.contrast-select-box .btn-area {
  padding-top: 26px;
}
.contrast-select-box .btn-go-contrast {
  display: block;
  width: 166px;
  height: 42px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border-radius: 4px;
}
.contrast-select-box .btn-del-all {
  display: block;
  width: 100%;
  margin-top: 50px;
  padding: 10px 0;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #999;
}
.contrast-select-box .btn-del-all:before, .contrast-select-box .btn-del-all::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: -3px;
  margin-right: 6px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -332px -32px;
}
.contrast-select-box .btn-del-all:hover {
  color: #333;
}
.contrast-select-box .btn-del-all:hover:before, .contrast-select-box .btn-del-all:hover::before {
  background-position: -352px -32px;
}
.contrast-select-box .btn-retract-csbox {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 24px;
  height: 68px;
  overflow: hidden;
  line-height: 10000%;
  margin-top: -34px;
  background: #bfbfbf;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.contrast-select-box .btn-retract-csbox:after, .contrast-select-box .btn-retract-csbox::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  display: inline-block;
  width: 11px;
  height: 18px;
  margin-top: -9px;
  margin-left: -6px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -412px -31px;
}
.contrast-select-box .btn-retract-csbox:hover {
  background: #fe791d;
}

.cartype-photo-select-box {
  width: 860px;
}
.cartype-photo-select-box .cartype-yeaer-photo {
  width: 100%;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.2;
}
.cartype-photo-select-box .cartype-yeaer-photo .hd {
  float: left;
  width: 80px;
  padding-right: 8px;
  color: #999;
  text-align: right;
}
.cartype-photo-select-box .cartype-yeaer-photo .bd {
  overflow: hidden;
}
.cartype-photo-select-box .cartype-yeaer-photo .bd ul {
  width: 800px;
}
.cartype-photo-select-box .cartype-yeaer-photo .bd ul li {
  float: left;
  width: 380px;
  margin-right: 20px;
  margin-bottom: 18px;
}
.cartype-photo-select-box .cartype-yeaer-photo .bd ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cartype-photo-select-box .cartype-yeaer-photo .bd ul li a span {
  color: #999;
}
.cartype-photo-select-box .cartype-yeaer-photo .bd ul li a.disabled {
  color: #999;
  pointer-events: none;
}
.cartype-photo-select-box .cartype-yeaer-photo .bd ul li.current a {
  color: #fe791d;
}

.series-photo-list {
  width: 860px;
  max-height: 385px;
  overflow: hidden;
}
.series-photo-list ul {
  width: 885px;
}
.series-photo-list ul li {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}
.series-photo-list ul li a {
  display: block;
  overflow: hidden;
}
.series-photo-list ul li a img {
  display: block;
  width: 270px;
  height: 180px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.series-photo-list ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.car-group-buying-header {
  height: 400px;
  overflow: hidden;
}

.car-group-buying-photo {
  float: left;
  overflow: hidden;
  margin-right: 40px;
}
.car-group-buying-photo img {
  display: block;
  width: 602px;
  height: 400px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.car-group-buying-photo a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.car-group-buying-info {
  overflow: hidden;
}
.car-group-buying-info .title {
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 0;
}
.car-group-buying-info .title .car-name {
  float: left;
  margin-right: 14px;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
}
.car-group-buying-info .title .city-name {
  float: left;
  padding: 5px 6px;
  border: 1px solid #fe791d;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #fe791d;
  border-radius: 4px;
}
.car-group-buying-info .tip {
  padding-bottom: 20px;
}
.car-group-buying-info .tip img {
  display: block;
  width: 207px;
  height: 22px;
}
.car-group-buying-info .group-buying-countdown {
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 1;
}
.car-group-buying-info .group-buying-countdown .number {
  padding: 0 8px;
  font-size: 36px;
  font-weight: 700;
  color: #fe791d;
}

.car-group-buying-signup {
  width: 100%;
}
.car-group-buying-signup li {
  padding-bottom: 12px;
}
.car-group-buying-signup li .hd {
  float: left;
  width: 90px;
  height: 54px;
  font-size: 18px;
  line-height: 54px;
}
.car-group-buying-signup li .bd {
  padding-left: 90px;
}
.car-group-buying-signup li.btn-area {
  padding-top: 18px;
  padding-bottom: 0;
}
.car-group-buying-signup li.btn-area .bd {
  position: relative;
}
.car-group-buying-signup .group-buying-input-text {
  display: block;
  width: 426px;
  padding: 15px 20px;
  border: 1px solid #b2b2b2;
  font-size: 18px;
  line-height: 22px;
  outline: none;
  border-radius: 4px;
}
.car-group-buying-signup .group-buying-input-text.input-error-tip {
  border-color: red;
}
.car-group-buying-signup .btn-signup {
  display: block;
  width: 468px;
  height: 54px;
  background: #fe791d;
  font-size: 24px;
  line-height: 54px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}
.car-group-buying-signup .error-tip {
  position: absolute;
  left: 90px;
  top: -20px;
  display: block;
  width: 468px;
  font-size: 12px;
  line-height: 1;
  color: red;
  display: none;
}
.car-group-buying-signup .signup-count-tip {
  padding-top: 12px;
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: #666;
}
.car-group-buying-signup .signup-count-tip em {
  color: #fe791d;
  font-style: normal;
}

.group-buying-procedure {
  width: 100%;
  overflow: hidden;
}
.group-buying-procedure img {
  display: block;
  width: 1200px;
  height: 174px;
}

.car-group-buying-types {
  width: 860px;
}
.car-group-buying-types dl {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.car-group-buying-types dl dt {
  padding: 17px 10px;
  background: #f7f7f7;
  font-size: 0;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
  border-bottom: 1px solid #e5e5e5;
}
.car-group-buying-types dl dt .col1 {
  color: #333;
}
.car-group-buying-types dl dt .col1 span,
.car-group-buying-types dl dt .col2 span,
.car-group-buying-types dl dt .col3 span,
.car-group-buying-types dl dt .col4 span {
  display: inline-block;
  padding-right: 10px;
}
.car-group-buying-types dl dt .col4 {
  text-align: center;
}
.car-group-buying-types dl dt .col4 span {
  padding-left: 10px;
}
.car-group-buying-types dl dd {
  display: table;
  padding: 11px 10px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  font-size: 0;
}
.car-group-buying-types dl dd.last, .car-group-buying-types dl dd:last-child {
  border: 0;
}
.car-group-buying-types dl dd .col1,
.car-group-buying-types dl dd .col2,
.car-group-buying-types dl dd .col3,
.car-group-buying-types dl dd .col4 {
  display: table-cell;
  vertical-align: middle;
  line-height: 28px;
}
.car-group-buying-types dl dd .col1 span,
.car-group-buying-types dl dd .col2 span,
.car-group-buying-types dl dd .col3 span,
.car-group-buying-types dl dd .col4 span {
  display: inline-block;
  padding-right: 10px;
}
.car-group-buying-types dl dd .col1 a {
  line-height: 1.2;
}
.car-group-buying-types dl dd .col3 span,
.car-group-buying-types dl dd .col3 a {
  color: #fe791d;
}
.car-group-buying-types dl dd .col4 {
  text-align: center;
}
.car-group-buying-types dl dd .col4 span {
  display: inline-block;
  padding-left: 10px;
}
.car-group-buying-types dl dd:hover {
  background: #f9f9f9;
}
.car-group-buying-types .col1,
.car-group-buying-types .col2,
.car-group-buying-types .col3,
.car-group-buying-types .col4 {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.car-group-buying-types .col1 {
  width: 420px;
}
.car-group-buying-types .col2 {
  width: 150px;
}
.car-group-buying-types .col3 {
  width: 150px;
}
.car-group-buying-types .col4 {
  width: 120px;
}

.guess-like-gblist {
  width: 860px;
}
.guess-like-gblist ul {
  width: 885px;
}
.guess-like-gblist ul li {
  float: left;
  margin-right: 25px;
  margin-bottom: 30px;
}
.guess-like-gblist a {
  display: block;
  width: 270px;
  height: 340px;
  background-color: #fff;
  text-align: center;
  line-height: 1;
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.guess-like-gblist a:hover {
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.2);
}
.guess-like-gblist a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.guess-like-gblist .info-box {
  margin: 18px 17px;
}
.guess-like-gblist .img {
  overflow: hidden;
}
.guess-like-gblist .img img {
  display: block;
  width: 270px;
  height: 180px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.guess-like-gblist .name {
  margin-bottom: 12px;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.guess-like-gblist .signup-count {
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
}
.guess-like-gblist .signup-count span {
  color: #fe791d;
}
.guess-like-gblist .btn-signup {
  display: block;
  width: 100%;
  height: 44px;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.rare-head {
  background: #fff;
}
.rare-head .series-hd {
  padding-bottom: 0;
}

.car-series-news-list {
  width: 100%;
}
.car-series-news-list li {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
}
.car-series-news-list li .img {
  position: relative;
  float: left;
  overflow: hidden;
}
.car-series-news-list li .img img {
  display: block;
  width: 220px;
  height: 146px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.car-series-news-list li .img .icon-video {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -384px -206px;
}
.car-series-news-list li .img .video-time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 1px #333;
}
.car-series-news-list li .info {
  padding-left: 240px;
}
.car-series-news-list li .info .title {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.car-series-news-list li .info .desc {
  display: -webkit-box;
  height: 60px;
  margin-bottom: 15px;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.car-series-news-list li .info .more {
  font-size: 12px;
  line-height: 16px;
  text-align: right;
}
.car-series-news-list li .info .more span {
  display: inline-block;
  margin-left: 35px;
  height: 16px;
  color: #999;
}
.car-series-news-list li .info .more span.comment-count {
  position: relative;
  padding-left: 24px;
}
.car-series-news-list li a:hover .img img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.car-series-news-list li a:hover .img .icon-video {
  background-position: -421px -206px;
}
.car-series-news-list li.last, .car-series-news-list li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.car-series-news-list2 {
  width: 100%;
}
.car-series-news-list2 ul {
  width: 1230px;
}
.car-series-news-list2 li {
  float: left;
  margin-right: 30px;
  margin-bottom: 40px;
}
.car-series-news-list2 li a {
  display: block;
  width: 277px;
  height: 398px;
  overflow: hidden;
  background: #fff;
}
.car-series-news-list2 li a:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.car-series-news-list2 li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.car-series-news-list2 .img {
  overflow: hidden;
}
.car-series-news-list2 .img img {
  display: block;
  width: 277px;
  height: 183px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.car-series-news-list2 .info {
  padding: 15px;
}
.car-series-news-list2 .info .title {
  display: -webkit-box;
  height: 52px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.car-series-news-list2 .info .desc {
  display: -webkit-box;
  height: 66px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.car-series-news-list2 .info .more {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e3e3e3;
  font-size: 14px;
  line-height: 16px;
  color: #999;
}
.car-series-news-list2 .info .more .time {
  float: left;
}
.car-series-news-list2 .info .more .icon-view {
  float: right;
}

.qa-tab {
  padding-bottom: 15px;
  border-bottom: 2px solid #e3e3e3;
  font-size: 26px;
  line-height: 1;
}
.qa-tab li {
  position: relative;
  float: left;
  padding: 0 24px;
}
.qa-tab li:before, .qa-tab li::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  width: 1px;
  height: 20px;
  background: #c7c5c4;
}
.qa-tab li.first, .qa-tab li:first-child {
  padding-left: 0;
}
.qa-tab li.last, .qa-tab li:last-child {
  padding-right: 0;
}
.qa-tab li.last:before, .qa-tab li.last::before, .qa-tab li:last-child:before, .qa-tab li:last-child::before {
  display: none;
}
.qa-tab li.active a {
  color: #fe791d;
  font-weight: 700;
}
.qa-tab li.active a:before, .qa-tab li.active a::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -17px;
  width: 100%;
  height: 2px;
  background-color: #fe791d;
}
.qa-tab li a {
  position: relative;
  display: block;
}
.qa-tab.series-tousu-tab {
  font-size: 24px;
}

.qa-list {
  width: 100%;
  display: none;
}
.qa-list li {
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px;
  line-height: 1;
}
.qa-list li a {
  display: block;
  padding: 20px 0 20px 10px;
}
.qa-list li a:hover {
  background: #f9f9f9;
}
.qa-list li .name {
  float: left;
  max-width: 580px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.qa-list li .more {
  float: right;
  font-size: 0;
}
.qa-list li .more em {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  color: #999;
}
.qa-list li .more em.answers-count {
  margin-right: 30px;
}
.qa-list li.last, .qa-list li:last-child {
  border-bottom: 0;
}

.qa-statistics-box {
  width: 100%;
  text-align: center;
}
.qa-statistics-box .qa-tip {
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.qa-statistics-box .qa-count {
  padding-bottom: 22px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  color: #fe791d;
}
.qa-statistics-box .quiz {
  display: block;
  width: 100%;
  height: 52px;
  line-height: 52px;
  font-size: 20px;
  border-radius: 4px;
}

.text-news-list {
  width: 100%;
}
.text-news-list li {
  padding-bottom: 20px;
}
.text-news-list li a {
  position: relative;
  display: block;
  padding-left: 12px;
  font-size: 16px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-news-list li a:before, .text-news-list li a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #1e70df;
  border-radius: 2px;
}

.car-series-qa-detail {
  width: 100%;
}
.car-series-qa-detail .qad-hd {
  padding-bottom: 38px;
}
.car-series-qa-detail .qad-hd .title {
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.car-series-qa-detail .qad-hd .more {
  font-size: 0;
}
.car-series-qa-detail .qad-hd .more span {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
}
.car-series-qa-detail .qad-hd .more span.name {
  margin-right: 40px;
  color: #1e70df;
}
.car-series-qa-detail .qad-hd .more span.name a {
  color: #1e70df;
}
.car-series-qa-detail .qad-hd .more span.time {
  color: #999;
}
.car-series-qa-detail .qad-bd {
  width: 100%;
}
.car-series-qa-detail .qad-bd .qad-text-content {
  padding-bottom: 15px;
  font-size: 16px;
}
.car-series-qa-detail .qad-bd .qad-pics {
  width: 100%;
}
.car-series-qa-detail .qad-bd .qad-pics ul {
  width: 882px;
}
.car-series-qa-detail .qad-bd .qad-pics ul li {
  float: left;
  overflow: hidden;
  margin-right: 24px;
}
.car-series-qa-detail .qad-bd .qad-pics ul li img {
  display: block;
  width: 270px;
  height: 180px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.car-series-qa-detail .qad-bd .qad-pics ul li:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.published-issues-box {
  width: 760px;
  margin: 0 auto;
}
.published-issues-box .column {
  padding: 10px 0 24px;
  font-size: 24px;
  line-height: 1;
}
.published-issues-box .issues-title-box {
  position: relative;
}
.published-issues-box .issues-title-box .issues-title {
  display: block;
  width: 722px;
  height: 48px;
  padding: 18px;
  border: 1px solid #e3e3e3;
  background: #fff;
  font-size: 18px;
  font-family: "'Microsoft Yahei', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif";
  line-height: 24px;
  color: #333;
  resize: none;
  outline: none;
  border-radius: 4px;
}
.published-issues-box .issues-title-box .issues-title-input-conut {
  position: absolute;
  top: 54px;
  right: 18px;
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.published-issues-box .issues-title-box .input-tip {
  display: block;
  width: 100%;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1;
  text-align: right;
  color: #f00;
  display: none;
}
.published-issues-box .issues-content-box {
  width: 722px;
  padding: 18px;
  border: 1px solid #e3e3e3;
  background: #fff;
  border-radius: 4px;
}
.published-issues-box .issues-content-box .issues-content {
  display: block;
  width: 100%;
  height: 120px;
  border: 0;
  background: #fff;
  font-size: 18px;
  font-family: "'Microsoft Yahei', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif";
  line-height: 24px;
  color: #333;
  resize: none;
  outline: none;
}
.published-issues-box .issues-content-box .more-control {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e3e3e3;
}
.published-issues-box .issues-content-box .img-upload-box {
  float: left;
  margin-right: 15px;
}
.published-issues-box .issues-content-box .img-upload-box .img-upload-click-box {
  position: relative;
  width: 82px;
  height: 82px;
  border: 1px solid #e3e3e3;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
}
.published-issues-box .issues-content-box .img-upload-box .img-upload-click-box:after, .published-issues-box .issues-content-box .img-upload-box .img-upload-click-box::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -493px -52px;
}
.published-issues-box .issues-content-box .img-upload-box .img-upload-click-text {
  display: block;
  width: 100%;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #fe791d;
  text-decoration: underline;
}
.published-issues-box .issues-content-box .img-upload-tip {
  float: left;
  font-size: 14px;
  line-height: 1;
  color: #999;
  padding-top: 94px;
}
.published-issues-box .btn-area .btn-orange1 {
  float: right;
  width: 110px;
  height: 38px;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
}

.car-type-detail-hd {
  width: 100%;
}
.car-type-detail-hd .img {
  float: left;
  overflow: hidden;
  margin-right: 30px;
}
.car-type-detail-hd .img img {
  display: block;
  width: 320px;
  height: 213px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.car-type-detail-hd a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.car-type-detail-hd .info {
  padding-left: 350px;
}
.car-type-detail-hd .car-type-price-hd {
  height: 30px;
  padding-top: 10px;
  padding-bottom: 50px;
}
.car-type-detail-hd .car-type-price-hd .reference-price {
  float: left;
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.car-type-detail-hd .car-type-price-hd .reference-price span {
  color: #fe791d;
  font-size: 16px;
  font-weight: 700;
}
.car-type-detail-hd .car-type-price-hd .reference-price span em {
  font-size: 30px;
  font-style: normal;
}
.car-type-detail-hd .car-type-price-hd .btn-rp-tip {
  float: right;
  height: 30px;
  padding: 0 14px;
  font-size: 15px;
  line-height: 30px;
  border-radius: 4px;
}
.car-type-detail-hd .car-type-price-more {
  width: 100%;
}
.car-type-detail-hd .car-type-price-more li {
  float: left;
  padding: 0 40px;
  border-right: 1px solid #e3e3e3;
}
.car-type-detail-hd .car-type-price-more li.first, .car-type-detail-hd .car-type-price-more li:first-child {
  padding-left: 0;
}
.car-type-detail-hd .car-type-price-more li.last, .car-type-detail-hd .car-type-price-more li:last-child {
  padding-right: 0;
  border-right: 0;
}
.car-type-detail-hd .car-type-price-more li .title,
.car-type-detail-hd .car-type-price-more li .price {
  display: block;
  width: 100%;
}
.car-type-detail-hd .car-type-price-more li .title {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.car-type-detail-hd .car-type-price-more li .price {
  font-size: 24px;
  line-height: 1;
}
.car-type-detail-hd .car-type-price-more li .price.gray {
  font-weight: 400;
  color: #666;
}
.car-type-detail-hd .car-type-price-more li .price.orange {
  font-weight: 700;
  color: #fe791d;
}
.car-type-detail-hd .car-type-price-more li .price.orange.op2 {
  margin-top: -8px;
  font-size: 18px;
}
.car-type-detail-hd .car-type-price-more li .price.orange.op2 em {
  font-size: 32px;
  font-style: normal;
}

.car-type-config-box {
  width: 100%;
}
.car-type-config-box .config-column {
  height: 50px;
  padding: 0 10px;
  border-bottom: 1px solid #e3e3e3;
  background: #f7f7f7;
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
}
.car-type-config-box .config-section {
  width: 100%;
}
.car-type-config-box table {
  width: 100%;
}
.car-type-config-box table td {
  padding: 15px 0 15px 10px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 0;
  vertical-align: middle;
}
.car-type-config-box table tr:hover {
  background: #f9f9f9;
}
.car-type-config-box .col1 .hd,
.car-type-config-box .col1 .bd,
.car-type-config-box .col2 .hd,
.car-type-config-box .col2 .bd,
.car-type-config-box .col3 .hd,
.car-type-config-box .col3 .bd,
.car-type-config-box .col-all .hd,
.car-type-config-box .col-all .bd {
  display: table-cell;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.car-type-config-box .col1 .hd,
.car-type-config-box .col2 .hd,
.car-type-config-box .col3 .hd,
.car-type-config-box .col-all .hd {
  color: #999;
}
.car-type-config-box .col1,
.car-type-config-box .col2 {
  width: 35%;
}
.car-type-config-box .col1 .hd,
.car-type-config-box .col2 .hd {
  width: 125px;
  margin-right: 10px;
}
.car-type-config-box .col3 {
  width: 30%;
}
.car-type-config-box .col3 .hd {
  width: 104px;
}
.car-type-config-box .col-all {
  width: 100%;
}
.car-type-config-box .col-all .hd {
  width: 125px;
  margin-right: 10px;
}
.car-type-config-box .car-type-colors {
  font-size: 0 !important;
  line-height: 0 !important;
}
.car-type-config-box .car-type-colors em {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 2px solid #f7f7f7;
  border-radius: 50%;
}
.car-type-config-box .btn-car-config-more {
  display: block;
  width: 210px;
  height: 44px;
  margin: 30px auto 0;
  border: 1px solid #cacaca;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
  border-radius: 4px;
}
.car-type-config-box .btn-car-config-more:after, .car-type-config-box .btn-car-config-more::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 9px;
  margin-left: 6px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -306px -21px;
}
.car-type-config-box .btn-car-config-more:hover {
  color: #1e70df;
  border-color: #1e70df;
}
.car-type-config-box .btn-car-config-more:hover:after, .car-type-config-box .btn-car-config-more:hover::after {
  background-position: -322px -21px;
}

.ct-sale-offer-list li {
  padding: 26px 0;
  border-bottom: 1px solid #e3e3e3;
}
.ct-sale-offer-list li.last, .ct-sale-offer-list li:last-child {
  border: 0;
}
.ct-sale-offer-list li .info {
  float: left;
  width: 488px;
}
.ct-sale-offer-list li .info .img {
  float: left;
  overflow: hidden;
  margin-right: 18px;
}
.ct-sale-offer-list li .info .img img {
  display: block;
  width: 86px;
  height: 86px;
}
.ct-sale-offer-list li .info .inf-text {
  padding-top: 20px;
  padding-left: 104px;
}
.ct-sale-offer-list li .info .inf-text .name {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ct-sale-offer-list li .info .inf-text .dealer-name {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ct-sale-offer-list li .offter-price {
  float: left;
  width: 180px;
  padding-top: 15px;
  text-align: center;
  line-height: 1;
}
.ct-sale-offer-list li .offter-price span {
  display: block;
  width: 100%;
}
.ct-sale-offer-list li .offter-price .price {
  padding-bottom: 12px;
  font-size: 30px;
  color: #fe791d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ct-sale-offer-list li .offter-price .tip {
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ct-sale-offer-list li .btn-consult {
  float: right;
  margin-top: 25px;
  width: 110px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
}

.car-config-main {
  background-color: #fff;
}

.car-config-tip {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #999;
}
.car-config-tip:before, .car-config-tip::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -428px -32px;
}

.config-filter {
  line-height: 40px;
  background-color: #f7f7f7;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
}
.config-filter .config-select-list {
  float: left;
  padding-left: 20px;
  color: #666;
}
.config-filter .config-select-list label {
  color: #333;
  margin-right: 10px;
}
.config-filter .config-select-list label input {
  position: relative;
  top: 2px;
  margin: 0 5px;
  outline: none;
}
.config-filter .config-select-list label.last {
  margin: 0;
}

.car-config-content-box {
  position: relative;
  zoom: 1;
}
.car-config-content-box table {
  width: 100%;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.car-config-content-box table td,
.car-config-content-box table th {
  padding: 5px 10px;
  line-height: 1.4;
  text-align: center;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
}
.car-config-content-box table td.highlight,
.car-config-content-box table th.highlight {
  color: #fe791d;
}
.car-config-content-box table th {
  font-weight: 400;
  text-align: right;
  background-color: #f7f7f7;
}
.car-config-content-box .padd0 {
  padding: 0;
}
.car-config-content-box .bord0 {
  border: 0;
}
.car-config-content-box .w198 {
  width: 198px;
}
.car-config-content-box .car-config-layout-width {
  position: relative;
  width: 198px;
}
.car-config-content-box .car-config-layout-width .config-row-tit {
  width: 168px;
  padding: 5px 20px 5px 10px;
}
.car-config-content-box .car-config-header {
  height: 148px;
  overflow: hidden;
}
.car-config-content-box .car-config-header.hd {
  background-color: #f7f7f7;
}
.car-config-content-box .top-title {
  float: left;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.car-config-content-box .table-head-filter {
  width: 203px;
  text-align: left;
  line-height: 1;
}
.car-config-content-box .table-head-filter .check-box-item {
  padding-left: 24px;
  padding-bottom: 24px;
}
.car-config-content-box .table-head-filter .check-box-item.pt {
  padding-top: 20px;
}
.car-config-content-box .table-head-filter .check-box-item input {
  position: relative;
  top: 2px;
  margin-right: 8px;
  outline: none;
}
.car-config-content-box .table-head-filter .config-tag-toast {
  padding-left: 24px;
}
.car-config-content-box .table-head-filter .config-tag-toast span {
  color: #8b8b8b;
}
.car-config-content-box .car-config-head-info {
  padding: 20px;
}
.car-config-content-box .car-config-head-info .car-neme-text {
  height: 56px;
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 28px;
  word-wrap: break-word;
  word-break: break-all;
}
.car-config-content-box .car-config-head-info .control-btn-area {
  position: relative;
  height: 28px;
}
.car-config-content-box .car-config-head-info .control-btn-area .btn {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
}
.car-config-content-box .car-config-head-info .control-btn-area .btn .ic {
  display: block;
  width: 8px;
  height: 14px;
  margin: 6px auto 0;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.car-config-content-box .car-config-head-info .control-btn-area .btn .ic.arrows-left {
  margin-left: 12px;
  background-position: -228px -77px;
}
.car-config-content-box .car-config-head-info .control-btn-area .btn .ic.arrows-right {
  background-position: -237px -77px;
}
.car-config-content-box .car-config-head-info .control-btn-area .btn.btn-left, .car-config-content-box .car-config-head-info .control-btn-area .btn.btn-right {
  width: 32px;
}
.car-config-content-box .car-config-head-info .control-btn-area .btn.btn-left {
  position: absolute;
  top: 0;
  left: 0;
}
.car-config-content-box .car-config-head-info .control-btn-area .btn.btn-right {
  position: absolute;
  top: 0;
  right: 0;
}
.car-config-content-box .car-config-head-info .control-btn-area .btn.btn-del {
  width: 68px;
}
.car-config-content-box .car-config-column {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding-left: 34px;
  text-align: left;
}
.car-config-content-box .car-config-column h2 {
  font-size: 14px;
  font-weight: 400;
}
.car-config-content-box .car-config-column .btn-control {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 34px;
  height: 30px;
  overflow: hidden;
  line-height: 500px;
}
.car-config-content-box .car-config-column .btn-control i {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 8px 10px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.car-config-content-box .car-config-column .btn-control.btn-shrink i {
  background-position: -249px -77px;
}
.car-config-content-box .car-config-column .btn-control.btn-unfold i {
  background-position: -267px -77px;
}
.car-config-content-box .unify-td-width {
  width: 178px;
}
.car-config-content-box .table th {
  width: 183px;
}
.car-config-content-box .table td {
  width: 178px;
}
.car-config-content-box .config-row-tit {
  width: 183px;
  line-height: 1.4;
}
.car-config-content-box .car-price-wrap {
  height: 22px;
  line-height: 22px;
}
.car-config-content-box .car-price-wrap .price {
  color: #fe791d;
}
.car-config-content-box .car-price-wrap .consult-car-price-btn {
  float: right;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  color: #fff;
  background-color: #fe791d;
}
.car-config-content-box .car-price-wrap .consult-car-price-btn:hover {
  background-color: #ff7200;
}

.car-config-nav {
  position: fixed;
  top: 307px;
  left: 50%;
  z-index: 9998;
  width: 100px;
  margin-left: -710px;
}
.car-config-nav li a {
  display: block;
  padding: 0 10px;
  height: 29px;
  line-height: 29px;
  background-color: #fff;
  border-top: 1px solid #b9c6d9;
  border-left: 1px solid #b9c6d9;
  border-right: 1px solid #b9c6d9;
}
.car-config-nav li a.last {
  border-bottom: 1px solid #b9c6d9;
}
.car-config-nav li.cur a {
  color: #fff;
  border-color: #1e70df;
  background-color: #1e70df;
}

.td-bd-con:before,
.td-bd-con:after {
  content: "";
  display: table;
}

.td-bd-con:after {
  clear: both;
}

.td-bd-con {
  zoom: 1;
}

.calculator-box table {
  width: 100%;
}
.calculator-box table td {
  border: 1px solid #e3e3e3;
  vertical-align: middle;
}
.calculator-box table td.td-width-01 {
  width: 20%;
}
.calculator-box table td.td-width-02 {
  width: 23%;
}
.calculator-box table td.td-width-03 {
  width: 25%;
}
.calculator-box table td.td-width-04 {
  width: 32%;
}
.calculator-box .td-select-con {
  padding: 20px 30px;
}
.calculator-box .td-column {
  padding: 25px 30px;
}
.calculator-box .td-column-row {
  width: 100%;
}
.calculator-box .refer-tips {
  padding: 20px 30px 25px;
}
.calculator-box .td-hd-con {
  padding: 20px 30px;
  font-size: 16px;
}
.calculator-box .td-bd-con {
  padding: 20px 18px;
  font-size: 16px;
}
.calculator-box .td-hd {
  float: left;
  width: 180px;
  font-size: 18px;
}
.calculator-box .td-hd.td-select-hd {
  height: 34px;
  line-height: 34px;
}
.calculator-box .td-hd.td-column-hd {
  height: 22px;
  margin-right: 20px;
  line-height: 22px;
}
.calculator-box .td-select-bd {
  float: left;
  width: 858px;
  height: 34px;
}
.calculator-box .price-info-01 {
  line-height: 34px;
}
.calculator-box .price-info-01 input {
  display: inline-block;
  width: 193px;
  min-width: 100px;
  height: 18px;
  padding: 7px 10px;
  border: 1px solid #e3e3e3;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}
.calculator-box .price-info-01 span {
  font-size: 18px;
  font-weight: 700;
  padding-left: 8px;
}
.calculator-box .td-con-tips {
  padding: 40px 0;
  background-color: #f5f5f5;
}
.calculator-box .td-con-tips h2 {
  color: #fe791d;
  font-size: 20px;
  text-align: center;
}
.calculator-box .td-con-tips .main-calc-info {
  float: left;
  width: 280px;
  padding-right: 20px;
}
.calculator-box .td-con-tips .main-calc-info .calc-info-text {
  font-size: 18px;
  padding-bottom: 10px;
}
.calculator-box .td-con-tips .main-calc-info .calc-info-text span {
  color: #f91818;
  font-size: 20px;
  font-weight: 700;
}
.calculator-box .td-con-tips .main-calc-info .mroe {
  color: #999;
  font-size: 14px;
}
.calculator-box .td-con-tips .main-calc-info .mroe a {
  padding-left: 8px;
}
.calculator-box .td-con-tips .main-calc-info.combined-cost-info, .calculator-box .td-con-tips .main-calc-info.down-payment {
  padding-left: 210px;
}
.calculator-box .td-con-tips .main-calc-info.monthly-payment {
  width: 210px;
}
.calculator-box .td-con-tips .main-calc-info.total-payment {
  padding-right: 0;
}
.calculator-box .td-con-tips .main-calc-info.insure {
  padding-left: 210px;
}
.calculator-box .td-con-tips .main-calc-info.insure .calc-info-text {
  padding-bottom: 0;
}
.calculator-box .refer-tips-text {
  padding-bottom: 40px;
  color: #999;
  text-align: right;
}
.calculator-box .cost-price {
  float: left;
  color: #f91818;
  font-size: 16px;
  margin-right: 20px;
}
.calculator-box .cost-show span,
.calculator-box .cost-show input {
  margin-right: 10px;
}
.calculator-box .cost-show input {
  width: 144px;
  height: 16px;
  padding: 7px 5px;
  border: 1px solid #b2b2b2;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
}
.calculator-box .calculate-select {
  float: left;
  width: 156px;
  height: 32px;
  padding: 0 1px;
  margin-right: 10px;
  border: 1px solid #b2b2b2;
  font-size: 16px;
  line-height: 32px;
}
.calculator-box .limit {
  display: inline-block;
  color: #666;
  line-height: 32px;
}
.calculator-box .tab {
  float: left;
  color: #ccc;
  font-size: 16px;
  line-height: 24px;
}
.calculator-box .tab a {
  color: #a2a2a2;
}
.calculator-box .tab a:hover {
  color: #fe791d;
}
.calculator-box .tab a.cur {
  color: #333;
}
.calculator-box .tab span {
  padding: 0 10px;
}
.calculator-box .calculate-checkbox {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.calculator-box .query-box {
  float: left;
  color: #999;
  font-size: 14px;
}
.calculator-box .query-box .query-icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  border: 1px solid #e3e3e3;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #efefef;
}
.calculator-box .query-box .query-content {
  position: absolute;
  top: 28px;
  right: -28px;
  z-index: 10;
  display: none;
  width: 396px;
  padding: 15px 10px 5px 10px;
  border: 1px solid #f60;
  border-bottom: 3px solid #f60;
  text-align: left;
  background-color: #fff;
}
.calculator-box .query-box .query-content strong {
  display: inline-block;
  padding-bottom: 5px;
  font-size: 16px;
}
.calculator-box .query-box .query-content .ic-triangle {
  position: absolute;
  width: 11px;
  height: 6px;
  right: 32px;
  top: -6px;
  display: block;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -478px -52px;
}
.calculator-box .query-box .query-content .close {
  position: absolute;
  top: 11px;
  right: 11px;
  display: block;
  width: 11px;
  height: 11px;
  overflow: hidden;
  cursor: pointer;
  line-height: 999px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -454px -52px;
}
.calculator-box .query-box .query-content .close:hover {
  background-position: -466px -52px;
}
.calculator-box .radio-label {
  display: inline-block;
  padding-right: 8px;
}

.config-contrast-wrap .placeholder {
  width: 1200px;
  height: 354px;
}
.config-contrast-wrap .select-area {
  width: 1200px;
  height: 354px;
  background-color: #fff;
}
.config-contrast-wrap .table-choice {
  width: 100%;
}
.config-contrast-wrap .table-choice td {
  border: 1px solid #e3e3e3;
  vertical-align: middle;
}
.config-contrast-wrap .table-choice td.title {
  width: 178px;
  padding: 10px;
  text-align: center;
  background-color: #f5f5f5;
}
.config-contrast-wrap .table-choice td.dropdown-td {
  position: relative;
  padding: 20px 18px;
  width: 212px;
}
.config-contrast-wrap .table-choice td.dropdown-td .line {
  position: absolute;
  top: 0;
  left: -1px;
  z-index: -1;
  width: 1px;
  height: 100%;
  background-color: #333;
}
.config-contrast-wrap .table-choice td.dropdown-td:hover {
  border-color: #fe791d;
}
.config-contrast-wrap .table-choice td.dropdown-td:hover .line {
  z-index: 100;
  background-color: #fe791d;
}
.config-contrast-wrap .tit-con {
  margin-bottom: 20px;
  border-bottom: 1px dashed #9f9f9f;
}
.config-contrast-wrap .tit-con .title-name {
  font-size: 18px;
  padding-bottom: 10px;
}
.config-contrast-wrap .tit-con .checkbox-item {
  font-size: 16px;
  padding-bottom: 15px;
}
.config-contrast-wrap .tit-con .checkbox-item input {
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.config-contrast-wrap .tools-wrap {
  width: 100%;
}
.config-contrast-wrap .tools-wrap .car-photo {
  padding-bottom: 20px;
}
.config-contrast-wrap .tools-wrap .car-photo img {
  display: block;
  width: 212px;
  height: 126px;
}
.config-contrast-wrap .tools-wrap .select-item-wrap {
  width: 212px;
  height: 34px;
  padding-bottom: 10px;
}
.config-contrast-wrap .tools-wrap .operation-btn {
  width: 212px;
  height: 34px;
  font-size: 0;
  text-align: center;
}
.config-contrast-wrap .tools-wrap .operation-btn a {
  display: inline-block;
  border: 1px solid #e3e3e3;
  font-size: 16px;
  line-height: 16px;
}
.config-contrast-wrap .tools-wrap .operation-btn a i {
  display: block;
  width: 16px;
  height: 12px;
  overflow: hidden;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.config-contrast-wrap .tools-wrap .operation-btn a.left-btn, .config-contrast-wrap .tools-wrap .operation-btn a.right-btn {
  padding: 10px 14px;
  background-color: #f5f5f5;
}
.config-contrast-wrap .tools-wrap .operation-btn a.left-btn {
  float: left;
}
.config-contrast-wrap .tools-wrap .operation-btn a.left-btn i {
  background-position: -413px -52px;
}
.config-contrast-wrap .tools-wrap .operation-btn a.left-btn:hover {
  background-color: #fff;
}
.config-contrast-wrap .tools-wrap .operation-btn a.left-btn:hover i {
  background-position: -413px -69px;
}
.config-contrast-wrap .tools-wrap .operation-btn a.right-btn {
  float: right;
}
.config-contrast-wrap .tools-wrap .operation-btn a.right-btn i {
  background-position: -434px -52px;
}
.config-contrast-wrap .tools-wrap .operation-btn a.right-btn:hover {
  background-color: #fff;
}
.config-contrast-wrap .tools-wrap .operation-btn a.right-btn:hover i {
  background-position: -434px -69px;
}
.config-contrast-wrap .tools-wrap .operation-btn a.dele-btn {
  padding: 8px 16px;
  background-color: #fff;
}
.config-contrast-wrap .genre-title {
  height: 30px;
  padding: 0 20px;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  line-height: 30px;
}
.config-contrast-wrap .genre-title h3 {
  font-size: 16px;
  font-weight: 400;
}
.config-contrast-wrap .tableinfo {
  width: 100%;
}
.config-contrast-wrap .tableinfo th,
.config-contrast-wrap .tableinfo td {
  padding: 5px 10px;
  border: 1px solid #e3e3e3;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
  background-color: #fff;
}
.config-contrast-wrap .tableinfo th.title {
  width: 178px;
  font-weight: 400;
  text-align: right;
  background-color: #fff;
}
.config-contrast-wrap .tableinfo th.title .con {
  width: 178px;
}
.config-contrast-wrap .tableinfo td.text {
  width: 228px;
}
.config-contrast-wrap .tableinfo td.highlight {
  color: #fe791d;
}

.config-contrast-nav {
  top: 240px;
}

.region-box {
  position: relative;
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
}
.region-box .hd {
  float: left;
  width: 64px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  line-height: 28px;
  color: #999;
}
.region-box .bd {
  overflow: hidden;
  font-size: 0;
}
.region-box .bd a {
  display: inline-block;
  padding: 6px 11px;
  background: #fff;
  color: #333;
  font-size: 16px;
  line-height: 1;
  border-radius: 4px;
}
.region-box .bd a:hover {
  background: #f9f9f9;
}
.region-box .bd a.current {
  background: #e5e5e5;
}

.auto-sale-list {
  width: 860px;
}
.auto-sale-list ul {
  width: 100%;
}
.auto-sale-list ul li {
  overflow: hidden;
  margin-bottom: 50px;
}
.auto-sale-list ul li:last-child {
  margin-bottom: 0;
}
.auto-sale-list .sale-info {
  float: left;
  width: 480px;
  margin-right: 20px;
}
.auto-sale-list .sale-info .img {
  float: left;
  margin-right: 20px;
}
.auto-sale-list .sale-info .img img {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 45px;
}
.auto-sale-list .sale-info .text {
  overflow: hidden;
}
.auto-sale-list .sale-info .text .name {
  margin: 10px 0 15px;
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.auto-sale-list .sale-info .text .more {
  font-size: 14px;
  line-height: 1;
}
.auto-sale-list .sale-info .text .more span {
  color: #999;
}
.auto-sale-list .sale-info .text .more.mb {
  margin-bottom: 12px;
}
.auto-sale-list .sale-region {
  float: left;
  width: 116px;
  margin: 38px 20px 0 0;
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.auto-sale-list .sale-btn-area {
  width: 216px;
  float: right;
  margin-top: 30px;
  font-size: 0;
}
.auto-sale-list .sale-btn-area .btn {
  float: right;
  display: inline-block;
  width: 100px;
  height: 28px;
  border: 1px solid #fe791d;
  background: #fff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #fe791d;
  border-radius: 4px;
}
.auto-sale-list .sale-btn-area .btn.mr {
  margin-right: 12px;
}
.auto-sale-list .sale-btn-area .btn:hover {
  background: #fe791d;
  color: #fff;
}

.consult-sale-info .img {
  float: left;
  margin-right: 20px;
}
.consult-sale-info .img img {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 45px;
}
.consult-sale-info .text {
  overflow: hidden;
}
.consult-sale-info .text .name {
  margin: 15px 0 15px;
  font-size: 24px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.consult-sale-info .text .more {
  font-size: 16px;
  line-height: 1;
}
.consult-sale-info .text .more span {
  color: #999;
}
.consult-sale-info .text .more.mb {
  margin-bottom: 12px;
}

.consult-auto-info {
  width: 600px;
  margin: 0 auto 50px;
}
.consult-auto-info .img {
  float: left;
  margin-right: 20px;
}
.consult-auto-info .img img {
  display: block;
  width: 260px;
  height: 173px;
}
.consult-auto-info .text {
  overflow: hidden;
}
.consult-auto-info .text .auto-series-name {
  margin: 10px 0 20px;
  font-size: 24px;
  line-height: 1.2;
}
.consult-auto-info .text .auto-type-name {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.consult-auto-info .price1 {
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.consult-auto-info .price1 span {
  font-size: 18px;
  color: #fe791d;
}
.consult-auto-info .price1 span em {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}
.consult-auto-info .price2 {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1;
  color: #999;
}

.consult-feedback-form-box {
  width: 1200px;
}
.consult-feedback-form-box ul {
  width: 100%;
}
.consult-feedback-form-box ul li {
  margin-bottom: 30px;
}
.consult-feedback-form-box ul li.btn-wrap {
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 110px;
}
.consult-feedback-form-box ul li.btn-wrap .btn-orange1 {
  display: block;
  width: 330px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 20px;
  border-radius: 4px;
}
.consult-feedback-form-box .hd {
  float: left;
  width: 100px;
  font-size: 18px;
  line-height: 50px;
  color: #999;
}
.consult-feedback-form-box .bd {
  padding-left: 110px;
}
.consult-feedback-form-box .inp-text {
  float: left;
  padding: 14px 20px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #333;
  font-size: 18px;
  line-height: 20px;
  outline: none;
  border-radius: 4px;
}
.consult-feedback-form-box .inp-text.short {
  width: 88px;
}
.consult-feedback-form-box .inp-text.long {
  width: 288px;
}
.consult-feedback-form-box .inp-text.mr {
  margin-right: 30px;
}
.consult-feedback-form-box .sex-label {
  float: left;
  margin-right: 30px;
  font-size: 18px;
  line-height: 50px;
}
.consult-feedback-form-box .sex-label .sex-a-radio {
  display: none;
}
.consult-feedback-form-box .sex-label .sex-b-radio {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  border: 1px solid #b5b5b5;
  vertical-align: middle;
  border-radius: 9px;
}
.consult-feedback-form-box .sex-label .sex-b-radio:before {
  content: "";
  font-size: 0;
  width: 10px;
  height: 10px;
  background: #fe791d;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  border-radius: 5px;
  display: none;
}
.consult-feedback-form-box .sex-label .sex-a-radio:checked ~ .sex-b-radio:before {
  display: block;
}
.consult-feedback-form-box .textarea-content {
  width: 558px;
  height: 208px;
  padding: 20px;
  border: 1px solid #bfbfbf;
  background: #fff;
  font-family: "'Microsoft Yahei', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif";
  font-size: 18px;
  line-height: 1.5;
  color: #333;
}
.consult-feedback-form-box.buying-signup-enquiry ul {
  width: 600px;
  margin: 0 auto;
}

.story-section .figure-140x140 {
  position: relative;
  padding-left: 170px;
}
.story-section .figure-140x140 .figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
}
.story-section .figure-140x140 .figure .figure-inner {
  display: block;
  width: 88px;
  height: 88px;
  margin-bottom: 10px;
  padding: 23px;
  border: 3px solid #e1e1e1;
  border-radius: 3px;
}
.story-section .figure-140x140 .figure .figure-inner img {
  display: block;
  width: 100%;
  height: 100%;
}
.story-section .figure-140x140 .desc .brand-story,
.story-section .figure-140x140 .desc .logo-story {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px;
}
.story-section .figure-140x140 .desc p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #999;
}
.story-section .figure-140x140 .desc p .more {
  color: #1e70df;
}

.hot-car-brands {
  width: 300px;
}
.hot-car-brands ul {
  width: 366px;
}
.hot-car-brands ul li {
  float: left;
  width: 55px;
  margin-right: 67px;
  margin-bottom: 30px;
}
.hot-car-brands .img {
  overflow: hidden;
  margin-bottom: 8px;
  font-size: 0;
  text-align: center;
}
.hot-car-brands .img img {
  display: inline-block;
  width: 55px;
  height: 55px;
}
.hot-car-brands .name {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.news-nav {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 18px;
  font-size: 16px;
  line-height: 1;
}
.news-nav li {
  float: left;
  margin-right: 70px;
}
.news-nav li:last-child {
  margin-right: 0;
}
.news-nav li.current {
  position: relative;
}
.news-nav li.current:after, .news-nav li.current::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -18px;
  width: 100%;
  height: 2px;
  background: #fe791d;
}
.news-nav li.current a {
  color: #fe791d;
}

.hotline-news-box {
  height: 374px;
  overflow: hidden;
}
.hotline-news-box ul {
  width: 1210px;
}
.hotline-news-box li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.hotline-news-box li a {
  position: relative;
  display: block;
  width: 291px;
  height: 182px;
  overflow: hidden;
}
.hotline-news-box li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.hotline-news-box li a .title {
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.hotline-news-box li a .title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 40px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
}
.hotline-news-box li a .title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d,endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.hotline-news-box li a .icon-video {
  position: absolute;
  bottom: 50px;
  left: 10px;
  display: inline-block;
  width: 51px;
  height: 51px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -280px -206px;
}
.hotline-news-box li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.hotline-news-box li a:hover .title-hover-bg {
  width: 100%;
}
.hotline-news-box li a:hover .icon-video {
  background-position: -332px -206px;
}
.hotline-news-box li.highlight a {
  width: 598px;
  height: 374px;
}
.hotline-news-box li.highlight a .title {
  height: 60px;
  line-height: 60px;
  font-size: 24px;
}
.hotline-news-box li.highlight a .title-bg {
  height: 60px;
}
.hotline-news-box li.highlight a .icon-video {
  bottom: 70px;
}

.news-index-list {
  width: 1200px;
}
.news-index-list ul {
  width: 1216px;
}
.news-index-list li {
  float: left;
  margin-right: 16px;
  margin-bottom: 30px;
}
.news-index-list .img {
  position: relative;
  width: 288px;
  height: 190px;
  overflow: hidden;
  margin-bottom: 10px;
}
.news-index-list .img img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 190px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.news-index-list .img .icon-video {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  width: 51px;
  height: 51px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -280px -206px;
}
.news-index-list .img .video-time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 1px #333;
}
.news-index-list .title {
  display: -webkit-box;
  width: 280px;
  height: 48px;
  margin: 0 4px 10px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-index-list .more {
  padding: 0 4px;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.news-index-list .more .time {
  float: left;
}
.news-index-list .more .news-views {
  float: right;
}
.news-index-list a:hover .img img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.news-index-list a:hover .icon-video {
  background-position: -332px -206px;
}
.news-index-list.original-newslist ul {
  width: 885px;
}
.news-index-list.original-newslist ul li {
  margin-right: 25px;
  margin-bottom: 25px;
}
.news-index-list.original-newslist .img img {
  width: 270px;
  height: 180px;
}
.news-index-list.original-newslist .title {
  width: 262px;
}
.news-index-list.original-newslist .more {
  overflow: hidden;
}
.news-index-list.daka-choice-newslist .more {
  height: 30px;
}
.news-index-list.daka-choice-newslist .more .news-views {
  margin-top: 7px;
}
.news-index-list.daka-choice-newslist .more .author-info {
  float: left;
  width: 180px;
  height: 30px;
  overflow: hidden;
}
.news-index-list.daka-choice-newslist .more .author-info img {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 15px;
}
.news-index-list.daka-choice-newslist .more .author-info span {
  display: block;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.loading-tip {
  padding: 30px 0;
  text-align: center;
  font-size: 0;
}
.loading-tip .loading-tip-img {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  margin-bottom: -10px;
}
.loading-tip .loading-tip-text {
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
  color: #bbb;
}

.news-column {
  position: relative;
  padding-bottom: 18px;
  border-bottom: 2px solid #e5e5e5;
}
.news-column .title {
  float: left;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}
.news-column .more {
  float: right;
  font-size: 16px;
  line-height: 26px;
}
.news-column.orange .title {
  color: #fe791d;
}
.news-column.blue .title {
  color: #029fd6;
}
.news-column.purple .title {
  color: #664dd8;
}
.news-column.pink .title {
  color: #fa2858;
}
.news-column.column2 .title {
  padding-right: 34px;
  font-size: 24px;
}
.news-column.column2 .tab-bar {
  float: left;
  margin-top: 4px;
  font-size: 20px;
  line-height: 1;
}
.news-column.column2 .tab-bar li {
  position: relative;
  float: left;
  margin-right: 30px;
}
.news-column.column2 .tab-bar li.active:after, .news-column.column2 .tab-bar li.active::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 2px;
  background: #fe791d;
}

.news-list-nav {
  padding-bottom: 18px;
  border-bottom: 2px solid #e5e5e5;
}
.news-list-nav .more {
  float: right;
  padding-top: 10px;
  font-size: 16px;
  line-height: 1;
}
.news-list-nav ul.nav-wrap {
  float: left;
}
.news-list-nav ul.nav-wrap li {
  float: left;
  margin-right: 47px;
  font-size: 24px;
  line-height: 1;
}
.news-list-nav ul.nav-wrap li:last-child {
  margin-right: 0;
}
.news-list-nav ul.nav-wrap li.active {
  position: relative;
}
.news-list-nav ul.nav-wrap li.active:after, .news-list-nav ul.nav-wrap li.active::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 2px;
  background: #fe791d;
}
.news-list-nav ul.nav-wrap li.active a {
  color: #fe791d;
}
.news-list-nav.ev-nav {
  position: relative;
}
.news-list-nav.ev-nav ul.nav-wrap li {
  margin-right: 30px;
  font-size: 18px;
}
.news-list-nav.ev-nav .title {
  float: left;
  margin-right: 34px;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}
.news-list-nav.ev-nav.column ul {
  margin-top: 8px;
}

.news-list-subnav {
  font-size: 14px;
  line-height: 30px;
}
.news-list-subnav li {
  float: left;
  margin-right: 15px;
}
.news-list-subnav li a {
  display: block;
  padding: 0 15px;
  background-color: #fff;
  border-radius: 2px;
}
.news-list-subnav li.current a, .news-list-subnav li.active a {
  color: #fff;
  background-color: #fe791d;
}

.news-detail-main {
  position: relative;
  padding-bottom: 40px;
  width: 100%;
}
.news-detail-main .hd {
  padding-bottom: 20px;
}
.news-detail-main .hd .title {
  padding-bottom: 40px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
}
.news-detail-main .hd .more {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.news-detail-main .hd .more .news-tag {
  float: left;
}
.news-detail-main .hd .more .news-tag span {
  float: left;
  padding: 0 10px;
  margin-right: 12px;
  background: #eee;
}
.news-detail-main .hd .more .news-tag span:last-child {
  margin-right: 0;
}
.news-detail-main .hd .more .news-views {
  float: right;
}
.news-detail-main .hd .more .news-views span {
  float: left;
}
.news-detail-main .hd .more .news-views span.pv {
  margin-right: 30px;
}
.news-detail-main .bd {
  font-size: 20px;
  line-height: 1.8;
}
.news-detail-main .bd > p {
  padding: 10px 0;
}
.news-detail-main .bd img {
  display: inline;
  max-width: 760px;
  width: expression(this.width > 760 ? "760px" : this.width);
}
.news-detail-main .bd table {
  margin: 0 auto;
}
.news-detail-main .bd iframe {
  display: block;
  margin: 0 auto;
}

.news-correlation-cartype {
  padding: 30px;
  background: #f7f7f7;
}
.news-correlation-cartype .title {
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  padding-bottom: 25px;
}
.news-correlation-cartype .nc-carinfo {
  width: 100%;
}
.news-correlation-cartype .img {
  float: left;
  overflow: hidden;
  margin-right: 24px;
}
.news-correlation-cartype .img img {
  display: block;
  width: 194px;
  height: 134px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.news-correlation-cartype .img a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.news-correlation-cartype .inf-con {
  padding-left: 220px;
}
.news-correlation-cartype .inf1 {
  float: left;
  width: 260px;
  padding-top: 8px;
}
.news-correlation-cartype .inf1 .name {
  font-size: 24px;
  line-height: 1;
  padding-bottom: 20px;
}
.news-correlation-cartype .inf1 .price {
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 1;
  color: #999;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.news-correlation-cartype .inf1 .price span {
  font-size: 22px;
}
.news-correlation-cartype .inf1 .price span a {
  color: #fe791d;
}
.news-correlation-cartype .inf1 .tag {
  display: inline-block;
  padding: 9px 14px;
  background-color: #e4e4e4;
  color: #666;
  font-size: 16px;
  line-height: 1;
  border-radius: 4px;
}
.news-correlation-cartype .inf2 {
  float: right;
  width: 215px;
  padding-top: 20px;
  text-align: center;
}
.news-correlation-cartype .inf2 .price {
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 1;
  color: #666;
}
.news-correlation-cartype .inf2 .price span {
  font-size: 20px;
  color: #fe791d;
}
.news-correlation-cartype .inf2 .price span em {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
}
.news-correlation-cartype .inf2 .btn-orange1 {
  display: block;
  width: 195px;
  height: 46px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 46px;
  text-align: center;
  border-radius: 4px;
}

.news-author-info .layout-left {
  float: left;
  width: 262px;
}
.news-author-info .layout-right {
  float: right;
  width: 92px;
  padding-top: 15px;
}
.news-author-info .img {
  float: left;
  overflow: hidden;
  margin-right: 14px;
}
.news-author-info .img img {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.news-author-info .info {
  padding-left: 78px;
  padding-top: 10px;
}
.news-author-info .info .name {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-author-info .info .more {
  font-size: 0;
}
.news-author-info .info .more span {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.news-author-info .info .more span:before, .news-author-info .info .more span::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 4px;
  right: 8px;
  width: 1px;
  height: 10px;
  background: #999;
}
.news-author-info .info .more span:last-child {
  padding-right: 0;
}
.news-author-info .info .more span:last-child:before, .news-author-info .info .more span:last-child::before {
  display: none;
}
.news-author-info .btn-follow {
  display: block;
  width: 92px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
}
.news-author-info .btn-follow:before, .news-author-info .btn-follow::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: -3px;
  margin-right: 8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -469px -30px;
}
.news-author-info .btn-follow.followed {
  color: #999;
  background: #f7f7f7;
}
.news-author-info .btn-follow.followed:before, .news-author-info .btn-follow.followed::before {
  display: none;
}

.news-detail-side-list {
  width: 364px;
}
.news-detail-side-list ul {
  width: 392px;
}
.news-detail-side-list li {
  float: left;
  width: 168px;
  margin-right: 28px;
  margin-bottom: 28px;
}
.news-detail-side-list li.hot {
  width: 364px;
}
.news-detail-side-list li.hot .img img {
  width: 364px;
  height: 243px;
}
.news-detail-side-list li.hot .title {
  display: -webkit-box;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news-detail-side-list a {
  color: #666;
}
.news-detail-side-list a:hover {
  color: #fe791d;
}
.news-detail-side-list a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.news-detail-side-list .img {
  overflow: hidden;
  margin-bottom: 15px;
}
.news-detail-side-list .img img {
  display: block;
  width: 168px;
  height: 112px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.news-detail-side-list .title {
  display: -webkit-box;
  height: 44px;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-detail-side-list .more {
  padding-top: 5px;
  font-size: 12px;
  line-height: 1;
}
.news-detail-side-list .more .time {
  color: #999;
}

.btn-news-detail-side-more {
  display: block;
  width: 200px;
  height: 42px;
  margin: 0 auto;
  background: #e5e5e5;
  font-size: 16px;
  text-align: center;
  line-height: 42px;
  color: #666;
  border-radius: 21px;
}
.btn-news-detail-side-more:after, .btn-news-detail-side-more::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 15px;
  margin-left: 8px;
  margin-bottom: -2px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -489px -29px;
}
.btn-news-detail-side-more:hover {
  color: #fff;
  background: #fe791d;
}
.btn-news-detail-side-more:hover:after, .btn-news-detail-side-more:hover::after {
  background-position: -501px -29px;
}

.news-detail-rec-carinfo .img {
  float: left;
  overflow: hidden;
  margin-top: 5px;
}
.news-detail-rec-carinfo .img img {
  display: block;
  width: 130px;
  height: 87px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.news-detail-rec-carinfo .img a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.news-detail-rec-carinfo .info {
  padding-left: 140px;
}
.news-detail-rec-carinfo .info .name {
  font-size: 20px;
  line-height: 1;
  padding-bottom: 10px;
}
.news-detail-rec-carinfo .info .price {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 1;
  color: #999;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.news-detail-rec-carinfo .info .price span {
  font-size: 20px;
}
.news-detail-rec-carinfo .info .price span a {
  color: #fe791d;
}
.news-detail-rec-carinfo .info .tag {
  display: inline-block;
  padding: 8px 14px;
  background-color: #e4e4e4;
  color: #666;
  font-size: 16px;
  line-height: 1;
  border-radius: 4px;
}

.news-rec-car-series-list {
  width: 100%;
}
.news-rec-car-series-list ul {
  padding: 20px;
  background: #f7f7f7;
}
.news-rec-car-series-list ul li {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.news-rec-car-series-list ul li:after, .news-rec-car-series-list ul li::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #dbdbdb;
}
.news-rec-car-series-list ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.news-rec-car-series-list ul li:last-child:after, .news-rec-car-series-list ul li:last-child::after {
  display: none;
}
.news-rec-car-series-list .title {
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-rec-car-series-list .price-info {
  float: left;
  padding-top: 12px;
  font-size: 16px;
  line-height: 1;
}
.news-rec-car-series-list .price-info span {
  font-size: 18px;
  color: #fe791d;
}
.news-rec-car-series-list .price-info span em {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}
.news-rec-car-series-list .btn-area {
  float: right;
}
.news-rec-car-series-list .btn-area .btn {
  display: block;
  width: 116px;
  height: 36px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  border-radius: 18px;
}

.rec-daka-list {
  width: 1200px;
}
.rec-daka-list ul {
  width: 100%;
}
.rec-daka-list ul li {
  float: left;
  padding: 10px;
  width: 130px;
}
.rec-daka-list .img {
  margin-bottom: 20px;
  text-align: center;
  font-size: 0;
}
.rec-daka-list .img img {
  display: inline-block;
  width: 86px;
  height: 86px;
  border-radius: 43px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.rec-daka-list .img:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.rec-daka-list .daka-name {
  font-size: 18px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rec-daka-list .btn-area {
  padding-top: 16px;
  text-align: center;
}
.rec-daka-list .btn-follow {
  display: inline-block;
  width: 80px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  border-radius: 2px;
}
.rec-daka-list .btn-follow.followed {
  background: #fff;
  color: #999;
}
.rec-daka-list .btn-follow.followed:before, .rec-daka-list .btn-follow.followed::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 12px;
  margin-right: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -368px 0;
}

.dakas {
  width: 1200px;
}
.dakas ul {
  width: 1224px;
}
.dakas ul li {
  float: left;
  width: 242px;
  height: 240px;
  margin-right: 24px;
  margin-bottom: 24px;
  padding: 30px 20px;
  background: #f7f7f7;
}
.dakas ul li:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.dakas .img {
  margin-bottom: 20px;
  font-size: 0;
  text-align: center;
}
.dakas .img img {
  display: inline-block;
  width: 68px;
  height: 68px;
  border-radius: 34px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.dakas .name {
  margin-bottom: 15px;
  font-size: 18px;
  text-align: center;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dakas .about {
  padding-bottom: 20px;
  font-size: 0;
  text-align: center;
}
.dakas .about span {
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #d5d5d5;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.dakas .about span em {
  display: inline-block;
  padding-left: 6px;
  font-style: normal;
}
.dakas .about span:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0 none;
}
.dakas .btn-area {
  padding-bottom: 30px;
  text-align: center;
}
.dakas .btn-area .btn-follow {
  display: inline-block;
  width: 120px;
  height: 38px;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
}
.dakas .btn-area .btn-follow.followed {
  background: #f7f7f7;
  color: #999;
}
.dakas .btn-area .btn-follow.followed:before, .dakas .btn-area .btn-follow.followed::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 12px;
  margin-right: 7px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -368px 0;
}
.dakas .newest-viewpoint {
  font-size: 14px;
  line-height: 1;
}
.dakas .newest-viewpoint a {
  position: relative;
  display: block;
  width: 230px;
  margin-bottom: 20px;
  padding-left: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dakas .newest-viewpoint a:before, .dakas .newest-viewpoint a::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 4px;
  width: 4px;
  height: 4px;
  background: #999;
  border-radius: 2px;
}
.dakas .newest-viewpoint a:last-child {
  margin-bottom: 0;
}
.dakas a:hover .img img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.daka-info-hd {
  padding: 30px;
  background: #f9f9f9;
}
.daka-info-hd .inf-box {
  float: left;
  width: 660px;
}
.daka-info-hd .inf-box .info-img {
  float: left;
  margin-right: 24px;
}
.daka-info-hd .inf-box .info-img img {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 45px;
}
.daka-info-hd .inf-box .info-text {
  overflow: hidden;
}
.daka-info-hd .inf-box .info-text .name {
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1;
}
.daka-info-hd .inf-box .info-text .about {
  font-size: 0;
}
.daka-info-hd .inf-box .info-text .about span {
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #999;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.daka-info-hd .inf-box .info-text .about span em {
  display: inline-block;
  padding-left: 6px;
  font-style: normal;
}
.daka-info-hd .inf-box .info-text .about span:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0 none;
}
.daka-info-hd .btn-area {
  float: right;
  padding-top: 26px;
}
.daka-info-hd .btn-area .btn-follow {
  display: inline-block;
  width: 120px;
  height: 38px;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
}
.daka-info-hd .btn-area .btn-follow.followed {
  background: #f7f7f7;
  color: #999;
}
.daka-info-hd .btn-area .btn-follow.followed:before, .daka-info-hd .btn-area .btn-follow.followed::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 12px;
  margin-right: 7px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -368px 0;
}

.daka-side-box {
  width: 300px;
}
.daka-side-box ul {
  width: 100%;
}
.daka-side-box ul li {
  margin-bottom: 30px;
}
.daka-side-box .img {
  float: left;
  margin-right: 14px;
}
.daka-side-box .img img {
  display: block;
  width: 64px;
  height: 64px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.daka-side-box .img a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.daka-side-box .text {
  overflow: hidden;
}
.daka-side-box .text .name {
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1;
}
.daka-side-box .text .about {
  font-size: 0;
}
.daka-side-box .text .about span {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #999;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.daka-side-box .text .about span em {
  display: inline-block;
  padding-left: 6px;
  font-style: normal;
}
.daka-side-box .text .about span:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0 none;
}
.daka-side-box .text .btn-follow {
  position: absolute;
  top: -5px;
  right: 0;
  width: 80px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  border-radius: 2px;
}
.daka-side-box .text .btn-follow.followed {
  background: #fff;
  color: #999;
}
.daka-side-box .text .btn-follow.followed:before, .daka-side-box .text .btn-follow.followed::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 12px;
  margin-right: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -368px 0;
}

.cooperation-info p {
  padding: 5px 0;
}

.ev-car-select-box {
  position: absolute;
  top: -10px;
  right: 0;
  height: 34px;
}
.ev-car-select-box .btn-find-ev-car {
  float: left;
  width: 72px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
}

.ev-tab-list {
  width: 1200px;
}
.ev-tab-list ul {
  width: 1230px;
}
.ev-tab-list ul li {
  float: left;
  margin-right: 29px;
}
.ev-tab-list a {
  display: block;
  width: 124px;
  overflow: hidden;
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ev-tab-list .img {
  overflow: hidden;
  margin-bottom: 8px;
}
.ev-tab-list .img img {
  display: block;
  width: 124px;
  height: 83px;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ev-tab-list .title {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ev-tab-list .endurance-info,
.ev-tab-list .price-area {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ev-tab-list .endurance-info {
  color: #999;
}
.ev-tab-list .price-area {
  color: #fe791d;
}
.ev-tab-list a:hover {
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.ev-tab-list a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.ev-index-hotline {
  height: 400px;
  overflow: hidden;
}
.ev-index-hotline ul {
  width: 1212px;
}
.ev-index-hotline ul li {
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}
.ev-index-hotline ul li a {
  position: relative;
  display: block;
  width: 408px;
  height: 194px;
  overflow: hidden;
}
.ev-index-hotline ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ev-index-hotline ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.ev-index-hotline ul li a:hover .img-news-title-hover-bg {
  width: 100%;
}
.ev-index-hotline ul li.big a {
  width: 780px;
  height: 400px;
}
.ev-index-hotline ul li.big a .img-news-title {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
.ev-index-hotline ul li.big a .img-news-title-bg {
  height: 50px;
}

.ev-xh-list {
  width: 1200px;
}
.ev-xh-list ul {
  width: 1237px;
}
.ev-xh-list ul li {
  float: left;
  margin-right: 37px;
  margin-bottom: 30px;
  text-align: center;
}
.ev-xh-list ul li a {
  display: block;
  width: 208px;
  height: 270px;
  border: 1px solid #e6e6e6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ev-xh-list .img {
  overflow: hidden;
  margin-bottom: 10px;
}
.ev-xh-list .img img {
  display: block;
  width: 208px;
  height: 138px;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ev-xh-list .title {
  margin: 0 4px 10px;
  font-size: 16px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ev-xh-list .price-area {
  margin: 0 4px 15px;
  font-size: 16px;
  line-height: 1;
  color: #fe791d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ev-xh-list .more {
  margin: 0 8px auto;
  font-size: 14px;
  line-height: 1;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ev-xh-list .more.more1 {
  margin-bottom: 15px;
}
.ev-xh-list a:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.ev-xh-list a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.ev-index-news-rec {
  width: 1200px;
  height: 350px;
  overflow: hidden;
}
.ev-index-news-rec ul {
  width: 1232px;
}
.ev-index-news-rec ul li {
  float: left;
  margin-right: 32px;
  margin-bottom: 20px;
}
.ev-index-news-rec ul li a {
  position: relative;
  display: block;
  width: 276px;
  height: 165px;
  overflow: hidden;
}
.ev-index-news-rec ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ev-index-news-rec ul li a .icon-video {
  position: absolute;
  top: 50px;
  left: 50%;
  display: block;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -94px -283px;
}
.ev-index-news-rec ul li a .img-news-title {
  font-size: 16px;
}
.ev-index-news-rec ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.ev-index-news-rec ul li a:hover .icon-video {
  background-position: -135px -283px;
}
.ev-index-news-rec ul li a:hover .img-news-title-hover-bg {
  width: 100%;
}
.ev-index-news-rec ul li.big a {
  width: 582px;
  height: 350px;
}
.ev-index-news-rec ul li.big a .icon-video {
  top: 130px;
  width: 62px;
  height: 62px;
  margin-left: -31px;
  background-position: -154px -206px;
}
.ev-index-news-rec ul li.big a .img-news-title {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
.ev-index-news-rec ul li.big a .img-news-title-bg {
  height: 50px;
}
.ev-index-news-rec ul li.big a:hover .icon-video {
  background-position: -217px -206px;
}

.ev-news-list {
  width: 1200px;
}
.ev-news-list ul {
  width: 1232px;
}
.ev-news-list ul li {
  float: left;
  margin-right: 32px;
  margin-bottom: 32px;
}
.ev-news-list a {
  display: block;
  width: 274px;
  height: 310px;
  border: 1px solid #e6e6e6;
  background: #fff;
}
.ev-news-list a:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.ev-news-list a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.ev-news-list .img {
  overflow: hidden;
  margin-bottom: 10px;
}
.ev-news-list .img img {
  display: block;
  width: 274px;
  height: 192px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ev-news-list .title {
  display: -webkit-box;
  height: 44px;
  margin: 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ev-news-list .more {
  margin: 15px 10px 0;
  padding-top: 18px;
  border-top: 1px solid #e6e6e6;
  font-size: 0;
  line-height: 1;
  color: #666;
}
.ev-news-list .more .time,
.ev-news-list .more .source {
  font-size: 12px;
}
.ev-news-list .more .time {
  float: right;
}
.ev-news-list .more .source {
  float: left;
}
.ev-news-list .more .source em {
  display: inline-block;
  margin-right: 8px;
  padding-right: 8px;
  font-style: normal;
  border-right: 1px solid #666;
}
.ev-news-list .more .source em:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

.video-focus-box-full {
  height: 506px;
  background: url("../images/video-index-focus-bg.jpg") no-repeat top center;
}

.video-focus-box {
  position: relative;
  width: 60%;
  height: 506px;
  margin: 0 auto;
}
.video-focus-box .btn-vfocus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 997;
  width: 32px;
  height: 72px;
  margin-top: -36px;
  overflow: hidden;
  line-height: 10000%;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.video-focus-box .btn-vfocus:hover {
  background-color: #fe791d;
}
.video-focus-box .btn-vfocus:before, .video-focus-box .btn-vfocus::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 24px;
  margin-top: -12px;
  margin-left: -7px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.video-focus-box .btn-vfocus.prev {
  margin-left: -600px;
}
.video-focus-box .btn-vfocus.prev:before, .video-focus-box .btn-vfocus.prev::before {
  background-position: -377px -52px;
}
.video-focus-box .btn-vfocus.next {
  margin-left: 568px;
}
.video-focus-box .btn-vfocus.next:before, .video-focus-box .btn-vfocus.next::before {
  background-position: -395px -52px;
}
.video-focus-box .vfb-con {
  position: relative;
  overflow: hidden;
}
.video-focus-box .vfb-con a {
  position: relative;
  display: block;
  overflow: hidden;
}
.video-focus-box .vfb-con a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.video-focus-box .vfb-con a .title {
  display: block;
  height: 58px;
  line-height: 58px;
  margin: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 24px;
  text-align: center;
  color: #fff;
}
.video-focus-box .vfb-con a .title-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 58px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
}
.video-focus-box .vfb-con a .title-hover-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  background-color: rgba(254, 121, 29, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe791d,endColorstr=#80fe791d);
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.video-focus-box .vfb-con a .icon-video {
  position: absolute;
  bottom: 70px;
  left: 10px;
  display: inline-block;
  width: 51px;
  height: 51px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -280px -206px;
}
.video-focus-box .vfb-con a:hover img {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
.video-focus-box .vfb-con a:hover .title-hover-bg {
  width: 100%;
}
.video-focus-box .vfb-con a:hover .icon-video {
  background-position: -332px -206px;
}
.video-focus-box .roundabout-holder {
  width: 100%;
  height: 506px;
}
.video-focus-box .roundabout-holder .roundabout-moveable-item {
  display: block;
  width: 656px;
  height: 410px;
  cursor: pointer;
}
.video-focus-box .roundabout-holder .roundabout-moveable-item.roundabout-in-focus {
  cursor: auto;
}

.video-mmliaoche-box {
  width: 1200px;
  height: 530px;
  overflow: hidden;
}
.video-mmliaoche-box ul {
  width: 1216px;
}
.video-mmliaoche-box ul li {
  float: left;
  margin-right: 16px;
  margin-bottom: 30px;
}
.video-mmliaoche-box ul li a {
  display: block;
  width: 288px;
}
.video-mmliaoche-box ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.video-mmliaoche-box ul li a:hover .icon-video {
  background-position: -332px -206px;
}
.video-mmliaoche-box ul li .img {
  position: relative;
  overflow: hidden;
}
.video-mmliaoche-box ul li .img img {
  display: block;
  width: 288px;
  height: 192px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.video-mmliaoche-box ul li .img .icon-video {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  width: 51px;
  height: 51px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -280px -206px;
}
.video-mmliaoche-box ul li .img .video-time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 1px #333;
}
.video-mmliaoche-box ul li .title {
  display: -webkit-box;
  height: 48px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.video-mmliaoche-box.video-publist {
  height: auto !important;
  overflow: visible;
}

.daka-list-box {
  position: relative;
  width: 1136px;
  padding: 0 32px;
}
.daka-list-box .roll-btn {
  position: absolute;
  top: 50%;
  display: block;
  width: 32px;
  height: 72px;
  margin-top: -36px;
  overflow: hidden;
  line-height: 10000%;
  background: rgba(51, 51, 51, 0.5);
}
.daka-list-box .roll-btn:after, .daka-list-box .roll-btn::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 24px;
  margin-top: -12px;
  margin-left: -7px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.daka-list-box .roll-btn.prev {
  left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.daka-list-box .roll-btn.prev:after, .daka-list-box .roll-btn.prev::after {
  background-position: -377px -52px;
}
.daka-list-box .roll-btn.prev.disabled {
  background: #edf0f5;
  cursor: not-allowed;
}
.daka-list-box .roll-btn.prev.disabled:after, .daka-list-box .roll-btn.prev.disabled::after {
  background-position: -341px -52px;
}
.daka-list-box .roll-btn.next {
  right: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.daka-list-box .roll-btn.next:after, .daka-list-box .roll-btn.next::after {
  background-position: -395px -52px;
}
.daka-list-box .roll-btn.next.disabled {
  background: #edf0f5;
}
.daka-list-box .roll-btn.next.disabled:after, .daka-list-box .roll-btn.next.disabled::after {
  background-position: -359px -52px;
}
.daka-list-box .roll-btn:hover {
  background: #fe791d;
}
.daka-list-box .roll-box {
  position: relative;
  width: 1136px;
  height: 160px;
  overflow: hidden;
}
.daka-list-box .roll-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px;
}
.daka-list-box .roll-item {
  float: left;
  width: 122px;
  padding: 10px 10px 0;
  text-align: center;
}
.daka-list-box .roll-item .img {
  margin-bottom: 20px;
  font-size: 0;
  text-align: center;
}
.daka-list-box .roll-item .img img {
  display: inline-block;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.daka-list-box .roll-item a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.daka-list-box .roll-item .daka-name {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.daka-list-box .roll-item .btn-area {
  font-size: 0;
}
.daka-list-box .roll-item .btn-area .btn-follow {
  display: inline-block;
  width: 80px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  border-radius: 2px;
}
.daka-list-box .roll-item .btn-area .btn-follow.followed {
  background: #edf0f5;
  color: #999;
}
.daka-list-box .roll-item .btn-area .btn-follow.followed:before, .daka-list-box .roll-item .btn-area .btn-follow.followed::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 12px;
  margin-right: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -368px 0;
}

.video-carlife-box {
  width: 1200px;
  height: 368px;
  overflow: hidden;
}
.video-carlife-box ul {
  width: 1220px;
}
.video-carlife-box ul li {
  float: left;
  margin-right: 17px;
}
.video-carlife-box ul li a {
  display: block;
  width: 186px;
}
.video-carlife-box ul li a .img {
  position: relative;
  overflow: hidden;
}
.video-carlife-box ul li a .img img {
  display: block;
  width: 186px;
  height: 312px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.video-carlife-box ul li a .img .icon-video {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  width: 51px;
  height: 51px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -280px -206px;
}
.video-carlife-box ul li a .img .video-time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
.video-carlife-box ul li a .title {
  display: -webkit-box;
  height: 48px;
  margin: 10px 10px 0;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.video-carlife-box ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.video-carlife-box ul li a:hover .icon-video {
  background-position: -332px -206px;
}
.video-carlife-box ul li a:hover .video-time {
  text-shadow: 1px 1px 1px #333;
}

.video-show-main-wrapper {
  width: 1200px;
  background: #fbfbfb;
}

.video-show-main {
  float: left;
  width: 860px;
  height: 595px;
}

.video-show-box {
  width: 860px;
  height: 485px;
  overflow: hidden;
}
.video-show-box img {
  display: block;
  width: 100%;
  height: 100%;
}

.video-infos {
  position: relative;
  padding: 20px 230px 20px 20px;
}
.video-infos .title {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: #333;
}
.video-infos .more {
  font-size: 0;
  line-height: 1;
  color: #999;
}
.video-infos .more span {
  display: inline-block;
  height: 16px;
  font-size: 16px;
  line-height: 1;
}
.video-infos .more .time {
  padding-right: 20px;
}
.video-infos .more .video-pv {
  position: relative;
  padding-left: 27px;
}
.video-infos .more .video-pv:before, .video-infos .more .video-pv::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 19px;
  height: 15px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -41px -61px;
}
.video-infos .interaction-box {
  position: absolute;
  top: 35px;
  right: 0;
  height: 32px;
  padding-right: 28px;
}
.video-infos .interaction-box .like,
.video-infos .interaction-box .comment {
  position: relative;
  display: inline-block;
  height: 18px;
  padding-top: 14px;
  font-size: 18px;
  line-height: 18px;
  color: #666;
}
.video-infos .interaction-box .like:before, .video-infos .interaction-box .like::before,
.video-infos .interaction-box .comment:before,
.video-infos .interaction-box .comment::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.video-infos .interaction-box .mr {
  margin-right: 20px;
}
.video-infos .interaction-box .like {
  padding-left: 40px;
}
.video-infos .interaction-box .like:before, .video-infos .interaction-box .like::before {
  width: 31px;
  height: 32px;
  background-position: -23px -366px;
}
.video-infos .interaction-box .comment {
  padding-left: 40px;
}
.video-infos .interaction-box .comment:before, .video-infos .interaction-box .comment::before {
  top: 2px;
  width: 31px;
  height: 29px;
  background-position: -93px -368px;
}
.video-infos .interaction-box .share {
  position: absolute;
  top: 2px;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  padding-bottom: 30px;
}
.video-infos .interaction-box .share:before, .video-infos .interaction-box .share::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -163px -368px;
  cursor: pointer;
}
.video-infos .interaction-box .share:hover:before, .video-infos .interaction-box .share:hover::before {
  background-position: -195px -368px;
}

.video-show-side {
  float: right;
}

.v-author-info {
  padding-top: 30px;
  text-align: center;
}
.v-author-info .img {
  margin-bottom: 20px;
}
.v-author-info .img img {
  display: block;
  width: 66px;
  height: 66px;
  margin: 0 auto;
  border-radius: 33px;
}
.v-author-info .name {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 14px;
}
.v-author-info .about {
  font-size: 0;
}
.v-author-info .about span {
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #999;
  font-size: 16px;
  line-height: 1;
  color: #999;
}
.v-author-info .about span:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.v-author-info .about span em {
  font-style: normal;
}
.v-author-info .btn-area {
  padding-top: 20px;
}
.v-author-info .btn-area .btn-follow {
  display: inline-block;
  width: 120px;
  height: 38px;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
}
.v-author-info .btn-area .btn-follow.followed {
  background: #f0f0f0;
  color: #999;
}
.v-author-info .btn-area .btn-follow.followed:before, .v-author-info .btn-area .btn-follow.followed::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 12px;
  margin-right: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -368px 0;
}

.vss-column {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.vss-list {
  width: 100%;
}
.vss-list li {
  margin-bottom: 20px;
}
.vss-list li:last-child {
  margin: 0;
}
.vss-list .img {
  float: left;
  width: 120px;
  height: 80px;
  overflow: hidden;
  margin-right: 12px;
}
.vss-list .img img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.vss-list .text {
  overflow: hidden;
}
.vss-list .text .title {
  display: -webkit-box;
  height: 44px;
  margin: 5px 0 15px;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vss-list .text .more {
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  color: #999;
}
.vss-list .text .more em {
  font-style: normal;
}
.vss-list .text .more .time {
  float: left;
}
.vss-list .text .more .comment {
  position: relative;
  float: right;
  padding-left: 18px;
}
.vss-list .text .more .comment:before, .vss-list .text .more .comment::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 13px;
  height: 12px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -65px -62px;
}
.vss-list a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.news-correlation-cartype.vd-correlation-cartype {
  padding: 0;
  background: #fff;
}
.news-correlation-cartype.vd-correlation-cartype .title {
  margin-bottom: 30px;
  padding-bottom: 14px;
  border-bottom: 2px solid #e5e5e5;
  font-size: 24px;
}
.news-correlation-cartype.vd-correlation-cartype .img {
  margin-right: 20px;
}
.news-correlation-cartype.vd-correlation-cartype .img img {
  width: 210px;
  height: 140px;
}

.mall-main-wrapper {
  position: relative;
  height: 444px;
}
.mall-main-wrapper .container {
  position: relative;
  height: 100%;
}

.mall-nav-inner {
  position: relative;
  float: left;
  width: 218px;
  height: 384px;
  margin-right: 10px;
  padding: 30px 14px;
  background: #fff;
}
.mall-nav-inner .mall-nav-list > li {
  position: relative;
  margin-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}
.mall-nav-inner .mall-nav-list > li:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.mall-nav-inner .mall-nav-list > li.mall-nav-list-brand, .mall-nav-inner .mall-nav-list > li.mall-nav-list-price {
  height: 110px;
}
.mall-nav-inner .mall-nav-list > li.mall-nav-list-brand {
  position: relative;
}
.mall-nav-inner .mall-nav-list > li.mall-nav-list-brand.on .mall-brands-more {
  display: block;
}
.mall-nav-inner .mall-nav-list > li.mall-nav-list-brand:before, .mall-nav-inner .mall-nav-list > li.mall-nav-list-brand::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -30px;
  left: 0;
  width: 233px;
  height: 32px;
}
.mall-nav-inner .mall-nav-list > li.mall-nav-list-brand:after, .mall-nav-inner .mall-nav-list > li.mall-nav-list-brand::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  right: -15px;
  width: 16px;
  height: 100%;
}
.mall-nav-inner .mall-nav-list > li.mall-nav-list-level {
  height: 106px;
}
.mall-nav-inner .title {
  position: relative;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}
.mall-nav-inner .title.more:after, .mall-nav-inner .title.more::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 0;
  top: 2px;
  width: 9px;
  height: 16px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -389px 0;
}
.mall-nav-inner .mall-nav-list-content li {
  float: left;
  margin-right: 15px;
}
.mall-nav-inner .mall-nav-list-content li a {
  display: inline-block;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1;
}

.mall-brands-more {
  position: absolute;
  top: -30px;
  left: 232px;
  z-index: 998;
  width: 832px;
  height: 362px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 40px 25px;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: none;
}
.mall-brands-more .brands-more-inner {
  width: 846px;
}
.mall-brands-more .brands-more-inner .brands-item {
  float: left;
  width: 258px;
  margin-right: 24px;
}
.mall-brands-more .brands-more-inner .brands-item dl {
  margin-bottom: 8px;
}
.mall-brands-more .brands-more-inner .brands-item dt {
  float: left;
  width: 30px;
  font-size: 16px;
  line-height: 1;
  color: #fe791d;
}
.mall-brands-more .brands-more-inner .brands-item dd {
  padding-left: 30px;
  font-size: 0;
}
.mall-brands-more .brands-more-inner .brands-item dd a {
  display: inline-block;
  width: 70px;
  margin-right: 6px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.2;
  vertical-align: top;
}

.mall-focus-banner {
  position: relative;
  z-index: 990;
  float: left;
  width: 764px;
  height: 444px;
  overflow: hidden;
}
.mall-focus-banner .focus-news-img {
  display: block;
  width: 100%;
  height: 100%;
}

.mall-focus-side {
  float: right;
  width: 142px;
  height: 404px;
  padding: 20px 14px;
  background: #fff;
  text-align: center;
}
.mall-focus-side ul li {
  height: 182px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.mall-focus-side ul li:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.mall-focus-side .name {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.mall-focus-side .tip {
  color: #e60012;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.mall-focus-side .img {
  overflow: hidden;
  margin: 20px 0;
  font-size: 0;
  text-align: center;
}
.mall-focus-side .img img {
  display: inline-block;
  width: 105px;
  height: 73px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mall-focus-side .btn-area {
  font-size: 0;
  text-align: center;
}
.mall-focus-side .btn-area .btn-orange1 {
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
}
.mall-focus-side .btn-area .btn-orange1:after, .mall-focus-side .btn-area .btn-orange1::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 4px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -488px 0;
}
.mall-focus-side a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.mb14 {
  margin-bottom: 14px;
}

.mall-car-list {
  width: 1200px;
}
.mall-car-list ul {
  width: 1216px;
}
.mall-car-list ul li {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
}
.mall-car-list ul li a {
  position: relative;
  display: block;
  width: 248px;
  height: 240px;
  padding: 10px 20px;
  background: #fff;
}
.mall-car-list ul li a .tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  display: block;
  height: 28px;
  padding: 0 8px;
  background: #e60012;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.mall-car-list ul li a .tag:after, .mall-car-list ul li a .tag::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  right: -13px;
  width: 13px;
  height: 28px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -503px -387px;
}
.mall-car-list ul li a .img {
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 0;
  text-align: center;
}
.mall-car-list ul li a .img img {
  display: inline-block;
  width: 210px;
  height: 140px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mall-car-list ul li a .price {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1;
  color: #fe791d;
}
.mall-car-list ul li a .name {
  display: -webkit-box;
  height: 48px;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mall-car-list ul li a:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.mall-car-list ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.mall-car-list.list2 ul li a {
  height: 264px;
  padding: 20px;
}
.mall-car-list.list2 ul li a .img img {
  width: 248px;
  height: 166px;
}
.mall-car-list.list2 ul li a .tag {
  top: 20px;
  left: 20px;
}
.mall-car-list.mall-auto-filter-list {
  padding-bottom: 24px;
}
.mall-car-list.mall-auto-filter-list ul li a {
  border: 1px solid #e5e5e5;
  padding: 9px 19px;
  height: 264px;
}
.mall-car-list.mall-auto-filter-list ul li a .dealer {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mall-car-list.mall-auto-filter-list.list2 ul li a {
  height: 288px;
  padding: 20px 19px;
}

.mall-column1 .title {
  float: left;
  margin-right: 10px;
  font-size: 26px;
  line-height: 1;
}

.mall-rec-sales-list {
  height: 249px;
}
.mall-rec-sales-list ul {
  width: 100%;
}
.mall-rec-sales-list ul li {
  position: relative;
  float: left;
  width: 160px;
  height: 189px;
  padding: 30px 20px;
  background: #fff;
  text-align: center;
}
.mall-rec-sales-list ul li:after, .mall-rec-sales-list ul li::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
.mall-rec-sales-list ul li:last-child:after, .mall-rec-sales-list ul li:last-child::after {
  display: none;
}
.mall-rec-sales-list .img {
  margin-bottom: 15px;
  font-size: 0;
}
.mall-rec-sales-list .img img {
  display: inline-block;
  width: 90px;
  height: 90px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mall-rec-sales-list .name,
.mall-rec-sales-list .dealer {
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mall-rec-sales-list .name {
  margin-bottom: 10px;
  font-size: 18px;
}
.mall-rec-sales-list .dealer {
  margin-bottom: 12px;
  font-size: 14px;
  color: #333;
}
.mall-rec-sales-list .btn-area {
  font-size: 0;
}
.mall-rec-sales-list .btn-area .btn-orange1 {
  display: inline-block;
  width: 94px;
  height: 28px;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
}
.mall-rec-sales-list a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.mall-recbox1 {
  height: 80px;
}
.mall-recbox1 ul {
  width: 1228px;
}
.mall-recbox1 ul li {
  float: left;
  width: 586px;
  height: 80px;
  overflow: hidden;
  margin-right: 28px;
}
.mall-recbox1 ul li img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mall-recbox1 ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.mall-recbox2 {
  width: 1170px;
  padding: 15px;
  background: #fff;
}
.mall-recbox2 ul {
  width: 1185px;
}
.mall-recbox2 ul li {
  float: left;
  width: 281px;
  margin-right: 15px;
}
.mall-recbox2 .img {
  overflow: hidden;
  height: 180px;
  margin-bottom: 10px;
}
.mall-recbox2 .img img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mall-recbox2 .name {
  display: -webkit-box;
  height: 48px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mall-recbox2 a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.mall-ranking-box {
  width: 1200px;
}
.mall-ranking-box .wrap {
  width: 1221px;
}
.mall-ranking-box dl {
  float: left;
  width: 386px;
  margin-right: 21px;
}
.mall-ranking-box dl dt {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1;
}
.mall-ranking-box dl dd {
  width: 346px;
  padding: 30px 20px;
  background: #fff;
}
.mall-ranking-box dl dd li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e5e5;
}
.mall-ranking-box dl dd li:last-child {
  margin: 0;
  border: 0;
  padding-bottom: 0;
}
.mall-ranking-box dl dd li.highlight .number {
  background: #fe791d;
}
.mall-ranking-box .number {
  position: absolute;
  top: -4px;
  left: -8px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #ececec;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #fff;
}
.mall-ranking-box .name {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mall-ranking-box .price-float {
  position: relative;
  font-size: 0;
}
.mall-ranking-box .price-float .price {
  display: inline-block;
  margin-right: 16px;
  font-size: 20px;
  line-height: 1;
  color: #fe791d;
}
.mall-ranking-box .price-float .price-trend {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  font-size: 16px;
  line-height: 1;
}
.mall-ranking-box .price-float .price-trend:before, .mall-ranking-box .price-float .price-trend::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 2px;
  left: 0;
  width: 10px;
  height: 12px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.mall-ranking-box .price-float .price-trend.lower {
  color: #22ac38;
}
.mall-ranking-box .price-float .price-trend.lower:before, .mall-ranking-box .price-float .price-trend.lower::before {
  background-position: -310px -62px;
}
.mall-ranking-box .price-float .price-trend.rise {
  color: #f00;
}
.mall-ranking-box .price-float .price-trend.rise:before, .mall-ranking-box .price-float .price-trend.rise::before {
  background-position: -322px -62px;
}
.mall-ranking-box .price-float .sales-volume {
  position: absolute;
  top: 3px;
  right: 0;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.mall-ranking-box .price-float .sales-volume em {
  padding-left: 3px;
  font-style: normal;
}

.mall-detail-topbar {
  height: 70px;
  padding: 15px 0;
  background: #f5f5f5;
}
.mall-detail-topbar .auto-correlation {
  float: left;
}

.auto-correlation {
  height: 70px;
}
.auto-correlation .logo {
  float: left;
  width: 52px;
  height: 52px;
  margin-right: 17px;
  padding: 8px;
  border: 1px solid #dcdcdc;
  background: #fff;
}
.auto-correlation .logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.auto-correlation .text {
  float: left;
  padding: 25px 0;
  font-size: 20px;
  line-height: 1;
}
.auto-correlation .text span {
  float: left;
  margin-right: 18px;
  padding-right: 18px;
  border-right: 1px solid #d2d2d2;
}
.auto-correlation .text span:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}

.auto-pics-box {
  float: left;
  width: 480px;
}
.auto-pics-box .pic-show {
  width: 480px;
  height: 315px;
  overflow: hidden;
  margin-bottom: 15px;
}
.auto-pics-box .pic-show img {
  display: block;
  width: 100%;
  height: 100%;
  display: none;
}
.auto-pics-box .small-pic-nav {
  width: 480px;
  height: 89px;
}
.auto-pics-box .small-pic-nav ul {
  width: 488px;
}
.auto-pics-box .small-pic-nav ul li {
  float: left;
  margin-right: 8px;
}
.auto-pics-box .small-pic-nav ul li a {
  position: relative;
  display: block;
  width: 89px;
  height: 59px;
  overflow: hidden;
}
.auto-pics-box .small-pic-nav ul li a img {
  display: block;
  width: 100%;
  height: 100%;
}
.auto-pics-box .small-pic-nav ul li a.active:before, .auto-pics-box .small-pic-nav ul li a.active::before, .auto-pics-box .small-pic-nav ul li a:hover:before, .auto-pics-box .small-pic-nav ul li a:hover::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 85px;
  height: 55px;
  border: 2px solid #fe791d;
}

.mdh-auto-texts {
  float: right;
  width: 680px;
}

.mdht-hd {
  padding-bottom: 30px;
}
.mdht-hd .title {
  color: #333;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  padding-bottom: 18px;
}
.mdht-hd .tip {
  font-size: 16px;
  line-height: 1.2;
}

.mdh-auto-main .mdh-main-item {
  zoom: 1;
  padding-bottom: 16px;
}
.mdh-auto-main .mdh-main-item:before, .mdh-auto-main .mdh-main-item:after {
  content: "";
  display: table;
}
.mdh-auto-main .mdh-main-item:after {
  clear: both;
}
.mdh-auto-main .mdh-main-item.pb0 {
  padding-bottom: 0;
}
.mdh-auto-main .mdh-main-item .hd {
  float: left;
  width: 75px;
  font-size: 14px;
  line-height: 34px;
}
.mdh-auto-main .mdh-main-item .bd {
  zoom: 1;
  padding-left: 75px;
  line-height: 1;
}
.mdh-auto-main .mdh-main-item .bd:before, .mdh-auto-main .mdh-main-item .bd:after {
  content: "";
  display: table;
}
.mdh-auto-main .mdh-main-item .bd:after {
  clear: both;
}
.mdh-auto-main .mall-price {
  font-size: 30px;
  line-height: 34px;
  color: #ea3c1f;
}
.mdh-auto-main .normal-price {
  font-size: 14px;
  line-height: 34px;
}

.mall-custom-radio-box a {
  float: left;
  min-width: 74px;
  height: 32px;
  margin-right: 16px;
  margin-bottom: 16px;
  border: 1px solid #bfbfbf;
  background: #fff;
  color: #666;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.mall-custom-radio-box a:hover {
  color: #fe791d;
  border-color: #ccc;
}
.mall-custom-radio-box a.disabled {
  border-color: #ccc;
  background: #ddd;
  color: #999;
  cursor: not-allowed;
}
.mall-custom-radio-box a.current {
  position: relative;
  min-width: 72px;
  height: 30px;
  border: 2px solid #fe791d;
  line-height: 30px;
  color: #333;
}
.mall-custom-radio-box a.current:after, .mall-custom-radio-box a.current::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: -2px;
  bottom: -2px;
  width: 14px;
  height: 14px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -404px 0;
}

.mall-select-city-list {
  width: 448px;
  padding: 10px 20px 10px;
  border: 1px solid #e6e6e6;
  background: #fff;
}

.mall-select-city-tab {
  border-bottom: 2px solid #dcdcdc;
}
.mall-select-city-tab ul {
  width: 100%;
}
.mall-select-city-tab ul > li {
  float: left;
  margin-right: 20px;
}
.mall-select-city-tab ul > li a {
  position: relative;
  display: block;
  width: 68px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #666;
}
.mall-select-city-tab ul > li.active a {
  color: #fe791d;
}
.mall-select-city-tab ul > li.active a:after, .mall-select-city-tab ul > li.active a::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #fe791d;
}

.mall-select-city-content {
  padding-top: 15px;
}
.mall-select-city-content .item-citys a {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
}
.mall-select-city-content .item-citys a.current {
  color: #fff;
  background: #fe791d;
}

.mdh-selected-show {
  padding-top: 14px;
  font-size: 0;
  line-height: 1;
}
.mdh-selected-show span {
  display: inline-block;
  padding-right: 15px;
  font-size: 14px;
}
.mdh-selected-show span b {
  display: inline-block;
  padding: 0 10px;
  font-size: 24px;
  font-weight: 700;
  color: #ea3c1f;
}
.mdh-selected-show span em {
  display: inline-block;
  padding: 0 5px;
}

.mdh-btn-wrap {
  padding-top: 30px;
  font-size: 0;
}
.mdh-btn-wrap .btn-orange1 {
  display: inline-block;
  width: 300px;
  height: 54px;
  font-size: 22px;
  line-height: 54px;
  text-align: center;
  margin-right: 20px;
  border-radius: 4px;
}

.mall-detail-body {
  width: 1200px;
}
.mall-detail-body .mdb-side {
  float: left;
  width: 300px;
}
.mall-detail-body .mdb-content {
  position: relative;
  float: right;
  width: 880px;
  padding-top: 60px;
}

.mdb-side-box {
  border: 1px solid #e5e5e5;
  width: 298px;
}
.mdb-side-box .mdbs-column {
  padding: 22px 20px;
  border-bottom: 1px solid #e5e5e5;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 1;
}
.mdb-side-box .mdbs-column.tac {
  text-align: center;
}

.rec-sales-inner.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
}

.buying-auto-sales ul li {
  padding: 30px 20px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  font-size: 16px;
}
.buying-auto-sales ul li:last-child {
  border: 0;
}
.buying-auto-sales ul li a {
  color: #333;
}
.buying-auto-sales .img {
  float: left;
  margin-right: 20px;
}
.buying-auto-sales .img img {
  display: inline-block;
  width: 70px;
  height: 70px;
}
.buying-auto-sales .text {
  padding-left: 90px;
}
.buying-auto-sales .text .name {
  padding: 4px 0 8px;
  font-size: 18px;
  line-height: 1.2;
}
.buying-auto-sales .text .tel {
  padding-bottom: 12px;
  line-height: 1;
}
.buying-auto-sales .btn-area {
  height: 32px;
}
.buying-auto-sales .btn-area .btn {
  float: left;
  width: 86px;
  height: 26px;
  margin-right: 24px;
  border: 1px solid #fe791d;
  font-size: 16px;
  text-align: center;
  line-height: 26px;
  color: #fe791d;
  border-radius: 4px;
}
.buying-auto-sales .btn-area .contact-weixin {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  border: 1px solid #fe791d;
  background: #fff;
  border-radius: 16px;
}
.buying-auto-sales .btn-area .contact-weixin:after, .buying-auto-sales .btn-area .contact-weixin::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 16px;
  margin-top: -8px;
  margin-left: -10px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -471px -366px;
}
.buying-auto-sales .btn-area .contact-weixin:hover {
  background: #fe791d;
}
.buying-auto-sales .btn-area .contact-weixin:hover:after, .buying-auto-sales .btn-area .contact-weixin:hover::after {
  background-position: -496px -366px;
}
.buying-auto-sales .btn-area .contact-weixin .weixin-content {
  position: absolute;
  top: 0;
  z-index: 1;
  right: -210px;
  width: 130px;
  padding: 30px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.3);
  display: none;
}
.buying-auto-sales .btn-area .contact-weixin .weixin-content .tip {
  padding-bottom: 20px;
  text-align: center;
  line-height: 20px;
}
.buying-auto-sales .btn-area .contact-weixin .weixin-content .qrcode-show {
  width: 130px;
  height: 130px;
  overflow: hidden;
}
.buying-auto-sales .btn-area .contact-weixin .weixin-content .qrcode-show img {
  display: block;
  width: 100%;
  height: 100%;
}

.mall-recommend-auto ul li {
  padding: 40px 29px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.mall-recommend-auto ul li:last-child {
  border: 0;
}
.mall-recommend-auto .img {
  overflow: hidden;
  margin-bottom: 20px;
}
.mall-recommend-auto .img img {
  display: block;
  width: 240px;
  height: 160px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mall-recommend-auto .title {
  display: -webkit-box;
  height: 44px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mall-recommend-auto .mall-price {
  font-size: 24px;
  line-height: 1;
  color: #ea3c1f;
}
.mall-recommend-auto a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.mall-content-tab {
  position: absolute;
  top: 0;
  width: 880px;
  background: #f8f8f8;
}
.mall-content-tab ul {
  border: 1px solid #e5e5e5;
  height: 58px;
  line-height: 58px;
}
.mall-content-tab ul li {
  float: left;
}
.mall-content-tab ul li a {
  position: relative;
  display: block;
  padding: 0 30px;
  background-color: transparent;
  font-size: 16px;
}
.mall-content-tab ul li.current a {
  height: 59px;
  background: #fff;
  color: #fe791d;
}
.mall-content-tab ul li.current a:before, .mall-content-tab ul li.current a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fe791d;
}
.mall-content-tab.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
}

.mall-content-item {
  width: 880px;
  padding: 20px 0;
  display: none;
}

.mac-detail-layout {
  width: 100%;
}
.mac-detail-layout p {
  width: 100%;
  margin-bottom: 8px;
}

.mall-auto-config {
  width: 100%;
}
.mall-auto-config .tip {
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 1;
  color: #666;
}
.mall-auto-config .mac-content {
  width: 880px;
}
.mall-auto-config .mac-tip {
  font-size: 14px;
  line-height: 1;
  padding: 10px 0;
}
.mall-auto-config .mac-tip .config-tag-toast {
  float: right;
}

.mac-content table {
  width: 100%;
}
.mac-content table td {
  padding: 15px;
  border: 1px solid #e5e5e5;
  background: #fff;
  font-size: 14px;
  line-height: 1.2;
}
.mac-content table td.td-layout-hd {
  width: 250px;
  text-align: right;
}
.mac-content table td.td-layout-bd {
  width: 630px;
}
.mac-content table tr.detail-cs-grid-title td {
  padding: 15px 24px;
  background: #f8f8f8;
  color: #666;
}

.mall-auto-photo .map-column {
  height: 20px;
}
.mall-auto-photo .map-column .title {
  float: left;
  font-size: 20px;
  line-height: 1;
}
.mall-auto-photo .map-column .title em {
  color: #999;
  font-size: 14px;
}
.mall-auto-photo .map-column .more {
  float: right;
  font-size: 14px;
  line-height: 20px;
}
.mall-auto-photo .map-list {
  width: 880px;
  height: auto;
  max-height: 414px;
  overflow: hidden;
}
.mall-auto-photo .map-list ul {
  width: 900px;
}
.mall-auto-photo .map-list ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.mall-auto-photo .map-list ul li a {
  display: block;
  width: 280px;
  height: 187px;
  overflow: hidden;
}
.mall-auto-photo .map-list ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mall-auto-photo .map-list ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.mall-photo-panel {
  width: 824px;
  height: 618px;
  background: #fff;
}
.mall-photo-panel .popup-close {
  top: 18px;
  right: 17px;
}
.mall-photo-panel .mall-photo-div {
  padding: 12px;
}
.mall-photo-panel .mall-pohot-header {
  padding: 8px;
  margin-bottom: 12px;
}
.mall-photo-panel .mall-pohot-header .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}
.mall-photo-panel .mall-pohot-header .title span {
  display: inline-block;
  padding-left: 12px;
  font-size: 14px;
  color: #999;
}
.mall-photo-panel .mall-pohot-header .title em {
  font-style: normal;
}
.mall-photo-panel .mall-photo-img {
  position: relative;
  width: 800px;
  height: 544px;
  overflow: hidden;
}
.mall-photo-panel .mall-photo-img .photo-view,
.mall-photo-panel .mall-photo-img .photo-view img {
  width: 100%;
  height: 100%;
}
.mall-photo-panel .mall-photo-img .photo-view img {
  display: block;
}
.mall-photo-panel .mall-photo-img .btn {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  display: block;
  width: 56px;
  height: 70px;
  overflow: hidden;
  line-height: 1000000%;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: none;
}
.mall-photo-panel .mall-photo-img .btn:before, .mall-photo-panel .mall-photo-img .btn::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 34px;
  margin-top: -17px;
  margin-left: -9px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.mall-photo-panel .mall-photo-img .btn.btn-prev {
  left: 0;
}
.mall-photo-panel .mall-photo-img .btn.btn-prev:before, .mall-photo-panel .mall-photo-img .btn.btn-prev::before {
  background-position: -333px -106px;
}
.mall-photo-panel .mall-photo-img .btn.btn-next {
  right: 0;
}
.mall-photo-panel .mall-photo-img .btn.btn-next:before, .mall-photo-panel .mall-photo-img .btn.btn-next::before {
  background-position: -352px -106px;
}
.mall-photo-panel .mall-photo-img .btn:hover {
  background: #fe791d;
}
.mall-photo-panel .mall-photo-img:hover .btn {
  display: block;
}

.mall-consult-signup {
  width: 450px;
  padding: 30px 50px;
  background: #fff;
}
.mall-consult-signup .popup-close {
  top: 15px;
  right: 15px;
}
.mall-consult-signup .title {
  padding-bottom: 30px;
  font-size: 20px;
  line-height: 22px;
  color: #666;
  text-align: center;
}
.mall-consult-signup .form-box {
  width: 100%;
}
.mall-consult-signup .form-box ul {
  width: 100%;
}
.mall-consult-signup .form-box ul li {
  height: 22px;
  padding: 22px 24px;
  border-bottom: 1px solid #e5e5e5;
}
.mall-consult-signup .form-box .hd {
  float: left;
  width: 94px;
  font-size: 18px;
  line-height: 22px;
}
.mall-consult-signup .form-box .bd {
  padding-left: 94px;
  font-size: 0;
}
.mall-consult-signup .form-box .inp-text {
  display: inline-block;
  border: 0 none;
  width: 100%;
  height: 22px;
  background: #fff;
  font-size: 18px;
  line-height: 22px;
  color: #333;
  outline: none;
}
.mall-consult-signup .form-box .inp-text.vcode {
  width: 160px;
  margin-right: 20px;
}
.mall-consult-signup .form-box .btn-get-vcode {
  display: inline-block;
  width: 120px;
  height: 22px;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #fe791d;
}
.mall-consult-signup .form-box .checkbox-custom {
  padding-top: 20px;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #999;
  cursor: pointer;
}
.mall-consult-signup .form-box .checkbox-custom a {
  color: #1e70df;
}
.mall-consult-signup .form-box .checkbox-custom:before, .mall-consult-signup .form-box .checkbox-custom::before {
  position: relative;
  top: 2px;
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -354px -420px;
}
.mall-consult-signup .form-box .checkbox-custom.checked:before, .mall-consult-signup .form-box .checkbox-custom.checked::before {
  background-position: -373px -420px;
}
.mall-consult-signup .form-box .btn-area {
  padding-top: 40px;
  font-size: 0;
  text-align: center;
}
.mall-consult-signup .form-box .btn-area .btn-orange1 {
  display: inline-block;
  width: 180px;
  height: 48px;
  background: #fe791d;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}
.mall-consult-signup .form-box .tip {
  padding-top: 15px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #999;
}

.contact-sales-popbox {
  width: 446px;
  padding: 30px 80px;
  background: #fff;
}
.contact-sales-popbox .popup-close {
  top: 15px;
  right: 15px;
}
.contact-sales-popbox .title {
  padding-bottom: 30px;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #666;
}
.contact-sales-popbox .contact-sales-list {
  width: 446px;
}
.contact-sales-popbox .contact-sales-list ul {
  width: 100%;
}
.contact-sales-popbox .contact-sales-list ul li {
  height: 46px;
  margin-bottom: 30px;
}
.contact-sales-popbox .contact-sales-list .img {
  float: left;
  margin-right: 20px;
}
.contact-sales-popbox .contact-sales-list .img img {
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 23px;
}
.contact-sales-popbox .contact-sales-list .name {
  float: left;
  width: 120px;
  height: 46px;
  font-size: 18px;
  line-height: 46px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.contact-sales-popbox .contact-sales-list .tel {
  float: left;
  margin-right: 10px;
  width: 205px;
  height: 46px;
  font-size: 16px;
  line-height: 46px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.contact-sales-popbox .contact-sales-list .tel:before, .contact-sales-popbox .contact-sales-list .tel::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -423px 0;
}
.contact-sales-popbox .contact-sales-list .contact-weixin {
  position: relative;
  float: right;
  width: 30px;
  height: 30px;
  margin-top: 8px;
  border: 1px solid #fe791d;
  background: #fff;
  border-radius: 16px;
}
.contact-sales-popbox .contact-sales-list .contact-weixin:after, .contact-sales-popbox .contact-sales-list .contact-weixin::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 16px;
  margin-top: -8px;
  margin-left: -10px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -471px -366px;
}
.contact-sales-popbox .contact-sales-list .contact-weixin:hover {
  background: #fe791d;
}
.contact-sales-popbox .contact-sales-list .contact-weixin:hover:after, .contact-sales-popbox .contact-sales-list .contact-weixin:hover::after {
  background-position: -496px -366px;
}
.contact-sales-popbox .contact-sales-list .contact-weixin .weixin-content {
  position: absolute;
  top: 0;
  z-index: 1;
  right: -210px;
  width: 130px;
  padding: 30px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.3);
  display: none;
}
.contact-sales-popbox .contact-sales-list .contact-weixin .weixin-content .tip {
  padding-bottom: 20px;
  text-align: center;
  line-height: 20px;
}
.contact-sales-popbox .contact-sales-list .contact-weixin .weixin-content .qrcode-show {
  width: 130px;
  height: 130px;
  overflow: hidden;
}
.contact-sales-popbox .contact-sales-list .contact-weixin .weixin-content .qrcode-show img {
  display: block;
  width: 100%;
  height: 100%;
}

.mall-filter {
  position: relative;
}
.mall-filter .mall-filter-tab {
  position: relative;
  height: 46px;
}
.mall-filter .mall-filter-tab ul {
  height: 44px;
  line-height: 44px;
  border-bottom: 2px solid #fe791d;
}
.mall-filter .mall-filter-tab ul li {
  float: left;
}
.mall-filter .mall-filter-tab ul li a {
  display: block;
  padding: 0 22px;
  background: #fff;
  font-size: 18px;
}
.mall-filter .mall-filter-tab ul li.current a {
  font-weight: 700;
  background: #fe791d;
  color: #fff;
}
.mall-filter .mall-filter-condition {
  position: relative;
  margin: 0 0 0 35px;
  font-size: 14px;
  line-height: 1;
}

.mall-filter-tab ul {
  height: 44px;
  line-height: 44px;
  border-bottom: 2px solid #fe791d;
}
.mall-filter-tab ul li {
  float: left;
}
.mall-filter-tab ul li a {
  display: block;
  padding: 0 22px;
  background: #fff;
  font-size: 18px;
}
.mall-filter-tab ul li.current a {
  font-weight: 700;
  background: #fe791d;
  color: #fff;
}

.mall-filter-condition .condition-breadnav {
  float: left;
  margin-top: 10px;
  padding: 10px 10px 10px 0;
  color: #999;
}
.mall-filter-condition .mfc-list {
  float: left;
  max-width: 865px;
}
.mall-filter-condition .mfc-list li {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  padding: 9px 37px 9px 13px;
  border: 1px solid #dcdcdc;
  color: #999;
  cursor: pointer;
}
.mall-filter-condition .mfc-list li span {
  color: #fe791d;
}
.mall-filter-condition .mfc-list li .coundition-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 37px;
  height: 100%;
}
.mall-filter-condition .mfc-list li .coundition-close .icon-close {
  display: block;
  float: right;
  width: 11px;
  height: 11px;
  margin: 11px 10px 0 0;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -454px -52px;
}
.mall-filter-condition .mfc-list li .coundition-close:hover .icon-close {
  background-position: -466px -52px;
}
.mall-filter-condition .mfc-list li:hover {
  border-color: #fe791d;
}
.mall-filter-condition .condition-total {
  float: left;
  margin-top: 10px;
  padding: 10px 0;
}
.mall-filter-condition .condition-clearall {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  padding: 9px 29px;
  border: 1px solid #dcdcdc;
  background: #f6f6f6;
  color: #999;
}
.mall-filter-condition .condition-clearall:hover {
  background: #f0f0f0;
  color: #333;
}

.mall-filter-tab-content {
  margin-top: 10px;
  border: 1px solid #e5e5e5;
}
.mall-filter-tab-content .mall-filter-content {
  padding: 10px 0;
}

.mall-filter-content dl {
  position: relative;
  width: 100%;
}
.mall-filter-content dl dt {
  float: left;
  width: 74px;
  height: 42px;
  font-size: 14px;
  line-height: 42px;
  text-align: right;
}
.mall-filter-content dl dd {
  padding-left: 74px;
}
.mall-filter-content dl dd > a {
  float: left;
  padding: 14px 10px;
  font-size: 14px;
  line-height: 1;
}
.mall-filter-content dl dd > a.current {
  color: #fe791d;
}
.mall-filter-content dl dd.mall-filter-series-list, .mall-filter-content dl dd.mall-filter-brand-list {
  width: 1034px;
}
.mall-filter-content dl dd.mall-filter-series-list.mfs-hide, .mall-filter-content dl dd.mall-filter-series-list.mfb-hide, .mall-filter-content dl dd.mall-filter-brand-list.mfs-hide, .mall-filter-content dl dd.mall-filter-brand-list.mfb-hide {
  float: left;
  padding: 0;
  height: 84px;
  overflow: hidden;
}
.mall-filter-content dl dd.mall-filter-series-list.mfb-hide, .mall-filter-content dl dd.mall-filter-brand-list.mfb-hide {
  height: 210px;
}
.mall-filter-content dl dd.mall-filter-series-more, .mall-filter-content dl dd.mall-filter-brand-more {
  position: absolute;
  top: 0;
  right: 10px;
  width: 70px;
  padding: 0;
}
.mall-filter-content dl dd.mall-filter-series-more .btn-mall-filter-more, .mall-filter-content dl dd.mall-filter-brand-more .btn-mall-filter-more {
  display: block;
  width: 68px;
  padding: 8px 0;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  text-align: center;
  color: #333;
}
.mall-filter-content dl dd.mall-filter-series-more .btn-mall-filter-more:after, .mall-filter-content dl dd.mall-filter-series-more .btn-mall-filter-more::after, .mall-filter-content dl dd.mall-filter-brand-more .btn-mall-filter-more:after, .mall-filter-content dl dd.mall-filter-brand-more .btn-mall-filter-more::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 9px;
  margin-left: 4px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -438px -443px;
  webkit-transition: -webkit-transform linear 0.2s;
  transition: -webkit-transform linear 0.2s;
  -o-transition: -o-transform linear 0.2s;
  transition: transform linear 0.2s;
  transition: transform linear 0.2s, -webkit-transform linear 0.2s, -o-transform linear 0.2s;
}
.mall-filter-content dl dd.mall-filter-series-more .btn-mall-filter-more.retract:after, .mall-filter-content dl dd.mall-filter-series-more .btn-mall-filter-more.retract::after, .mall-filter-content dl dd.mall-filter-brand-more .btn-mall-filter-more.retract:after, .mall-filter-content dl dd.mall-filter-brand-more .btn-mall-filter-more.retract::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mall-filter-content .input-price {
  float: left;
  margin-top: 6px;
}
.mall-filter-content .input-price-low,
.mall-filter-content .input-price-high {
  width: 40px;
  height: 30px;
  padding: 0 4px;
  border: 1px solid #cacaca;
  line-height: 30px;
  border-radius: 4px;
}
.mall-filter-content .sep {
  float: left;
  margin-top: 6px;
  padding: 0 5px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #999;
}
.mall-filter-content .btn-priceselect {
  float: left;
  margin-top: 6px;
  padding: 8px 11px;
  font-size: 14px;
  line-height: 1;
  border-radius: 4px;
  background: #fe791d;
  color: #fff;
  cursor: pointer;
}
.mall-filter-content .btn-priceselect.disabled {
  background: #e5e5e5;
  color: #999;
  cursor: not-allowed;
}

.filter-brand-tab {
  height: 42px;
}
.filter-brand-tab ul {
  width: 100%;
}
.filter-brand-tab ul li {
  float: left;
}
.filter-brand-tab ul li a {
  display: block;
  padding: 14px 10px;
  background: #fff;
  font-size: 14px;
  line-height: 1;
}
.filter-brand-tab ul li.current a {
  color: #fe791d;
  background: #f6f6f6;
}

.filter-brand-tab-content {
  width: 100%;
  padding: 14px 0;
  background: #f6f6f6;
}
.filter-brand-tab-content dl dt {
  width: 140px;
}

.mall-sortbar {
  border: 1px solid #e5e5e5;
  padding: 8px 0;
}
.mall-sortbar .mall-sortbar-order {
  float: left;
  font-size: 14px;
  line-height: 1;
}
.mall-sortbar .mall-sortbar-order dt {
  float: left;
  width: 74px;
  padding: 11px 0;
  text-align: right;
}
.mall-sortbar .mall-sortbar-order dd {
  float: left;
}
.mall-sortbar .mall-sortbar-order dd a {
  position: relative;
  display: block;
  font-size: 14px;
  padding: 11px 15px;
}
.mall-sortbar .mall-sortbar-order dd a .icon {
  display: inline-block;
  width: 9px;
  height: 13px;
  margin-bottom: -1px;
  margin-left: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -236px -52px;
}
.mall-sortbar .mall-sortbar-order dd.current a {
  color: #fe791d;
}
.mall-sortbar .mall-sortbar-order dd.current a .icon {
  background-position: -264px -52px;
}
.mall-sortbar .mall-sortbar-order dd.current a .icon.asc {
  background-position: -250px -52px;
}
.mall-sortbar .mall-filter-more {
  float: right;
  width: 502px;
  height: 36px;
}
.mall-sortbar .mall-cusstom-checkbox {
  float: left;
  margin-top: 9px;
  height: 18px;
  line-height: 18px;
}

.mall-cusstom-checkbox .checkbox-label {
  float: left;
  margin-right: 30px;
}
.mall-cusstom-checkbox .checkbox-a {
  display: none;
}
.mall-cusstom-checkbox .checkbox-b {
  position: relative;
  display: inline-block;
  height: 18px;
  padding-left: 26px;
  color: #333;
}
.mall-cusstom-checkbox .checkbox-b:before, .mall-cusstom-checkbox .checkbox-b::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -308px -420px;
}
.mall-cusstom-checkbox .checkbox-a:checked ~ .checkbox-b {
  color: #fe791d;
}
.mall-cusstom-checkbox .checkbox-a:checked ~ .checkbox-b:before, .mall-cusstom-checkbox .checkbox-a:checked ~ .checkbox-b::before {
  background-position: -331px -420px;
}

.mall-order-box {
  border: 1px solid #e7e7e7;
  background: #fff;
}
.mall-order-box .mo-title {
  padding: 20px 30px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 24px;
  line-height: 1;
}
.mall-order-box .mo-sub-title {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1;
}
.mall-order-box .mo-row {
  padding: 40px 30px;
  border-bottom: 1px solid #e7e7e7;
}
.mall-order-box .mo-row.mo-payment-type {
  padding-bottom: 10px;
}
.mall-order-box .mo-row.none {
  border: 0;
}

.mo-hd .pic {
  float: left;
  width: 180px;
  height: 120px;
  margin-right: 20px;
}
.mo-hd .pic img {
  width: 100%;
  height: 100%;
}
.mo-hd .text {
  padding-left: 200px;
}
.mo-hd .text ul {
  width: 958px;
}
.mo-hd .text ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 22px;
}
.mo-hd .text ul li.span1 {
  width: 100%;
  margin-right: 0;
}
.mo-hd .text ul li.span2 {
  width: 598px;
}
.mo-hd .text ul li.span3 {
  width: 358px;
}
.mo-hd .text ul li.span4 {
  width: 320px;
}
.mo-hd .text ul li.span5 {
  width: 220px;
}
.mo-hd .text ul li.name {
  margin-top: 10px;
  font-size: 18px;
}
.mo-hd .text ul li.color {
  color: #999;
}
.mo-hd .text ul li .hd {
  float: left;
  margin-right: 5px;
}
.mo-hd .text ul li .bd {
  overflow: hidden;
}
.mo-hd .text ul li .bd .price {
  color: #fe791d;
  font-size: 16px;
}

.mo-user-input-form ul {
  width: 100%;
}
.mo-user-input-form ul li {
  margin-bottom: 15px;
}
.mo-user-input-form ul li:last-child {
  margin: 0;
}
.mo-user-input-form .hd {
  float: left;
  width: 68px;
  font-size: 14px;
  line-height: 44px;
}
.mo-user-input-form .bd {
  overflow: hidden;
}
.mo-user-input-form .mou-inp-text {
  float: left;
  width: 298px;
  padding: 10px 10px;
  border: 1px solid #bfbfbf;
  background: #fff;
  font-size: 18px;
  line-height: 22px;
  color: #333;
}
.mo-user-input-form .tip {
  float: left;
  padding: 14px 0 14px 10px;
  font-size: 14px;
  line-height: 16px;
  color: #999;
}

.mo-buying-loan {
  font-size: 14px;
  line-height: 1;
}
.mo-buying-loan ul {
  width: 100%;
}
.mo-buying-loan ul li {
  margin-bottom: 16px;
}
.mo-buying-loan ul li:last-child, .mo-buying-loan ul li.none {
  margin: 0;
}
.mo-buying-loan ul li .hd {
  float: left;
  width: 158px;
  margin-right: 5px;
  line-height: 34px;
  text-align: right;
}
.mo-buying-loan ul li .hd.tal {
  text-align: left;
}
.mo-buying-loan ul li .bd {
  overflow: hidden;
  width: 470px;
}
.mo-buying-loan ul li .bd .price {
  display: inline-block;
  line-height: 34px;
  font-size: 18px;
  color: #fe791d;
}
.mo-buying-loan ul li .mob-selected-show {
  padding-left: 90px;
  padding-top: 10px;
}
.mo-buying-loan ul li .mob-selected-show span {
  display: inline-block;
  padding-right: 30px;
}
.mo-buying-loan ul li .mob-selected-show span b {
  padding: 0 5px;
  color: #ea3c1f;
}
.mo-buying-loan ul li .mob-selected-show span em {
  padding: 0 5px;
  font-style: normal;
}
.mo-buying-loan .mo-loan-list {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e7e7e7;
}
.mo-buying-loan .mo-loan-list.mo-full {
  margin: 0;
  border: 0;
  padding-top: 10px;
}
.mo-buying-loan .mo-loan-list .inner {
  width: 496px;
}
.mo-buying-loan .mo-loan-list .inner span {
  float: left;
  width: 238px;
  margin-right: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 22px;
}
.mo-buying-loan .mo-loan-list .inner span.none {
  margin-bottom: 0;
}
.mo-buying-loan .mo-loan-list .inner span em {
  display: inline-block;
  padding-left: 20px;
  font-size: 18px;
  font-style: normal;
  line-height: 22px;
  color: #ea3c1f;
}

.mo-ft .total-tip {
  margin-top: -20px;
  font-size: 14px;
  line-height: 22px;
}
.mo-ft .total-tip .title {
  float: left;
}
.mo-ft .total-tip .total-conent {
  float: right;
}
.mo-ft .total-tip .total-conent em {
  font-size: 18px;
  font-style: normal;
  color: #ea3c1f;
}
.mo-ft .mo-btn-area {
  padding-top: 80px;
  padding-bottom: 30px;
  font-size: 0;
  text-align: center;
}
.mo-ft .mo-btn-area .btn-orange1 {
  display: inline-block;
  width: 190px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  border-radius: 4px;
}

.pay-em-tip-pop {
  width: 748px;
  padding: 40px 30px;
  background: #fff;
}
.pay-em-tip-pop .popup-close {
  top: 15px;
  right: 15px;
}
.pay-em-tip-pop .title {
  padding-bottom: 40px;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}
.pay-em-tip-pop .pay-em-tip-content {
  font-size: 16px;
  line-height: 22px;
}
.pay-em-tip-pop .pay-em-tip-content p {
  padding-bottom: 15px;
}
.pay-em-tip-pop .pay-em-tip-btnarea {
  padding-top: 10px;
  font-size: 0;
  text-align: center;
}
.pay-em-tip-pop .pay-em-tip-btnarea .btn {
  display: inline-block;
  width: 150px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  border-radius: 4px;
}

.mopt-lst {
  width: 1040px;
}
.mopt-lst a {
  position: relative;
  float: left;
  width: 218px;
  height: 42px;
  overflow: hidden;
  margin-right: 40px;
  margin-bottom: 30px;
  border: 1px solid #bfbfbf;
  background-color: #fff;
  line-height: 100000%;
  background-repeat: no-repeat;
  background-position: center center;
}
.mopt-lst a.alipay {
  background-image: url("../images/icon/pay-icon/icon-pay-alipay.jpg");
}
.mopt-lst a.weixin {
  background-image: url("../images/icon/pay-icon/icon-pay-weixin.jpg");
}
.mopt-lst a.personal-bank-zhaoshang, .mopt-lst a.enterprise-bank-zhaoshang {
  background-image: url("../images/icon/pay-icon/icon-pay-bank-zhaoshang.jpg");
}
.mopt-lst a.current {
  border-color: #fe791d;
}
.mopt-lst a.current:after, .mopt-lst a.current::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: -1px;
  bottom: -1px;
  width: 14px;
  height: 14px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -404px 0;
}

.mop-settle-accounts-area {
  padding-top: 30px;
  text-align: right;
}
.mop-settle-accounts-area .con {
  font-size: 0;
}
.mop-settle-accounts-area .con span {
  display: inline-block;
  margin-right: 40px;
  font-size: 16px;
  line-height: 1;
}
.mop-settle-accounts-area .con span em {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  color: #ea3c1f;
}
.mop-settle-accounts-area .con .btn {
  display: inline-block;
  width: 180px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
}
.mop-settle-accounts-area .payment-tip {
  padding-top: 20px;
  font-size: 14px;
  color: #999;
}

.tree-box {
  position: relative;
  float: left;
  width: 300px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.tree-box.fixed {
  position: fixed;
  top: 90px;
  float: none;
}
.tree-box .tree-letter-nav {
  position: absolute;
  width: 24px;
  height: 100%;
  background: #1e70df;
}
.tree-box .tree-letter-nav a {
  display: block;
  width: 24px;
  height: 24px;
  background: #1e70df;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
.tree-box .tree-letter-nav a:hover {
  background: #fe791d;
}
.tree-box .tree-list {
  position: relative;
  float: right;
  width: 276px;
  overflow: hidden;
}
.tree-box .tree-list .tree-list-con {
  width: 100%;
}

.tree-list-con .letter-tit {
  padding: 11px 15px;
  background: #f7f7f7;
  color: #333;
  font-size: 18px;
  line-height: 1;
}
.tree-list-con ul.list-con {
  width: 100%;
}
.tree-list-con ul.brand-list {
  width: 100%;
}
.tree-list-con ul.brand-list li {
  padding: 13px 20px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 0;
  zoom: 1;
}
.tree-list-con ul.brand-list li:last-child {
  border-bottom: 0;
}
.tree-list-con ul.brand-list li:before, .tree-list-con ul.brand-list li:after {
  content: "";
  display: table;
}
.tree-list-con ul.brand-list li:after {
  clear: both;
}
.tree-list-con ul.brand-list li .tree-granddad {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.tree-list-con ul.brand-list li .tree-granddad .brand-logo {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  margin-bottom: -7px;
}
.tree-list-con ul.brand-list li.current .tree-granddad {
  color: #fe791d;
}
.tree-list-con ul.brand-list li.current .tree-granddad span {
  color: #999;
}
.tree-list-con .brand-list-con {
  padding-left: 60px;
  padding-top: 10px;
}
.tree-list-con .brand-list-con ul li {
  padding: 0;
  border-bottom: 0;
}
.tree-list-con .brand-list-con ul li .tree-parent {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.tree-list-con .brand-list-con ul li .tree-parent:before, .tree-list-con .brand-list-con ul li .tree-parent::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: -24px;
  width: 15px;
  height: 9px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -352px 0;
}
.tree-list-con .brand-list-con ul li .tree-parent span {
  color: #999;
}
.tree-list-con .brand-list-con ul li.current .tree-parent {
  color: #fe791d;
}
.tree-list-con .sub-car-list {
  padding-left: 20px;
}
.tree-list-con .sub-car-list ul li {
  margin-bottom: 10px;
  border-bottom: 0;
}
.tree-list-con .sub-car-list ul li a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 19px;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.tree-list-con .sub-car-list ul li a:before, .tree-list-con .sub-car-list ul li a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: -19px;
  width: 10px;
  height: 19px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -352px -10px;
}
.tree-list-con .sub-car-list ul li a span {
  color: #999;
}
.tree-list-con .sub-car-list ul li.current a {
  color: #fe791d;
}

.tool-filter-box {
  width: 100%;
}
.tool-filter-box.filter-part {
  height: 165px;
  overflow: hidden;
}
.tool-filter-box dl {
  position: relative;
  float: left;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
}
.tool-filter-box dl dt {
  float: left;
}
.tool-filter-box dl dt {
  width: 56px;
  line-height: 30px;
  color: #999;
}
.tool-filter-box dl dd {
  padding-left: 56px;
}
.tool-filter-box dl dd ul li {
  float: left;
  line-height: 30px;
}
.tool-filter-box dl dd ul li a {
  display: block;
  padding: 0 10px;
  background: #fff;
  color: #333;
  border-radius: 4px;
}
.tool-filter-box dl dd ul li a:hover {
  background: #e8eff6;
}
.tool-filter-box dl dd ul li.current a {
  background: #1e70df;
  color: #fff;
}
.tool-filter-box dl dd ul li.filter-small-select {
  position: relative;
}
.tool-filter-box dl dd ul li.filter-small-select a.fs-selected-text {
  padding-right: 26px;
}
.tool-filter-box dl dd ul li.filter-small-select a.fs-selected-text:after, .tool-filter-box dl dd ul li.filter-small-select a.fs-selected-text::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 12px;
  right: 11px;
  width: 11px;
  height: 8px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -309px -51px;
  webkit-transition: -webkit-transform linear 0.2s;
  transition: -webkit-transform linear 0.2s;
  -o-transition: -o-transform linear 0.2s;
  transition: transform linear 0.2s;
  transition: transform linear 0.2s, -webkit-transform linear 0.2s, -o-transform linear 0.2s;
}
.tool-filter-box dl dd ul li.filter-small-select:hover a.fs-selected-text {
  background: #1e6dd8;
  color: #fff;
}
.tool-filter-box dl dd ul li.filter-small-select:hover a.fs-selected-text:after, .tool-filter-box dl dd ul li.filter-small-select:hover a.fs-selected-text::after {
  top: 11px;
  background-position: -321px -51px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tool-filter-box dl.layout-small-x {
  width: 322px;
}
.tool-filter-box dl.layout-small {
  width: 538px;
}
.tool-filter-box .price-area-input {
  width: 124px;
  height: 30px;
  font-size: 0;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.tool-filter-box .price-area-input .price-text {
  position: relative;
  top: -5px;
  display: inline-block;
  width: 42px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ccc;
  border-radius: 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  padding: 0;
}
.tool-filter-box .price-area-input .join-tip {
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  line-height: 30px;
  color: #999;
}
.tool-filter-box .price-area-input .btn {
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 0;
  background: #1e70df;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.tool-filter-box .price-area-input .btn.disabled {
  background: #e5e5e5;
  color: #999;
  cursor: default;
}

.filter-small-select .fs-select-listbox {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 1;
  width: auto;
  padding-top: 6px;
}
.filter-small-select .fs-select-listbox ul {
  border: 1px solid #e5e5e5;
  background: #fff;
}
.filter-small-select .fs-select-listbox ul li {
  position: relative;
  width: 100%;
}
.filter-small-select .fs-select-listbox ul li:after, .filter-small-select .fs-select-listbox ul li::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.filter-small-select .fs-select-listbox ul li a {
  left: 0;
  right: auto;
  display: block;
  width: 100%;
  padding: 13px 0;
  font-size: 14px;
  line-height: 1;
  color: #333;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}
.filter-small-select .fs-select-listbox ul li a span {
  display: block;
  padding: 0 16px;
}
.filter-small-select .fs-select-listbox ul li.selected a {
  color: #fe791d;
  background: #f2f2f2;
}

.tool-filter-control-btn {
  width: 128px;
  height: 34px;
  margin: 0 auto 40px;
  border: 1px solid #cacaca;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  border-radius: 18px;
}
.tool-filter-control-btn:after, .tool-filter-control-btn::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 13px;
  height: 9px;
  margin-left: 5px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -306px -21px;
  webkit-transition: -webkit-transform linear 0.2s;
  transition: -webkit-transform linear 0.2s;
  -o-transition: -o-transform linear 0.2s;
  transition: transform linear 0.2s;
  transition: transform linear 0.2s, -webkit-transform linear 0.2s, -o-transform linear 0.2s;
}
.tool-filter-control-btn.retract:after, .tool-filter-control-btn.retract::after {
  top: -1px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.qp-newcar-box {
  width: 860px;
}
.qp-newcar-box ul {
  width: 880px;
}
.qp-newcar-box ul li {
  float: left;
  width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.qp-newcar-box ul li .img {
  overflow: hidden;
  margin-bottom: 10px;
}
.qp-newcar-box ul li .img img {
  display: block;
  width: 200px;
  height: 134px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.qp-newcar-box ul li .title,
.qp-newcar-box ul li .price-area {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.qp-newcar-box ul li .title {
  margin-bottom: 10px;
}
.qp-newcar-box ul li .price-area {
  color: #fe791d;
}
.qp-newcar-box ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.dp-ranking-box {
  width: 860px;
}
.dp-ranking-box .col-x-4 {
  float: left;
  width: 33.333333%;
}
.dp-ranking-box dl {
  position: relative;
  padding: 0 30px;
}
.dp-ranking-box dl:after, .dp-ranking-box dl::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
.dp-ranking-box dl.first {
  padding-left: 0;
}
.dp-ranking-box dl.last {
  padding-right: 0;
}
.dp-ranking-box dl.last:after, .dp-ranking-box dl.last::after {
  display: none;
}
.dp-ranking-box dl dt {
  padding-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.dp-ranking-box dl dd {
  font-size: 16px;
  line-height: 1;
}
.dp-ranking-box dl dd ul {
  padding-left: 20px;
}
.dp-ranking-box dl dd ul li {
  position: relative;
  list-style: decimal;
  list-style-position: outside;
  overflow: visible;
  padding-left: 10px;
  padding-bottom: 20px;
}
.dp-ranking-box dl dd ul li .price-trend {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 15px;
}
.dp-ranking-box dl dd ul li .price-trend:hover {
  text-decoration: underline;
}
.dp-ranking-box dl dd ul li .price-trend:before, .dp-ranking-box dl dd ul li .price-trend::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 10px;
  height: 12px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.dp-ranking-box dl dd ul li .price-trend.lower {
  color: #22ac38;
}
.dp-ranking-box dl dd ul li .price-trend.lower:before, .dp-ranking-box dl dd ul li .price-trend.lower::before {
  background-position: -310px -62px;
}
.dp-ranking-box dl dd ul li .price-trend.rise {
  color: #f00;
}
.dp-ranking-box dl dd ul li .price-trend.rise:before, .dp-ranking-box dl dd ul li .price-trend.rise::before {
  background-position: -322px -62px;
}
.dp-ranking-box dl dd ul li:last-child {
  padding-bottom: 0;
}

.footer-mini {
  width: 860px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.footer-mini .footer-mini-nav {
  font-size: 14px;
  line-height: 1;
  padding-bottom: 20px;
}
.footer-mini .footer-mini-nav ul {
  width: 100%;
}
.footer-mini .footer-mini-nav ul li {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #e5e5e5;
}
.footer-mini .footer-mini-nav ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.footer-mini .footer-mini-copyright {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}

.qp-series-info {
  width: 860px;
}
.qp-series-info .img {
  float: left;
  overflow: hidden;
  margin-right: 40px;
}
.qp-series-info .img img {
  display: block;
  width: 300px;
  height: 200px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.qp-series-info .img a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.qp-series-info .text {
  padding-left: 340px;
}
.qp-series-info .text .refer-price {
  padding-bottom: 50px;
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.qp-series-info .text .refer-price span {
  font-size: 16px;
  color: #fe791d;
}
.qp-series-info .text .refer-price span em {
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
}
.qp-series-info .text .qp-more {
  width: 100%;
}
.qp-series-info .text .qp-more li {
  float: left;
}
.qp-series-info .text .qp-more li.lower-info {
  margin-right: 40px;
  padding-right: 40px;
  border-right: 1px solid #e5e5e5;
}
.qp-series-info .text .qp-more li .hd {
  padding-bottom: 20px;
  font-size: 14px;
  color: #999;
}
.qp-series-info .text .qp-more li .bd {
  font-size: 22px;
  line-height: 1;
  color: #666;
}
.qp-series-info .text .qp-more li .max-lower {
  position: relative;
  padding-left: 20px;
}
.qp-series-info .text .qp-more li .max-lower:before, .qp-series-info .text .qp-more li .max-lower::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 0;
  width: 13px;
  height: 16px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
  background-position: -295px -59px;
}

.qp-tip {
  font-size: 14px;
  line-height: 1;
  color: #999;
  padding-top: 20px;
  margin-bottom: 20px;
}

.pic-hotline {
  height: 380px;
  overflow: hidden;
}
.pic-hotline ul {
  width: 872px;
}
.pic-hotline ul li {
  position: relative;
  float: left;
  width: 277px;
  height: 184px;
  overflow: hidden;
  margin-right: 12px;
  margin-bottom: 12px;
}
.pic-hotline ul li img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.pic-hotline ul li .img-news-title-bg {
  height: 36px;
}
.pic-hotline ul li .img-news-title {
  height: 36px;
  line-height: 36px;
}
.pic-hotline ul li.big {
  width: 571px;
  height: 380px;
}
.pic-hotline ul li.big .img-news-title-bg {
  height: 48px;
}
.pic-hotline ul li.big .img-news-title {
  height: 48px;
  line-height: 48px;
  font-size: 20px;
}
.pic-hotline ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.pic-hotline ul li a:hover .img-news-title-hover-bg {
  width: 100%;
}

.pic-list1 {
  width: 860px;
}
.pic-list1 ul {
  width: 885px;
}
.pic-list1 ul li {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}
.pic-list1 ul li .img {
  width: 270px;
  height: 180px;
  overflow: hidden;
  margin-bottom: 16px;
}
.pic-list1 ul li .img img {
  display: block;
  width: 270px;
  height: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.pic-list1 ul li .text {
  font-size: 16px;
  line-height: 1;
}
.pic-list1 ul li .text span {
  color: #999;
}
.pic-list1 ul li a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.pic-list1.pic-list2 .img {
  margin-bottom: 0;
}

.picture-column-nav1 {
  padding-bottom: 18px;
  border-bottom: 2px solid #e5e5e5;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}
.picture-column-nav1 li {
  float: left;
  margin-right: 24px;
  padding-right: 24px;
  border-right: 1px solid #c7c5c4;
}
.picture-column-nav1 li:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.picture-column-nav1 li.current a {
  position: relative;
  display: block;
  color: #fe791d;
}
.picture-column-nav1 li.current a:after, .picture-column-nav1 li.current a::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 2px;
  background: #fe791d;
}

.auto-pic-show-box {
  position: relative;
  width: 1200px;
}

.auto-pic-show {
  position: relative;
  float: left;
  width: 1080px;
}
.auto-pic-show img {
  display: block;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.auto-pic-show .image-nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.auto-pic-show .image-nav .img-cover {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}
.auto-pic-show .image-nav .img-cover.image-nav-left-block {
  left: 0;
}
.auto-pic-show .image-nav .img-cover.image-nav-left-block .btn {
  left: 0;
}
.auto-pic-show .image-nav .img-cover.image-nav-right-block {
  right: 0;
}
.auto-pic-show .image-nav .img-cover.image-nav-right-block .btn {
  right: 0;
}
.auto-pic-show .image-nav .img-cover:hover .btn {
  display: block;
}
.auto-pic-show .image-nav .img-cover .btn {
  position: absolute;
  top: 50%;
  margin-top: -36px;
  display: block;
  width: 72px;
  height: 72px;
  overflow: hidden;
  line-height: 1000000%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}
.auto-pic-show .image-nav .img-cover .btn:before, .auto-pic-show .image-nav .img-cover .btn::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 34px;
  margin-top: -17px;
  margin-left: -9px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.auto-pic-show .image-nav .img-cover .btn.btn-prev:before, .auto-pic-show .image-nav .img-cover .btn.btn-prev::before {
  background-position: -333px -106px;
}
.auto-pic-show .image-nav .img-cover .btn.btn-next:before, .auto-pic-show .image-nav .img-cover .btn.btn-next::before {
  background-position: -352px -106px;
}
.auto-pic-show .image-nav .img-cover .btn:hover {
  background: #fe791d;
}

.imgs-tab {
  float: right;
  width: 108px;
}
.imgs-tab li {
  width: 108px;
  height: 75px;
  overflow: hidden;
  margin-bottom: 12px;
  background: #f4f4f4;
}
.imgs-tab li a {
  display: block;
  width: 100%;
  height: auto;
  color: #666;
}
.imgs-tab li a span,
.imgs-tab li a em {
  display: inline-block;
  width: 100%;
  line-height: 1;
  text-align: center;
  font-style: normal;
}
.imgs-tab li a span {
  padding: 15px 0 6px;
  font-size: 22px;
}
.imgs-tab li a em {
  font-size: 16px;
}
.imgs-tab li.current {
  background: #fe791d;
}
.imgs-tab li.current a {
  color: #fff;
}
.imgs-tab li.current:hover {
  background: #fe791d;
}
.imgs-tab li.current:hover a {
  color: #fff;
}
.imgs-tab li:hover {
  background: #f9f9f9;
}

.album-nav {
  position: relative;
  width: 972px;
  height: 97px;
  padding: 0 54px;
}
.album-nav .btn {
  position: absolute;
  top: 0;
  display: block;
  width: 54px;
  height: 97px;
  overflow: hidden;
  line-height: 100000%;
  background: #e5e5e5;
}
.album-nav .btn:before, .album-nav .btn::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 23px;
  height: 37px;
  margin-top: -18px;
  margin-left: -11px;
  background-image: url("../images/icon/sprite.png");
  background-repeat: no-repeat;
}
.album-nav .btn:hover {
  background: #fe791d;
}
.album-nav .btn:hover.prev:before, .album-nav .btn:hover.prev::before {
  background-position: -232px -105px;
}
.album-nav .btn:hover.next:before, .album-nav .btn:hover.next::before {
  background-position: -256px -105px;
}
.album-nav .btn.prev {
  left: 0;
}
.album-nav .btn.prev:before, .album-nav .btn.prev::before {
  background-position: -280px -105px;
}
.album-nav .btn.next {
  right: 0;
}
.album-nav .btn.next:before, .album-nav .btn.next::before {
  background-position: -304px -105px;
}
.album-nav .btn.disabled {
  cursor: not-allowed;
}
.album-nav .btn.disabled:hover {
  background: #e5e5e5;
}
.album-nav .btn.disabled:hover.prev:before, .album-nav .btn.disabled:hover.prev::before {
  background-position: -280px -105px;
}
.album-nav .btn.disabled:hover.next:before, .album-nav .btn.disabled:hover.next::before {
  background-position: -304px -105px;
}

.album-scroll-box {
  position: relative;
  width: 945px;
  height: 97px;
  overflow: hidden;
  margin: 0 auto;
}
.album-scroll-box ul {
  width: 100000px;
}
.album-scroll-box ul li {
  position: relative;
  float: left;
  overflow: hidden;
  margin-right: 15px;
}
.album-scroll-box ul li img {
  display: block;
  width: 100%;
  height: auto;
}
.album-scroll-box ul li a {
  display: block;
  width: 145px;
  height: 97px;
  overflow: hidden;
}
.album-scroll-box ul li a:hover {
  width: 141px;
  height: 93px;
  border: 2px solid #fe791d;
}
.album-scroll-box ul li.album-carousel-thumb-selected a {
  width: 141px;
  height: 93px;
  border: 2px solid #fe791d;
}

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: #f1f1f1;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #f1f1f1;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  position: relative;
}

.jspDrag {
  background: #bcbcbc;
  border: solid 1px #a8a8a8;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: url(../js/lib/jquery.jscrollpane/img/leftsidebar.png) no-repeat 0 -134px;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrowDown {
  background-position: 0 -150px;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

* html .jspCorner {
  margin: 0 -3px 0 0;
}

.about-nav {
  float: left;
  width: 200px;
}
.about-nav li {
  border-bottom: 2px solid #e5e5e5;
}
.about-nav li.current {
  border-color: #fe791d;
}
.about-nav li.current a {
  color: #fe791d;
}
.about-nav li a {
  display: block;
  width: 100%;
  padding: 18px 0;
  font-size: 20px;
  line-height: 1;
}

.about-content {
  padding-top: 20px;
  padding-left: 284px;
}

.about-con-01 {
  padding: 0 30px 20px 0;
}

.about-con-01:last-child {
  padding-bottom: 0;
}

.con-title-01 {
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 10px;
}

.about-con-text {
  line-height: 1.6;
}
.about-con-text p {
  padding-bottom: 8px;
}
.about-con-text p:last-child {
  padding-bottom: 0;
}
.about-con-text.about-con-text-02 {
  padding-left: 28px;
}

.about-con-text-03 {
  padding: 30px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.6;
  background-color: #f6f6f6;
}
.about-con-text-03 .job-title {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px;
}
.about-con-text-03 .job-con {
  color: #666;
  padding-left: 36px;
}
.about-con-text-03 .job-con div {
  padding-bottom: 15px;
}
.about-con-text-03 .job-con div:last-child {
  padding-bottom: 0;
}
.about-con-text-03 .job-con h3 {
  font-weight: 700;
  padding-bottom: 10px;
}
.about-con-text-03 .job-con.job-con-02 {
  padding-left: 0;
}
.about-con-text-03 .job-con.job-con-02 p {
  padding-bottom: 10px;
}
.about-con-text-03.contact-hr {
  text-align: center;
  background-color: #d0e9ff;
}

.links-box {
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #d8d8d8;
}
.links-box h2 {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 20px;
}
.links-box ul {
  width: 768px;
}
.links-box ul li {
  float: left;
  width: 118px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.links-box ul li a {
  display: block;
  width: 118px;
  height: 22px;
  color: #666;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.links-box ul li a:hover {
  color: #fe791d;
}
.links-box:last-child {
  margin-bottom: 0;
}

.website-map-con {
  width: 100%;
  overflow: hidden;
}
.website-map-con a {
  color: #666;
}
.website-map-con a:hover {
  color: #fe791d;
}

.website-map-con .website-map-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.website-map-title {
  color: #1e70df;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #1e70df;
}

.website-map-item {
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #d8d8d8;
}

.map-item {
  float: left;
}
.map-item h3 {
  font-size: 16px;
  padding-bottom: 10px;
}
.map-item h3 a {
  color: #333;
}
.map-item h3 a:hover {
  color: #fe791d;
}
.map-item li {
  float: left;
  margin-right: 15px;
  line-height: 1.8;
}

.col1 {
  width: 100%;
}

.col2 {
  width: 50%;
}

.price-area-title {
  float: left;
  width: 100px;
}
.price-area-title h3 {
  font-size: 16px;
}

.price-area-car {
  overflow: hidden;
  text-align: center;
  line-height: 1.8;
}
.price-area-car .box {
  float: left;
  width: 25%;
  padding-bottom: 10px;
}
.price-area-car .box span a {
  color: #1e70df;
}
.price-area-car .box span a:hover {
  color: #1e70df;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.in-down {
  -webkit-transition: all 1s ease-in-out 1s;
  -webkit-animation: bounceInDown ease-in-out 1s;
  -moz-animation: bounceInDown ease-in-out 1s;
  animation: bounceInDown ease-in-out 1s;
}

/*# sourceMappingURL=styles.css.map */
