@charset "utf-8";

html {
  color: black;
  background: white;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

body,
button,
input,
select,
textarea {
  font-family: \5fae\8f6f\96c5\9ed1, Arial, \5b8b\4f53, sans-serif;
  font-size: 0.1875rem;
  line-height: 1.5;
}

input,
select,
textarea {
  font-size: 100%;
}

body {
  -webkit-text-size-adjust: none;
}

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

th {
  text-align: inherit;
}

fieldset,
img {
  border: 0;
}

iframe {
  display: block;
}

abbr,
acronym {
  border: 0;
  font-feature-settings: normal;
  font-variant: normal;
}

del {
  text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 500;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

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

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a:hover {
  text-decoration: underline;
}

ins,
a {
  text-decoration: none;
}

/* 解决link点击后周围一圈虚线的问题 */

a,
button,
textarea {
  blr: expression(this.onFocus=this.close());
  blr: expression(this.onFocus=this.blur());
  text-decoration: none;
  outline: none;
}

a:focus,
button:focus,
textarea:focus {
  -moz-outline-style: none  !important;
  outline: none  !important;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

a:hover {
  text-decoration: none !important;
}

a:visited {
  text-decoration: none !important;
}

a:active {
  text-decoration: none !important;
}

a:link {
  text-decoration: none !important;
}

*,
:after,
:before {
  box-sizing: border-box;
}

/*
::-webkit-input-placeholder { color: #fff; opacity: 1; }
:-moz-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder {  color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; opacity: 1; }
 */

/* 一些常用排版样式 */

.fn_hide {
  display: none;
}

.fn_left,
.fn_right,
.fn-left,
.fn-right {
  display: inline;
}

.fn_left,
.fn-left {
  float: left;
}

.fn_right,
.fn-right {
  float: right;
}

.fn_center,
.fn-center {
  margin: 0 auto;
}

.imageblock img {
  display: block;
}

.imageblock_center img {
  display: block;
  margin: 0 auto;
}

.blockimage {
  display: block;
}

.aleft {
  text-align: left;
}

.aright {
  text-align: right;
}

.acenter {
  text-align: center;
}

.top {
  vertical-align: top;
}

.baseline {
  vertical-align: baseline;
}

.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.full_width {
  width: 100%;
}

.pos-parent,
.parent,
.relative {
  position: relative;
}

.pos-child,
.child,
.absolute {
  position: absolute;
}

.hide {
  display: none;
}

.fixed {
  position: fixed;
}

.whole {
  width: 100%;
}

.media {
  *zoom: 1;
}

.media:after {
  content: "\20";
  display: block;
  height: 0;
  clear: both;
}

.media .bd {
  vertical-align: baseline;
  display: table-cell;
  width: 156.25rem;
  *width: auto;
  *zoom: 1;
}

.media .bd:after {
  content: "\20";
  display: block;
  height: 0;
  clear: both;
}

.media .bd:first-child {
  margin-top: 0;
}

.media .bd:last-child {
  margin-bottom: 0;
}

.media .bd img {
  display: block;
}

.media .img {
  float: left;
}

.media .img img {
  display: block;
}

.media .imgext {
  float: right;
}

.media .imgext img {
  display: block;
}

/*常用边距 spacing helpers p,m = padding,margin a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical s,m,sm,l,n = small(5px),medium(10px),smallmedium(15px),large(20px),none(0px) ml,ll = morelarge(30px), largelarge(40px) */

.ptn,
.pvn,
.pan {
  padding-top: 0 !important;
}

.pts,
.pvs,
.pas {
  padding-top: 0.078125rem !important;
}

.ptm,
.pvm,
.pam {
  padding-top: 0.15625rem !important;
}

.ptsm,
.pvsm,
.pasm {
  padding-top: 0.234375rem !important;
}

.ptl,
.pvl,
.pal {
  padding-top: 0.3125rem !important;
}

.ptml,
.pvml,
.paml {
  padding-top: 0.46875rem !important;
}

.ptll,
.pvll,
.pall {
  padding-top: 0.625rem !important;
}

.prn,
.phn,
.pan {
  padding-right: 0 !important;
}

.prs,
.phs,
.pas {
  padding-right: 0.078125rem !important;
}

.prm,
.phm,
.pam {
  padding-right: 0.15625rem !important;
}

.prsm,
.phsm,
.pasm {
  padding-right: 0.234375rem !important;
}

.prl,
.phl,
.pal {
  padding-right: 0.3125rem !important;
}

.prml,
.phml,
.paml {
  padding-right: 0.46875rem !important;
}

.prll,
.phll,
.pall {
  padding-right: 0.625rem !important;
}

.pbn,
.pvn,
.pan {
  padding-bottom: 0 !important;
}

.pbs,
.pvs,
.pas {
  padding-bottom: 0.078125rem !important;
}

.pbm,
.pvm,
.pam {
  padding-bottom: 0.15625rem !important;
}

.pbsm,
.pvsm,
.pasm {
  padding-bottom: 0.234375rem !important;
}

.pbl,
.pvl,
.pal {
  padding-bottom: 0.3125rem !important;
}

.pbml,
.pvml,
.paml {
  padding-bottom: 0.46875rem !important;
}

.pbll,
.pvll,
.pall {
  padding-bottom: 0.625rem !important;
}

.pln,
.phn,
.pan {
  padding-left: 0 !important;
}

.pls,
.phs,
.pas {
  padding-left: 0.078125rem !important;
}

.plm,
.phm,
.pam {
  padding-left: 0.15625rem !important;
}

.plsm,
.phsm,
.pasm {
  padding-left: 0.234375rem !important;
}

.pll,
.phl,
.pal {
  padding-left: 0.3125rem !important;
}

.plml,
.phml,
.paml {
  padding-left: 0.46875rem !important;
}

.plll,
.phll,
.pall {
  padding-left: 0.625rem !important;
}

.mtn,
.mvn,
.man {
  margin-top: 0 !important;
}

.mts,
.mvs,
.mas {
  margin-top: 0.078125rem !important;
}

.mtm,
.mvm,
.mam {
  margin-top: 0.15625rem !important;
}

.mtsm,
.mvsm,
.masm {
  margin-top: 0.234375rem !important;
}

.mtl,
.mvl,
.mal {
  margin-top: 0.3125rem !important;
}

.mtml,
.mvml,
.maml {
  margin-top: 0.46875rem !important;
}

.mtll,
.mvll,
.mall {
  margin-top: 0.625rem !important;
}

.mrn,
.mhn,
.man {
  margin-right: 0 !important;
}

.mrs,
.mhs,
.mas {
  margin-right: 0.078125rem !important;
}

.mrm,
.mhm,
.mam {
  margin-right: 0.15625rem !important;
}

.mrsm,
.mhsm,
.masm {
  margin-right: 0.234375rem !important;
}

.mrl,
.mhl,
.mal {
  margin-right: 0.3125rem !important;
}

.mrml,
.mhml,
.maml {
  margin-right: 0.46875rem !important;
}

.mrll,
.mhll,
.mall {
  margin-right: 0.625rem !important;
}

.mbn,
.mvn,
.man {
  margin-bottom: 0 !important;
}

.mbs,
.mvs,
.mas {
  margin-bottom: 0.078125rem !important;
}

.mbm,
.mvm,
.mam {
  margin-bottom: 0.15625rem !important;
}

.mbsm,
.mvsm,
.masm {
  margin-bottom: 0.234375rem !important;
}

.mbl,
.mvl,
.mal {
  margin-bottom: 0.3125rem !important;
}

.mbml,
.mvml,
.maml {
  margin-bottom: 0.46875rem !important;
}

.mbll,
.mvll,
.mall {
  margin-bottom: 0.625rem !important;
}

.mln,
.mhn,
.man {
  margin-left: 0 !important;
}

.mls,
.mhs,
.mas {
  margin-left: 0.078125rem !important;
}

.mlm,
.mhm,
.mam {
  margin-left: 0.15625rem !important;
}

.mlsm,
.mhsm,
.masm {
  margin-left: 0.234375rem !important;
}

.mll,
.mhl,
.mal {
  margin-left: 0.3125rem !important;
}

.mlml,
.mhml,
.maml {
  margin-left: 0.46875rem !important;
}

.mlll,
.mhll,
.mall {
  margin-left: 0.625rem !important;
}

/* 960grid 布局 */

.container-12 {
  margin-left: auto;
  margin-right: auto;
  width: 15rem;
}

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  display: inline;
  float: left;
  /* position: relative */
  margin-left: 0.15625rem;
  margin-right: 0.15625rem;
}

.container-12 .grid-1 {
  width: 0.9375rem;
}

.container-12 .grid-2 {
  width: 2.1875rem;
}

.container-12 .grid-3 {
  width: 3.4375rem;
}

.container-12 .grid-4 {
  width: 4.6875rem;
}

.container-12 .grid-5 {
  width: 5.9375rem;
}

.container-12 .grid-6 {
  width: 7.1875rem;
}

.container-12 .grid-7 {
  width: 8.4375rem;
}

.container-12 .grid-8 {
  width: 9.6875rem;
}

.container-12 .grid-9 {
  width: 10.9375rem;
}

.container-12 .grid-10 {
  width: 12.1875rem;
}

.container-12 .grid-11 {
  width: 13.4375rem;
}

.container-12 .grid-12 {
  width: 14.6875rem;
}

/* grid list */

.grid-list li,
.grid-list dd {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}

.grid-list-1-column li,
.grid-list-1-column dd {
  width: 100%;
}

.grid-list-2-column li,
.grid-list-2-column dd {
  width: 49.333%;
}

.grid-list-3-column li,
.grid-list-3-column dd {
  width: 32.884%;
}

.grid-list-4-column li,
.grid-list-4-column dd {
  width: 24.554%;
}

.grid-list-8-column li,
.grid-list-8-column dd {
  width: 12.222%;
}

body,
html {
  min-height: 100vh;
  position: relative;
}

.wrapper {
  width: 10rem;
  margin: 0 auto;
  padding-top: 0.9375rem;
}

#turnBox {
  width: 100%;
  height: 100%;
  background: #131313;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
  opacity: 1.0;
}

#turnBox img {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -3.796875rem;
  margin-top: -2.625rem;
  width: 7.609375rem;
  height: 5.265625rem;
}

.iconlist {
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAUEBAYFBQUGBgYHCQ4JCQgICRINDQoOFRIWFhUSFBQXGiEcFxgfGRQUHScdHyIjJSUlFhwpLCgkKyEkJST/2wBDAQYGBgkICREJCREkGBQYJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCT/wgARCAA8AEEDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAYHCP/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAOqQAAAAAAAAZUACzKIAGVAAsyiABlQALMogAAAAAAAAAAAAAAD/xAA0EAAAAgcCDAUFAAAAAAAAAAACBAABAwUGBxcREhMUGFZXZ5WlptLT4xUWICIxISNAUGL/2gAIAQEAAT8A/CqHN7QjxUU5UqHN7QjxUU5UqHN7QjxUU5UqHN7QjxUU5Ugp8xG/HU2MxPC3lk4FusACmPszl9ndCtTS+D6fKxKs/n0181VTV2B3Er5qqmrsDuJXzVVNXYHcSvmqqauwO4kFxf50dTU/4A/3Fg262GLPsnizYVgQrvhDav2e705Ucoc7d3G+kmVHKHO3dxvpJlRyhzt3cb6SZUcoc7d3G+kkFR7Dkw3U1esMH8fJMW6y42uBaMvuKCES1WDCFfwMP6D/xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAECAQE/ABH/xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAEDAQE/ABH/2Q==) no-repeat;
}

.iconlist.iconclose {
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAQDAwQDAwQEBAQFBQQFBwsHBwYGBw4KCggLEA4RERAOEA8SFBoWEhMYEw8QFh8XGBsbHR0dERYgIh8cIhocHRz/2wBDAQUFBQcGBw0HBw0cEhASHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBz/wgARCAA8AEEDAREAAhEBAxEB/8QAGgABAAMBAQEAAAAAAAAAAAAAAAYHCAMFBP/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAN/AAAAAAAAAro+Qn5RpoMAAFDlTmyjsAAecZrJwe6WgAAQol52IKToAAAAAAAAAAA//xAAwEAABBAIAAwQIBwAAAAAAAAADAQIEBQYHABExEhQgUggQMjNAQWLCFSI3QkRTZP/aAAgBAQABPwD4LcFBmV5jAzYHfrU5HWSGzACIiLHn9nrHN9DuNO7hg7TrZkeRDJT5fTv7vc0Un30M33DXq13FzdV+OVUy1tZgYdbCG4p5Jno1g2J1cq8a3yXNN25tHziNJm47q6t7bKuD7J79VRWqcyL0D5E8e+9bt/VHGbiJjWdY0BxfxKR+SNNjt9qNK8zF+XGuskP6aV8hsmUFVhGM93MbEwn5ms5Tmo5Cn/zp+3gABxQjCEbRBEiNYxiIjWoickREToniubqvxyqmWtrMDDrYQ3FPJM9GsGxOrlXisrLT0r7sF9fAk12mK46FrKg3NhchI3oc6f0eVnG3NLyrqdAzXXpw0WxaIXYiG6R54E/iHb82L8vLxp3cMHadbMjyIZKfL6d/d7mik++hm+4a9Wu8WxNZUG04FdXZIySeshTBzXQ2GVgpTmc+TDNT22fSvAADihGEI2iCJEaxjERGtRE5IiInRPVaapx602HTZ6ojxckrBvCp4hlEksTmqiDMie8a3qnxH//EABQRAQAAAAAAAAAAAAAAAAAAAGD/2gAIAQIBAT8AEf/EABQRAQAAAAAAAAAAAAAAAAAAAGD/2gAIAQMBAT8AEf/Z) no-repeat;
}

/*通用主导行*/

.one-app .wrapper {
  padding-top: 0;
}

#nav {
  display: none;
  -index: 300;
  width: 10rem;
  height: 1.5625rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -5rem;
}

#nav .navbox {
  z-index: 260;
  width: 10rem;
  height: 0.9375rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -5rem;
}

#nav .navbox.fixed {
  position: fixed;
}

#nav .navbox .nav1 {
  width: 2.765625rem;
  height: 0.9375rem;
}

#nav .navbox .nav1 .img1 {
  display: block;
  width: 1.75rem;
  height: 0.9375rem;
}

#nav .navbox .nav1 .iconlist {
  width: 1.015625rem;
  height: 0.9375rem;
  background-size: cover;
}

#nav .navbox .nav2 .img2 {
  display: block;
  width: 1.875rem;
  height: 0.9375rem;
}

#nav .navbox .navlogo {
  display: none;
}

#nav .navbox .navlogo img {
  display: block;
  width: 2.8125rem;
  height: 0.9375rem;
}

#nav .shadow {
  z-index: 290;
  width: 10rem;
  height: 0.625rem;
  background: url(../../images/bg/bar.png) center top no-repeat;
  opacity: 0.62;
  position: absolute;
  left: 50%;
  top: 0.9375rem;
  margin-left: -5rem;
}

#nav .shadow.fixed {
  position: fixed;
}

#nav .navlist {
  z-index: 280;
  display: none;
  position: absolute;
  left: 50%;
  top: 0.9375rem;
  width: 10rem;
  background: url(../../images/bg/bg-dot-fff-95.png) left top repeat;
  margin-left: -5rem;
  padding-top: 0.78125rem;
}

#nav .navlist li {
  width: 100%;
  height: 1.09375rem;
  line-height: 1.09375rem;
  text-align: left;
  padding: 0 0.46875rem;
}

#nav .navlist li > a {
  color: #000;
  display: block;
  width: 100%;
  height: 1.09375rem;
  border-bottom: 0.015625rem solid #6f6f6f;
}

[data-dpr="1"] #nav .navlist li > a {
  font-size: 15px;
}

[data-dpr="2"] #nav .navlist li > a {
  font-size: 30px;
}

[data-dpr="3"] #nav .navlist li > a {
  font-size: 45px;
}

#nav .navlist li.selv > a {
  background: url(../../images/nav/jia.png) 8.4375rem 0.3125rem no-repeat;
  background-size: 0.453125rem 0.453125rem;
}

#nav .navlist li.selv.hl {
  height: auto;
}

#nav .navlist li.selv.hl > a {
  background: url(../../images/nav/jian.png) 8.4375rem 0.3125rem no-repeat, url(../../images/bg/bg-dot-969696-80.png) 0 0 repeat;
  background-size: 0.453125rem 0.453125rem;
}

#nav .navlist li > dl dd {
  width: 100%;
  height: 0.9375rem;
  line-height: 0.9375rem;
  padding-left: 1.5625rem;
}

#nav .navlist li > dl dd:last-child {
  border-bottom: 0.015625rem solid #000;
}

#nav .navlist li > dl dd a {
  color: #000;
  text-align: left;
  display: block;
  width: 100%;
  height: 0.9375rem;
  border-bottom: 0.015625rem solid #6f6f6f;
}

[data-dpr="1"] #nav .navlist li > dl dd a {
  font-size: 12px;
}

[data-dpr="2"] #nav .navlist li > dl dd a {
  font-size: 24px;
}

[data-dpr="3"] #nav .navlist li > dl dd a {
  font-size: 36px;
}

/* #nav .navlist li > dl dd a { border-bottom: none;} */

/* 子菜单 */

.navSubMenu,
.navSubCar,
.carHot {
  display: none;
  padding-bottom: 0.625rem;
}

.navSubMenu h3,
.navSubCar h3 {
  text-align: center;
  padding: 0 0.46875rem;
  border-bottom: 0.015625rem solid #6f6f6f;
  height: 1.09375rem;
  line-height: 1.09375rem;
}

[data-dpr="1"] .navSubMenu h3,
[data-dpr="1"] .navSubCar h3 {
  font-size: 16px;
}

[data-dpr="2"] .navSubMenu h3,
[data-dpr="2"] .navSubCar h3 {
  font-size: 32px;
}

[data-dpr="3"] .navSubMenu h3,
[data-dpr="3"] .navSubCar h3 {
  font-size: 48px;
}

.navArrow {
  float: left;
  height: 1.09375rem;
}

.navArrow img {
  height: 0.78125rem;
  padding-top: 0.15625rem;
}

.navSubCar .subTitleCar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.46875rem;
}

.navSubCar .subTitleCar span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 0.375rem;
}

.navSubCar .subTitleCar span.active {
  border-bottom: 0.015625rem solid #6f6f6f;
}

.carHot img {
  width: 100%;
}

.carList {
  padding-top: 0.3125rem;
}

.carHot.active {
  display: block;
}

#nav .navlist .search {
  height: 1.5625rem;
  position: relative;
}

#nav .navlist .search .navsearch {
  width: 4.4375rem;
  margin-left: -1.5625rem;
  height: 0.8125rem;
  border: 1px solid #6f6f6f;
  display: block;
  position: absolute;
  left: 50%;
  top: 0.375rem;
  padding-left: 0.234375rem;
}

[data-dpr="1"] #nav .navlist .search .navsearch {
  font-size: 13px;
}

[data-dpr="2"] #nav .navlist .search .navsearch {
  font-size: 26px;
}

[data-dpr="3"] #nav .navlist .search .navsearch {
  font-size: 39px;
}

#nav .navlist .search .navsearchbtn {
  width: 1.5625rem;
  height: 0.8125rem;
  line-height: 0.8125rem;
  display: block;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 0.375rem;
  margin-left: 3.125rem;
}

[data-dpr="1"] #nav .navlist .search .navsearchbtn {
  font-size: 15px;
}

[data-dpr="2"] #nav .navlist .search .navsearchbtn {
  font-size: 30px;
}

[data-dpr="3"] #nav .navlist .search .navsearchbtn {
  font-size: 45px;
}

#nav .navlist .search .userfk {
  width: auto;
  height: 0.8125rem;
  line-height: 0.8125rem;
  position: absolute;
  right: 0.625rem;
  top: 0.375rem;
  text-align: center;
  overflow: hidden;
}

[data-dpr="1"] #nav .navlist .search .userfk {
  font-size: 13px;
}

[data-dpr="2"] #nav .navlist .search .userfk {
  font-size: 26px;
}

[data-dpr="3"] #nav .navlist .search .userfk {
  font-size: 39px;
}

#nav .navlist .search .userfk .login {
  border-left: 0.015625rem solid #000;
  padding-left: 0.15625rem;
}

#nav .navlist .search .userfk .ask {
  padding-right: 0.15625rem;
}

#nav .navlist li.shadowbottom {
  height: 0.1875rem;
  background: url(../../images/common/carnav-shadow.png)  no-repeat;
  background-size: cover;
}

.one-app #footer {
  display: none;
}

#footer {
  width: 10rem;
  height: 10.78125rem;
}

#bottomlogo {
  width: 1.546875rem;
  height: 0.59375rem;
  display: block;
  position: absolute;
  left: 0.78125rem;
  bottom: 0.390625rem;
  z-index: 100;
}

.subfoot-links {
  width: 10rem;
  height: 4.53125rem;
  padding-top: 0.15625rem;
  background: #e4e4e4;
  position: absolute;
  left: 0;
  bottom: 1.71875rem;
}

.subfoot-links li {
  line-height: 0.78125rem;
  height: 0.78125rem;
}

.subfoot-links li a {
  color: #454545;
  padding-left: 0.546875rem;
}

[data-dpr="1"] .subfoot-links li a {
  font-size: 11px;
}

[data-dpr="2"] .subfoot-links li a {
  font-size: 22px;
}

[data-dpr="3"] .subfoot-links li a {
  font-size: 33px;
}

.subfoot-links li.gh {
  background: url(../../images/common/gh.png) 0.34375rem 0.15625rem no-repeat;
  background-size: 0.4375rem 0.46875rem;
}

.subfoot-links li.gh a {
  padding-left: 0.78125rem;
}

.subfoot-sitmap {
  overflow: hidden;
}

.subfoot-sitmap ul {
  text-align: center;
  height: 0.5625rem;
  display: block;
  margin: 0;
  padding: 0;
}

.subfoot-sitmap ul li {
  display: inline-block;
  height: 0.5625rem;
  line-height: 0.5625rem;
  text-align: center;
}

.subfoot-sitmap ul li a {
  color: #000;
}

[data-dpr="1"] .subfoot-sitmap ul li a {
  font-size: 11px;
}

[data-dpr="2"] .subfoot-sitmap ul li a {
  font-size: 22px;
}

[data-dpr="3"] .subfoot-sitmap ul li a {
  font-size: 33px;
}

.subfoot-sitmap ul.s1 {
  margin-top: 1.171875rem;
  margin-bottom: 0.234375rem;
}

.subfoot-sitmap ul.s2 {
  margin-bottom: 0.234375rem;
}

.subfoot-sitmap ul.s3 li:nth-child(odd) {
  width: 1rem;
}

.subfoot-sitmap ul li.w4 {
  padding: 0;
  width: 2.5rem;
}

.subfoot-sitmap ul li.w5 {
  width: 2.03125rem;
}

.subfoot-sitmap ul li.w6 {
  width: 2.5rem;
}

.subfoot-sitmap ul li.al {
  text-align: left;
  padding-left: 0.1875rem;
}

.subfoot-sitmap ul li.ar {
  text-align: right;
  padding-right: 0.1875rem;
}

.subfoot-sitmap ul.s3 .w2 {
  position: relative;
}

.subfoot-sitmap ul.s3 .w2 .popweixin {
  position: absolute;
  top: -2.734375rem;
  left: 50%;
  margin-left: -1.25rem;
  width: 2.5rem;
  height: 2.65625rem;
  background: #cbcbcb;
  z-index: 1;
  display: none;
}

[data-dpr="1"] .subfoot-sitmap ul.s3 .w2 .popweixin {
  font-size: 9px;
}

[data-dpr="2"] .subfoot-sitmap ul.s3 .w2 .popweixin {
  font-size: 18px;
}

[data-dpr="3"] .subfoot-sitmap ul.s3 .w2 .popweixin {
  font-size: 27px;
}

.subfoot-sitmap ul.s3 .w2 .popweixin img {
  display: block;
  width: 2.03125rem;
  height: 2.03125rem;
  margin: 0 auto;
}

.subfoot-sitmap ul.s1 .userAreaW .user_name {
  display: inline;
  color: #000;
  padding-right: 0.078125rem;
}

[data-dpr="1"] .subfoot-sitmap ul.s1 .userAreaW .user_name {
  font-size: 11px;
}

[data-dpr="2"] .subfoot-sitmap ul.s1 .userAreaW .user_name {
  font-size: 22px;
}

[data-dpr="3"] .subfoot-sitmap ul.s1 .userAreaW .user_name {
  font-size: 33px;
}

.subfoot-sitmap ul.s1 .userAreaW .logout {
  display: inline;
  color: #000;
}

[data-dpr="1"] .subfoot-sitmap ul.s1 .userAreaW .logout {
  font-size: 11px;
}

[data-dpr="2"] .subfoot-sitmap ul.s1 .userAreaW .logout {
  font-size: 22px;
}

[data-dpr="3"] .subfoot-sitmap ul.s1 .userAreaW .logout {
  font-size: 33px;
}

.m400 {
  padding: 0.234375rem 0 0.625rem;
}

#footerapp {
  width: 10rem;
  height: 2.96875rem;
}

#kv {
  width: 10rem;
  height: 8.78125rem;
  z-index: 100;
}

#cars {
  width: 10rem;
  height: 5.859375rem;
  background-color: #e7e9eb;
}

#more-active {
  width: 10rem;
  height: 6.4375rem;
  overflow: hidden;
}

#more-active table {
  margin: 0.3125rem auto 0;
}

#more-active table td {
  width: 2.8125rem;
  height: 2.8125rem;
}

#more-active table td img {
  display: block;
  width: 100%;
  height: 100%;
}

#more-active p {
  width: 2.8125rem;
  height: 2.8125rem;
}

#skv {
  width: 10rem;
}

#skv li {
  width: 10rem;
  height: 5.578125rem;
}

#skv li img {
  width: 100%;
}

#skv li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

#skv li a p {
  width: 100%;
  height: 0.78125rem;
  line-height: 0.78125rem;
  text-align: center;
  color: #f6f6f6;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../../images/common/dot-1x1.png) 0 0 repeat;
}

[data-dpr="1"] #skv li a p {
  font-size: 12px;
}

[data-dpr="2"] #skv li a p {
  font-size: 24px;
}

[data-dpr="3"] #skv li a p {
  font-size: 36px;
}

.logo {
  display: block;
  width: 1.609375rem;
  height: 5.890625rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
}

.logo2 {
  display: block;
  width: 1.609375rem;
  height: 5.890625rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 203;
}

.logo3 {
  display: block;
  width: 1.609375rem;
  height: 5.890625rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 202;
}

.logo4 {
  display: block;
  width: 1.609375rem;
  height: 5.890625rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 202;
}

.logo3 {
  animation: xn 6s infinite linear;
  animation-fill-mode: forwards;
  transform-origin: 1.1875rem 28.7%;
  animation-delay: 0.2s;
}

.logo4 {
  animation: xn2 6s infinite linear;
  animation-fill-mode: forwards;
  transform-origin: 1.1875rem 28.7%;
  animation-delay: 0.2s;
}

@keyframes xn {
  0% {
    transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
  }

  50% {
    transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
  }

  100% {
    transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
  }
}

@keyframes xn2 {
  0% {
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
  }

  50% {
    transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
  }

  100% {
    transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
  }
}

.swiper-container {
  width: 100%;
  height: 100%;
}

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

#swiper-container-kv .swiper-pagination,
#swiper-container-news .swiper-pagination,
#swiper-container-finance .swiper-pagination {
  bottom: 0.46875rem;
}

#swiper-container-kv .swiper-pagination-bullet,
#swiper-container-news .swiper-pagination-bullet,
#swiper-container-finance .swiper-pagination-bullet {
  border-radius: 0;
  width: 0.5rem;
  height: 0.03125rem;
  background: #9a9a9a;
  opacity: .6;
}

#swiper-container-kv .swiper-pagination-bullet-active,
#swiper-container-news .swiper-pagination-bullet-active,
#swiper-container-finance .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

#swiper-container-kv img,
#swiper-container-finance img,
#swiper-container-news img {
  display: block;
  width: 100%;
}

.hot-activity .img-wrap img {
  width: 100%;
}

.hot-activity .img-wrap a {
  font-size: 0;
  display: block;
  margin-bottom: 0.0625rem;
  position: relative;
}

.hot-activity .img-wrap a p {
  position: absolute;
  top: 1.171875rem;
  left: 0.265625rem;
  color: #fff;
}

[data-dpr="1"] .hot-activity .img-wrap a p {
  font-size: 11px;
}

[data-dpr="2"] .hot-activity .img-wrap a p {
  font-size: 22px;
}

[data-dpr="3"] .hot-activity .img-wrap a p {
  font-size: 33px;
}

.title-wrap {
  background: #fcfcfc;
  height: 1.40625rem;
  text-align: center;
  padding-top: 0.3125rem;
  box-sizing: border-box;
  margin-top: 0.3125rem;
}

.title-wrap img {
  height: 0.78125rem;
}

/* #activty-news {} */

#swiper-container-cars .swiper-pagination {
  bottom: 0.3125rem;
}

#swiper-container-cars .swiper-pagination-bullet {
  border-radius: 0;
  width: 0.5rem;
  height: 0.03125rem;
  background: #939393;
}

#swiper-container-cars .swiper-pagination-bullet-active {
  background: #000000;
}

#swiper-container-cars .swiper-slide .carpic {
  display: block;
  width: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

#swiper-container-cars .swiper-slide a {
  color: #2a2a2a;
  width: 1.71875rem;
  display: block;
  height: 0.46875rem;
  line-height: 1.5;
  position: absolute;
  top: 5.125rem;
}

[data-dpr="1"] #swiper-container-cars .swiper-slide a {
  font-size: 12px;
}

[data-dpr="2"] #swiper-container-cars .swiper-slide a {
  font-size: 24px;
}

[data-dpr="3"] #swiper-container-cars .swiper-slide a {
  font-size: 36px;
}

#swiper-container-cars .parameters {
  width: 10rem;
  text-align: center;
  height: 0.78125rem;
  position: absolute;
  left: 0;
  top: 4.765625rem;
}

#swiper-container-cars .parameters .label {
  font-size: 20;
  /*px*/
  color: #2a2a2a;
}

#swiper-container-cars .parameters .value {
  color: #2a2a2a;
}

[data-dpr="1"] #swiper-container-cars .parameters .value {
  font-size: 11px;
}

[data-dpr="2"] #swiper-container-cars .parameters .value {
  font-size: 22px;
}

[data-dpr="3"] #swiper-container-cars .parameters .value {
  font-size: 33px;
}

#swiper-container-cars a.acar {
  display: block;
  width: 10rem;
  height: 3.125rem;
  position: absolute;
  left: 0;
  top: 1.765625rem;
  z-index: 10;
}

#swiper-container-cars .swiper-slide .more {
  right: 50%;
  margin-right: 0.625rem;
}

#swiper-container-cars .swiper-slide .testdriver {
  left: 50%;
  margin-left: 0.625rem;
}

#swiper-container-cars .swiper-slide .liveroom {
  width: 2.03125rem;
  left: 50%;
  margin-left: -1.015625rem;
}

#swiper-container-cars .swiper-button-prev,
#swiper-container-cars .swiper-button-next {
  width: 1rem;
  height: 2.109375rem;
  background-size: 0.375rem 0.703125rem;
  margin-top: -0.78125rem;
}

#swiper-container-cars .swiper-button-prev {
  background-image: url(../../images/index/prev.png);
  left: 0.15625rem;
}

#swiper-container-cars .swiper-button-next {
  background-image: url(../../images/index/next.png);
  right: 0.15625rem;
}

#carslist {
  padding: 0.625rem 0 0;
  width: 10rem;
}

#carslist li {
  width: 10rem;
  height: 8.28125rem;
  background-size: cover;
  position: relative;
}

#carslist li .sale-news {
  display: block;
  position: absolute;
  top: 1.375rem;
  left: 2.1875rem;
  width: 1.328125rem;
  height: auto;
  z-index: 2;
}

#carslist li .sale-news.left-dist {
  left: 1.375rem;
}

#carslist li .sale-news.left-dist2 {
  left: 1.75rem;
}

#carslist li .price {
  width: 10rem;
  text-align: center;
  height: 0.5rem;
  position: absolute;
  left: 0;
  top: 1.296875rem;
}

[data-dpr="1"] #carslist li .price {
  font-size: 14px;
}

[data-dpr="2"] #carslist li .price {
  font-size: 28px;
}

[data-dpr="3"] #carslist li .price {
  font-size: 42px;
}

[data-dpr="1"] #carslist li .price span {
  font-size: 9px;
}

[data-dpr="2"] #carslist li .price span {
  font-size: 18px;
}

[data-dpr="3"] #carslist li .price span {
  font-size: 27px;
}

#carslist li .acar {
  display: block;
  width: 10rem;
  height: 3.90625rem;
  position: absolute;
  left: 0;
  top: 1.765625rem;
  z-index: 10;
}

#carslist li .parameters {
  width: 10rem;
  text-align: center;
  height: 0.78125rem;
  position: absolute;
  left: 0;
  top: 5.65625rem;
}

[data-dpr="1"] #carslist li .parameters .label {
  font-size: 10px;
}

[data-dpr="2"] #carslist li .parameters .label {
  font-size: 20px;
}

[data-dpr="3"] #carslist li .parameters .label {
  font-size: 30px;
}

[data-dpr="1"] #carslist li .parameters .value {
  font-size: 11px;
}

[data-dpr="2"] #carslist li .parameters .value {
  font-size: 22px;
}

[data-dpr="3"] #carslist li .parameters .value {
  font-size: 33px;
}

#carslist li .more {
  width: 2.09375rem;
  height: 0.390625rem;
  text-align: center;
  line-height: 0.390625rem;
  margin-right: 0.78125rem;
  position: absolute;
  right: 50%;
  top: 7.03125rem;
}

#carslist li .more a {
  color: #000;
}

[data-dpr="1"] #carslist li .more a {
  font-size: 12px;
}

[data-dpr="2"] #carslist li .more a {
  font-size: 24px;
}

[data-dpr="3"] #carslist li .more a {
  font-size: 36px;
}

#carslist li .testdr {
  width: 2.09375rem;
  height: 0.390625rem;
  text-align: center;
  line-height: 0.390625rem;
  margin-left: 0.78125rem;
  position: absolute;
  left: 50%;
  top: 7.03125rem;
}

#carslist li .testdr a {
  color: #000;
}

[data-dpr="1"] #carslist li .testdr a {
  font-size: 12px;
}

[data-dpr="2"] #carslist li .testdr a {
  font-size: 24px;
}

[data-dpr="3"] #carslist li .testdr a {
  font-size: 36px;
}

#carslist li.kodiaq {
  background-image: url(../../images/cars/kodiaq.jpg);
}

#carslist li.superb {
  background-image: url(../../images/cars/superb.jpg);
}

#carslist li.octavia {
  background-image: url(../../images/cars/octavia.jpg?180928);
}

#carslist li.octavia-combi {
  background-image: url(../../images/cars/octavia-combi.jpg);
}

#carslist li.octavia-classic {
  background-image: url(../../images/cars/octavia-classic.jpg);
}

#carslist li.spaceback {
  background-image: url(../../images/cars/spaceback.jpg?1);
}

#carslist li.rapid {
  background-image: url(../../images/cars/rapid.jpg?2);
}

#carslist li.yeti {
  background-image: url(../../images/cars/yeti.jpg);
}

#carslist li.fabia {
  background-image: url(../../images/cars/fabia.jpg);
}

#carslist li.octavia2017 {
  background-image: url(../../images/cars/octavia2017.jpg);
}

#carslist li.karoq {
  background-image: url(../../images/cars/karoq.jpg);
}

#carslist li.kamiq {
  background-image: url(../../images/cars/kamiq.jpg);
}

#carslist li.kodiaqgt {
  background-image: url(../../images/cars/kodiaqgt.jpg?1);
}

#carslist li.kamiqgt {
  background-image: url(../../images/cars/kamiqgt.jpg?1);
}

#carslist li .kamiqgt {
  background-image: url(../../images/cars/kamiqgt.jpg?2);
  background-size: cover;
}

#carslist li .kamiq {
  background-image: url(../../images/cars/kamiq.jpg?2);
  background-size: cover;
}

.baozu {
  position: absolute;
  display: block;
  top: 0.9375rem;
  z-index: 9;
}

.baozuleft {
  left: 0.734375rem;
}

.baozuright {
  left: 8.28125rem;
}

.denglong {
  position: absolute;
  display: block;
  top: 0;
  z-index: 9;
  width: 100%;
}

.denglongleft {
  left: 0;
}

.denglongright {
  right: 0;
}

#f404 {
  height: 14.0625rem;
  background: #e9e9e9;
  overflow: hidden;
}

#f404 .img404 {
  display: block;
  margin: 2.9375rem auto 0;
}

#f404 .img404btn {
  display: block;
  margin: 1.5625rem auto 0;
}

.liveroompop {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlPM0jRW/QAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=) repeat;
  z-index: 9999;
}

.liveroompop .minifunc {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -4.21875rem 0 0 -2.125rem;
  width: 4.25rem;
  height: 4.25rem;
  opacity: 1;
}

.liveroompop .minifunc-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 2.5rem 0 0 -2.140625rem;
  width: 4.25rem;
  height: 1rem;
}

.liveroompop .minifunctxt {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 0 -3.28125rem;
  width: 6.5625rem;
  height: 2.5625rem;
  font-size: 0.375rem;
  padding-top: 0.40625rem;
}

.liveroompop .minifunctxt p {
  color: #fff;
  text-align: center;
  line-height: 1.6;
}

.liveroompop .miniclose {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.84375rem;
  height: 0.84375rem;
  margin: -4.609375rem 0 0 1.765625rem;
}

.liveroompop .miniclose img {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
}

.duanwu1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.duanwu1 {
  animation: xn 6s infinite linear;
  animation-fill-mode: forwards;
  transform-origin: 1.1875rem 28.7%;
  animation-delay: 0.2s;
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
}

.duanwu2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.duanwu2 {
  animation: xn 6s infinite linear;
  animation-fill-mode: forwards;
  transform-origin: 1.1875rem 28.7%;
  animation-delay: 0.2s;
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
}

.liveroompop2 {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlPM0jRW/QAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=) repeat;
  z-index: 9999;
}

.liveroompop2 .minifunc2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -4.21875rem 0 0 -2.125rem;
  width: 4.25rem;
  height: 4.25rem;
  opacity: 1;
}

.liveroompop2 .minifunc-btn2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 2.5rem 0 0 -2.140625rem;
  width: 4.25rem;
  height: 1rem;
}

.liveroompop2 .minifunctxt2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 0 -3.28125rem;
  width: 6.5625rem;
  height: 2.5625rem;
  font-size: 0.375rem;
  padding-top: 0.40625rem;
}

.liveroompop2 .minifunctxt2 p {
  color: #fff;
  text-align: center;
  line-height: 1.6;
}

.liveroompop2 .miniclose2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.84375rem;
  height: 0.84375rem;
  margin: -4.5rem 0 0 1.875rem;
}

.swiper-button-prev-kamiqs {
  left: 0.390625rem;
  transform: scale(1.5);
}

.swiper-button-next-kamiqs {
  right: 0.390625rem;
  transform: scale(1.5);
}

.origin_area1 {
  display: block;
}

/*<div class="carkv"></div>*/

.carkv {
  width: 100%;
  height: 8.421875rem;
  position: relative;
}

.carkv img {
  display: block;
  width: 100%;
}

.carkv .animp {
  position: absolute;
  left: 2.703125rem;
  top: 3.9375rem;
  width: 0.609375rem;
  height: 0.609375rem;
}

.carkv .animp2 {
  position: absolute;
  left: 5.75rem;
  top: 5.8125rem;
  width: 0.609375rem;
  height: 0.609375rem;
}

.carkv .animp3 {
  position: absolute;
  left: 2.703125rem;
  top: 3.9375rem;
  width: 0.609375rem;
  height: 0.609375rem;
}

.carkv .animp4 {
  position: absolute;
  left: 7.65625rem;
  top: 5.625rem;
  width: 0.609375rem;
  height: 0.609375rem;
}

.carkv .p1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  animation: point1 1.4s cubic-bezier(.215,.61,.355,1) infinite;
}

.carkv .p2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  animation: point2 1.4s cubic-bezier(.215,.61,.355,1) infinite;
}

.carkv .p3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 13;
  opacity: 0.75;
}

@keyframes point1 {
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes point2 {
  100% {
    opacity: 0;
  }
}

/*<div class="carnav"></div>*/

.carnav-wp {
  width: 10rem;
  height: 1.5rem;
}

.carnav {
  width: 10rem;
  height: 1.3125rem;
  background: #f0efef;
  position: relative;
}

.carnav .back {
  display: block;
  width: 1.125rem;
  height: 1.3125rem;
}

.carnav .navbtn-carname {
  display: block;
  width: 4.6875rem;
  height: 1.3125rem;
}

.carnav .testdriver {
  display: block;
  width: 2.625rem;
  height: 1.3125rem;
}

.carnav .testdriver img {
  display: block;
  width: 100%;
}

.carnav .list1 {
  position: absolute;
  left: 0;
  top: 1.3125rem;
  display: none;
  z-index: 40;
}

.carnav .list1 li {
  width: 4.21875rem;
  height: 1.09375rem;
  background: #a9acb3;
  display: block;
  border-bottom: 0.015625rem solid #ffffff;
}

.carnav .list1 li a {
  line-height: 1.09375rem;
  color: #fff;
  display: block;
  text-align: center;
}

[data-dpr="1"] .carnav .list1 li a {
  font-size: 12px;
}

[data-dpr="2"] .carnav .list1 li a {
  font-size: 24px;
}

[data-dpr="3"] .carnav .list1 li a {
  font-size: 36px;
}

.carnav .list2 {
  position: absolute;
  left: 1.125rem;
  top: 1.3125rem;
  display: none;
  z-index: 40;
}

.carnav .list2 li {
  width: 4.21875rem;
  height: 1.09375rem;
  background: #f8f8f8 url(../../images/common/carnav-arr.png) 3.59375rem 0.359375rem no-repeat;
  background-size: 0.21875rem 0.34375rem;
  display: block;
  border-bottom: 0.015625rem solid #b9b9b9;
}

.carnav .list2 li a {
  line-height: 1.09375rem;
  color: #535353;
  display: block;
  padding-left: 0.4375rem;
}

[data-dpr="1"] .carnav .list2 li a {
  font-size: 12px;
}

[data-dpr="2"] .carnav .list2 li a {
  font-size: 24px;
}

[data-dpr="3"] .carnav .list2 li a {
  font-size: 36px;
}

.carnav-shadow {
  width: 10rem;
  height: 0.1875rem;
}

.carnav-shadow img {
  width: 100%;
  display: block;
}

.fixedcarnav {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 210;
  margin-left: -5rem;
}

.fixedcarnavshadow {
  position: fixed;
  left: 50%;
  top: 1.3125rem;
  z-index: 210;
  margin-left: -5rem;
}

/*<div class="carout"></div>*/

.carout {
  width: 100%;
  height: 11.09375rem;
  position: relative;
}

.carout .title {
  width: 2.8125rem;
  height: 0.546875rem;
  position: absolute;
  left: 50%;
  margin-left: -1.40625rem;
  top: 0.9375rem;
  z-index: 30;
}

.wcolorwrapper {
  width: 10rem;
  height: 5rem;
  position: absolute;
  left: 0;
  top: 0.9375rem;
  z-index: 20;
}

.wcolorwrapper .swiper-slide {
  background: #fff;
}

.wcolorwrapper .swiper-slide > img {
  display: block;
  width: 100%;
}

.carout .ticon {
  width: 10rem;
  height: 1.015625rem;
  position: absolute;
  left: 0;
  top: 6.09375rem;
  z-index: 20;
}

.wcolor {
  width: 10rem;
  position: absolute;
  left: 0;
  top: 7.421875rem;
  z-index: 20;
}

.wcolor ul {
  padding: 0.3125rem 1.484375rem 0;
}

.wcolor ul.se {
  padding: 0.3125rem 2.65625rem 0;
}

.wcolor li {
  padding: 0 0;
  width: 2.265625rem;
  display: inline-block;
  vertical-align: top;
}

.wcolor li del {
  display: block;
  width: 1.390625rem;
  height: 0.875rem;
  margin: 0 auto;
  border: 0.03125rem solid #fff;
}

.wcolor li del img {
  display: block;
  width: 100%;
  height: 100%;
}

.wcolor li.on del {
  border: 2px solid #3bb047;
}

.wcolor li span {
  text-align: center;
  display: block;
  padding: 0.21875rem 0;
}

[data-dpr="1"] .wcolor li span {
  font-size: 12px;
}

[data-dpr="2"] .wcolor li span {
  font-size: 24px;
}

[data-dpr="3"] .wcolor li span {
  font-size: 36px;
}

.ticon {
  height: 0.9375rem;
}

.ticon .mwr360_area {
  width: 2.8125rem;
  height: 0.921875rem;
  position: relative;
  margin: 0 auto;
}

.ticon a.ns {
  background: url(../../images/common/_360_n.png) 0 0 no-repeat;
  background-size: 2.8125rem 0.921875rem;
}

.ticon a {
  width: 2.8125rem;
  height: 0.921875rem;
  display: block;
}

.mwr360_point {
  width: 0.28125rem;
  height: 0.265625rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: mwr360 5s infinite linear;
}

.mwr360_point img {
  display: block;
  width: 100%;
}

@keyframes mwr360 {
  0% {
    left: 0;
    top: 0;
  }

  37.5% {
    left: 2.53125rem;
    top: 0;
  }

  50% {
    left: 2.53125rem;
    top: 0.65625rem;
  }

  87.5% {
    left: 0;
    top: 0.65625rem;
  }

  100% {
    left: 0;
    top: 0;
  }
}

#swiper-container-wcolor .swiper-pagination {
  background: url(../../images/common/swiper-pagination-dotline.png) left 0.234375rem no-repeat;
  background-size: 10rem 0.03125rem;
}

#swiper-container-wcolor .swiper-pagination-bullet {
  background: url(../../images/common/swiper-pagination-bullet.gif) center center no-repeat;
  background-size: 0.5rem 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
}

#swiper-container-wcolor .swiper-pagination-bullet-active {
  background: url(../../images/common/swiper-pagination-bullet-active.jpg) center center no-repeat;
}

#swiper-container-wcolor .swiper-pagination-bullets {
  bottom: 0;
}

#swiper-container-wcolor .swiper-pagination-bullet {
  margin: 0 0.59375rem;
}

/*<div class="carinner"></div>*/

.carinner {
  width: 100%;
  height: 10.1875rem;
  position: relative;
}

.carinner2 {
  width: 100%;
  height: 12.03125rem;
  position: relative;
}

.carinner .title {
  width: 2.8125rem;
  height: 0.546875rem;
  position: absolute;
  left: 50%;
  margin-left: -1.40625rem;
  top: 0.9375rem;
  z-index: 30;
}

.icolorwrapper {
  width: 10rem;
  height: 4.21875rem;
  position: absolute;
  left: 0;
  top: 2.03125rem;
  z-index: 20;
}

.icolorwrapper img {
  display: block;
  width: 100%;
}

.carinner .ticon {
  width: 10rem;
  height: 1.015625rem;
  position: absolute;
  left: 0;
  top: 6.5625rem;
  z-index: 20;
}

.icolor {
  width: 10rem;
  position: absolute;
  left: 0;
  top: 7.734375rem;
  z-index: 20;
}

.icolor ul.tr {
  padding: 0.3125rem 1.484375rem 0;
}

.icolor ul.se {
  padding: 0.3125rem 2.65625rem 0;
}

.icolor ul.se2 {
  padding: 0.3125rem 2.1875rem 0;
}

.icolor ul.se2 li {
  padding: 0 0;
  width: 2.578125rem;
  display: inline-block;
  vertical-align: top;
}

.icolor li {
  padding: 0 0;
  width: 2.265625rem;
  height: 1.03125rem;
  display: inline-block;
  vertical-align: top;
}

.icolor li del {
  display: block;
  width: 1.640625rem;
  height: 0.96875rem;
  margin: 0 auto;
  border: 2px solid #fff;
}

.icolor li del img {
  display: block;
  width: 100%;
  height: 100%;
}

.icolor li.on del {
  border: 2px solid #3bb047;
}

.icolor li span {
  text-align: center;
  display: block;
  padding: 0.21875rem 0;
}

[data-dpr="1"] .icolor li span {
  font-size: 12px;
}

[data-dpr="2"] .icolor li span {
  font-size: 24px;
}

[data-dpr="3"] .icolor li span {
  font-size: 36px;
}

/*<div class="carpoint"></div>*/

.carpoint {
  width: 100%;
  min-height: 17.3125rem;
}

.carpoint > .title {
  margin-bottom: 0.078125rem;
}

.carpoint .pointlist .title {
  margin-bottom: 0.046875rem;
  position: relative;
  width: 10rem;
  height: 3.90625rem;
}

.carpoint .pointlist .title .jihao {
  width: 0.78125rem;
  height: 0.78125rem;
  position: absolute;
  right: 0.3125rem;
  bottom: 0.3125rem;
  background: url(../../images/common/jia.png) 0 0 no-repeat;
  background-size: cover;
}

.carpoint .pointlist .title.on .jihao {
  background: url(../../images/common/jian.png) 0 0 no-repeat;
  background-size: cover;
}

.carpoint .pointlist .pointdetail {
  min-height: 3.125rem;
  display: none;
  width: 10rem;
  padding: 0.3125rem;
}

.carpoint .pointlist .pointdetail img {
  display: block;
  width: 100%;
}

.carpoint .pointlist .pointdetail .p1 {
  text-align: center;
  line-height: 1.6;
  padding-top: 0.390625rem;
}

[data-dpr="1"] .carpoint .pointlist .pointdetail .p1 {
  font-size: 12px;
}

[data-dpr="2"] .carpoint .pointlist .pointdetail .p1 {
  font-size: 24px;
}

[data-dpr="3"] .carpoint .pointlist .pointdetail .p1 {
  font-size: 36px;
}

.carpoint .pointlist .pointdetail .p2 {
  text-align: center;
  line-height: 1.4;
  padding-bottom: 0.390625rem;
}

[data-dpr="1"] .carpoint .pointlist .pointdetail .p2 {
  font-size: 9px;
}

[data-dpr="2"] .carpoint .pointlist .pointdetail .p2 {
  font-size: 18px;
}

[data-dpr="3"] .carpoint .pointlist .pointdetail .p2 {
  font-size: 27px;
}

.carpoint .yhxx {
  display: block;
  width: 100%;
  margin-top: 0.15625rem;
}

/*<div class="carconfig"></div>*/

.carconfig {
  width: 100%;
  min-height: 10.9375rem;
}

/*953--700*/

.carconfig .model_list {
  width: 10rem;
}

.carconfig .model_list .model_item {
  width: 10rem;
  position: relative;
  margin: 0.390625rem auto;
  height: 1.09375rem;
}

.carconfig .model_list .model_item .iconright {
  width: 0.640625rem;
  height: 0.46875rem;
  position: absolute;
  left: 0.3125rem;
  top: 0.3125rem;
}

.carconfig .model_list .model_item .iconright img {
  width: 100%;
}

.carconfig .model_list .model_item.on .iconright {
  display: none;
}

.carconfig .model_list .model_item .model_name {
  width: 8.4375rem;
  height: 0.9375rem;
  position: absolute;
  left: 1.171875rem;
  top: 0.078125rem;
  line-height: 2;
}

[data-dpr="1"] .carconfig .model_list .model_item .model_name {
  font-size: 16px;
}

[data-dpr="2"] .carconfig .model_list .model_item .model_name {
  font-size: 32px;
}

[data-dpr="3"] .carconfig .model_list .model_item .model_name {
  font-size: 48px;
}

/*.carconfig .model_list .model_item.on .model_name { font-size:38px;[>px<]  }*/

.carconfig .model_list .model_item .model_name .model_name_n {
  float: left;
  width: 6.40625rem;
  text-align: left;
}

.carconfig .model_list .model_item .model_name .model_name_p {
  float: right;
  width: 2.03125rem;
  text-align: right;
}

.carconfig .model_list .model_config_s_wrap {
  width: 10rem;
  background-color: #e3e3e3;
  position: relative;
  display: none;
}

.carconfig .model_list .model_config_s_wrap .mcsw_topbg {
  width: 10rem;
  background: #fff;
  height: 0.1875rem;
  position: relative;
}

.carconfig .model_list .model_config_s_wrap .mcsw_topbg img {
  display: block;
  position: absolute;
  width: 10rem;
  height: 0.1875rem;
  left: 0;
  top: 0;
}

.carconfig .model_list .model_config_s_wrap .config_s_item {
  width: 10rem;
  color: #000;
  text-align: left;
  padding: 0.234375rem 0.421875rem 0.234375rem 1.171875rem;
}

[data-dpr="1"] .carconfig .model_list .model_config_s_wrap .config_s_item {
  font-size: 13px;
}

[data-dpr="2"] .carconfig .model_list .model_config_s_wrap .config_s_item {
  font-size: 26px;
}

[data-dpr="3"] .carconfig .model_list .model_config_s_wrap .config_s_item {
  font-size: 39px;
}

.carconfig .model_list .model_config_s_wrap .config_s_more {
  text-align: right;
  width: 10rem;
  padding: 0.078125rem 0.421875rem 0.3125rem 0;
}

.carconfig .model_list .model_config_s_wrap .config_s_more a {
  display: block;
  color: #000;
}

[data-dpr="1"] .carconfig .model_list .model_config_s_wrap .config_s_more a {
  font-size: 13px;
}

[data-dpr="2"] .carconfig .model_list .model_config_s_wrap .config_s_more a {
  font-size: 26px;
}

[data-dpr="3"] .carconfig .model_list .model_config_s_wrap .config_s_more a {
  font-size: 39px;
}

.anka {
  width: 100%;
  height: 0.15625rem;
}

.model_item_1 .iconright {
  animation: arrow 2s infinite 0.2s ease-in-out;
}

.model_item_2 .iconright {
  animation: arrow 2s infinite 0.4s ease-in-out;
}

.model_item_3 .iconright {
  animation: arrow 2s infinite 0.6s ease-in-out;
}

.model_item_4 .iconright {
  animation: arrow 2s infinite 0.8s ease-in-out;
}

.model_item_5 .iconright {
  animation: arrow 2s infinite 1.0s ease-in-out;
}

.model_item_6 .iconright {
  animation: arrow 2s infinite 1.2s ease-in-out;
}

.model_item_7 .iconright {
  animation: arrow 2s infinite 1.4s ease-in-out;
}

.model_item_8 .iconright {
  animation: arrow 2s infinite 1.6s ease-in-out;
}

@keyframes arrow {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }

  50% {
    opacity: 1;
    transform: translate(0.078125rem, 0);
  }

  100% {
    opacity: 0;
    transform: translate(0.15625rem, 0);
  }
}

/*<div class="carcompare"></div>*/

.carcompare {
  width: 100%;
  min-height: 2.1875rem;
}

.carcompare > .title {
  display: none;
}

.config_wrapper {
  display: none;
}

.container_model {
  line-height: 1.5em;
}

[data-dpr="1"] .container_model {
  font-size: 7px;
}

[data-dpr="2"] .container_model {
  font-size: 14px;
}

[data-dpr="3"] .container_model {
  font-size: 21px;
}

.container_model_nav {
  line-height: 0.3125rem;
  padding: 0.15625rem 0 0.15625rem 0.21875rem;
}

.curp {
  cursor: pointer;
}

.list_wrap .viewBtn {
  background-color: #c9c9c9;
  border-bottom: 0.703125rem solid #fff;
  border-top: 0.15625rem solid #fff;
  color: #fff;
  line-height: 0.78125rem;
  text-align: center;
  text-align: center;
  display: none;
  width: 5rem;
  margin: 0 auto;
}

[data-dpr="1"] .list_wrap .viewBtn {
  font-size: 8px;
}

[data-dpr="2"] .list_wrap .viewBtn {
  font-size: 16px;
}

[data-dpr="3"] .list_wrap .viewBtn {
  font-size: 24px;
}

.list_wrap .viewBtn a {
  display: inline-block;
  padding-left: 0.546875rem;
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
  color: #47aa22;
  text-decoration: none;
}

[data-dpr="1"] .model_tables {
  font-size: 10px;
}

[data-dpr="2"] .model_tables {
  font-size: 20px;
}

[data-dpr="3"] .model_tables {
  font-size: 30px;
}

.model_tables table {
  border-collapse: collapse;
}

.model_tables .back_bar,
.car-nav2 .back_bar {
  padding: 0.15625rem 0.078125rem;
  width: 15.625rem;
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  display: none;
}

.model_tables .back_bar a,
.car-nav2 .back_bar a {
  color: #999;
}

[data-dpr="1"] .model_tables .back_bar a,
[data-dpr="1"] .car-nav2 .back_bar a {
  font-size: 8px;
}

[data-dpr="2"] .model_tables .back_bar a,
[data-dpr="2"] .car-nav2 .back_bar a {
  font-size: 16px;
}

[data-dpr="3"] .model_tables .back_bar a,
[data-dpr="3"] .car-nav2 .back_bar a {
  font-size: 24px;
}

.model_tables .top_table_wrap,
.car-nav2 .top_table_wrap {
  background-color: #eaeaea;
  display: none;
}

.car-nav2 .top_table_wrap {
  width: 15.625rem;
  max-width: 100%;
  margin: 0 auto;
}

.model_tables .normal_table,
.car-nav2 .normal_table {
  background: #fff;
  width: 100%;
}

.normal_table td,
.normal_table th {
  vertical-align: middle;
  text-align: center;
  width: 25%;
  border-bottom: 1px solid #efefef;
  color: #000;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  line-height: 0.5rem;
}

.normal_table th {
  color: #333;
  background-color: #eaeaea;
}

.normal_table th.td_0 {
  text-align: left;
}

.normal_table td.td_0 {
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  text-align: left;
}

.normal_table div {
  word-break: break-all;
}

.model_tables .handle_bar {
  background-color: #f4f4f4;
  margin-bottom: 1px;
  height: 0.5625rem;
  line-height: 0.5625rem;
  padding: 0 0.15625rem 0 0.46875rem;
  color: #333;
  cursor: pointer;
}

.model_tables .handle_bar del {
  width: 0.296875rem;
  height: 0.15625rem;
  margin-top: 0.15625rem;
  background-image: url(../../images/common/ntw_bar_arr.png);
  background-size: 0.296875rem;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.model_tables .active .handle_bar {
  background-color: #c6c6c6;
  color: #fff;
}

.model_tables .active .handle_bar del {
  background-position: left top;
}

.model_tables .ntw {
  display: none;
}

.normal_table_wrap {
  width: 100%;
  max-width: 18.75rem;
  margin: 0 auto;
}

.normal_table_wrap_0 .normal_table td,
.normal_table td.td_0 {
  padding: 0;
}

.normal_table td.td_0 {
  padding: 0.15625rem 0;
}

.normal_table_wrap_0 .normal_table td.td_0>div,
.normal_table td.td_0>div {
  padding: 0 0.3125rem;
}

.normal_table_wrap_0 .normal_table td.td_r {
  padding: 0.15625rem 0.46875rem;
}

.normal_table_wrap_0 .normal_table td div.icon {
  max-width: 3.125rem;
  width: 100%;
  margin: 0 auto;
}

.normal_table_wrap_0 .normal_table td div.icon .pop {
  line-height: 1.5em;
  text-indent: 0;
}

.help_pop {
  position: relative;
  z-index: 1;
  text-decoration: underline;
  cursor: pointer;
  background-image: url(../../images/common/icon_popdetail.png);
  background-repeat: no-repeat;
  background-size: 0.296875rem 0.296875rem;
  background-position: right top;
  margin-right: 0.078125rem;
}

.normal_table td div.help_pop {
  padding-right: 0.3125rem;
}

.help_pop .pop_btn {
  display: inline-block;
  text-decoration: underline;
}

.help_pop .pop {
  display: none;
  width: 6.25rem;
  padding-bottom: 0.15625rem;
  position: absolute;
  left: 0.234375rem;
  bottom: 100%;
  text-decoration: none;
  cursor: default;
  text-align: left;
}

[data-dpr="1"] .help_pop .pop {
  font-size: 6px;
}

[data-dpr="2"] .help_pop .pop {
  font-size: 12px;
}

[data-dpr="3"] .help_pop .pop {
  font-size: 18px;
}

.help_pop .pop .inner {
  border: 1px solid #ccc;
  height: 100%;
  background-color: #fff;
}

.help_pop .pop .tit {
  background-color: #e8e8e8;
  color: #333;
  line-height: 0.46875rem;
  padding: 0.15625rem;
}

[data-dpr="1"] .help_pop .pop .tit {
  font-size: 7px;
}

[data-dpr="2"] .help_pop .pop .tit {
  font-size: 14px;
}

[data-dpr="3"] .help_pop .pop .tit {
  font-size: 21px;
}

.help_pop .pop .cont {
  padding: 0.15625rem;
  color: #999;
}

[data-dpr="1"] .help_pop .pop .cont {
  font-size: 6px;
}

[data-dpr="2"] .help_pop .pop .cont {
  font-size: 12px;
}

[data-dpr="3"] .help_pop .pop .cont {
  font-size: 18px;
}

.help_pop .pop .cont .scroll {
  height: 1.59375rem;
  overflow: auto;
}

.help_pop .pop .cont .scroll .jspDrag {
  background: #f1f1f1;
}

.help_pop .pop del {
  position: absolute;
  left: 0.3125rem;
  bottom: 0;
  height: 0.171875rem;
  width: 0.3125rem;
  background: url(../../images/common/arr_pop.png);
  background-size: cover;
}

.ps_0 .help_pop .pop {
  left: 50%;
  margin-left: -3.125rem;
}

.ps_0 .help_pop .pop del {
  left: 50%;
  margin-left: -0.15625rem;
}

.ps_1 .help_pop .pop {
  left: 50%;
  margin-left: -3.125rem;
}

.ps_1 .help_pop .pop del {
  left: 50%;
  margin-left: -0.15625rem;
}

.ps_2 .help_pop .pop {
  left: auto;
  right: 0;
}

.ps_2 .help_pop .pop del {
  left: auto;
  right: 0.3125rem;
}

.new_select_config {
  margin: 0 auto;
  max-width: 18.75rem;
  width: 100%;
  border: 1px solid #d2d2d2;
}

.new_select_config tr {
  height: 1.25rem;
}

.new_select_config td {
  width: 25%;
  vertical-align: middle;
}

.new_select_config tr > td {
  border-right: 1px solid #d2d2d2;
  text-align: center;
}

.new_select_config tr > td:last-child {
  border-right: 0;
}

.new_select_config tr > td:first-child {
  text-align: left;
}

.new_select_config .bb1 {
  border-bottom: 1px solid #d2d2d2;
}

.new_select_config .p1 {
  line-height: 0.625rem;
  padding-left: 0.15625rem;
}

[data-dpr="1"] .new_select_config .p1 {
  font-size: 10px;
}

[data-dpr="2"] .new_select_config .p1 {
  font-size: 20px;
}

[data-dpr="3"] .new_select_config .p1 {
  font-size: 30px;
}

.new_select_config .p1plus {
  padding-left: 0.3125rem;
}

[data-dpr="1"] .new_select_config .p1plus {
  font-size: 12px;
}

[data-dpr="2"] .new_select_config .p1plus {
  font-size: 24px;
}

[data-dpr="3"] .new_select_config .p1plus {
  font-size: 36px;
}

.new_select_config .p1plus-tips {
  line-height: 0.3125rem;
  padding-left: 0.3125rem;
}

[data-dpr="1"] .new_select_config .p1plus-tips {
  font-size: 8px;
}

[data-dpr="2"] .new_select_config .p1plus-tips {
  font-size: 16px;
}

[data-dpr="3"] .new_select_config .p1plus-tips {
  font-size: 24px;
}

.new_select_config .p2 {
  padding-left: 0.15625rem;
}

[data-dpr="1"] .new_select_config .p2 {
  font-size: 7px;
}

[data-dpr="2"] .new_select_config .p2 {
  font-size: 14px;
}

[data-dpr="3"] .new_select_config .p2 {
  font-size: 21px;
}

.new_select_config .p3 {
  padding-left: 0.15625rem;
}

[data-dpr="1"] .new_select_config .p3 {
  font-size: 10px;
}

[data-dpr="2"] .new_select_config .p3 {
  font-size: 20px;
}

[data-dpr="3"] .new_select_config .p3 {
  font-size: 30px;
}

.new_select_config .p3plus {
  line-height: 0.625rem;
  padding-left: 0.3125rem;
}

[data-dpr="1"] .new_select_config .p3plus {
  font-size: 12px;
}

[data-dpr="2"] .new_select_config .p3plus {
  font-size: 24px;
}

[data-dpr="3"] .new_select_config .p3plus {
  font-size: 36px;
}

.new_select_config .price {
  display: none;
}

[data-dpr="1"] .new_select_config .price {
  font-size: 10px;
}

[data-dpr="2"] .new_select_config .price {
  font-size: 20px;
}

[data-dpr="3"] .new_select_config .price {
  font-size: 30px;
}

.zxhd {
  max-width: 100%;
  height: 1.328125rem;
  line-height: 0.46875rem;
  margin: 0 auto;
}

.zxhd ul {
  height: 100%;
  display: block;
}

.zxhd li {
  background: url(../../images/common/3.png) center bottom no-repeat;
  background-size: 0.515625rem;
}

.zxhd li {
  cursor: pointer;
  height: 1.328125rem;
  padding: 0.15625rem 0.234375rem 0.234375rem;
  list-style: none;
  color: #000;
  text-align: center;
  line-height: 1.4;
}

[data-dpr="1"] .zxhd li {
  font-size: 12px;
}

[data-dpr="2"] .zxhd li {
  font-size: 24px;
}

[data-dpr="3"] .zxhd li {
  font-size: 36px;
}

.zxhd dl {
  width: 100%;
  display: none;
  border: 0 solid #a0a0a0;
  border-top: none;
  position: relative;
  z-index: 1000;
  margin: 0;
}

.zxhd dl dd {
  background: #f9f9f9;
  border-bottom: 1px solid #dedede;
  padding: 0.078125rem 0;
  cursor: pointer;
  margin: 0;
}

.zxhd dl dd .p1 {
  text-align: center;
  color: #626262;
  line-height: 0.515625rem;
}

[data-dpr="1"] .zxhd dl dd .p1 {
  font-size: 10px;
}

[data-dpr="2"] .zxhd dl dd .p1 {
  font-size: 20px;
}

[data-dpr="3"] .zxhd dl dd .p1 {
  font-size: 30px;
}

.zxhd dl dd .p2 {
  text-align: center;
  color: #adadad;
  line-height: 0.515625rem;
}

[data-dpr="1"] .zxhd dl dd .p2 {
  font-size: 10px;
}

[data-dpr="2"] .zxhd dl dd .p2 {
  font-size: 20px;
}

[data-dpr="3"] .zxhd dl dd .p2 {
  font-size: 30px;
}

/*.zxhd dl dd:last-child { border-bottom:none;}*/

.zxhd dl dd.disable {
  background: #ccc;
}

.zxhd dl dd.disable2 {
  background: #ccc;
}

/*.new_select_config tr:nth-child(2) { display:none !important;}
body.page_octavia .zxhd dl dd .p2 { visibility:hidden;}
body.page_octavia-combi .zxhd dl dd .p2 { visibility:hidden;}
body.page_octavia-classic .zxhd dl dd .p2 { visibility:hidden;}*/

.btn1 > div {
  width: 4.59375rem;
}

.btn1 > div img {
  display: block;
  width: 100%;
}

.btn2 {
  width: 9.375rem;
  display: none;
}

.btn2  img {
  display: block;
  width: 100%;
}

.tips {
  padding: 0.15625rem;
}

[data-dpr="1"] .tips {
  font-size: 9px;
}

[data-dpr="2"] .tips {
  font-size: 18px;
}

[data-dpr="3"] .tips {
  font-size: 27px;
}

/*<div class="experience"></div>*/

.experience {
  width: 100%;
  min-height: 11.875rem;
}

.experience > .title {
  margin-bottom: 0.625rem;
}

.experiencewrapper li {
  background: #f0f2f4;
  padding: 0 0.3125rem;
  margin-bottom: 0.15625rem;
}

.experiencewrapper li a {
  color: #000;
  display: block;
}

.experiencewrapper li .limg {
  width: 4.40625rem;
  height: 2.8125rem;
  overflow: hidden;
}

.experiencewrapper li .limg img {
  width: 100%;
  height: 2.8125rem;
  display: block;
}

.experiencewrapper li .rbd {
  width: 4.84375rem;
  height: 2.8125rem;
  overflow: hidden;
  padding-top: 0.3125rem;
  padding-left: 0.15625rem;
}

.experiencewrapper li .rbd .p1 {
  margin-bottom: 0.15625rem;
  height: 0.9375rem;
  width: 4.6875rem;
  overflow: hidden;
}

[data-dpr="1"] .experiencewrapper li .rbd .p1 {
  font-size: 12px;
}

[data-dpr="2"] .experiencewrapper li .rbd .p1 {
  font-size: 24px;
}

[data-dpr="3"] .experiencewrapper li .rbd .p1 {
  font-size: 36px;
}

.experiencewrapper li .rbd .p2 {
  margin-bottom: 0.3125rem;
}

[data-dpr="1"] .experiencewrapper li .rbd .p2 {
  font-size: 10px;
}

[data-dpr="2"] .experiencewrapper li .rbd .p2 {
  font-size: 20px;
}

[data-dpr="3"] .experiencewrapper li .rbd .p2 {
  font-size: 30px;
}

.experiencewrapper li .rbd .source {
  width: 100%;
  height: 0.390625rem;
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
}

[data-dpr="1"] .experiencewrapper li .rbd .source {
  font-size: 9px;
}

[data-dpr="2"] .experiencewrapper li .rbd .source {
  font-size: 18px;
}

[data-dpr="3"] .experiencewrapper li .rbd .source {
  font-size: 27px;
}

/*<div class="carpictures"></div>*/

.carpictures {
  width: 100%;
  min-height: 8.390625rem;
}

.carpictures > .title {
  margin-bottom: 0.3125rem;
}

.pictureswrapper {
  width: 10rem;
  height: 5.90625rem;
  padding: 0.3125rem;
}

.pictureswrapper .swiper-slide > a > img {
  display: block;
  width: 100%;
}

/*<div class="carvideos"></div>*/

.carvideos {
  width: 100%;
  min-height: 7.5rem;
}

.carvideos > .title {
  margin-bottom: 0.3125rem;
}

.newvideo {
  width: 10rem;
  height: 5.90625rem;
  padding: 0.3125rem;
}

.newvideo video {
  display: block;
  width: 100%;
  height: 100%;
}

.videoswrapper {
  width: 10rem;
  height: 3.0625rem;
  padding: 0 0.625rem 0;
  position: relative;
}

.videoswrapper .swiper-slide {
  padding: 0.15625rem;
}

.videoswrapper .swiper-slide > img {
  display: block;
  width: 100%;
}

.videoswrapper .swiper-slide > video {
  display: block;
  width: 100%;
}

.videoswrapper .swiper-slide .title {
  width: 100%;
  height: 0.46875rem;
  line-height: 0.46875rem;
  background: #e5e5e5;
  overflow: hidden;
}

[data-dpr="1"] .videoswrapper .swiper-slide .title {
  font-size: 10px;
}

[data-dpr="2"] .videoswrapper .swiper-slide .title {
  font-size: 20px;
}

[data-dpr="3"] .videoswrapper .swiper-slide .title {
  font-size: 30px;
}

.videoswrapper .swiper-button-next-videos {
  opacity: .7;
}

.videoswrapper .swiper-button-prev-videos {
  opacity: .7;
}

.videoswrapper .swiper-button-next-videos.swiper-button-disabled {
  opacity: .35;
}

.videoswrapper .swiper-button-prev-videos.swiper-button-disabled {
  opacity: .35;
}

/*---------------------*/

.title img {
  display: block;
  width: 100%;
}

/*karoq*/

.karoq_info {
  width: 100%;
  min-height: 10.9375rem;
}

.karoq_title {
  margin: 0.625rem auto;
  width: 100%;
}

.karoq_title img {
  width: 100%;
}

.karoq_infowrapper {
  width: 100%;
}

.karoq_info_img {
  width: 9.375rem;
  margin: 0 auto 0.546875rem;
}

.karoq_info_img img {
  width: 100%;
}

.karoq_info_text {
  width: 8.6875rem;
  margin: 0 auto;
}

.karoq_info_text p {
  margin-bottom: 0.546875rem;
  font-size: 0.3125rem;
  color: #000;
}

.zlj_anime_icon {
  width: 2.171875rem;
  height: 1.375rem;
  position: fixed;
  right: 0;
  top: 11.71875rem;
  z-index: 999009;
  cursor: pointer;
}

.zlj_anime_icon img {
  width: 100%;
}

.zlj_anime_fc {
  width: 7.75rem;
  height: 5.734375rem;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -3.875rem;
  margin-top: -4.742188rem;
  display: none;
  z-index: 999009;
}

.zlj_anime_fc img {
  width: 100%;
}

.zlj_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.578125rem;
  height: 0.578125rem;
  z-index: 55;
  cursor: pointer;
}

.testdriverurl {
  width: 2.8125rem;
  height: 1.3125rem;
  position: relative;
  background-image: url(../../images/common/carnav-testdriver2.png);
  background-size: cover;
  background-position: top right;
  display: block;
  float: right;
}

.testdriverurl .fxp {
  display: block;
  position: absolute;
  left: 0;
  top: 0.390625rem;
  width: 0.625rem;
  height: 0.625rem;
  -webkit-animation-name: upAnimation;
  animation-name: upAnimation;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.fixed_bottom_area {
  background: #f0efef;
  width: 100%;
  height: 1.5625rem;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 110;
  overflow: hidden;
}

.fixed_bottom_area .btn-2-td {
  background: #7d868e;
  width: 61.8%;
  height: 0.9375rem;
  margin: 0.3125rem auto 0;
  text-align: center;
  font-size: 0.40625rem;
  line-height: 0.9375rem;
  color: #fff;
}

.carstestdrivertitle {
  background: #f0efef;
  width: 100%;
  font-size: 0.375rem;
  color: #7a838c;
  padding: 0.15625rem 0 0.15625rem 0.3125rem;
  margin-bottom: 0.46875rem;
}

.carstestdriver {
  padding: 0.3125rem 0 0.3125rem 0;
  overflow: hidden;
}

/*.td_submit { background: #9c8661;}*/

.carstestdriver .te_item_is select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAnCAMAAABdVGpDAAAASFBMVEUAAAB9ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho59ho4s3FTZAAAAF3RSTlMA8BHWvqWLdUIpHeP1za2ValxYUDIJ38xafoUAAACQSURBVDjL7cxZDsMgDEXRByGBkHkq+99pFbWVwXaTBbTn++riTzf2RtGPIFtSbSCH0wp3ILNqyYrCIIsBpUUmC0q24kVlwcw8mQGxERPBl4mHZLu86CwUnk+k+MgmEaqGkga6aD6FoYnc0ETXmvekxVfTK5lA5IZPpPpMalzZz2THpZpPpJBSwA3ncCcE/IYneZ0YkrUoyU8AAAAASUVORK5CYII=) right center no-repeat;
  background-size: 0.53125rem 0.609375rem;
}

.carstestdriver .te_item_is.android select {
  background: none;
}

@-webkit-keyframes upAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }

  10% {
    -webkit-transform: rotate(-16deg);
    transform: rotate(-16deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }

  20% {
    -webkit-transform: rotate(16deg);
    transform: rotate(16deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }

  28% {
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }

  36% {
    -webkit-transform: rotate(13deg);
    transform: rotate(13deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  42% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  48% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  52% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  56% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }
}

@keyframes upAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }

  10% {
    -webkit-transform: rotate(-16deg);
    transform: rotate(-16deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }

  20% {
    -webkit-transform: rotate(16deg);
    transform: rotate(16deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }

  28% {
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }

  36% {
    -webkit-transform: rotate(13deg);
    transform: rotate(13deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  42% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  48% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  52% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  56% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
  }
}

.ownerservice .title {
  width: 10rem;
  height: 2.734375rem;
  margin: 0 auto;
  padding: 0.78125rem 0 0 0;
}

.ownerservice .title img {
  width: 100%;
}

.ownerservicelist li {
  width: 8.75rem;
  height: 2.1875rem;
  margin: 0 auto 0.15625rem;
}

.ownerservicelist li.li1 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/ownerservice/link1.jpg) no-repeat;
  background-size: cover;
}

.ownerservicelist li.li2 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/ownerservice/link2.jpg) no-repeat;
  background-size: cover;
}

.ownerservicelist li.li3 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/ownerservice/link3.jpg) no-repeat;
  background-size: cover;
}

.ownerservicelist li.li4 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/ownerservice/link4.jpg) no-repeat;
  background-size: cover;
}

.aftersaleservice .title {
  width: 10rem;
  height: 2.734375rem;
  margin: 0 auto;
  padding: 0.78125rem 0 0 0;
}

.aftersaleservice .title img {
  width: 100%;
}

.aftersaleservicelist li {
  width: 4.796875rem;
  height: 3.234375rem;
  margin: 0.09375rem;
  float: left;
}

.aftersaleservicelist li.li1 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/aftersaleservice/link1.jpg) no-repeat;
  background-size: cover;
}

.aftersaleservicelist li.li2 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/aftersaleservice/link2.jpg) no-repeat;
  background-size: cover;
}

.aftersaleservicelist li.li3 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/aftersaleservice/link3.jpg) no-repeat;
  background-size: cover;
}

.aftersaleservicelist li.li4 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/aftersaleservice/link4.jpg) no-repeat;
  background-size: cover;
}

.aftersaleservicelist li.li5 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/aftersaleservice/link5.jpg) no-repeat;
  background-size: cover;
}

.aftersaleservicelist li.li6 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/aftersaleservice/link6.jpg) no-repeat;
  background-size: cover;
}

.aftersaleservicelist li.li7 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/aftersaleservice/link7.jpg) no-repeat;
  background-size: cover;
}

.aftersaleservicelist li.li8 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/tools/aftersaleservice/link8.jpg) no-repeat;
  background-size: cover;
}

.afs .back {
  text-align: right;
  padding-right: 0.46875rem;
  height: 1.953125rem;
}

.afs .back a {
  display: block;
  padding-top: 0.625rem;
  color: #737373;
}

[data-dpr="1"] .afs .back a {
  font-size: 13px;
}

[data-dpr="2"] .afs .back a {
  font-size: 26px;
}

[data-dpr="3"] .afs .back a {
  font-size: 39px;
}

#maintaincar {
  width: 6.25rem;
  height: 1.15625rem;
  border: 1px solid #6c6c6c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: url(../../images/tools/aftersaleservice/select.png) 5.625rem center no-repeat;
  background-size: 0.46875rem 0.234375rem;
}

[data-dpr="1"] #maintaincar {
  font-size: 14px;
}

[data-dpr="2"] #maintaincar {
  font-size: 28px;
}

[data-dpr="3"] #maintaincar {
  font-size: 42px;
}

.selectcar {
  height: 1.25rem;
}

.selectcar .title {
  font-size: 0.546875rem;
  line-height: 2;
}

.carimg {
  padding: 0.15625rem 0;
}

.carimg img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.carinfo {
  width: 9.375rem;
  height: 8.53125rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg1.jpg) left top no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.carinfo .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 2.96875rem;
  padding: 0.46875rem 0.15625rem 0;
}

.carinfo .s-txt p {
  color: #fff;
}

[data-dpr="1"] .carinfo .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .carinfo .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .carinfo .s-txt p {
  font-size: 33px;
}

.carinfo .info-download {
  width: 100%;
  height: 2.96875rem;
  overflow: hidden;
}

.carinfo .info-download li {
  width: 100%;
  height: 2.96875rem;
  overflow: hidden;
  display: none;
}

.carinfo .info-download li.active {
  display: block;
}

.carinfo .info-download li .whole {
  padding-top: 0.390625rem;
}

.carinfo .info-download li .whole .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo .info-download li .whole .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo .info-download li .whole .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo .info-download li .whole .ttx1 {
  font-size: 33px;
}

.carinfo .info-download li .whole .download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo .info-download li .whole .download a {
  font-size: 16px;
}

[data-dpr="2"] .carinfo .info-download li .whole .download a {
  font-size: 32px;
}

[data-dpr="3"] .carinfo .info-download li .whole .download a {
  font-size: 48px;
}

.carinfo .info-download li .half {
  float: left;
  width: 4.6875rem;
  height: 2.6875rem;
  margin-top: 0.234375rem;
  padding-top: 0.3125rem;
}

.carinfo .info-download li .half:first-child {
  border-right: 1px solid #fff;
}

.carinfo .info-download li .half .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo .info-download li .half .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo .info-download li .half .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo .info-download li .half .ttx1 {
  font-size: 33px;
}

.carinfo .info-download li .half .download a {
  width: 2.1875rem;
  height: 0.703125rem;
  line-height: 0.703125rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo .info-download li .half .download a {
  font-size: 12px;
}

[data-dpr="2"] .carinfo .info-download li .half .download a {
  font-size: 24px;
}

[data-dpr="3"] .carinfo .info-download li .half .download a {
  font-size: 36px;
}

.carinfo .info-download li .third {
  float: left;
  width: 3.125rem;
  height: 2.6875rem;
  margin-top: 0.234375rem;
  padding-top: 0.3125rem;
  border-right: 1px solid #fff;
}

.carinfo .info-download li .third:last-child {
  border-right: 0;
}

.carinfo .info-download li .third .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo .info-download li .third .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo .info-download li .third .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo .info-download li .third .ttx1 {
  font-size: 33px;
}

.carinfo .info-download li .third .ttx2 {
  line-height: 1;
}

.carinfo .info-download li .third .download a {
  width: 2.1875rem;
  height: 0.703125rem;
  line-height: 0.703125rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo .info-download li .third .download a {
  font-size: 12px;
}

[data-dpr="2"] .carinfo .info-download li .third .download a {
  font-size: 24px;
}

[data-dpr="3"] .carinfo .info-download li .third .download a {
  font-size: 36px;
}

.carguide {
  width: 9.375rem;
  height: 8.53125rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg1_add.jpg) left top no-repeat;
  background-size: cover;
  margin: 1.25rem auto;
}

.carguide .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 2.96875rem;
  padding: 1.09375rem 0.15625rem 0;
}

.carguide .s-txt p {
  color: #fff;
}

[data-dpr="1"] .carguide .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .carguide .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .carguide .s-txt p {
  font-size: 33px;
}

.carguide .guide-download {
  width: 100%;
  height: 2.96875rem;
  overflow: hidden;
}

.carguide .guide-download li {
  width: 100%;
  height: 2.96875rem;
  overflow: hidden;
  display: none;
}

.carguide .guide-download li.active {
  display: block;
}

.carguide .guide-download li .whole {
  padding-top: 0.390625rem;
}

.carguide .guide-download li .whole .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carguide .guide-download li .whole .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carguide .guide-download li .whole .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carguide .guide-download li .whole .ttx1 {
  font-size: 33px;
}

.carguide .guide-download li .whole .download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carguide .guide-download li .whole .download a {
  font-size: 16px;
}

[data-dpr="2"] .carguide .guide-download li .whole .download a {
  font-size: 32px;
}

[data-dpr="3"] .carguide .guide-download li .whole .download a {
  font-size: 48px;
}

.carguide .guide-download li .half {
  float: left;
  width: 4.6875rem;
  height: 2.6875rem;
  margin-top: 0.234375rem;
  padding-top: 0.3125rem;
}

.carguide .guide-download li .half:first-child {
  border-right: 1px solid #fff;
}

.carguide .guide-download li .half .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carguide .guide-download li .half .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carguide .guide-download li .half .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carguide .guide-download li .half .ttx1 {
  font-size: 33px;
}

.carguide .guide-download li .half .download a {
  width: 2.1875rem;
  height: 0.703125rem;
  line-height: 0.703125rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carguide .guide-download li .half .download a {
  font-size: 12px;
}

[data-dpr="2"] .carguide .guide-download li .half .download a {
  font-size: 24px;
}

[data-dpr="3"] .carguide .guide-download li .half .download a {
  font-size: 36px;
}

.carguide .guide-download li .third {
  float: left;
  width: 3.125rem;
  height: 2.6875rem;
  margin-top: 0.234375rem;
  padding-top: 0.3125rem;
  border-right: 1px solid #fff;
}

.carguide .guide-download li .third:last-child {
  border-right: 0;
}

.carguide .guide-download li .third .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carguide .guide-download li .third .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carguide .guide-download li .third .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carguide .guide-download li .third .ttx1 {
  font-size: 33px;
}

.carguide .guide-download li .third .ttx2 {
  line-height: 1;
}

.carguide .guide-download li .third .download a {
  width: 2.1875rem;
  height: 0.703125rem;
  line-height: 0.703125rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carguide .guide-download li .third .download a {
  font-size: 12px;
}

[data-dpr="2"] .carguide .guide-download li .third .download a {
  font-size: 24px;
}

[data-dpr="3"] .carguide .guide-download li .third .download a {
  font-size: 36px;
}

.oil {
  width: 9.375rem;
  height: 8.53125rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg2.jpg) left top no-repeat;
  background-size: cover;
  margin: 1.25rem auto 0;
}

.oil .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 2.96875rem;
  padding: 1.09375rem 0.15625rem 0;
  text-align: center;
}

.oil .s-txt p {
  color: #fff;
}

[data-dpr="1"] .oil .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .oil .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .oil .s-txt p {
  font-size: 33px;
}

.oil .oil-download p {
  color: #fff;
  padding: 0.46875rem 0 0 0;
  text-align: center;
}

[data-dpr="1"] .oil .oil-download p {
  font-size: 11px;
}

[data-dpr="2"] .oil .oil-download p {
  font-size: 22px;
}

[data-dpr="3"] .oil .oil-download p {
  font-size: 33px;
}

.oil .oil-download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .oil .oil-download a {
  font-size: 16px;
}

[data-dpr="2"] .oil .oil-download a {
  font-size: 32px;
}

[data-dpr="3"] .oil .oil-download a {
  font-size: 48px;
}

.displacement-info {
  width: 9.375rem;
  height: 8.53125rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg3.jpg) left top no-repeat;
  background-size: cover;
  margin: 0 auto 0;
}

.displacement-info .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 2.96875rem;
  padding: 1.09375rem 0.15625rem 0;
  text-align: center;
}

.displacement-info .s-txt p {
  color: #fff;
}

[data-dpr="1"] .displacement-info .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .displacement-info .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .displacement-info .s-txt p {
  font-size: 33px;
}

.displacement-info .displacement-download p {
  color: #fff;
  padding: 0.46875rem 0 0 0;
  text-align: center;
}

[data-dpr="1"] .displacement-info .displacement-download p {
  font-size: 11px;
}

[data-dpr="2"] .displacement-info .displacement-download p {
  font-size: 22px;
}

[data-dpr="3"] .displacement-info .displacement-download p {
  font-size: 33px;
}

.displacement-info .displacement-download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .displacement-info .displacement-download a {
  font-size: 16px;
}

[data-dpr="2"] .displacement-info .displacement-download a {
  font-size: 32px;
}

[data-dpr="3"] .displacement-info .displacement-download a {
  font-size: 48px;
}

.authenticate-info {
  width: 9.375rem;
  height: 9.875rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg4.jpg) left top no-repeat;
  background-size: cover;
  margin: 0 auto 0;
}

.authenticate-info .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 4.53125rem;
  padding: 0.390625rem 0.15625rem 0;
}

.authenticate-info .s-txt p {
  color: #fff;
}

[data-dpr="1"] .authenticate-info .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .authenticate-info .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .authenticate-info .s-txt p {
  font-size: 33px;
}

.authenticate-info .s-txt a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .authenticate-info .s-txt a {
  font-size: 16px;
}

[data-dpr="2"] .authenticate-info .s-txt a {
  font-size: 32px;
}

[data-dpr="3"] .authenticate-info .s-txt a {
  font-size: 48px;
}

.authenticate-info .authenticate-download p {
  color: #fff;
  padding: 0.46875rem 0 0 0;
  text-align: center;
}

[data-dpr="1"] .authenticate-info .authenticate-download p {
  font-size: 11px;
}

[data-dpr="2"] .authenticate-info .authenticate-download p {
  font-size: 22px;
}

[data-dpr="3"] .authenticate-info .authenticate-download p {
  font-size: 33px;
}

.authenticate-info .authenticate-download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .authenticate-info .authenticate-download a {
  font-size: 16px;
}

[data-dpr="2"] .authenticate-info .authenticate-download a {
  font-size: 32px;
}

[data-dpr="3"] .authenticate-info .authenticate-download a {
  font-size: 48px;
}

.recall-info {
  width: 9.375rem;
  height: 10.46875rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg5.jpg) left top no-repeat;
  background-size: cover;
  margin: 0.625rem auto 0;
}

.recall-info .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 4.53125rem;
  padding: 0.390625rem 0.15625rem 0;
}

.recall-info .s-txt p {
  color: #fff;
}

[data-dpr="1"] .recall-info .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .recall-info .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .recall-info .s-txt p {
  font-size: 33px;
}

.recall-info .s-txt a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .recall-info .s-txt a {
  font-size: 16px;
}

[data-dpr="2"] .recall-info .s-txt a {
  font-size: 32px;
}

[data-dpr="3"] .recall-info .s-txt a {
  font-size: 48px;
}

.recall-info .recall-car-type {
  width: 100%;
  height: 4.375rem;
  overflow: hidden;
  margin-top: 2.578125rem;
}

.recall-info .recall-car-type li {
  width: 100%;
  height: 4.375rem;
  overflow: hidden;
  display: none;
  padding: 0.15625rem;
}

.recall-info .recall-car-type li.active {
  display: block;
}

.recall-info .recall-car-type li .pt1 {
  color: #fff;
  padding-top: 0.15625rem;
}

[data-dpr="1"] .recall-info .recall-car-type li .pt1 {
  font-size: 11px;
}

[data-dpr="2"] .recall-info .recall-car-type li .pt1 {
  font-size: 22px;
}

[data-dpr="3"] .recall-info .recall-car-type li .pt1 {
  font-size: 33px;
}

.recall-info .recall-car-type li .pt1 a {
  color: #192b37;
}

.recall-info .recall-car-type li .pt2 {
  color: #fff;
  text-align: center;
  padding-top: 1.5625rem;
}

[data-dpr="1"] .recall-info .recall-car-type li .pt2 {
  font-size: 11px;
}

[data-dpr="2"] .recall-info .recall-car-type li .pt2 {
  font-size: 22px;
}

[data-dpr="3"] .recall-info .recall-car-type li .pt2 {
  font-size: 33px;
}

.recall-info .recall-download {
  padding: 0.15625rem;
}

.recall-info .recall-download p {
  color: #fff;
  padding: 0.15625rem 0 0 0;
}

[data-dpr="1"] .recall-info .recall-download p {
  font-size: 11px;
}

[data-dpr="2"] .recall-info .recall-download p {
  font-size: 22px;
}

[data-dpr="3"] .recall-info .recall-download p {
  font-size: 33px;
}

.recall-info .recall-download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .recall-info .recall-download a {
  font-size: 16px;
}

[data-dpr="2"] .recall-info .recall-download a {
  font-size: 32px;
}

[data-dpr="3"] .recall-info .recall-download a {
  font-size: 48px;
}

.equipment-info {
  width: 9.375rem;
  height: 8.53125rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg6.jpg) left top no-repeat;
  background-size: cover;
  margin: 0.625rem auto 0;
}

.equipment-info .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 2.96875rem;
  padding: 0.390625rem 0.15625rem 0;
}

.equipment-info .s-txt p {
  color: #fff;
}

[data-dpr="1"] .equipment-info .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .equipment-info .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .equipment-info .s-txt p {
  font-size: 33px;
}

.equipment-info .s-txt a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .equipment-info .s-txt a {
  font-size: 16px;
}

[data-dpr="2"] .equipment-info .s-txt a {
  font-size: 32px;
}

[data-dpr="3"] .equipment-info .s-txt a {
  font-size: 48px;
}

.equipment-info .s-txt.fx1 p {
  padding: 0.546875rem;
}

.equipment-info .equipment-download p {
  color: #fff;
  padding: 0.46875rem 0 0 0;
  text-align: center;
}

[data-dpr="1"] .equipment-info .equipment-download p {
  font-size: 11px;
}

[data-dpr="2"] .equipment-info .equipment-download p {
  font-size: 22px;
}

[data-dpr="3"] .equipment-info .equipment-download p {
  font-size: 33px;
}

.equipment-info .equipment-download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .equipment-info .equipment-download a {
  font-size: 16px;
}

[data-dpr="2"] .equipment-info .equipment-download a {
  font-size: 32px;
}

[data-dpr="3"] .equipment-info .equipment-download a {
  font-size: 48px;
}

.vincoderule-info {
  width: 9.375rem;
  height: 8.53125rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg7.jpg) left top no-repeat;
  background-size: cover;
  margin: 0.625rem auto 0;
}

.vincoderule-info .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 2.96875rem;
  padding: 0.390625rem 0.15625rem 0;
}

.vincoderule-info .s-txt p {
  color: #fff;
}

[data-dpr="1"] .vincoderule-info .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .vincoderule-info .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .vincoderule-info .s-txt p {
  font-size: 33px;
}

.vincoderule-info .s-txt a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .vincoderule-info .s-txt a {
  font-size: 16px;
}

[data-dpr="2"] .vincoderule-info .s-txt a {
  font-size: 32px;
}

[data-dpr="3"] .vincoderule-info .s-txt a {
  font-size: 48px;
}

.vincoderule-info .s-txt.fx1 p {
  padding: 0.546875rem;
}

.vincoderule-info .equipment-download p {
  color: #fff;
  padding: 0.46875rem 0 0 0;
  text-align: center;
}

[data-dpr="1"] .vincoderule-info .equipment-download p {
  font-size: 11px;
}

[data-dpr="2"] .vincoderule-info .equipment-download p {
  font-size: 22px;
}

[data-dpr="3"] .vincoderule-info .equipment-download p {
  font-size: 33px;
}

.vincoderule-info .equipment-download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .vincoderule-info .equipment-download a {
  font-size: 16px;
}

[data-dpr="2"] .vincoderule-info .equipment-download a {
  font-size: 32px;
}

[data-dpr="3"] .vincoderule-info .equipment-download a {
  font-size: 48px;
}

.technicalinfo .title {
  width: 10rem;
  height: 1.40625rem;
  padding: 0.78125rem 0 0 0;
}

.technicalinfo .title img {
  display: block;
  width: 100%;
}

.technicalinfo .carbg {
  width: 10rem;
  height: 5.9375rem;
  background: url(../../images/tools/technicalinfo/bg.jpg) left top no-repeat;
  background-size: cover;
}

.technicalinfo-name,
.technicalinfo-detail,
.technicalinfo-list {
  padding: 0 0.46875rem;
}

.technicalinfo-name {
  min-width: 3.59375rem;
  background: #7b858e;
  height: 0.65625rem;
  line-height: 0.65625rem;
  float: left;
  color: #fff;
}

[data-dpr="1"] .technicalinfo-name {
  font-size: 12px;
}

[data-dpr="2"] .technicalinfo-name {
  font-size: 24px;
}

[data-dpr="3"] .technicalinfo-name {
  font-size: 36px;
}

.technicalinfo-detail {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

[data-dpr="1"] .technicalinfo-detail {
  font-size: 8px;
}

[data-dpr="2"] .technicalinfo-detail {
  font-size: 16px;
}

[data-dpr="3"] .technicalinfo-detail {
  font-size: 24px;
}

[data-dpr="1"] .technicalinfo-list {
  font-size: 9.5px;
}

[data-dpr="2"] .technicalinfo-list {
  font-size: 19px;
}

[data-dpr="3"] .technicalinfo-list {
  font-size: 28.5px;
}

.technicalinfo-list li {
  float: left;
  width: 50%;
  height: 0.6875rem;
  padding-bottom: 0.3125rem;
  color: #737373;
}

.technicalinfo-list li img {
  display: inline-block;
  margin-right: 0.15625rem;
}

.mileagecalculator .title {
  width: 10rem;
  height: 1.40625rem;
  padding: 0.78125rem 0 0 0;
}

.mileagecalculator .title img {
  display: block;
  width: 100%;
}

.calculatorBox {
  padding-top: 0.546875rem;
}

#calculator-car-type-dropdown,
#calculator-distance-dropdown {
  width: 4.375rem;
  height: 1rem;
  border: 1px solid #777777;
  color: #a3a3a3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 0 0 0 0.234375rem;
  background: url(../../images/tools/aftersaleservice/select.png) 3.59375rem center no-repeat;
  background-size: 0.46875rem 0.234375rem;
}

[data-dpr="1"] #calculator-car-type-dropdown,
[data-dpr="1"] #calculator-distance-dropdown {
  font-size: 14px;
}

[data-dpr="2"] #calculator-car-type-dropdown,
[data-dpr="2"] #calculator-distance-dropdown {
  font-size: 28px;
}

[data-dpr="3"] #calculator-car-type-dropdown,
[data-dpr="3"] #calculator-distance-dropdown {
  font-size: 42px;
}

.lc_sm_list {
  margin: 0.46875rem;
  background: #e0e0e0;
}

.upkeep-info {
  padding: 0.3125rem;
  display: none;
}

.upkeep-info li {
  color: #777777;
}

[data-dpr="1"] .upkeep-info li {
  font-size: 9px;
}

[data-dpr="2"] .upkeep-info li {
  font-size: 18px;
}

[data-dpr="3"] .upkeep-info li {
  font-size: 27px;
}

.upkeep-info .page-title {
  padding-bottom: 0.15625rem;
}

[data-dpr="1"] .upkeep-info .page-title {
  font-size: 12px;
}

[data-dpr="2"] .upkeep-info .page-title {
  font-size: 24px;
}

[data-dpr="3"] .upkeep-info .page-title {
  font-size: 36px;
}

/*.creditcalculator .title { width:640px; height:90px; padding:50px 0 0 0;}*/

/*.creditcalculator .title img { display:block; width:100%;}*/

#creditcar,
#car-type {
  width: 4.375rem;
  height: 1.15625rem;
  border: 1px solid #6c6c6c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: url(../../images/tools/aftersaleservice/select.png) 3.671875rem center no-repeat;
  background-size: 0.46875rem 0.234375rem;
}

[data-dpr="1"] #creditcar,
[data-dpr="1"] #car-type {
  font-size: 12px;
}

[data-dpr="2"] #creditcar,
[data-dpr="2"] #car-type {
  font-size: 24px;
}

[data-dpr="3"] #creditcar,
[data-dpr="3"] #car-type {
  font-size: 36px;
}

.plan_info_table {
  padding: 0.46875rem;
}

.dtable {
  display: table;
}

.dtr {
  display: table-row;
}

.dtd {
  display: table-cell;
  width: 1.8125rem;
  text-align: center;
  border-bottom: 1px solid #b0b0b0;
  border-left: 1px solid #b0b0b0;
  vertical-align: middle;
  background: #dfdfdf;
}

.hd_color {
  font-size: 0.34375rem;
}

.hd_color .dtd {
  background: #efefef;
}

[data-dpr="1"] .hd_color .dtd {
  font-size: 11px;
}

[data-dpr="2"] .hd_color .dtd {
  font-size: 22px;
}

[data-dpr="3"] .hd_color .dtd {
  font-size: 33px;
}

.dtd_ntbd {
  border: none;
}

.teble_bd {
  border-top: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
}

.d_td_sheight .dtd {
  height: 24px;
  margin: 0;
  padding: 0;
}

[data-dpr="1"] .d_td_sheight .dtd {
  font-size: 9px;
}

[data-dpr="2"] .d_td_sheight .dtd {
  font-size: 18px;
}

[data-dpr="3"] .d_td_sheight .dtd {
  font-size: 27px;
}

.d_td_mheight .dtd {
  height: 84px;
  margin: 0;
  padding: 0;
}

[data-dpr="1"] .d_td_mheight .dtd {
  font-size: 9px;
}

[data-dpr="2"] .d_td_mheight .dtd {
  font-size: 18px;
}

[data-dpr="3"] .d_td_mheight .dtd {
  font-size: 27px;
}

.dd_td_mheight .dtd {
  height: 112px;
}

.plan_ps {
  color: #4a4a4a;
  padding-top: 0.3125rem;
}

[data-dpr="1"] .d_td_mheight .dtd {
  height: 72px;
}

[data-dpr="1"] .dd_td_mheight .dtd {
  height: 96px;
}

[data-dpr="3"] .d_td_mheight .dtd {
  height: 123px;
}

._20percent {
  display: none;
}

.copyright .title {
  width: 10rem;
  height: 1.953125rem;
  margin: 0 auto;
  padding: 0.78125rem 0 0 0.546875rem;
}

[data-dpr="1"] .copyright .title {
  font-size: 16px;
}

[data-dpr="2"] .copyright .title {
  font-size: 32px;
}

[data-dpr="3"] .copyright .title {
  font-size: 48px;
}

.copyrightDetail {
  width: 8.859375rem;
  height: 8.890625rem;
  margin: 0 auto;
  background: url(../../images/tools/copyright/txt_bg_m.jpg) center center no-repeat;
  background-size: cover;
}

.copyrightDetail p {
  padding: 1.25rem 0.390625rem 0;
  color: #fff;
}

[data-dpr="1"] .copyrightDetail p {
  font-size: 13px;
}

[data-dpr="2"] .copyrightDetail p {
  font-size: 26px;
}

[data-dpr="3"] .copyrightDetail p {
  font-size: 39px;
}

.copyrightDetail span {
  display: block;
  padding: 0.9375rem 0 0;
  color: #fff;
}

[data-dpr="1"] .copyrightDetail span {
  font-size: 13px;
}

[data-dpr="2"] .copyrightDetail span {
  font-size: 26px;
}

[data-dpr="3"] .copyrightDetail span {
  font-size: 39px;
}

.picbox {
  width: 8.53125rem;
  margin: 0 auto;
  padding: 0.3125rem 0;
}

.picbox ul li {
  float: left;
  padding-bottom: 0.15625rem;
}

.picbox ul li.pli02 {
  padding-right: 0.15625rem;
}

.picbox ul li.pli01 img {
  width: 8.53125rem;
  height: 4.796875rem;
}

.picbox ul li.pli02 img,
.picbox ul li.pli03 img {
  width: 4.1875rem;
  height: 2.359375rem;
}

.picbox ul li.lno {
  text-align: center;
  padding: 1.5625rem 0;
  font-size: 0.34375rem;
  color: #666;
  margin: 0 auto;
  float: none;
  font-weight: 100;
}

.carinfo-ectrl {
  width: 9.375rem;
  height: 8.53125rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg8.jpg) left top no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.carinfo-ectrl .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 2.96875rem;
  padding: 0.46875rem 0.15625rem 0;
}

.carinfo-ectrl .s-txt p {
  color: #fff;
  padding-top: 0.625rem;
}

[data-dpr="1"] .carinfo-ectrl .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .carinfo-ectrl .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .carinfo-ectrl .s-txt p {
  font-size: 33px;
}

.carinfo-ectrl .info-download {
  width: 100%;
  height: 2.96875rem;
  overflow: hidden;
}

.carinfo-ectrl .info-download li {
  width: 100%;
  height: 2.96875rem;
  overflow: hidden;
  display: none;
}

.carinfo-ectrl .info-download li.active {
  display: block;
}

.carinfo-ectrl .info-download li .whole {
  padding-top: 0.390625rem;
}

.carinfo-ectrl .info-download li .whole .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo-ectrl .info-download li .whole .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo-ectrl .info-download li .whole .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo-ectrl .info-download li .whole .ttx1 {
  font-size: 33px;
}

.carinfo-ectrl .info-download li .whole .download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo-ectrl .info-download li .whole .download a {
  font-size: 16px;
}

[data-dpr="2"] .carinfo-ectrl .info-download li .whole .download a {
  font-size: 32px;
}

[data-dpr="3"] .carinfo-ectrl .info-download li .whole .download a {
  font-size: 48px;
}

.carinfo-ectrl .info-download li .half {
  float: left;
  width: 4.6875rem;
  height: 2.6875rem;
  margin-top: 0.234375rem;
  padding-top: 0.3125rem;
}

.carinfo-ectrl .info-download li .half:first-child {
  border-right: 1px solid #fff;
}

.carinfo-ectrl .info-download li .half .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo-ectrl .info-download li .half .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo-ectrl .info-download li .half .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo-ectrl .info-download li .half .ttx1 {
  font-size: 33px;
}

.carinfo-ectrl .info-download li .half .download a {
  width: 2.1875rem;
  height: 0.703125rem;
  line-height: 0.703125rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo-ectrl .info-download li .half .download a {
  font-size: 12px;
}

[data-dpr="2"] .carinfo-ectrl .info-download li .half .download a {
  font-size: 24px;
}

[data-dpr="3"] .carinfo-ectrl .info-download li .half .download a {
  font-size: 36px;
}

.carinfo-ectrl .info-download li .third {
  float: left;
  width: 3.125rem;
  height: 2.6875rem;
  margin-top: 0.234375rem;
  padding-top: 0.3125rem;
  border-right: 1px solid #fff;
}

.carinfo-ectrl .info-download li .third:last-child {
  border-right: 0;
}

.carinfo-ectrl .info-download li .third .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo-ectrl .info-download li .third .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo-ectrl .info-download li .third .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo-ectrl .info-download li .third .ttx1 {
  font-size: 33px;
}

.carinfo-ectrl .info-download li .third .ttx2 {
  line-height: 1;
}

.carinfo-ectrl .info-download li .third .download a {
  width: 2.1875rem;
  height: 0.703125rem;
  line-height: 0.703125rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo-ectrl .info-download li .third .download a {
  font-size: 12px;
}

[data-dpr="2"] .carinfo-ectrl .info-download li .third .download a {
  font-size: 24px;
}

[data-dpr="3"] .carinfo-ectrl .info-download li .third .download a {
  font-size: 36px;
}

.carinfo-whole {
  width: 9.375rem;
  height: 9.84375rem;
  overflow: hidden;
  background: url(../../images/tools/aftersaleservice/bg91.jpg) left top no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.carinfo-whole .s-txt {
  margin-top: 2.578125rem;
  width: 100%;
  height: 2.96875rem;
  padding: 0.46875rem 0.15625rem 0;
}

.carinfo-whole .s-txt p {
  color: #fff;
  padding-top: 0.046875rem;
}

[data-dpr="1"] .carinfo-whole .s-txt p {
  font-size: 11px;
}

[data-dpr="2"] .carinfo-whole .s-txt p {
  font-size: 22px;
}

[data-dpr="3"] .carinfo-whole .s-txt p {
  font-size: 33px;
}

.carinfo-whole .info-download {
  width: 100%;
  height: 4.21875rem;
  overflow: hidden;
}

.carinfo-whole .info-download li {
  width: 100%;
  height: 4.21875rem;
  overflow: hidden;
  display: none;
}

.carinfo-whole .info-download li.active {
  display: block;
}

.carinfo-whole .info-download li .whole {
  padding-top: 0.390625rem;
}

.carinfo-whole .info-download li .whole .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo-whole .info-download li .whole .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo-whole .info-download li .whole .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo-whole .info-download li .whole .ttx1 {
  font-size: 33px;
}

.carinfo-whole .info-download li .whole .download a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo-whole .info-download li .whole .download a {
  font-size: 16px;
}

[data-dpr="2"] .carinfo-whole .info-download li .whole .download a {
  font-size: 32px;
}

[data-dpr="3"] .carinfo-whole .info-download li .whole .download a {
  font-size: 48px;
}

.carinfo-whole .info-download li .whole .videoboxt a {
  width: 4.171875rem;
  height: 0.984375rem;
  line-height: 0.984375rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo-whole .info-download li .whole .videoboxt a {
  font-size: 16px;
}

[data-dpr="2"] .carinfo-whole .info-download li .whole .videoboxt a {
  font-size: 32px;
}

[data-dpr="3"] .carinfo-whole .info-download li .whole .videoboxt a {
  font-size: 48px;
}

.carinfo-whole .info-download li .half {
  float: left;
  width: 4.6875rem;
  height: 2.6875rem;
  margin-top: 0.234375rem;
  padding-top: 0.3125rem;
}

.carinfo-whole .info-download li .half:first-child {
  border-right: 1px solid #fff;
}

.carinfo-whole .info-download li .half .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo-whole .info-download li .half .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo-whole .info-download li .half .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo-whole .info-download li .half .ttx1 {
  font-size: 33px;
}

.carinfo-whole .info-download li .half .download a {
  width: 2.1875rem;
  height: 0.703125rem;
  line-height: 0.703125rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo-whole .info-download li .half .download a {
  font-size: 12px;
}

[data-dpr="2"] .carinfo-whole .info-download li .half .download a {
  font-size: 24px;
}

[data-dpr="3"] .carinfo-whole .info-download li .half .download a {
  font-size: 36px;
}

.carinfo-whole .info-download li .third {
  float: left;
  width: 3.125rem;
  height: 2.6875rem;
  margin-top: 0.234375rem;
  padding-top: 0.3125rem;
  border-right: 1px solid #fff;
}

.carinfo-whole .info-download li .third:last-child {
  border-right: 0;
}

.carinfo-whole .info-download li .third .ttx1 {
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .carinfo-whole .info-download li .third .ttx1 {
  font-size: 11px;
}

[data-dpr="2"] .carinfo-whole .info-download li .third .ttx1 {
  font-size: 22px;
}

[data-dpr="3"] .carinfo-whole .info-download li .third .ttx1 {
  font-size: 33px;
}

.carinfo-whole .info-download li .third .ttx2 {
  line-height: 1;
}

.carinfo-whole .info-download li .third .download a {
  width: 2.1875rem;
  height: 0.703125rem;
  line-height: 0.703125rem;
  color: #000;
  background: #fff;
  text-align: center;
  display: block;
  margin: 0.3125rem auto 0;
}

[data-dpr="1"] .carinfo-whole .info-download li .third .download a {
  font-size: 12px;
}

[data-dpr="2"] .carinfo-whole .info-download li .third .download a {
  font-size: 24px;
}

[data-dpr="3"] .carinfo-whole .info-download li .third .download a {
  font-size: 36px;
}

.video_box2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.video_main_ar2 {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.black_bg2 {
  background-color: #000;
}

.videobox_close2 {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.videobox_close2 img {
  width: 100%;
}

.waringbg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999994;
  background: #fff;
  opacity: .8;
  display: none;
}

.mmdiv {
  position: fixed;
  width: 9.375rem;
  height: 9.84375rem;
  left: 0.3125rem;
  top: 50%;
  margin-top: -4.921875rem;
  background: #ffffff;
  opacity: 1;
  z-index: 999995;
  border: 1px solid #ccc;
  border-top: 3px solid #eb3340;
  display: none;
}

.waringclose {
  width: 0.40625rem;
  height: 0.40625rem;
  position: absolute;
  right: 0.3125rem;
  top: 0.546875rem;
  z-index: 999996;
}

.sty1 {
  margin-top: 1rem;
  padding: 0.3125rem;
}

[data-dpr="1"] .sty1 {
  font-size: 14px;
}

[data-dpr="2"] .sty1 {
  font-size: 28px;
}

[data-dpr="3"] .sty1 {
  font-size: 42px;
}

.sty2 {
  line-height: 2;
  padding: 0.3125rem;
}

[data-dpr="1"] .sty2 {
  font-size: 10px;
}

[data-dpr="2"] .sty2 {
  font-size: 20px;
}

[data-dpr="3"] .sty2 {
  font-size: 30px;
}

.btnty {
  width: 3.6875rem;
  height: 1rem;
  margin: 0 auto;
  background: #eb3340;
  margin-top: 0.46875rem;
  font-size: 0.5625rem;
  color: #fff;
  line-height: 1rem;
  text-align: center;
  border-radius: 0.078125rem;
}

/*计算器*/

.creditcalculator .title {
  font-size: 0.53125rem;
  width: 6.25rem;
  padding-left: 0.796875rem;
  padding-top: 1.375rem;
  margin-bottom: 0.546875rem;
}

.creditcalculator .carimg {
  width: 10rem;
  height: 3.640625rem;
  padding: 0;
}

.creditcalculator .carimg img {
  width: 100%;
}

.creditcalculator .car_view {
  width: 8.4375rem;
  margin: 0 auto 1.09375rem;
}

.creditcalculator .car_name {
  margin-bottom: 0.15625rem;
}

.creditcalculator .car_name span {
  font-size: 0.4375rem;
  border-bottom: 0.046875rem solid #000;
  padding-bottom: 0.046875rem;
}

.creditcalculator .car_mname {
  font-size: 0.4375rem;
  margin-bottom: 0;
}

.creditcalculator .car_price {
  font-size: 0.4375rem;
  margin-bottom: 0.15625rem;
}

.creditcalculator .car_price span {
  font-size: 0.4375rem;
}

.creditcalculator .select_area {
  width: 10rem;
  height: 2.34375rem;
  position: relative;
  margin-bottom: 0.46875rem;
}

.creditcalculator .select_area .select_text1 {
  font-size: 0.546875rem;
  position: absolute;
  left: 0.796875rem;
  top: 0.09375rem;
}

.creditcalculator .select_area .select_text2 {
  font-size: 0.546875rem;
  position: absolute;
  left: 0.796875rem;
  top: 1.453125rem;
}

.creditcalculator .car_type_searea {
  width: 7.09375rem;
  height: 0.625rem;
  border: 0.015625rem solid #000;
  background: url("../../images/tools/creditcalculator/plan_select_icon.jpg") top right no-repeat;
  position: absolute;
  left: 2.125rem;
  top: 0.1875rem;
  background-size: 12.55% 100%;
}

.creditcalculator .car_type_searea select {
  background: none;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: 0.375rem;
  line-height: 0.625rem;
  padding-left: 0.15625rem;
  width: 87%;
}

.creditcalculator .cartype_select {
  width: 7.09375rem;
  height: 0.625rem;
  border: 0.015625rem solid #000;
  background: url("../../images/tools/creditcalculator/plan_select_icon.jpg") top right no-repeat;
  position: absolute;
  left: 2.125rem;
  top: 1.5625rem;
  background-size: 12.55% 100%;
}

.creditcalculator .cartype_select select {
  background: none;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: 0.375rem;
  line-height: 0.625rem;
  padding-left: 0.15625rem;
  width: 87%;
}

.creditcalculator .new_plan_view {
  width: 8.4375rem;
  height: auto;
  position: relative;
  margin: 0 auto;
}

.creditcalculator .main_plan_first_price {
  border-bottom: 0.015625rem #000 solid;
  padding-bottom: 0.03125rem;
  margin-bottom: 0.390625rem;
}

.creditcalculator .first_price_title {
  font-size: 0.375rem;
  color: #000;
  float: left;
  width: 3.125rem;
}

.creditcalculator .firstprice_num {
  font-size: 0.375rem;
  color: #000;
  float: right;
  width: 3.90625rem;
  text-align: right;
}

.creditcalculator .main_plan_percent {
  width: 8.4375rem;
  margin-bottom: 0.390625rem;
}

.creditcalculator .percent_title {
  font-size: 0.375rem;
  color: #000;
  width: 3.125rem;
  margin-bottom: 0.234375rem;
}

.creditcalculator .percent_list {
  width: 8.4375rem;
  height: 0.5625rem;
  background-color: #e5e5e5;
}

.creditcalculator .percent_item {
  width: 1.6875rem;
  height: 0.5625rem;
  border: 0.015625rem solid #e5e5e5;
  float: left;
  text-align: center;
  line-height: 0.5625rem;
  font-size: 0.375rem;
  cursor: pointer;
}

.creditcalculator .percent_item.on {
  border: 0.015625rem solid #000;
}

.creditcalculator .percent_item.lock {
  opacity: .5;
  cursor: default;
}

.creditcalculator .main_plan_loan {
  margin-bottom: 0.703125rem;
}

.creditcalculator .loan_title {
  font-size: 0.375rem;
  color: #000;
  width: 3.125rem;
  margin-bottom: 0.234375rem;
}

.creditcalculator .loan_list {
  width: 8.4375rem;
  height: 0.5625rem;
  background-color: #e5e5e5;
}

.creditcalculator .loan_item {
  width: 2.109375rem;
  height: 0.5625rem;
  border: 0.015625rem solid #e5e5e5;
  float: left;
  text-align: center;
  line-height: 0.5625rem;
  font-size: 0.375rem;
  cursor: pointer;
}

.creditcalculator .loan_item.on {
  border: 0.015625rem solid #000;
}

.creditcalculator .loan_item.lock {
  opacity: .5;
  cursor: default;
}

.creditcalculator .main_plan_mpay {
  border-bottom: 0.015625rem #000 solid;
  padding-bottom: 0.078125rem;
  margin-bottom: 0.390625rem;
}

.creditcalculator .mpay_title {
  font-size: 0.375rem;
  color: #000;
  float: left;
  width: 3.125rem;
}

.creditcalculator .mpay_num {
  font-size: 0.375rem;
  color: #000;
  float: right;
  width: 3.90625rem;
  text-align: right;
}

.creditcalculator .main_plan_minterest {
  border-bottom: 0.015625rem #000 solid;
  padding-bottom: 0.078125rem;
  margin-bottom: 0.390625rem;
}

.creditcalculator .minterest_title {
  font-size: 0.375rem;
  color: #000;
  float: left;
  width: 3.125rem;
}

.creditcalculator .minterest_num {
  font-size: 0.375rem;
  color: #000;
  float: right;
  width: 3.90625rem;
  text-align: right;
}

.creditcalculator .main_plan_interest_total {
  border-bottom: 0.015625rem #000 solid;
  padding-bottom: 0.078125rem;
  margin-bottom: 0.703125rem;
}

.creditcalculator .interest_total_title {
  font-size: 0.375rem;
  color: #000;
  float: left;
  width: 3.125rem;
}

.creditcalculator .interest_total_num {
  font-size: 0.375rem;
  color: #000;
  float: right;
  width: 3.90625rem;
  text-align: right;
}

.creditcalculator .go_td_btn {
  width: 8.4375rem;
  height: 0.6875rem;
  text-align: center;
  background-color: #d2d2d2;
  cursor: pointer;
  margin-bottom: 0.625rem;
}

.creditcalculator .go_td_btn a {
  text-decoration: none;
  color: #000;
  font-size: 0.375rem;
  line-height: 0.6875rem;
}

.creditcalculator .plan_hint {
  width: 8.4375rem;
  height: 1.921875rem;
  background: #eee;
  padding: 0.15625rem;
  font-size: 0.25rem;
}

/* 斯享家社区 */

.xiang .wrapper {
  padding-top: 0;
}

.xiang .title {
  border-bottom: 0.015625rem solid #dcdcdc;
  height: 1.25rem;
  line-height: 1.25rem;
  clear: both;
  zoom: 1;
  overflow: hidden;
  text-align: center;
  padding: 0 0.46875rem;
}

[data-dpr="1"] .xiang .title {
  font-size: 15px;
}

[data-dpr="2"] .xiang .title {
  font-size: 30px;
}

[data-dpr="3"] .xiang .title {
  font-size: 45px;
}

.xiang .title span {
  float: left;
  padding-top: 0.34375rem;
}

.xiang .title img {
  height: 0.5625rem;
  width: 0.5625rem;
}

.xiang h3 {
  width: 7.5rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 0.15625rem;
}

[data-dpr="1"] .xiang h3 {
  font-size: 16px;
}

[data-dpr="2"] .xiang h3 {
  font-size: 32px;
}

[data-dpr="3"] .xiang h3 {
  font-size: 48px;
}

.xiang .content {
  padding: 0.46875rem;
}

.xiang .content img {
  width: 5.40625rem;
  height: 5.40625rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.46875rem;
}

.xiang .content p {
  color: #646464;
}

[data-dpr="1"] .xiang .content p {
  font-size: 13px;
}

[data-dpr="2"] .xiang .content p {
  font-size: 26px;
}

[data-dpr="3"] .xiang .content p {
  font-size: 39px;
}

.xiang .content h4 {
  margin-top: 0.46875rem;
  text-align: center;
}

[data-dpr="1"] .xiang .content h4 {
  font-size: 16px;
}

[data-dpr="2"] .xiang .content h4 {
  font-size: 32px;
}

[data-dpr="3"] .xiang .content h4 {
  font-size: 48px;
}

/*20200706*/

.kkb {
  width: 6.71875rem;
  height: 1.515625rem;
  position: relative;
}

.kkb .t1 {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  z-index: 1;
  right: 0.625rem;
  top: 0.3125rem;
}

.kkb .t2 {
  position: absolute;
  z-index: 1;
  left: 0;
  top: -1.515625rem;
  display: none;
  width: 6.25rem;
}

.kkb .t3 {
  display: none;
  color: #1932c8;
}

[data-dpr="1"] .kkb .t3 {
  font-size: 13px;
}

[data-dpr="2"] .kkb .t3 {
  font-size: 26px;
}

[data-dpr="3"] .kkb .t3 {
  font-size: 39px;
}

.bbh {
  width: 6.25rem;
  height: 1.15625rem;
  border: 1px solid #6c6c6c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding-left: 0.15625rem;
}

[data-dpr="1"] .bbh {
  font-size: 14px;
}

[data-dpr="2"] .bbh {
  font-size: 28px;
}

[data-dpr="3"] .bbh {
  font-size: 42px;
}

.bluea {
  border: 0.015625rem solid #1932c8;
}

#swiper-container-carsvideo {
  height: 2.8125rem;
  margin-top: 0.3125rem;
}

#swiper-container-carsvideo .swiper-slide {
  padding: 0 0.46875rem;
}

#swiper-container-carsvideo img {
  display: block;
  margin: 0 auto;
  width: 90%;
}

#swiper-container-carsvideo p {
  color: #fff;
  text-align: center;
  line-height: 2;
}

[data-dpr="1"] #swiper-container-carsvideo p {
  font-size: 12px;
}

[data-dpr="2"] #swiper-container-carsvideo p {
  font-size: 24px;
}

[data-dpr="3"] #swiper-container-carsvideo p {
  font-size: 36px;
}

.brand-kv {
  width: 10rem;
}

.brand-kv img {
  width: 100%;
  display: block;
}

.video-wrapper {
  width: 10rem;
  height: 7.5rem;
  background: url(../../images/brand/1.jpg) no-repeat;
  background-size: cover;
  overflow: hidden;
}

.video-wrapper video {
  width: 8.90625rem;
  display: block;
  margin: 1.484375rem auto 0;
}

.brand-imgs {
  width: 10rem;
}

.brand-imgs img {
  width: 100%;
  display: block;
}

.brand-nav {
  width: 10rem;
  height: 1.09375rem;
  border-bottom: 0.015625rem solid #7b858e;
  position: relative;
  background: #fff;
}

.brand-nav li {
  position: absolute;
  height: 1.15625rem;
  width: 5rem;
}

.brand-nav li img {
  display: block;
  width: 2.53125rem;
  height: 1.15625rem;
  margin: 0 auto;
}

.brand-nav li.li1 {
  left: 0;
  top: 0;
}

.brand-nav li.li2 {
  right: 0;
  top: 0;
}

.brand-nav li img.new {
  width: 2.84375rem;
}

.fixedbrandnav {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 210;
}

.brand-info-list {
  width: 8.75rem;
  margin: 0.46875rem auto;
}

.brand-info-list ul li {
  background: #ececec;
  margin-bottom: 0.3125rem;
}

.brand-info-list ul li a {
  color: #000;
}

.brand-info-list ul li .simg {
  margin-bottom: 0.15625rem;
  display: block;
  width: 100%;
}

.brand-info-list ul li .title {
  padding: 0 0.3125rem 0.15625rem;
}

[data-dpr="1"] .brand-info-list ul li .title {
  font-size: 12px;
}

[data-dpr="2"] .brand-info-list ul li .title {
  font-size: 24px;
}

[data-dpr="3"] .brand-info-list ul li .title {
  font-size: 36px;
}

.brand-info-list ul li .txt1 {
  padding: 0 0.3125rem;
  line-height: 1.7;
}

[data-dpr="1"] .brand-info-list ul li .txt1 {
  font-size: 10px;
}

[data-dpr="2"] .brand-info-list ul li .txt1 {
  font-size: 20px;
}

[data-dpr="3"] .brand-info-list ul li .txt1 {
  font-size: 30px;
}

.brand-info-list ul li .source {
  padding: 0.15625rem 0.3125rem 0.15625rem;
  text-align: right;
}

[data-dpr="1"] .brand-info-list ul li .source {
  font-size: 7.5px;
}

[data-dpr="2"] .brand-info-list ul li .source {
  font-size: 15px;
}

[data-dpr="3"] .brand-info-list ul li .source {
  font-size: 22.5px;
}

.brand-info-detail {
  width: 8rem;
  margin: 0.46875rem auto;
}

.brand-info-detail .simg {
  margin-bottom: 0.15625rem;
  display: block;
  width: 100%;
}

.brand-info-detail .title {
  padding: 0 0.3125rem 0.15625rem;
  text-align: center;
}

[data-dpr="1"] .brand-info-detail .title {
  font-size: 13px;
}

[data-dpr="2"] .brand-info-detail .title {
  font-size: 26px;
}

[data-dpr="3"] .brand-info-detail .title {
  font-size: 39px;
}

.brand-info-detail .txt1 {
  line-height: 1.7;
}

[data-dpr="1"] .brand-info-detail .txt1 {
  font-size: 10px;
}

[data-dpr="2"] .brand-info-detail .txt1 {
  font-size: 20px;
}

[data-dpr="3"] .brand-info-detail .txt1 {
  font-size: 30px;
}

.brand-info-detail .txt1 img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.brand-info-detail .txt1 p {
  margin-bottom: 0.15625rem;
}

.wrapper2 {
  width: 10rem;
  margin: 0 auto;
  padding: 0;
}

.cycling .bga {
  position: relative;
}

.cycling .bg1 {
  width: 10rem;
  height: 14.765625rem;
  background: url(../../images/brand/cycling/bg1.jpg) no-repeat;
  background-size: cover;
}

.cycling .bg2 {
  width: 10rem;
  height: 13.28125rem;
  background: url(../../images/brand/cycling/bg2.jpg) no-repeat;
  background-size: cover;
}

.cycling .bg3 {
  width: 10rem;
  height: 17.875rem;
  background: url(../../images/brand/cycling/bg3.jpg) no-repeat;
  background-size: cover;
}

.cycling .bg4 {
  width: 10rem;
  height: 16.71875rem;
  background: url(../../images/brand/cycling/bg4.jpg) no-repeat;
  background-size: cover;
}

.cycling .bg5 {
  width: 10rem;
  height: 15rem;
  background: url(../../images/brand/cycling/bg5.jpg) no-repeat;
  background-size: cover;
}

.cycling .bg6 {
  width: 10rem;
  height: 15.9375rem;
  background: url(../../images/brand/cycling/bg6.jpg) no-repeat;
  background-size: cover;
}

.cycling .bg7 {
  width: 10rem;
  height: 10.21875rem;
  background: url(../../images/brand/cycling/bg7.jpg) no-repeat;
  background-size: cover;
}

.cycling .bg1 .tpp {
  position: absolute;
  width: 7.609375rem;
  height: 3.1875rem;
  left: 50%;
  top: 9.75rem;
  margin-left: -3.8125rem;
}

.cycling .bg1 .tpp .swiper-pagination1 {
  width: 7.609375rem;
}

.cycling .bg1 .tpp .swiper-pagination1 .swiper-pagination-bullet {
  margin: 0 0.078125rem;
  background: #000;
  opacity: .2;
}

.cycling .bg1 .tpp .swiper-pagination1 .swiper-pagination-bullet-active {
  margin: 0 0.078125rem;
  background: #000;
  opacity: .9;
}

.swiper-container1 .swiper-slide {
  width: 7.609375rem !important;
}

.swiper-container1 .swiper-slide img {
  width: 100%;
}

.cycling .bg2 .tpp {
  position: absolute;
  left: 1.125rem;
  top: 2.34375rem;
  width: 7.59375rem;
  height: 5.5rem;
}

.cycling .bg2 .tpp video {
  width: 100%;
  height: 100%;
}

.cycling .bg3 .tpp {
  position: absolute;
  width: 8.03125rem;
  left: 50%;
  top: 1.6875rem;
  margin-left: -4.015625rem;
}

.cycling .bg4 .tpp {
  position: absolute;
  width: 8.03125rem;
  left: 50%;
  top: 1.6875rem;
  margin-left: -4.015625rem;
}

.cycling .bg5 .tpp {
  position: absolute;
  width: 8.03125rem;
  left: 50%;
  top: 1.5625rem;
  margin-left: -4.015625rem;
}

.cycling .bg6 .tpp {
  position: absolute;
  width: 8.03125rem;
  left: 50%;
  top: 1.5625rem;
  margin-left: -4.015625rem;
}

.cycling .bg7 .tpp {
  position: absolute;
  width: 7.140625rem;
  height: 5.90625rem;
  left: 50%;
  top: 1.9375rem;
  margin-left: -3.578125rem;
}

.cycling .tpp .bigimg {
  margin-bottom: 0.3125rem;
}

.cycling .tpp .bigimg img {
  width: 100%;
  display: block;
}

.cycling .tpp .smallimg {
  width: 6.59375rem;
  margin: 0 auto;
  position: relative;
}

.cycling .tpp .smallimg img {
  width: 2.734375rem;
}

.cycling .swiper-button-prev {
  width: 0.375rem;
  height: 0.71875rem;
  background: url(../../images/brand/cycling/left.png) no-repeat;
  background-size: cover;
}

.cycling .swiper-button-next {
  width: 0.375rem;
  height: 0.71875rem;
  background: url(../../images/brand/cycling/right.png) no-repeat;
  background-size: cover;
}

.swiper-button-prev.swiper-button-prev-style2 {
  left: -0.46875rem;
}

.swiper-button-next.swiper-button-next-style2 {
  right: -0.46875rem;
}

.bvideo {
  width: 8.03125rem;
  height: 6.09375rem;
}

.handvideo {
  width: 7.609375rem;
  height: 3.1875rem;
}

.search-content {
  padding-top: 0.625rem;
}

.search_con .name {
  line-height: 1.5;
  color: #1d1f20;
  text-align: center;
  font-weight: bold;
}

[data-dpr="1"] .search_con .name {
  font-size: 15px;
}

[data-dpr="2"] .search_con .name {
  font-size: 30px;
}

[data-dpr="3"] .search_con .name {
  font-size: 45px;
}

.search_con .info {
  line-height: 1.5;
  color: #1d1f20;
  text-align: center;
  font-weight: bold;
  margin: 0.3125rem 0 0 0;
}

[data-dpr="1"] .search_con .info {
  font-size: 24px;
}

[data-dpr="2"] .search_con .info {
  font-size: 48px;
}

[data-dpr="3"] .search_con .info {
  font-size: 72px;
}

.search_con .notice {
  line-height: 1.5;
  color: #1d1f20;
  text-align: center;
  margin: 0.78125rem 0;
}

[data-dpr="1"] .search_con .notice {
  font-size: 16px;
}

[data-dpr="2"] .search_con .notice {
  font-size: 32px;
}

[data-dpr="3"] .search_con .notice {
  font-size: 48px;
}

.search-btn a {
  display: block;
  color: #0396d6;
  text-align: center;
  margin-bottom: 0.46875rem;
}

[data-dpr="1"] .search-btn a {
  font-size: 16px;
}

[data-dpr="2"] .search-btn a {
  font-size: 32px;
}

[data-dpr="3"] .search-btn a {
  font-size: 48px;
}

.search_con .search-btn input {
  width: 6.25rem;
  padding: 0;
  height: 1.09375rem;
  line-height: 1.09375rem;
  background: #f3f5f6;
  border: none;
  text-align: center;
  margin: 0 auto;
  display: block;
  border-radius: 0.078125rem;
  border: 0.015625rem solid #333;
}

[data-dpr="1"] .search_con .search-btn input {
  font-size: 12px;
}

[data-dpr="2"] .search_con .search-btn input {
  font-size: 24px;
}

[data-dpr="3"] .search_con .search-btn input {
  font-size: 36px;
}

.search_con .search-btn .btn {
  width: 4.6875rem;
  display: block;
  height: 0.9375rem;
  line-height: 0.9375rem;
  text-align: center;
  background: #009ada;
  color: #ffffff;
  border-radius: 0.078125rem;
  cursor: pointer;
  letter-spacing: 0.015625rem;
  margin: 0 auto 0.46875rem;
}

[data-dpr="1"] .search_con .search-btn .btn {
  font-size: 12px;
}

[data-dpr="2"] .search_con .search-btn .btn {
  font-size: 24px;
}

[data-dpr="3"] .search_con .search-btn .btn {
  font-size: 36px;
}

.search_con .search-btn .alert {
  clear: both;
  color: #ff0000;
  text-align: center;
  visibility: hidden;
  padding: 0.109375rem 0;
}

[data-dpr="1"] .search_con .search-btn .alert {
  font-size: 12px;
}

[data-dpr="2"] .search_con .search-btn .alert {
  font-size: 24px;
}

[data-dpr="3"] .search_con .search-btn .alert {
  font-size: 36px;
}

.search-step {
  width: 100%;
  padding: 0.78125rem 0;
  background: #f4f5f7;
}

.search-step img {
  width: 80%;
  display: block;
  margin: 0 auto;
}

.search-step .txt1 {
  color: #1d1f20;
  text-align: center;
  padding: 0.15625rem 0;
}

[data-dpr="1"] .search-step .txt1 {
  font-size: 24px;
}

[data-dpr="2"] .search-step .txt1 {
  font-size: 48px;
}

[data-dpr="3"] .search-step .txt1 {
  font-size: 72px;
}

.search-step .txt2 {
  color: #1d1f20;
  text-align: center;
  padding: 0.625rem 0;
}

[data-dpr="1"] .search-step .txt2 {
  font-size: 15px;
}

[data-dpr="2"] .search-step .txt2 {
  font-size: 30px;
}

[data-dpr="3"] .search-step .txt2 {
  font-size: 45px;
}

.search-result {
  padding: 1.5625rem 0;
}

.search-result .p1 {
  margin-bottom: 0.625rem;
  text-align: center;
}

[data-dpr="1"] .search-result .p1 {
  font-size: 24px;
}

[data-dpr="2"] .search-result .p1 {
  font-size: 48px;
}

[data-dpr="3"] .search-result .p1 {
  font-size: 72px;
}

.search-result .p2 {
  line-height: 1.5;
  color: #009ada;
  text-align: center;
  margin-bottom: 0.625rem;
}

[data-dpr="1"] .search-result .p2 {
  font-size: 15px;
}

[data-dpr="2"] .search-result .p2 {
  font-size: 30px;
}

[data-dpr="3"] .search-result .p2 {
  font-size: 45px;
}

.search-result .p3 {
  line-height: 1.5;
  text-align: center;
  color: #494a4e;
}

[data-dpr="1"] .search-result .p3 {
  font-size: 12px;
}

[data-dpr="2"] .search-result .p3 {
  font-size: 24px;
}

[data-dpr="3"] .search-result .p3 {
  font-size: 36px;
}

.search-result .xy-search {
  margin: 0.78125rem auto 0;
}

.search-result .search-again,
.search-result .user-search {
  width: 3.75rem;
  display: inline-block;
  height: 0.9375rem;
  line-height: 0.9375rem;
  text-align: center;
  background: #009ada;
  color: #ffffff;
  border-radius: 0.078125rem;
  cursor: pointer;
  letter-spacing: 0.015625rem;
  margin: 0 auto 0.46875rem;
}

[data-dpr="1"] .search-result .search-again,
[data-dpr="1"] .search-result .user-search {
  font-size: 12px;
}

[data-dpr="2"] .search-result .search-again,
[data-dpr="2"] .search-result .user-search {
  font-size: 24px;
}

[data-dpr="3"] .search-result .search-again,
[data-dpr="3"] .search-result .user-search {
  font-size: 36px;
}

.search-result .search-again {
  margin: 0 0.625rem 0 0.9375rem;
}

.search_kv img {
  width: 100%;
  display: block;
}

.search_content {
  min-height: 4.6875rem;
  max-width: 100%;
  width: 15.625rem;
  margin: 0 auto;
  padding: 0.46875rem;
  font-size: 0.21875rem;
  color: #a1a1a1;
}

.search_content .green {
  color: #198c25;
}

.search_tit {
  border-bottom: 0.015625rem solid #dfdfdf;
  padding-bottom: 0.015625rem solid #ccc;
  padding-bottom: 0.15625rem;
}

.search_input {
  width: 3.125rem;
  height: 0.5rem;
  background-color: #f3f3f3;
  line-height: 0.5rem;
  padding: 0.078125rem 0.15625rem;
}

.search_button {
  background: url(../../images/search/icon_s.gif) no-repeat left center;
  background-size: cover;
  width: 0.5625rem;
  height: 0.5rem;
  cursor: pointer;
}

.search_nav {
  list-style: none;
  padding-top: 0.078125rem;
}

.search_nav li {
  float: left;
  list-style: none;
  border-left: 0.015625rem solid #ccc;
  padding: 0 0.15625rem;
}

.search_nav li:first-child {
  border-left: none;
  padding-left: 0;
}

.search_nav li a {
  text-decoration: none;
  color: #a1a1a1;
  cursor: pointer;
}

.search_nav li.active a {
  color: #333;
}

.search_title {
  color: #999;
  font-size: 0.25rem;
  line-height: 1.5;
  padding: 0.234375rem 0 0.078125rem 0;
}

.search_result {
  min-height: 7.8125rem;
}

.search_result_list,
.search_result_list li {
  list-style: none;
}

.search_result_list li {
  background-color: #f2f2f2;
  padding: 0.3125rem;
  margin-bottom: 0.078125rem;
}

.search_result_list li .tit {
  padding-bottom: 0.15625rem;
}

.search_result_list li a {
  color: #a1a1a1;
  text-decoration: none;
}

.pager {
  text-align: right;
  font-size: 0.1875rem;
  line-height: 0.34375rem;
  height: 0.34375rem;
  vertical-align: top;
  padding-top: 0.15625rem;
}

.pager_list {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

.pager_list li,
.pager .arr {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 0.078125rem;
  cursor: pointer;
  font-size: 0.21875rem;
}

.pager .arr {
  background-image: url(../../images/search/arr_pager.png);
  background-repeat: no-repeat;
  background-position: center 0.09375rem;
  width: 0.3125rem;
  height: 0.34375rem;
}

.pager .arr_right {
  background-position: center -0.328125rem;
}

.pager_list li.active {
  color: #198c25;
}

.search_content .uppercase {
  text-transform: uppercase;
}

.search_content .detail_tit {
  font-size: 0.21875rem;
  color: #393939;
  border-bottom: 0.015625rem solid #dfdfdf;
  padding-bottom: 0.234375rem;
  margin-bottom: 0.3125rem;
}

.detail_content p {
  margin: 0.8em 0;
}

p.txtC {
  text-align: center;
  margin: 1.5em 0;
}

h3.recall_tit {
  font-size: 0.28125rem;
  line-height: 1.5em;
  color: #333;
  margin-bottom: 0.5em;
}

div.recall_content .config_bar {
  line-height: 0.5rem;
  font-size: 0.25rem;
  margin-bottom: 0.390625rem;
}

div.recall_content .config_bar .form_text {
  background-color: #f3f3f3;
  margin-right: 0.125rem;
  padding: 0.03125rem 0.078125rem;
  height: 0.5rem;
  width: 3.125rem;
}

div.recall_content .config_bar .form_submit {
  background-color: #606060;
  color: #fff;
  margin-right: 0.125rem;
  padding: 0 0.15625rem;
  height: 0.5rem;
  line-height: 0.5rem;
  cursor: pointer;
}

div.recall_content .config_bar .dis_trigger {
  cursor: pointer;
}

div.recall_content .tab_block {
  color: #8c8c8c;
  min-height: 7.8125rem;
}

div.recall_content .tab_block .tab_item {
  border-top: 0.015625rem solid #ccc;
  padding: 0 0.078125rem;
}

div.recall_content .tab_block .tab_tit {
  font-size: 0.25rem;
  line-height: 0.3125rem;
  padding: 0.1875rem 0 0.15625rem;
  cursor: pointer;
  color: #666;
}

div.recall_content .tab_block .tab_content {
  font-size: 0.21875rem;
  display: none;
}

div.recall_content .dis_trigger {
  display: block;
}

div.recall_content .pop_dis {
  display: none;
  position: absolute;
  padding: 0.359375rem 0 0 0;
}

div.recall_content .pop_dis del {
  position: absolute;
  top: 0;
}

div.recall_content .pop_dis .pop_dis_content {
  border: 0.015625rem solid #ccc;
}

div.recall_content .pop_dis .pop_dis_content img {
  display: block;
}

div.recall_content .vinResult {
  color: red;
  padding-left: 2.65625rem;
}

.findDealerBox {
  margin-top: 0.46875rem;
}

.title_wrap {
  height: 0.609375rem;
  line-height: 0.578125rem;
  margin-bottom: 0.3125rem;
}

[data-dpr="1"] .title_wrap {
  font-size: 8px;
}

[data-dpr="2"] .title_wrap {
  font-size: 16px;
}

[data-dpr="3"] .title_wrap {
  font-size: 24px;
}

.title_wrap .mtitle1 {
  float: left;
  padding-left: 0.78125rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGOEQ3MDZGNUUyNzExRTc5NDBBRjUzRUI0MjNEMDAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGOEQ3MDcwNUUyNzExRTc5NDBBRjUzRUI0MjNEMDAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REY4RDcwNkQ1RTI3MTFFNzk0MEFGNTNFQjQyM0QwMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REY4RDcwNkU1RTI3MTFFNzk0MEFGNTNFQjQyM0QwMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5P6sYZAAAJHklEQVR42rSXd1BUWRbGbxMUUERRFBUjWOaMOY4KKuoYVlEwoDO7yiLG0aky1cxi2DVnXXVFQBGEEbMYEHNGRDEjYgLFgNqgBAn7O69sioHWcv/YrnrVXf3uO+fc73zfd+7TnThxQn3tY2Zmpt69e6fu3Lmj6tSpo65fv272+PHjrp8+fXK7e/duB74d8vPzTSwtLVO5H1OuXLmjFStWPGZnZ/fR2tpaValSRdWvX1/xv2Kd8RzqOz7m5uYqIyOj4dmzZxfeuHGjf+nSpfOrVq0ao9PpzlJknqmpafWbN2+6Z2VlTahVq9Y5FxeXOba2tme+J7bZ9yR/8+ZNr9WrV/tTRMU+ffosr1SpUtDHjx/v1q5dW8e3rnnz5vmgVP3evXvuV65cmbVjx45jXl5e3vb29gEFBQXfjK87fvz4V29aWVmpJ0+eOPv6+h4pX778W09PzzFOTk6XHzx40PDIkSMj2H2zz58/m9aoUSOhbt26EQ4ODudfvHhROzIyMvD58+cdZ8+e7dmjR4/wUqVKfbUFugsXLhi/odMpgpedMWNGFAkd3d3dXbjiwsPD54aGhs42MTEx53rODiWyPfBbgs5GV1fXqdnZ2RU2btwYqdfrq2/durUThSXm5uYabwE9M3qjTJkyatu2bV5A2m7FihVeTZo0iYuOjvbbtGnTvEaNGh0C/qUQ7wZtyS1btmz9V69e/Y3ifHJycuzGjh07fPTo0b6LFi06HRYW9su0adN8MjMzjRdw7tw5o7sHXmsK+NnZ2Tl2wIABwbdu3eq2dOnSeRAsuEGDBj/FxcXlgJCgJPBeY8011JC8fft2v/bt2x/38PDYwpo/Dh8+PKx///5LUUSSrC1RAP0r8ScsV7dv36738OHDBlOmTFnIX3n+/v7eNjY2b2fOnPnr27dvc2C58ENbL/Cmp6erUaNG/Yt2DdyzZ493y5YtA5o2bRq2b98+DyTrTMwk2lSygN27dxtlflJSkhM/LbhigNEqNja2TYcOHY4Cd4okt7CwUImJiRq5WrVqpUT3JPjM7iPo/+/4i2Pjxo1jWJ998ODBpteuXQs3xgMzSVb8I6xF23Z5eXkF9DSZ4Dass2GXz7Zs2aIgmVYkElSgolCA+IT2H214wn3zChUqVBo6dOjDhQsX6inUHtQU8UoWAJlK/Cm7I+AnuGACyysB9RNc7yPEtBs/frzWovv376sNGzYomK6ePn2q8AYNDXZpjzrycdAPly9ftiVO2WrVqmXgCcYLEKs0xgES32RH2RDHtWHDhqdwvjh40RtkbCkmLTk5WduxJCWR6tWrl3r//r0JbvkjirnfsWPHhKioqMEfPnywnDRp0iXMShnjgInAWfwSQiHP28gthl7+pXXr1lbs/N8pKSnVV65cOU8Snjx5Uiv0i2IUvVZXr14df+nSpa6DBg3a1qZNmyxs25O5kMLv83iBErSLX2bIrERVYp8EzBozZoz/xIkTt+LzPyK/UKS2GROaCrxWOOMK4H1E8nyQqHbo0KGxeIRfly5donhuPWi1Ag1X3HM9RSQLR4z6AHAavQH5VM+ePXc7OjrOws0mkzwCPf8CQrkYkg98GALhHtDXPGRWB3QcOnXqtBeSygz4tGDBgkm0p2DgwIFbJBa8MJrHlP5ofSx+CWFgfzaEzA0ICPCGSHdheyysP4x3XCKoBSqoCicsGLfxFDufPvu1bdtWT9uc58+fv2bcuHH/6du3b6AgKm0ydukePXr01WEkcnz9+rUtM+AchWSh7+4k1UdERGi6xx3LiXFyBtCTpKBz586Kfit2H3b69Onee/fu7QCX7hgjX2EL8PA/WXDx8QnR0iZMmPBPhlIQtu01fPjwtZiNxnzap5cihbjdunVT9F+dOXOmN9NwGON4MS26wwHm2+P44sWLhcQrWoT0TGQm7gWBLOfMmROFO9bZv39/K2B+GR8fr8SUYL6CaEr8gYLM3dzcTsCHusHBwe0gcrLALDPA4AES35BPfpsyubRkzHFtV82aNZMDiBJk0LUS2+VckEvfU3bu3OkN9GYgcFQcUCwY4il0L8kVg+gn+OILWnO7du0aBT/Us2fPlIx82qW1VBJLTJT15xORVCgj06BrGTQMEsVU06Bl18fQd8i6desmQrYQentFnhF9C1JswH7NmjW/tWjRIhYT2paWlqZtKCQkRNWsWVNbJ636Mj0Lf5sU7X9RqUj1YskMEoX5KKSWD8y/wfhMxvTvrDWDfOrly5dKfB7If8UdHaZPnz4LomYsW7ZMQUIthhQo8Q2XIZ+W81snYnlQvlGCWr9+vewogQR+p06d6gsHhon7CfTwwDkwMPDvoBXI2mOya0FAnpdLNvM/HUrlIdyuM5cTD+cLMgI30vqMIiLpuSdw+2HRR7mfFhQU5Mf003fv3n0jTjmEVloTo+CLp5hQaCqzJPK7CpCDKBbqtmrVqnACWQmEQhyDSg4cODAeq52JKk5w8BiH6yWCQN/JfCimNMiE018TQzulCN4nFPKdCsFXf7MAScYAae/n57ezcuXKSfj/XCBOJ7kZl0521a5du1iGyGvu/cE4/gfP6CFlbL9+/QJYmz9ixAgXRnRpQU7yw3wdo3syB59VnKjfoJrgEgUIGQR2+ubI8NkBOzM5ennQz3g0XegNIiOg1tg7ZMiQBefPn+/HmqqLFy/25fSTzhFO3oKiZdcSz+AnOOkN2nloyZIlm5YvX/4CVUQXFiCLv0ijGg4WyvyuznvAAEZxPD3XSCYkkmBiSsIFOXxguTfZ2WKSOgwePPigSFgsV05JIjFZZyiAmKlIeBTkPMyMCGGuuICcZgQ6kUpqaqr15s2bd3F0cl27dq0HQcLF6eQSFRSVqhQsrRJ/wGpVQkKCktPOrl27tMSSsLilS+FiWLSqNYfcY5DyBUj3AbXnOo7N5jjcBgj115EjR/5MUH8sV3splQRFAxkCy7ccxeRELaNWXFPeI4pq3PCcFCQFyAsqO1d4xQ/MlD316tWL9fb2Hqbz8fGZD5nmQjo9s38XjmYudmsIVvx9wVCAoSWSoPisL1qA4bcgRzsLsOF0jMuNTdZmhIfJNLTF1x+zIIczfR/6bUoLCtT/56MDOVFHJoUk4qI2/xVgAFcDWGwaG4S8AAAAAElFTkSuQmCC") left top no-repeat;
  height: 0.78125rem;
  line-height: 0.78125rem;
  background-size: 0.625rem 0.625rem;
  margin-left: 0.3125rem;
}

[data-dpr="1"] .title_wrap .mtitle1 {
  font-size: 14px;
}

[data-dpr="2"] .title_wrap .mtitle1 {
  font-size: 28px;
}

[data-dpr="3"] .title_wrap .mtitle1 {
  font-size: 42px;
}

.map_p {
  position: relative;
  height: 9.75rem;
  overflow: hidden;
}

.map_wrap {
  height: 9.75rem;
  width: 100%;
  line-height: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
}

[data-dpr="1"] .map_wrap {
  font-size: 6px;
}

[data-dpr="2"] .map_wrap {
  font-size: 12px;
}

[data-dpr="3"] .map_wrap {
  font-size: 18px;
}

.map_wrap *,
.map_wrap *:after,
.map_wrap *:before {
  box-sizing: content-box;
  box-sizing: initial;
}

#store_map2 {
  display: none;
}

.mobile_body_wrap .map_side {
  background: none;
  position: absolute;
  left: 0;
  top: 9.375rem;
  width: 100%;
}

.mobile_body_wrap .select_wrap select {
  background: #fff;
  width: 9.0625rem;
  height: 0.96875rem;
}

[data-dpr="1"] .mobile_body_wrap .select_wrap select {
  border: 0.5px solid #78767b;
}

[data-dpr="2"] .mobile_body_wrap .select_wrap select {
  border: 1px solid #78767b;
}

[data-dpr="3"] .mobile_body_wrap .select_wrap select {
  border: 1.5px solid #78767b;
}

.mobile_body_wrap .map_side_inner {
  margin: 0 auto;
  width: 9.0625rem;
}

.mobile_body_wrap .map_control {
  max-width: 9.0625rem;
  margin: 0 auto;
}

.mobile_body_wrap .map_control .item {
  margin-bottom: 0.3125rem;
}

.store_list_wrap {
  width: 100%;
}

.store_list {
  width: 9.0625rem;
  margin: 0 auto;
}

.store_list li {
  width: 9.0625rem;
  border-bottom: 0.015625rem dashed #777777;
  padding-bottom: 0.15625rem;
}

[data-dpr="1"] .media_infoWindow {
  font-size: 8px;
}

[data-dpr="2"] .media_infoWindow {
  font-size: 16px;
}

[data-dpr="3"] .media_infoWindow {
  font-size: 24px;
}

.map_wrap .media_infoWindow {
  width: 5.828125rem!important;
}

.media_infoWindow .font_13 {
  margin-bottom: 0.15625rem;
  padding-top: 0.3125rem;
}

[data-dpr="1"] .media_infoWindow .font_13 {
  font-size: 11.5px;
}

[data-dpr="2"] .media_infoWindow .font_13 {
  font-size: 23px;
}

[data-dpr="3"] .media_infoWindow .font_13 {
  font-size: 34.5px;
}

.media_infoWindow .d_address {
  padding-left: 0.46875rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjg0Q0ZENTdDODExRTc5RThEODk2Mjg1RjFCNDI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjg0Q0ZFNTdDODExRTc5RThEODk2Mjg1RjFCNDI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGODRDRkI1N0M4MTFFNzlFOEQ4OTYyODVGMUI0MjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGODRDRkM1N0M4MTFFNzlFOEQ4OTYyODVGMUI0MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7UCrqeAAABS0lEQVR42oySvy4EURTGZ2cR/yPb8AK8xEbhITYSQbkSFDQyhcKqplFS8Ahb6qxCaBUSodsoNtFoUDDW7o7fsd/dXLtTOMlvztx7v+/cO2duLk3TwCKKopBUgyX4DLrRhBtYj+P41SZyZkBc4P0B5oK/8Q1W8QOKmB5DLVzBbDAYwzAC46ah8Gg+SZJ9Bsu2GzzDEWzBCbzAAszIODHEY1tii1O2rXg7VKhq+QDaUArldlHNOJabs2+ZDvVh/wnrXNsM19DSZClD6Obs+Hf22IF7bVnWmaueuKxTjMGh+w+XDBbViaz4ggYNmXf/YUO55Yk6ytadPGza4NeAs0668Nob6L2j6rdoaj2DYk2LTc/wpuorTtQz6HLtSZiKSThj7WnAINMxqa6d3sGK7PqaMKMjq+r5lN0piviN6F7v/qDN56QC4mL/2o8AAwArJWiZA2q19gAAAABJRU5ErkJggg==") left center no-repeat;
  margin-bottom: 0.078125rem;
}

[data-dpr="1"] .media_infoWindow .d_address {
  font-size: 8px;
}

[data-dpr="2"] .media_infoWindow .d_address {
  font-size: 16px;
}

[data-dpr="3"] .media_infoWindow .d_address {
  font-size: 24px;
}

.media_infoWindow .d_tel {
  padding-left: 0.46875rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2RDg4OTZDNTdDODExRTc5RThEODk2Mjg1RjFCNDI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU2RDg4OTZENTdDODExRTc5RThEODk2Mjg1RjFCNDI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGODRDRkY1N0M4MTFFNzlFOEQ4OTYyODVGMUI0MjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGODREMDA1N0M4MTFFNzlFOEQ4OTYyODVGMUI0MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5yzEKzAAABFUlEQVR42mIsLy+XZGBgmA/E7kC8H4h9Ojo6vjEQAZiA+C4Q3wLii0DsCMRbKioquIjVzAnEuUB8FIhPAbECEAsRqxkGsoB4CRAbAp39hFTNL4F4EVDjRwYiAUgzzJbLpGiEaW6FspUZSAQgzbOhAaUIDOUAkjQDnfoXSEcA8XsgngE0QAGfBqA8I0qAAQ24D6Q8gZgPlFCACrRxaGwGUjeBtAyIz/j//39kSUtQIoHGfT8QzwUafA8oDgqPSCDWAeJwaCA7omiGGqAIpDYAsR5U6BcQs0HZB6BRCjLgKVwz1C8sQMwMxKBwKAXiaiBGT6qg9H8DZDiGzVCD2IGULBB/gtqSCMQGIG8CMSh8QoH4FUCAAQBIz1R6eGptBQAAAABJRU5ErkJggg==") left center no-repeat;
  margin-bottom: 0.15625rem;
}

[data-dpr="1"] .media_infoWindow .d_tel {
  font-size: 8px;
}

[data-dpr="2"] .media_infoWindow .d_tel {
  font-size: 16px;
}

[data-dpr="3"] .media_infoWindow .d_tel {
  font-size: 24px;
}

.yy {
  width: 2.890625rem;
  height: 0.625rem;
  background: #777777 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRDNEZFN0ZENThDQjExRTc5RDMwQ0E5NDNGNzMxNTcwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRDNEZFN0ZFNThDQjExRTc5RDMwQ0E5NDNGNzMxNTcwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEM0RkU3RkI1OENCMTFFNzlEMzBDQTk0M0Y3MzE1NzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEM0RkU3RkM1OENCMTFFNzlEMzBDQTk0M0Y3MzE1NzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZoSadAAAAtUlEQVR42mL4////aiCOBWIGQhhEGALxdSBeAsR8+BQzMTAwnAdiYyD+DsTngNiMARdA0x0KxK+AuBKImbA5Ax3LAfFhIN4LxNKEFIMwMxDXA/ELIPYjpBiGbYD4ARBPBdnCCNaBHygA8UUgvkvIZGuoydNAJhPjZn+YOAsWa+WAeDEQ/4WG/1Nc4RwMDecqfOHMBcSzgfguEJvji259ID4LxJxAbAjEJ/FF91ogjiMm1QEEGAAbJIgGmV25sgAAAABJRU5ErkJggg==") 2.1875rem center no-repeat;
  color: #fff;
  text-decoration: none;
  display: block;
  float: right;
  text-align: center;
  line-height: 0.625rem;
  padding-right: 0.3125rem;
}

[data-dpr="1"] .yy {
  font-size: 10px;
}

[data-dpr="2"] .yy {
  font-size: 20px;
}

[data-dpr="3"] .yy {
  font-size: 30px;
}

.qj {
  width: 2.890625rem;
  height: 0.625rem;
  background: #777777 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRDNEZFN0ZENThDQjExRTc5RDMwQ0E5NDNGNzMxNTcwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRDNEZFN0ZFNThDQjExRTc5RDMwQ0E5NDNGNzMxNTcwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEM0RkU3RkI1OENCMTFFNzlEMzBDQTk0M0Y3MzE1NzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEM0RkU3RkM1OENCMTFFNzlEMzBDQTk0M0Y3MzE1NzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZoSadAAAAtUlEQVR42mL4////aiCOBWIGQhhEGALxdSBeAsR8+BQzMTAwnAdiYyD+DsTngNiMARdA0x0KxK+AuBKImbA5Ax3LAfFhIN4LxNKEFIMwMxDXA/ELIPYjpBiGbYD4ARBPBdnCCNaBHygA8UUgvkvIZGuoydNAJhPjZn+YOAsWa+WAeDEQ/4WG/1Nc4RwMDecqfOHMBcSzgfguEJvji259ID4LxJxAbAjEJ/FF91ogjiMm1QEEGAAbJIgGmV25sgAAAABJRU5ErkJggg==") 2.1875rem center no-repeat;
  color: #fff;
  text-decoration: none;
  display: block;
  float: right;
  text-align: center;
  line-height: 0.625rem;
  padding-right: 0.3125rem;
  margin-right: 0.15625rem;
}

[data-dpr="1"] .qj {
  font-size: 10px;
}

[data-dpr="2"] .qj {
  font-size: 20px;
}

[data-dpr="3"] .qj {
  font-size: 30px;
}

.map_wrap .yy {
  width: 1.5625rem;
  background: #777777 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRDNEZFN0ZENThDQjExRTc5RDMwQ0E5NDNGNzMxNTcwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRDNEZFN0ZFNThDQjExRTc5RDMwQ0E5NDNGNzMxNTcwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEM0RkU3RkI1OENCMTFFNzlEMzBDQTk0M0Y3MzE1NzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEM0RkU3RkM1OENCMTFFNzlEMzBDQTk0M0Y3MzE1NzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZoSadAAAAtUlEQVR42mL4////aiCOBWIGQhhEGALxdSBeAsR8+BQzMTAwnAdiYyD+DsTngNiMARdA0x0KxK+AuBKImbA5Ax3LAfFhIN4LxNKEFIMwMxDXA/ELIPYjpBiGbYD4ARBPBdnCCNaBHygA8UUgvkvIZGuoydNAJhPjZn+YOAsWa+WAeDEQ/4WG/1Nc4RwMDecqfOHMBcSzgfguEJvji259ID4LxJxAbAjEJ/FF91ogjiMm1QEEGAAbJIgGmV25sgAAAABJRU5ErkJggg==") 1.5625rem center no-repeat;
}

.map_wrap .qj {
  width: 1.5625rem;
  background: #777777 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRDNEZFN0ZENThDQjExRTc5RDMwQ0E5NDNGNzMxNTcwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRDNEZFN0ZFNThDQjExRTc5RDMwQ0E5NDNGNzMxNTcwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEM0RkU3RkI1OENCMTFFNzlEMzBDQTk0M0Y3MzE1NzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEM0RkU3RkM1OENCMTFFNzlEMzBDQTk0M0Y3MzE1NzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZoSadAAAAtUlEQVR42mL4////aiCOBWIGQhhEGALxdSBeAsR8+BQzMTAwnAdiYyD+DsTngNiMARdA0x0KxK+AuBKImbA5Ax3LAfFhIN4LxNKEFIMwMxDXA/ELIPYjpBiGbYD4ARBPBdnCCNaBHygA8UUgvkvIZGuoydNAJhPjZn+YOAsWa+WAeDEQ/4WG/1Nc4RwMDecqfOHMBcSzgfguEJvji259ID4LxJxAbAjEJ/FF91ogjiMm1QEEGAAbJIgGmV25sgAAAABJRU5ErkJggg==") 1.5625rem center no-repeat;
}

.td_title_wrap {
  height: 0.609375rem;
  line-height: 0.578125rem;
  margin-bottom: 0.3125rem;
  margin-top: 0.46875rem;
}

[data-dpr="1"] .td_title_wrap {
  font-size: 8px;
}

[data-dpr="2"] .td_title_wrap {
  font-size: 16px;
}

[data-dpr="3"] .td_title_wrap {
  font-size: 24px;
}

.td_title_wrap .td_title {
  float: left;
  padding-left: 0.78125rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDFhNzg0OS0xMDFjLTQ3OTItOTYxYi04ZTNlZTk0NGQ4ZTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODMwNUFERkU1RjFDMTFFN0E3NDJBQkE4RjJBNEFFQkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODMwNUFERkQ1RjFDMTFFN0E3NDJBQkE4RjJBNEFFQkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZhZmMxM2M0LWEzMTktNGVkNy05NWQ3LWJhZmFkNGUzZjEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjI1NjIyZmQ4LTgzN2YtMTE3YS05NDI5LWQxYjk2NjUzN2ZmOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhLDGRcAAAVVSURBVHjapJhpbBVVGIa7Rlqxim0pm2CopAQsqAGsIi1oLOJS9xilqKBGRUSNIohQoxIUDdEIEX+4oBaXaNyoomAESkBEaxCrCdalKLalVgqIiKkF3zd5xkzG23svcJInc2fmzDnf+bbznZt68ODBFLe8vLyUBC1NlIpyUSKKRE+RITxIi2gQn4oPRW1bW9uBlCRaahJCdBfTxG2iX0ry7RexSCyRMHuPRIhKsZAVu+0S74m14ivRJP4SWaKvGCbKxMXiWL6xhu6UIK8fqhDZ4nlxFfc/inniFfF38K3IRVN/aJLfg481VjddrhZzxEAevyimqt++ZITwj/fFKNEpHhILmHwA2pkghojfxA5xnDgeYVeIlzXZdoSZLe7Hp9aLC/RudzwhrIFPxOmo3mqtFQXiEXGJeEm8w4AdEce1OS4XU3DO+zRhq8Yexzc5fFce1khaRDPPhQQoRYDzxJfiV3Gi7SvWRARIcSSIzWIuJrBW6iTAeD1bzXh7xGjxTFeamKhLNSY4GwEqUeeV4pt4Hq6J/vdMYw5BAw/q/TI08jGLv0bPXv1PCL3sToz3Eg/gB9ZAlbhQ7EwUj7GEQBA770oxS31W6d5jz8WXTnL4BkLM0IPHxPdiKI5m5xyfjADxhECQPrp8JKyJvWh1ID7zaGpubq5V85PoLyaLpYSnVbUqNNZwcYYoFicTRZ04237yRbOoF5vFBk3QGBLEJh2nZ1P1ezJz2M/6W4gx2H8X5ihAgNE46XX8bqDfFvEdSehAJLfYcQfzXRlJrMYhK7bi4Dbzbr53QjsnA5W7vUsusDP+Iz4jI1ri6TyLZw6H3LfwFqsvwKmrWaQTWqX6LtQ7z3etc45NcSbjrOZ6vsfENJeK5YkEiCPYDrFYjHCEEBUTeL2W6yg/HMTN16Riq/QKVhSvWf1PiI2+amXZCQRah9aDNL6Fa5GF6M1NE3tBM1tzoraAft5fMrlPpBknuP0S+Bic0i3fPpHOzX5C888ktT0GJ7ODzSekk2k72WeC/SMtLeThWcRwVpKDWb0z2MLvpZhJpmVH5unMwAldLzih1GGeU0JSb4+EYtBmkuDsuBsQKFaiSicHBfWF00C7OJX75gzityc7oIX4mb3fHY/GUddg8y9C4++j4oqZMTX5WWiohM2slbEavdnp/TC6Ntgcm7gp47qCuB4rRooTqKbe6Gq1MVb/sC7Pspi+mrREVHD/Ad3Gct3gjHkuG0w7puhNx2LSctB60G8RNUXMvUMCTKfuqAjXlnqeSjqvwJlbCITSNIqYFiZxdmtEOzdF5mln8PnsG7E0YNvf5TwTo7h18qvT823exhHApl8f7KJVZLStaCAvqIDYWcPtSZx5XlQTGsfJq0m/H48IV4SZSwhN76KF9hn3DSqrpxjYne8hYd0h3nYyiQixTFzUhTtcxvuwAP3IIbe61COqCtH+kmhldb0uL1C2lZKOb0S9tuMPjJuJwD0ioWvt1WuiXiEBhrKLzqGyKsX8DttJelYdrTGXEgGZxP5gPHwmJdntnLY68I+ciBb6sjpPniGmYYKbEaCYndoCvBYIEKvQdZX8Oatahw1rKGZOo2CZ3UVWtffnaLJZ9HP/kZpsJRqoxRldItyQ6NyRT4iOYNVVnMI6OHdMZLsfwLljD1rpQ2TVcO7YpjGPQpNVaGAT5462wzmBOWqcgN6MnMDyyKre/FqDAzCTByewQvr7GDgl2RNYuE1CC/mhvWQ5BVB96CzaDZ8YTuatQPUppOu7wz5wOKdyD3YLJV7vQzyVPy0WH+mpPNzSWWU5JeEgiuJUyr9WzLaR9J70/xP/CjAAqrEguCVNgNIAAAAASUVORK5CYII=") left center no-repeat;
  height: 0.78125rem;
  line-height: 0.78125rem;
  background-size: 0.625rem 0.625rem;
  margin-left: 0.3125rem;
}

[data-dpr="1"] .td_title_wrap .td_title {
  font-size: 14px;
}

[data-dpr="2"] .td_title_wrap .td_title {
  font-size: 28px;
}

[data-dpr="3"] .td_title_wrap .td_title {
  font-size: 42px;
}

#swiper-container-td {
  width: 10rem;
  height: 4.453125rem;
}

#swiper-container-td .swiper-slide {
  width: 10rem;
}

#swiper-container-td .swiper-slide img {
  width: 100%;
}

.td_form {
  width: 10rem;
  margin: 0 auto;
}

.td_form_wrap {
  width: 9.0625rem;
  margin: 0 auto;
}

.td_item {
  width: 9.0625rem;
  height: 0.921875rem;
  margin-bottom: 0.15625rem;
}

.td_item_label {
  width: 2.1875rem;
  margin-right: 0.15625rem;
  float: left;
  height: 0.921875rem;
  line-height: 0.921875rem;
}

[data-dpr="1"] .td_item_label {
  font-size: 12px;
}

[data-dpr="2"] .td_item_label {
  font-size: 24px;
}

[data-dpr="3"] .td_item_label {
  font-size: 36px;
}

.te_item_is {
  width: 100%;
  height: 0.9375rem;
}

.td_border {
  border: 1px solid #777777;
}

.te_item_is input {
  width: 100%;
  height: 0.859375rem;
  border: 0;
  padding: 0 0.078125rem;
  padding-left: 0.15625rem;
  background: none;
}

[data-dpr="1"] .te_item_is input {
  font-size: 12px;
}

[data-dpr="2"] .te_item_is input {
  font-size: 24px;
}

[data-dpr="3"] .te_item_is input {
  font-size: 36px;
}

.te_item_is select {
  width: 100%;
  height: 0.859375rem;
  border: 0;
  padding: 0 0.078125rem;
  background: none;
}

[data-dpr="1"] .te_item_is select {
  font-size: 12px;
}

[data-dpr="2"] .te_item_is select {
  font-size: 24px;
}

[data-dpr="3"] .te_item_is select {
  font-size: 36px;
}

.car_se_16new {
  width: 100%;
  text-align: center;
}

.td_list_wrap {
  min-height: 0.421875rem;
  max-height: 4.6875rem;
  height: auto;
  padding-top: 0.15625rem;
}

#store_info {
  min-height: 0.890625rem;
  max-height: 4.6875rem;
  height: auto;
  display: none;
}

#store_info .td_item {
  height: auto;
}

#store_list1 {
  display: none;
}

.province_se {
  width: 4.4375rem;
  height: 0.9375rem;
  float: left;
  margin-right: 0.15625rem;
}

.city_se {
  width: 4.4375rem;
  height: 0.9375rem;
  float: left;
}

.td_item .d_dname {
  display: none;
}

.td_item .d_address {
  padding-left: 0.46875rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBRjg0Q0ZENTdDODExRTc5RThEODk2Mjg1RjFCNDI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBRjg0Q0ZFNTdDODExRTc5RThEODk2Mjg1RjFCNDI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGODRDRkI1N0M4MTFFNzlFOEQ4OTYyODVGMUI0MjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGODRDRkM1N0M4MTFFNzlFOEQ4OTYyODVGMUI0MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7UCrqeAAABS0lEQVR42oySvy4EURTGZ2cR/yPb8AK8xEbhITYSQbkSFDQyhcKqplFS8Ahb6qxCaBUSodsoNtFoUDDW7o7fsd/dXLtTOMlvztx7v+/cO2duLk3TwCKKopBUgyX4DLrRhBtYj+P41SZyZkBc4P0B5oK/8Q1W8QOKmB5DLVzBbDAYwzAC46ah8Gg+SZJ9Bsu2GzzDEWzBCbzAAszIODHEY1tii1O2rXg7VKhq+QDaUArldlHNOJabs2+ZDvVh/wnrXNsM19DSZClD6Obs+Hf22IF7bVnWmaueuKxTjMGh+w+XDBbViaz4ggYNmXf/YUO55Yk6ytadPGza4NeAs0668Nob6L2j6rdoaj2DYk2LTc/wpuorTtQz6HLtSZiKSThj7WnAINMxqa6d3sGK7PqaMKMjq+r5lN0piviN6F7v/qDN56QC4mL/2o8AAwArJWiZA2q19gAAAABJRU5ErkJggg==") left center no-repeat;
  margin-bottom: 0.078125rem;
  width: 6.71875rem;
}

[data-dpr="1"] .td_item .d_address {
  font-size: 8px;
}

[data-dpr="2"] .td_item .d_address {
  font-size: 16px;
}

[data-dpr="3"] .td_item .d_address {
  font-size: 24px;
}

.td_item .d_tel {
  padding-left: 0.46875rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2RDg4OTZDNTdDODExRTc5RThEODk2Mjg1RjFCNDI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU2RDg4OTZENTdDODExRTc5RThEODk2Mjg1RjFCNDI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFGODRDRkY1N0M4MTFFNzlFOEQ4OTYyODVGMUI0MjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGODREMDA1N0M4MTFFNzlFOEQ4OTYyODVGMUI0MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5yzEKzAAABFUlEQVR42mIsLy+XZGBgmA/E7kC8H4h9Ojo6vjEQAZiA+C4Q3wLii0DsCMRbKioquIjVzAnEuUB8FIhPAbECEAsRqxkGsoB4CRAbAp39hFTNL4F4EVDjRwYiAUgzzJbLpGiEaW6FspUZSAQgzbOhAaUIDOUAkjQDnfoXSEcA8XsgngE0QAGfBqA8I0qAAQ24D6Q8gZgPlFCACrRxaGwGUjeBtAyIz/j//39kSUtQIoHGfT8QzwUafA8oDgqPSCDWAeJwaCA7omiGGqAIpDYAsR5U6BcQs0HZB6BRCjLgKVwz1C8sQMwMxKBwKAXiaiBGT6qg9H8DZDiGzVCD2IGULBB/gtqSCMQGIG8CMSh8QoH4FUCAAQBIz1R6eGptBQAAAABJRU5ErkJggg==") left center no-repeat;
  margin-bottom: 0.15625rem;
}

[data-dpr="1"] .td_item .d_tel {
  font-size: 8px;
}

[data-dpr="2"] .td_item .d_tel {
  font-size: 16px;
}

[data-dpr="3"] .td_item .d_tel {
  font-size: 24px;
}

.td_submit {
  color: #fff;
  background: #d9d9d9;
  width: 100%;
  height: 1.359375rem;
  text-align: center;
  line-height: 1.359375rem;
}

[data-dpr="1"] .td_submit {
  font-size: 15px;
}

[data-dpr="2"] .td_submit {
  font-size: 30px;
}

[data-dpr="3"] .td_submit {
  font-size: 45px;
}

.sb_form_wrap {
  width: 100%;
  height: 1.359375rem;
  border-bottom: 0.015625rem solid #b1b1b1;
  box-shadow: 0 -0.15625rem 0.3125rem #ccc;
}

.sb_form_wrap .sbstytxt {
  float: left;
  width: 62%;
  height: 1.359375rem;
  line-height: 1.359375rem;
  text-align: center;
  position: relative;
}

.sb_form_wrap .sbsute {
  float: right;
  width: 37.5%;
  height: 1.359375rem;
  line-height: 1.359375rem;
}

.sen {
  background: #7d868e;
}

.te_item_is input::-webkit-input-placeholder {
  color: #000;
}

.te_item_is input::-moz-input-placeholder {
  color: #000;
}

.te_item_is input::-ms-input-placeholder {
  color: #000;
}

#popyinsi * {
  line-height: 1.5;
}

[data-dpr="1"] #popyinsi * {
  font-size: 12px;
}

[data-dpr="2"] #popyinsi * {
  font-size: 24px;
}

[data-dpr="3"] #popyinsi * {
  font-size: 36px;
}

#popyinsi {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  padding: 0.46875rem;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  display: none;
}

#popyinsi .close {
  position: absolute;
  right: 0.46875rem;
  top: 0.46875rem;
  z-index: 11;
}

#popyinsi strong {
  font-weight: bold;
}

#popyinsi .asdasd {
  font-weight: bold;
}

[data-dpr="1"] #popyinsi .asdasd {
  font-size: 16px;
}

[data-dpr="2"] #popyinsi .asdasd {
  font-size: 32px;
}

[data-dpr="3"] #popyinsi .asdasd {
  font-size: 48px;
}

[data-dpr="1"] .fz24 {
  font-size: 12px;
}

[data-dpr="2"] .fz24 {
  font-size: 24px;
}

[data-dpr="3"] .fz24 {
  font-size: 36px;
}

/*input#agree{ width:auto; height:34px; margin-right:0px; float:left;  display:block; padding-right:30px; border: 1px solid #000;  }*/

input#agree {
  -webkit-transform: scale(1);
  transform: scale(1);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.21875rem 0 0 -2.578125rem;
  width: 0.46875rem;
  height: 0.46875rem;
  display: block;
}

.td_item2 {
  width: 9.0625rem;
  height: 0.453125rem;
  margin-bottom: 0.15625rem;
}

#agga {
  color: #d8623a;
}

[data-dpr="1"] #agga {
  font-size: 12px;
}

[data-dpr="2"] #agga {
  font-size: 24px;
}

[data-dpr="3"] #agga {
  font-size: 36px;
}

a {
  color: #000;
}

/* subnav */

.subnavbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
  -webkit-box-shadow: 0 0.03125rem 0.03125rem #aaa;
}

.subnavbox .subnavtop {
  background: #fff;
  border-bottom: solid 0.015625rem #dadada;
  height: 1.015625rem;
  position: relative;
}

.subnavbox .subnavtop h3 {
  background: url(../../images/karoq/karoq-logo.png?t=20180322) 0 0 no-repeat;
  width: 1.90625rem;
  height: 0.375rem;
  background-size: 100% 100%;
  text-indent: -1562.484375rem;
  position: absolute;
  left: 0.4375rem;
  top: 0.328125rem;
}

.subnavbox .subnavtop .arrows {
  background: url(../../images/karoq/subnav-arrows.png) 0 0 no-repeat;
  width: 0.375rem;
  height: 0.375rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4375rem;
  top: 0.3125rem;
}

.subnavbox .subnavtop .testdriver {
  background: url(../../images/karoq/navtestdriver.png) 0 0 no-repeat;
  width: 2.078125rem;
  height: 0.625rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4375rem;
  top: 0.1875rem;
}

.subnavbox .subnavtop .arrows2 {
  -webkit-transform: rotate(0deg);
}

.subnavbox .subnavlist {
  padding: 0 0.5625rem;
  background: url(../../images/karoq/subnav-bg.png) 0 0;
  border-bottom: solid 0.015625rem #dadada;
  display: none;
}

.subnavbox .subnavlist ul {
  padding: 0.15625rem 0;
}

.subnavbox .subnavlist ul li {
  padding: 0 0.34375rem;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.359375rem;
}

.subnavbox .subnavlist ul li span {
  color: #d86629;
}

.subnavbox .subnavlist ul li a {
  display: block;
}

.subnavbox .subnavlist p {
  border-top: solid 0.015625rem #dadada;
  height: 0.96875rem;
  line-height: 0.96875rem;
  padding: 0 0.515625rem;
  font-size: 0.359375rem;
}

/* kv */

.kvbox {
  background: #fafafa;
  position: relative;
  width: 100%;
  height: 8.421875rem;
}

.kvbox img {
  width: 100%;
}

.karoq .ses {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 2.734375rem;
  top: 2.03125rem;
}

.karoq .se1 {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: se_anim 3s infinite;
  opacity: 0;
  z-index: 10;
}

.karoq .se2 {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: se_anim 3s infinite;
  opacity: 0;
  z-index: 10;
}

.karoq .te {
  width: 0.84375rem;
  height: 0.703125rem;
  position: absolute;
  left: 2.8125rem;
  top: 2.125rem;
  animation: se_anim2 3s infinite;
  z-index: 12;
}

.karoq .tra_area {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0.5rem;
  top: 1.875rem;
  z-index: 99;
}

.karoq .tra {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.karoq .trae {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  animation: se_anim2 3s infinite;
}

@keyframes se_anim {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  30% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  32% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  99% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
  }
}

@keyframes se_anim2 {
  0% {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
  }

  30% {
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  100% {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
  }
}

.area1 {
  width: 10rem;
  background-color: #fafafa;
}

.area1 img {
  width: 100%;
}

/* txtbox */

.txtbox {
  text-align: center;
  padding: 1.09375rem 0 0.625rem;
  background: #fafafa;
}

.txtbox h3 {
  font-size: 0.5rem;
  padding: 0 0 0.3125rem;
}

.txtbox p {
  font-size: 0.28125rem;
  line-height: 1.6;
}

.txtbox ul {
  width: 6.015625rem;
  margin: 0 auto;
}

.txtbox ul li {
  width: 50%;
  float: left;
}

.txtbox ul li h5 {
  font-size: 0.625rem;
  color: #d86629;
  line-height: 1.2;
}

.txtbox ul li p {
  font-size: 0.34375rem;
  color: #615f5f;
}

.txtbox .lineb {
  border-bottom: solid 0.015625rem #e5e5e5;
}

.txtbox .linel {
  border-left: solid 0.015625rem #e5e5e5;
}

.txtbox .tone {
  margin: 0.46875rem 0;
}

/* video */

.videobox img {
  width: 100%;
}

.titlebox {
  text-align: center;
  padding: 1.09375rem 0 0.546875rem;
}

.titlebox p {
  font-size: 0.34375rem;
}

.titlebox h3 {
  font-size: 0.40625rem;
  margin: 0.125rem 0 0;
}

.titlebox .lines {
  width: 0.859375rem;
  height: 0.09375rem;
  background: #434040;
  display: block;
  margin: 0.234375rem auto 0;
}

/* exteriorbox */

.exteriorbox,
.interiorbox {
  padding: 0 0 1.953125rem;
  position: relative;
}

#swiper-exterior .eimg {
  background: url(../../images/karoq/exterior-bg.png) center 0 no-repeat;
  background-size: 100% 100%;
}

#swiper-exterior .eimg img {
  width: 100%;
}

#swiper-exterior .swiper-button-prev,
#swiper-exterior .swiper-button-next {
  width: 0.75rem;
  height: 0.734375rem;
  background-size: 100% 100%;
  top: 28%;
}

#swiper-exterior .swiper-button-prev {
  background-image: url(../../images/karoq/btn1-prev.png);
  left: 0.4375rem;
}

#swiper-exterior .swiper-button-next {
  background-image: url(../../images/karoq/btn1-next.png);
  right: 0.4375rem;
}

.area4_360lk {
  width: 10rem;
  height: 0.5625rem;
  position: absolute;
  left: 0;
  top: 10.3125rem;
  z-index: 50;
}

.area4_360lk_btn {
  width: 3.03125rem;
  height: 0.9375rem;
  margin: 0 auto;
}

.area4_360lk_btn img {
  width: 100%;
}

.iconbox li {
  float: left;
  font-size: 0.234375rem;
  width: 33.33%;
  overflow: hidden;
  text-align: center;
}

.iconbox li a {
  padding: 0 0.15625rem;
  display: block;
}

.iconbox li.on a {
  color: #d76629;
}

.iconbox li a span {
  width: 1.015625rem;
  height: 1.015625rem;
  display: block;
  margin: 0 auto 0.15625rem;
  background: center center no-repeat;
  background-size: 100% 100%;
}

.edot {
  position: absolute;
  display: none;
}

.edot span {
  background: url(../../images/karoq/exterior-dot.png) center center no-repeat;
  width: 0.5625rem;
  height: 0.5625rem;
  background-size: 100% 100%;
  display: block;
  -webkit-animation: transformAn 1s infinite linear;
}

.karoq #exterior {
  padding: 0 0 0.9375rem;
}

.karoq .exteriorcont1 .iconbox li .icon1 span {
  background-image: url(../../images/karoq/exterior1-icon1.png);
}

.karoq .exteriorcont1 .iconbox li .icon2 span {
  background-image: url(../../images/karoq/exterior1-icon2.png);
}

.karoq .exteriorcont1 .iconbox li .icon3 span {
  background-image: url(../../images/karoq/exterior1-icon3.png);
}

.karoq .exteriorcont1 .iconbox li.on .icon1 span {
  background-image: url(../../images/karoq/exterior1-icon1on.png);
}

.karoq .exteriorcont1 .iconbox li.on .icon2 span {
  background-image: url(../../images/karoq/exterior1-icon2on.png);
}

.karoq .exteriorcont1 .iconbox li.on .icon3 span {
  background-image: url(../../images/karoq/exterior1-icon3on.png);
}

.karoq .exteriorcont1 .edot1 {
  left: 5.859375rem;
  top: 1.203125rem;
  display: block;
}

.karoq .exteriorcont1 .edot2 {
  left: 6.6875rem;
  top: 2.21875rem;
}

.karoq .exteriorcont1 .edot3 {
  left: 5.3125rem;
  top: 1.953125rem;
}

.karoq .exteriorcont2 .iconbox li {
  width: 25%;
}

.karoq .exteriorcont2 .iconbox li .icon1 span {
  background-image: url(../../images/karoq/exterior2-icon1.png);
}

.karoq .exteriorcont2 .iconbox li .icon2 span {
  background-image: url(../../images/karoq/exterior2-icon2.png);
}

.karoq .exteriorcont2 .iconbox li .icon3 span {
  background-image: url(../../images/karoq/exterior2-icon3.png);
}

.karoq .exteriorcont2 .iconbox li .icon4 span {
  background-image: url(../../images/karoq/exterior2-icon4.png);
}

.karoq .exteriorcont2 .iconbox li.on .icon1 span {
  background-image: url(../../images/karoq/exterior2-icon1on.png);
}

.karoq .exteriorcont2 .iconbox li.on .icon2 span {
  background-image: url(../../images/karoq/exterior2-icon2on.png);
}

.karoq .exteriorcont2 .iconbox li.on .icon3 span {
  background-image: url(../../images/karoq/exterior2-icon3on.png);
}

.karoq .exteriorcont2 .iconbox li.on .icon4 span {
  background-image: url(../../images/karoq/exterior2-icon4on.png);
}

.karoq .exteriorcont2 .edot1 {
  left: 7.8125rem;
  top: 2.109375rem;
  display: block;
}

.karoq .exteriorcont2 .edot2 {
  left: 6.5625rem;
  top: 1.890625rem;
}

.karoq .exteriorcont2 .edot3 {
  left: 3.125rem;
  top: 1.90625rem;
}

.karoq .exteriorcont2 .edot4 {
  left: 7.65625rem;
  top: 2.65625rem;
}

.karoq .exteriorcont3 .iconbox li .icon1 span {
  background-image: url(../../images/karoq/exterior3-icon1.png);
}

.karoq .exteriorcont3 .iconbox li .icon2 span {
  background-image: url(../../images/karoq/exterior3-icon2.png);
}

.karoq .exteriorcont3 .iconbox li .icon3 span {
  background-image: url(../../images/karoq/exterior3-icon3.png);
}

.karoq .exteriorcont3 .iconbox li.on .icon1 span {
  background-image: url(../../images/karoq/exterior3-icon1on.png);
}

.karoq .exteriorcont3 .iconbox li.on .icon2 span {
  background-image: url(../../images/karoq/exterior3-icon2on.png);
}

.karoq .exteriorcont3 .iconbox li.on .icon3 span {
  background-image: url(../../images/karoq/exterior3-icon3on.png);
}

.karoq .exteriorcont3 .edot1 {
  left: 3.28125rem;
  top: 0.46875rem;
  display: block;
}

.karoq .exteriorcont3 .edot2 {
  left: 4.28125rem;
  top: 1.84375rem;
}

.karoq .exteriorcont3 .edot3 {
  left: 2.15625rem;
  top: 2.921875rem;
}

/* line o */

.karoq .line-o1,
.karoq .line-o2,
.karoq .line-o3 {
  height: 0.125rem;
  overflow: hidden;
}

.karoq .line-o1 span,
.karoq .line-o2 span,
.karoq .line-o3 span {
  background: #d76629;
  display: block;
  height: 0.125rem;
}

.karoq .line-o1 span {
  width: 1.5625rem;
  float: right;
}

.karoq .line-o2 span {
  width: 4.21875rem;
  float: left;
}

.karoq .line-o3 span {
  width: 5.78125rem;
  float: left;
}

/* interiorbox */

.interiorbox {
  background: #fafafa;
}

.interiorbig {
  margin-bottom: 1.09375rem;
}

.interiorbig .bigimg {
  height: 7.234375rem;
  overflow: hidden;
  position: relative;
}

.interiorbig .bigimg img {
  width: 100%;
}

.swiper-interior-cont {
  padding: 0 1.09375rem;
  position: relative;
}

.swiper-interior-cont .interior-simg img {
  width: 100%;
  opacity: 0.5;
}

.swiper-interior-cont .interior-simg.on img {
  opacity: 1;
}

.swiper-interior-cont .swiper-button-prev,
.swiper-interior-cont .swiper-button-next {
  width: 0.296875rem;
  height: 0.46875rem;
  background-size: 100% 100%;
}

.swiper-interior-cont .swiper-button-prev {
  background-image: url(../../images/karoq/btn2-prev.png);
  left: 0.4375rem;
}

.swiper-interior-cont .swiper-button-next {
  background-image: url(../../images/karoq/btn2-next.png);
  right: 0.4375rem;
}

.idot {
  position: absolute;
}

.idot span {
  background: url(../../images/karoq/interior-dot.png) center center no-repeat;
  width: 0.515625rem;
  height: 0.5rem;
  background-size: 100% 100%;
  display: block;
  -webkit-animation: transformAn 1s infinite linear;
}

.idot1 {
  left: 4.21875rem;
  top: 1.015625rem;
}

.idot2 {
  left: 4.21875rem;
  top: 1.484375rem;
}

.idot3 {
  left: 5.390625rem;
  top: 3.4375rem;
}

.idot4 {
  left: 5.3125rem;
  top: 4.078125rem;
}

.idot5 {
  left: 4.40625rem;
  top: 1.6875rem;
}

.ipop1 {
  background: url(../../images/karoq/interior1-pop.png) 0 0 no-repeat;
  width: 3.65625rem;
  height: 1.375rem;
  left: 0.46875rem;
  top: 0.9375rem;
}

.ipop2 {
  background: url(../../images/karoq/interior2-pop.png) 0 0 no-repeat;
  width: 3.640625rem;
  height: 1.359375rem;
  left: 0.46875rem;
  top: 1.359375rem;
}

.ipop3 {
  background: url(../../images/karoq/interior3-pop.png) 0 0 no-repeat;
  width: 3.640625rem;
  height: 1.578125rem;
  left: 5.9375rem;
  top: 3.34375rem;
}

.ipop4 {
  background: url(../../images/karoq/interior4-pop.png) 0 0 no-repeat;
  width: 3.640625rem;
  height: 1.578125rem;
  left: 5.9375rem;
  top: 3.984375rem;
}

.ipop5 {
  background: url(../../images/karoq/interior5-pop.png) 0 0 no-repeat;
  width: 3.84375rem;
  height: 1.59375rem;
  left: 0.46875rem;
  top: 1.578125rem;
}

.ipop {
  position: absolute;
  background-size: 100% 100%;
  display: none;
}

/* performancebox */

.performancebox .performanceimg img {
  width: 100%;
}

/* standardbox */

.standardbox {
  padding: 0 0 0.859375rem;
}

.standardimg {
  height: 9.6875rem;
  overflow: hidden;
  position: relative;
}

.standardimg .siconbox li {
  float: left;
  font-size: 0.28125rem;
  width: 50%;
  overflow: hidden;
  text-align: center;
  padding: 0.234375rem 0;
}

.standardimg .siconbox li a {
  padding: 0 0.15625rem;
  display: block;
}

.standardimg .siconbox li.on a {
  color: #d76629;
}

.standardimg .siconbox li a span {
  width: 1.15625rem;
  height: 1.15625rem;
  display: block;
  margin: 0 auto 0.3125rem;
  background: center center no-repeat;
  background-size: 100% 100%;
}

.standardimg .siconbox li .icon1 span {
  background-image: url(../../images/karoq/standard-icon1.png);
}

.standardimg .siconbox li .icon2 span {
  background-image: url(../../images/karoq/standard-icon2.png);
}

.standardimg .siconbox li .icon3 span {
  background-image: url(../../images/karoq/standard-icon3.png);
}

.standardimg .siconbox li .icon4 span {
  background-image: url(../../images/karoq/standard-icon4.png);
}

.standardimg .siconbox li .icon5 span {
  background-image: url(../../images/karoq/standard-icon5.png);
}

.standardimg .siconbox li .icon6 span {
  background-image: url(../../images/karoq/standard-icon6.png);
}

.standardimg .siconbox li .icon7 span {
  background-image: url(../../images/karoq/standard-icon7.png);
}

.standardimg .siconbox li .icon8 span {
  background-image: url(../../images/karoq/standard-icon8.png);
}

.standardimg .siconbox li.on .icon1 span {
  background-image: url(../../images/karoq/standard-icon1on.png);
}

.standardimg .siconbox li.on .icon2 span {
  background-image: url(../../images/karoq/standard-icon2on.png);
}

.standardimg .siconbox li.on .icon3 span {
  background-image: url(../../images/karoq/standard-icon3on.png);
}

.standardimg .siconbox li.on .icon4 span {
  background-image: url(../../images/karoq/standard-icon4on.png);
}

.standardimg .siconbox li.on .icon5 span {
  background-image: url(../../images/karoq/standard-icon5on.png);
}

.standardimg .siconbox li.on .icon6 span {
  background-image: url(../../images/karoq/standard-icon6on.png);
}

.standardimg .siconbox li.on .icon7 span {
  background-image: url(../../images/karoq/standard-icon7on.png);
}

.standardimg .siconbox li.on .icon8 span {
  background-image: url(../../images/karoq/standard-icon8on.png);
}

.standardimg .simgpop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
}

.standardimg .simgpop .bimg img {
  width: 100%;
}

.standardimg .simgpop .sicon {
  background: url(../../images/karoq/standard-arrows.png) 0 0 no-repeat;
  width: 0.390625rem;
  height: 0.1875rem;
  background-size: 100% 100%;
  display: block;
  margin: 0.3125rem auto;
}

.standardimg .simgpop .stitle {
  text-align: center;
  font-size: 0.34375rem;
}

.standardimg .simgpop .ptxt {
  border-top: solid 0.015625rem #eee;
  text-align: center;
  font-size: 0.28125rem;
  width: 6.9375rem;
  margin: 0.234375rem auto 0;
  padding: 0.234375rem 0 0 0;
  line-height: 1.6;
  display: none;
}

.standardimg .simgpop .close {
  background: url(../../images/karoq/close.png) 0 0 no-repeat;
  width: 0.625rem;
  height: 0.625rem;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
  text-indent: -1562.484375rem;
}

/* technologybox */

.technologybox {
  background: #fafafa;
  padding: 0 0 1.171875rem;
}

.technologybox .linet {
  background: url(../../images/karoq/technology-line.png) 0 0 no-repeat;
  width: 100%;
  height: 0.125rem;
  background-size: 100% 100%;
}

.technologybox .ptxt {
  padding-top: 0.46875rem;
}

.technologybox .ptxt p {
  text-align: center;
  font-size: 0.28125rem;
}

#swiper-technology .bimg img {
  width: 100%;
}

#swiper-technology .swiper-button-prev,
#swiper-technology .swiper-button-next,
#swiper-prettypic .swiper-button-prev,
#swiper-prettypic .swiper-button-next {
  width: 0.640625rem;
  height: 0.640625rem;
  background-size: 100% 100%;
}

#swiper-technology .swiper-button-prev,
#swiper-prettypic .swiper-button-prev {
  background-image: url(../../images/karoq/btn3-prev.png);
  left: 0.46875rem;
}

#swiper-technology .swiper-button-next,
#swiper-prettypic .swiper-button-next {
  background-image: url(../../images/karoq/btn3-next.png);
  right: 0.46875rem;
}

/* prettypicbox */

.prettypicbox .bigimg {
  height: 6.875rem;
  overflow: hidden;
}

.prettypicbox .bigimg img {
  width: 100%;
}

/* newsbox */

.newslist {
  padding: 0 0.34375rem 1.09375rem;
}

.newslist li {
  float: left;
  padding: 0 0.078125rem 0.15625rem;
  width: 50%;
}

.newslist li a {
  display: block;
  background: #fafafa;
}

.newslist li .newsimg img {
  width: 100%;
}

.newslist li .txtone {
  padding: 0.125rem 0.28125rem 0;
  height: 1.5625rem;
  overflow: hidden;
  text-align: left;
}

.newslist li .txtone h5 {
  font-size: 0.21875rem;
  color: #44403f;
  height: 0.625rem;
  overflow: hidden;
  margin-bottom: 0.15625rem;
}

.newslist li .txtone p {
  font-size: 0.15625rem;
  color: #636363;
  margin: 0.046875rem 0 0.09375rem;
  height: 0.46875rem;
  overflow: hidden;
}

.btn-details {
  background: url(../../images/karoq/btn-details.png) center center no-repeat;
  background-size: 100% 100%;
  width: 1.953125rem;
  height: 0.46875rem;
  display: block;
  text-indent: -15624.984375rem;
}

#swiper-news .swiper-pagination-bullet {
  font-size: 0.3125rem;
  color: #585858;
  opacity: 1;
  background: none;
  margin: 0 0.234375rem;
  display: none;
}

#swiper-news .swiper-pagination-bullet-active {
  color: #d76629;
}

#swiper-news .swiper-button-prev,
#swiper-news .swiper-button-next {
  width: 0.34375rem;
  height: 0.34375rem;
  background-size: 100% 100%;
  top: 98%;
  display: none;
}

#swiper-news .swiper-button-prev {
  background-image: url(../../images/karoq/btn4-prev.png);
  left: 2.03125rem;
}

#swiper-news .swiper-button-next {
  background-image: url(../../images/karoq/btn4-next.png);
  right: 2.03125rem;
}

.carconfig .model_list .model_item .iconrightkq {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  left: 0.390625rem;
  top: 0.1875rem;
  background-image: url(../../images/karoq/config_icon_off.jpg);
  background-size: cover;
}

.carconfig .model_list .model_item .iconrightkq img {
  width: 100%;
}

.carconfig .model_list .model_item.on .iconrightkq {
  background-image: url(../../images/karoq/config_icon_on.jpg);
  background-size: cover;
}

.video_box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.video_main_ar {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.black_bg {
  background-color: #000;
}

.videobox_close {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.videobox_close img {
  width: 100%;
}

.videoboxt img {
  width: 100%;
}

body.page_karoq .carconfig {
  min-height: 8.90625rem;
}

body.page_karoq .carcompare {
  min-height: 0.15625rem;
}

body.page_karoq .carcompare .mbm {
  margin-left: 2.34375rem;
}

.video_box2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.video_main_ar2 {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.black_bg2 {
  background-color: #000;
}

.videobox_close2 {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.videobox_close2 img {
  width: 100%;
}

.swiper-button-prev.swiper-button-prev-videos2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAEBXu8fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQFJREFUeNpifB7LxAACEBKJ8R8ggBihUo0gsgGI62EMBoAAgkmBpUEyLDBNIElkUxhhygACCFnLfyZk5Uzo+tqQnVINxC3IJtaACIAAQjaNAcmwJmTHIAvC3QGSbAXiKmRBdAsZoZb+R5dkQHIEiiKAAMLmIHCYgeRY0CRAQVaHHlIYEsiSGBIwSawSMMk6KMYALFAdMP81o0syIClghAYhiiQDmglN6JIYCliwuAPuaoAAjZNJCgAgDAP7cNeD71YEC1EiqWdnqk3L2mefrnm5ykpKgH0kBDAwBCC4L2WAmwWOR+l7UUEiQYORHucFUwneLBIRlAjIBJ0JVPq4cJdgAcjlP9fNLIwAAAAAAElFTkSuQmCC);
}

.swiper-button-next.swiper-button-next-videos2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAEBXu8fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNpieB7L1ATEDEwMDAx1QNwIYoBAPUAAMYKEQQAmAmb8BzEAAggm1QhSh6ykHqYCrgekGkQABBBIy38YhwnKQFEKFkDW1wbjtABxNYxTAyIAAgjmgCYgroWZiuxMBqh3GKGu/I8uyYDkYphTWlnQJMGCMONZkARb0O0ECMAGGeUAAIIgVA+e2s2bLTZj+PsEBcTrW0UuV+njiWJoY8HR6YRGDsmQHYJzQrVUCfE+d4Yf4G63Kj4VAJSg5whQOZmkAADCMFDEX7uh4r+9GCglpXrrZQZtE33PYK2SWeWtlwjheAGDEsw7m4JoCDsRzBeQCaoUeCCe39AbzMkBhgAyy6QFbPSQJf0L0NHB2lGw4n38AIFjQ5YtnN61AAAAAElFTkSuQmCC);
}

a {
  color: #000;
}

/* subnav */

.kamiq .subnavbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
  -webkit-box-shadow: 0 0.03125rem 0.03125rem #aaa;
}

.kamiq .subnavbox .subnavtop {
  background: #fff;
  border-bottom: solid 0.015625rem #dadada;
  height: 1.015625rem;
  position: relative;
}

.kamiq .subnavbox .subnavtop h3 {
  background: url(../../images/kamiq/kamiq-logo.png?t=20180322) 0 0 no-repeat;
  width: 1.90625rem;
  height: 0.375rem;
  background-size: 100% 100%;
  text-indent: -1562.484375rem;
  position: absolute;
  left: 0.4375rem;
  top: 0.328125rem;
}

.kamiq .subnavbox .subnavtop .arrows {
  background: url(../../images/kamiq/subnav-arrows.png) 0 0 no-repeat;
  width: 0.375rem;
  height: 0.375rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4375rem;
  top: 0.3125rem;
}

.kamiq .subnavbox .subnavtop .testdriver {
  background: url(../../images/kamiq/navtestdriver.png) 0 0 no-repeat;
  width: 2.078125rem;
  height: 0.625rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4375rem;
  top: 0.1875rem;
}

.kamiq .subnavbox .subnavtop .arrows2 {
  -webkit-transform: rotate(0deg);
}

.kamiq .subnavbox .subnavlist {
  padding: 0 0.5625rem;
  background: url(../../images/kamiq/subnav-bg.png) 0 0;
  border-bottom: solid 0.015625rem #dadada;
  display: none;
}

.kamiq .subnavbox .subnavlist ul {
  padding: 0.15625rem 0;
}

.kamiq .subnavbox .subnavlist ul li {
  padding: 0 0.34375rem;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.359375rem;
}

.kamiq .subnavbox .subnavlist ul li span {
  color: #d86629;
}

.kamiq .subnavbox .subnavlist ul li a {
  display: block;
}

.kamiq .subnavbox .subnavlist p {
  border-top: solid 0.015625rem #dadada;
  height: 0.96875rem;
  line-height: 0.96875rem;
  padding: 0 0.515625rem;
  font-size: 0.359375rem;
}

.kamiq .morekamiq {
  position: fixed;
  right: 0;
  top: 13.203125rem;
  width: 1.875rem;
  z-index: 888;
}

/* kv */

.kamiq .kvbox {
  background: #fafafa;
  position: relative;
  width: 100%;
  height: 8.421875rem;
}

.kamiq .kvbox img {
  width: 100%;
}

.swiper-pagination-kv {
  position: absolute;
  width: 10rem;
  bottom: 8.390625rem;
}

.swiper-pagination-kv .swiper-pagination-bullet {
  background: #c88764;
  opacity: .4;
  width: 0.15625rem;
  height: 0.15625rem;
  margin: 0.078125rem;
}

.swiper-pagination-kv .swiper-pagination-bullet-active {
  background: #c88764;
  opacity: 1;
}

.kamiq .ses {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 2.734375rem;
  top: 2.03125rem;
}

.kamiq .se1 {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: se_anim 3s infinite;
  opacity: 0;
  z-index: 10;
}

.kamiq .se2 {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: se_anim 3s infinite;
  opacity: 0;
  z-index: 10;
}

.kamiq .te {
  width: 0.84375rem;
  height: 0.703125rem;
  position: absolute;
  left: 2.8125rem;
  top: 2.125rem;
  animation: se_anim2 3s infinite;
  z-index: 12;
}

.kamiq .tra_area {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 6.640625rem;
  top: 2.609375rem;
  z-index: 99;
}

.kamiq .tra {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.kamiq .trae {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  animation: se_anim2 3s infinite;
}

@keyframes se_anim {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  30% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  32% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  99% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
  }
}

@keyframes se_anim2 {
  0% {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
  }

  30% {
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  100% {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
  }
}

.kamiq .area1 {
  width: 10rem;
  background-color: #fff;
}

.kamiq .area1 img {
  width: 100%;
}

/* txtbox */

.kamiq .txtbox {
  text-align: center;
  padding: 1.09375rem 0 0.625rem;
  background: #fafafa;
}

.kamiq .txtbox h3 {
  font-size: 0.5rem;
  padding: 0 0 0.3125rem;
}

.kamiq .txtbox p {
  font-size: 0.28125rem;
  line-height: 1.6;
}

.kamiq .txtbox ul {
  width: 6.015625rem;
  margin: 0 auto;
}

.kamiq .txtbox ul li {
  width: 50%;
  float: left;
}

.kamiq .txtbox ul li h5 {
  font-size: 0.625rem;
  color: #d86629;
  line-height: 1.2;
}

.kamiq .txtbox ul li p {
  font-size: 0.34375rem;
  color: #615f5f;
}

.kamiq .txtbox .lineb {
  border-bottom: solid 0.015625rem #e5e5e5;
}

.kamiq .txtbox .linel {
  border-left: solid 0.015625rem #e5e5e5;
}

.kamiq .txtbox .tone {
  margin: 0.46875rem 0;
}

.kamiq .txtbox .tone p {
  text-align: center;
  line-height: 2.2;
}

[data-dpr="1"] .kamiq .txtbox .tone p {
  font-size: 10px;
}

[data-dpr="2"] .kamiq .txtbox .tone p {
  font-size: 20px;
}

[data-dpr="3"] .kamiq .txtbox .tone p {
  font-size: 30px;
}

.kamiq .txtbox .tyiow {
  color: #615f5f;
  width: 100%;
  height: 0.46875rem;
  line-height: 0.46875rem;
  text-align: center;
}

[data-dpr="1"] .kamiq .txtbox .tyiow {
  font-size: 11px;
}

[data-dpr="2"] .kamiq .txtbox .tyiow {
  font-size: 22px;
}

[data-dpr="3"] .kamiq .txtbox .tyiow {
  font-size: 33px;
}

/* video */

.kamiq .videobox img {
  width: 100%;
}

.kamiq .titlebox {
  text-align: center;
  padding: 1.09375rem 0 0.546875rem;
}

.kamiq .titlebox p {
  font-size: 0.34375rem;
}

.kamiq .titlebox h3 {
  font-size: 0.40625rem;
  margin: 0.125rem 0 0;
}

.kamiq .titlebox .lines {
  width: 0.859375rem;
  height: 0.09375rem;
  background: #434040;
  display: block;
  margin: 0.234375rem auto 0;
}

/* exteriorbox */

.kamiq .exteriorbox,
.interiorbox {
  padding: 0 0 2.109375rem;
}

.kamiq #swiper-exterior .eimg {
  background: url(../../images/kamiq/exterior-bg.png) center 0 no-repeat;
  background-size: 100% 100%;
}

.kamiq #swiper-exterior .eimg img {
  width: 100%;
}

.kamiq #swiper-exterior .swiper-button-prev,
#swiper-exterior .swiper-button-next {
  width: 0.75rem;
  height: 0.734375rem;
  background-size: 100% 100%;
  top: 28%;
}

.kamiq #swiper-exterior .swiper-button-prev {
  background-image: url(../../images/kamiq/btn1-prev.png);
  left: 0.4375rem;
}

.kamiq #swiper-exterior .swiper-button-next {
  background-image: url(../../images/kamiq/btn1-next.png);
  right: 0.4375rem;
}

.area4_360lk {
  width: 10rem;
  height: 0.5625rem;
  position: absolute;
  left: 0;
  top: 11.09375rem;
  z-index: 50;
}

.area4_360lk_btn {
  width: 3.03125rem;
  height: 0.9375rem;
  margin: 0 auto;
}

.area4_360lk_btn img {
  width: 100%;
}

.kamiq .iconbox li {
  float: left;
  font-size: 0.234375rem;
  width: 33.33%;
  overflow: hidden;
  text-align: center;
}

.kamiq .iconbox li a {
  padding: 0 0.15625rem;
  display: block;
}

.kamiq .iconbox li.on a {
  color: #c88764;
}

.kamiq .iconbox li a span {
  width: 1.015625rem;
  height: 1.015625rem;
  display: block;
  margin: 0 auto 0.15625rem;
  background: center center no-repeat;
  background-size: 100% 100%;
}

.kamiq .edot {
  position: absolute;
  display: none;
}

.kamiq .edot span {
  background: url(../../images/kamiq/exterior-dot.png) center center no-repeat;
  width: 0.5625rem;
  height: 0.5625rem;
  background-size: 100% 100%;
  display: block;
  -webkit-animation: transformAn 1s infinite linear;
}

.kamiq .exteriorcont1 .iconbox li .icon1 span {
  background-image: url(../../images/kamiq/exterior1-icon1.png);
}

.kamiq .exteriorcont1 .iconbox li .icon2 span {
  background-image: url(../../images/kamiq/exterior1-icon2.png);
}

.kamiq .exteriorcont1 .iconbox li .icon3 span {
  background-image: url(../../images/kamiq/exterior1-icon3.png);
}

.kamiq .exteriorcont1 .iconbox li.on .icon1 span {
  background-image: url(../../images/kamiq/exterior1-icon1on.png);
}

.kamiq .exteriorcont1 .iconbox li.on .icon2 span {
  background-image: url(../../images/kamiq/exterior1-icon2on.png);
}

.kamiq .exteriorcont1 .iconbox li.on .icon3 span {
  background-image: url(../../images/kamiq/exterior1-icon3on.png);
}

.kamiq .exteriorcont1 .edot1 {
  left: 5.59375rem;
  top: 1.984375rem;
  display: block;
}

.kamiq .exteriorcont1 .edot2 {
  left: 5.921875rem;
  top: 2.84375rem;
}

.kamiq .exteriorcont1 .edot3 {
  left: 6.71875rem;
  top: 2.0625rem;
}

.kamiq .exteriorcont2 .iconbox {
  width: 50%;
  margin: 0 auto;
}

.kamiq .exteriorcont2 .iconbox li {
  width: 50%;
}

.kamiq .exteriorcont2 .iconbox li .icon1 span {
  background-image: url(../../images/kamiq/exterior2-icon1.png);
}

.kamiq .exteriorcont2 .iconbox li .icon2 span {
  background-image: url(../../images/kamiq/exterior2-icon2.png);
}

.kamiq .exteriorcont2 .iconbox li.on .icon1 span {
  background-image: url(../../images/kamiq/exterior2-icon1on.png);
}

.kamiq .exteriorcont2 .iconbox li.on .icon2 span {
  background-image: url(../../images/kamiq/exterior2-icon2on.png);
}

.kamiq .exteriorcont2 .edot1 {
  left: 3.75rem;
  top: 1.78125rem;
  display: block;
}

.kamiq .exteriorcont2 .edot2 {
  left: 5.9375rem;
  top: 2.78125rem;
}

.kamiq .exteriorcont3 .iconbox li .icon1 span {
  background-image: url(../../images/kamiq/exterior3-icon1.png);
}

.kamiq .exteriorcont3 .iconbox li .icon2 span {
  background-image: url(../../images/kamiq/exterior3-icon2.png);
}

.kamiq .exteriorcont3 .iconbox li .icon3 span {
  background-image: url(../../images/kamiq/exterior3-icon3.png);
}

.kamiq .exteriorcont3 .iconbox li.on .icon1 span {
  background-image: url(../../images/kamiq/exterior3-icon1on.png);
}

.kamiq .exteriorcont3 .iconbox li.on .icon2 span {
  background-image: url(../../images/kamiq/exterior3-icon2on.png);
}

.kamiq .exteriorcont3 .iconbox li.on .icon3 span {
  background-image: url(../../images/kamiq/exterior3-icon3on.png);
}

.kamiq .exteriorcont3 .edot1 {
  left: 6.25rem;
  top: 1.796875rem;
  display: block;
}

.kamiq .exteriorcont3 .edot2 {
  left: 7.25rem;
  top: 1.21875rem;
}

.kamiq .exteriorcont3 .edot3 {
  left: 6.6875rem;
  top: 3.078125rem;
}

/* line o */

.kamiq .line-o1,
.kamiq .line-o2,
.kamiq .line-o3 {
  height: 0.125rem;
  overflow: hidden;
}

.kamiq .line-o1 span,
.kamiq .line-o2 span,
.kamiq .line-o3 span {
  background: #c88764;
  display: block;
  height: 0.125rem;
}

.kamiq .line-o1 span {
  width: 1.5625rem;
  float: right;
}

.kamiq .line-o2 span {
  width: 4.21875rem;
  float: left;
}

.kamiq .line-o3 span {
  width: 5.78125rem;
  float: left;
}

/* interiorbox */

.kamiq .interiorbox {
  background: #fafafa;
}

.kamiq .interiorbig {
  margin-bottom: 1.09375rem;
}

.kamiq .interiorbig .bigimg {
  height: 7.234375rem;
  overflow: hidden;
  position: relative;
}

.kamiq .interiorbig .bigimg img {
  width: 100%;
}

.kamiq .swiper-interior-cont {
  padding: 0 1.09375rem;
  position: relative;
}

.kamiq .swiper-interior-cont .interior-simg img {
  width: 100%;
  opacity: 0.5;
}

.kamiq .swiper-interior-cont .interior-simg.on img {
  opacity: 1;
}

.kamiq .swiper-interior-cont .swiper-button-prev,
.swiper-interior-cont .swiper-button-next {
  width: 0.296875rem;
  height: 0.46875rem;
  background-size: 100% 100%;
}

.kamiq .swiper-interior-cont .swiper-button-prev {
  background-image: url(../../images/kamiq/btn2-prev.png);
  left: 0.4375rem;
}

.kamiq .swiper-interior-cont .swiper-button-next {
  background-image: url(../../images/kamiq/btn2-next.png);
  right: 0.4375rem;
}

.kamiq .idot {
  position: absolute;
}

.kamiq .idot span {
  background: url(../../images/kamiq/interior-dot.png) center center no-repeat;
  width: 0.515625rem;
  height: 0.5rem;
  background-size: 100% 100%;
  display: block;
  -webkit-animation: transformAn 1s infinite linear;
}

.kamiq .idot1 {
  left: 0.703125rem;
  top: 5.15625rem;
}

.kamiq .idot2 {
  left: 4.125rem;
  top: 2.78125rem;
}

.kamiq .idot3 {
  left: 6.328125rem;
  top: 3.3125rem;
}

.kamiq .bimg_text0 {
  background: url(../../images/kamiq/interior1-pop.png) 0 0 no-repeat;
  width: 3.109375rem;
  height: 1.359375rem;
  left: 1.34375rem;
  top: 5.0625rem;
}

.kamiq .bimg_text1 {
  background: url(../../images/kamiq/interior2-pop.png) 0 0 no-repeat;
  width: 3.234375rem;
  height: 1.59375rem;
  left: 4rem;
  top: 1.0625rem;
}

.kamiq .bimg_text2 {
  background: url(../../images/kamiq/interior3-pop.png) 0 0 no-repeat;
  width: 3.5625rem;
  height: 1.640625rem;
  left: 6.21875rem;
  top: 4.046875rem;
}

.kamiq .bimg_text3 {
  background: url(../../images/kamiq/interior4-pop.png) 0 0 no-repeat;
  width: 3.578125rem;
  height: 1.453125rem;
  left: 1.046875rem;
  top: 5.375rem;
}

.kamiq .bimg_text4 {
  background: url(../../images/kamiq/interior5-pop.png) 0 0 no-repeat;
  width: 3.359375rem;
  height: 1.59375rem;
  left: 4.8125rem;
  top: 0.828125rem;
}

.kamiq .bimg_text5 {
  background: url(../../images/kamiq/interior6-pop.png) 0 0 no-repeat;
  width: 3.5625rem;
  height: 1.640625rem;
  left: 5.234375rem;
  top: 4.0625rem;
}

.kamiq .bimg_text6 {
  background: url(../../images/kamiq/interior7-pop.png) 0 0 no-repeat;
  width: 3.765625rem;
  height: 1.453125rem;
  left: 3.390625rem;
  top: 4.09375rem;
}

.kamiq .bimg_text {
  position: absolute;
  background-size: 100% 100%;
  display: none;
}

/* performancebox */

.kamiq .performancebox .performanceimg img {
  width: 100%;
}

/* standardbox */

.kamiq .standardbox {
  padding: 0 0 0.859375rem;
}

.kamiq .standardimg {
  height: 15.625rem;
  overflow: hidden;
  position: relative;
}

.kamiq .standardimg .siconbox li {
  float: left;
  font-size: 0.28125rem;
  width: 3.3125rem;
  overflow: hidden;
  text-align: center;
  padding: 0.234375rem 0;
  height: 3.046875rem;
}

.kamiq .standardimg .siconbox li a {
  padding: 0 0.15625rem;
  display: block;
}

.kamiq .standardimg .siconbox li.on a {
  color: #c88764;
}

.kamiq .standardimg .siconbox li a span {
  width: 2.4375rem;
  height: 2.578125rem;
  display: block;
  margin: 0 auto;
  background: center center no-repeat;
  background-size: 100% 100%;
}

.kamiq .standardimg .siconbox li .icon1 span {
  background-image: url(../../images/kamiq/standard-new-icon_01.png);
}

.kamiq .standardimg .siconbox li .icon2 span {
  background-image: url(../../images/kamiq/standard-new-icon_02.png);
}

.kamiq .standardimg .siconbox li .icon3 span {
  background-image: url(../../images/kamiq/standard-new-icon_03.png);
}

.kamiq .standardimg .siconbox li .icon4 span {
  background-image: url(../../images/kamiq/standard-new-icon_04.png);
}

.kamiq .standardimg .siconbox li .icon5 span {
  background-image: url(../../images/kamiq/standard-new-icon_05.png);
}

.kamiq .standardimg .siconbox li .icon6 span {
  background-image: url(../../images/kamiq/standard-new-icon_06.png);
}

.kamiq .standardimg .siconbox li .icon7 span {
  background-image: url(../../images/kamiq/standard-new-icon_07.png);
}

.kamiq .standardimg .siconbox li .icon8 span {
  background-image: url(../../images/kamiq/standard-new-icon_08.png);
}

.kamiq .standardimg .siconbox li .icon9 span {
  background-image: url(../../images/kamiq/standard-new-icon_09.png);
}

.kamiq .standardimg .siconbox li .icon10 span {
  background-image: url(../../images/kamiq/standard-new-icon_10.png);
}

.kamiq .standardimg .siconbox li .icon11 span {
  background-image: url(../../images/kamiq/standard-new-icon_11.png);
}

.kamiq .standardimg .siconbox li .icon12 span {
  background-image: url(../../images/kamiq/standard-new-icon_12.png);
}

.kamiq .standardimg .siconbox li .icon13 span {
  background-image: url(../../images/kamiq/standard-new-icon_13.png);
}

.kamiq .standardimg .siconbox li .icon14 span {
  background-image: url(../../images/kamiq/standard-new-icon_14.png);
}

.kamiq .standardimg .siconbox li .icon15 span {
  background-image: url(../../images/kamiq/standard-new-icon_15.png);
}

.kamiq .standardimg .siconbox li.on .icon1 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_01.png);
}

.kamiq .standardimg .siconbox li.on .icon2 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_02.png);
}

.kamiq .standardimg .siconbox li.on .icon3 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_03.png);
}

.kamiq .standardimg .siconbox li.on .icon4 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_04.png);
}

.kamiq .standardimg .siconbox li.on .icon5 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_05.png);
}

.kamiq .standardimg .siconbox li.on .icon6 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_06.png);
}

.kamiq .standardimg .siconbox li.on .icon7 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_07.png);
}

.kamiq .standardimg .siconbox li.on .icon8 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_08.png);
}

.kamiq .standardimg .siconbox li.on .icon9 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_09.png);
}

.kamiq .standardimg .siconbox li.on .icon10 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_10.png);
}

.kamiq .standardimg .siconbox li.on .icon11 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_11.png);
}

.kamiq .standardimg .siconbox li.on .icon12 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_12.png);
}

.kamiq .standardimg .siconbox li.on .icon13 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_13.png);
}

.kamiq .standardimg .siconbox li.on .icon14 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_14.png);
}

.kamiq .standardimg .siconbox li.on .icon15 span {
  background-image: url(../../images/kamiq/standard-new-icon-on_15.png);
}

.kamiq .standardimg .simgpop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
  z-index: 9999;
}

.kamiq .standardimg .simgpop .bimg img {
  width: 100%;
  margin-top: 3.90625rem;
}

.kamiq .standardimg .simgpop .sicon {
  background: url(../../images/kamiq/standard-arrows.png) 0 0 no-repeat;
  width: 0.390625rem;
  height: 0.1875rem;
  background-size: 100% 100%;
  display: block;
  margin: 0.3125rem auto;
}

.kamiq .standardimg .simgpop .stitle {
  text-align: center;
  font-size: 0.34375rem;
}

.kamiq .standardimg .simgpop .stitle span {
  text-align: center;
  font-size: 0.15625rem;
  display: block;
}

.kamiq .standardimg .simgpop .ptxt {
  border-top: solid 0.015625rem #eee;
  text-align: center;
  font-size: 0.28125rem;
  width: 6.9375rem;
  margin: 0.234375rem auto 0;
  padding: 0.234375rem 0 0 0;
  line-height: 1.6;
  display: none;
}

.kamiq .standardimg .simgpop .close {
  background: url(../../images/kamiq/close.png) 0 0 no-repeat;
  width: 0.625rem;
  height: 0.625rem;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.3125rem;
  top: 4.21875rem;
  text-indent: -1562.484375rem;
}

/* technologybox */

.kamiq .technologybox {
  background: #fafafa;
  padding: 0 0 1.171875rem;
}

.kamiq .technologybox .linet {
  background: url(../../images/kamiq/technology-line.png) 0 0 no-repeat;
  width: 100%;
  height: 0.125rem;
  background-size: 100% 100%;
}

.kamiq .technologybox .ptxt {
  padding-top: 0.46875rem;
}

.kamiq .technologybox .ptxt p {
  text-align: center;
  font-size: 0.28125rem;
}

.kamiq .swiper-technology .bimg img {
  width: 100%;
}

.kamiq .swiper-technology .swiper-button-prev,
#swiper-technology .swiper-button-next,
.kamiq .swiper-prettypic .swiper-button-prev,
#swiper-prettypic .swiper-button-next {
  width: 0.640625rem;
  height: 0.640625rem;
  background-size: 100% 100%;
}

.kamiq .swiper-technology .swiper-button-prev,
#swiper-prettypic .swiper-button-prev {
  background-image: url(../../images/kamiq/btn3-prev.png);
  left: 0.46875rem;
}

.kamiq .swiper-technology .swiper-button-next,
#swiper-prettypic .swiper-button-next {
  background-image: url(../../images/kamiq/btn3-next.png);
  right: 0.46875rem;
}

/* prettypicbox */

.kamiq .prettypicbox .bigimg {
  height: 6.875rem;
  overflow: hidden;
}

.kamiq .prettypicbox .bigimg img {
  width: 100%;
}

/* newsbox */

.kamiq .newslist {
  padding: 0 0.34375rem 1.09375rem;
}

.kamiq .newslist li {
  float: left;
  padding: 0 0.078125rem 0.15625rem;
  width: 50%;
}

.kamiq .newslist li a {
  display: block;
  background: #fafafa;
}

.kamiq .newslist li .newsimg img {
  width: 100%;
}

.kamiq .newslist li .txtone {
  padding: 0.125rem 0.28125rem 0;
  height: 1.5625rem;
  overflow: hidden;
  text-align: left;
}

.kamiq .newslist li .txtone h5 {
  font-size: 0.21875rem;
  color: #44403f;
  height: 0.625rem;
  overflow: hidden;
  margin-bottom: 0.15625rem;
}

.kamiq .newslist li .txtone p {
  font-size: 0.15625rem;
  color: #636363;
  margin: 0.046875rem 0 0.09375rem;
  height: 0.46875rem;
  overflow: hidden;
}

.kamiq .btn-details {
  background: url(../../images/kamiq/btn-details.png) center center no-repeat;
  background-size: 100% 100%;
  width: 1.953125rem;
  height: 0.46875rem;
  display: block;
  text-indent: -15624.984375rem;
}

.kamiq .swiper-news .swiper-pagination-bullet {
  font-size: 0.3125rem;
  color: #585858;
  opacity: 1;
  background: none;
  margin: 0 0.234375rem;
  display: none;
}

.kamiq .swiper-news .swiper-pagination-bullet-active {
  color: #c88764;
}

.kamiq .swiper-news .swiper-button-prev,
#swiper-news .swiper-button-next {
  width: 0.34375rem;
  height: 0.34375rem;
  background-size: 100% 100%;
  top: 98%;
  display: none;
}

.kamiq .swiper-news .swiper-button-prev {
  background-image: url(../../images/kamiq/btn4-prev.png);
  left: 2.03125rem;
}

.kamiq .swiper-news .swiper-button-next {
  background-image: url(../../images/kamiq/btn4-next.png);
  right: 2.03125rem;
}

.kamiq .carconfig .model_list .model_item .iconrightkq {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  left: 0.390625rem;
  top: 0.1875rem;
  background-image: url(../../images/kamiq/config_icon_off.jpg);
  background-size: cover;
}

.kamiq .carconfig .model_list .model_item .iconrightkq img {
  width: 100%;
}

.kamiq .carconfig .model_list .model_item.on .iconrightkq {
  background-image: url(../../images/kamiq/config_icon_on.jpg);
  background-size: cover;
}

.kamiq .video_box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.kamiq .video_main_ar {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.kamiq .black_bg {
  background-color: #000;
}

.kamiq .videobox_close {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.kamiq .videobox_close img {
  width: 100%;
}

.kamiq .videoboxt img {
  width: 100%;
}

body.page_kamiq .carconfig {
  min-height: 8.90625rem;
}

body.page_kamiq .carcompare {
  min-height: 0.15625rem;
}

body.page_kamiq .carcompare .mbm {
  margin-left: 2.34375rem;
}

.kamiq .gtwcolor li.on del {
  border: 2px solid #5d4834;
}

.kamiq .video_box2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.kamiq .video_main_ar2 {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.kamiq .black_bg2 {
  background-color: #000;
}

.kamiq .videobox_close2 {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.kamiq .videobox_close2 img {
  width: 100%;
}

.kamiq .swiper-button-prev.swiper-button-prev-videos2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAEBXu8fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQlJREFUeNpiXJthzQACTAxQAGP8BwggRqhUI0ikAYjrYQwGgACCSYGlQTIsME0gSbCK////MyADgABC1vKfCVk5E7I+EKcN2SnVQNyCYSJAACGbxoBkWBOyY5AFGWECIMlWIK5CFkS3kBFq6X90SRioQVcEEEDYHAQOs6DpRxhZ0CRAQVaH7GOsEsiSGBIwSawSMMk6KMYALFAdMP81o0syIClghAYhiiQDmglN6JIYCjBSBDIACDBswceAI9Rg1oGCFsNKvBqw+ZJoDdg0EqUBWSNIUS2S5gYGIgAsKmH5oh7JEIIaGZCSdCvUBf8JGcCExq/BYkAdMRqxGdCIzQAmAl5BznAoBgAAKwRL60vnQq8AAAAASUVORK5CYII=);
}

.kamiq .swiper-button-next.swiper-button-next-videos2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAEBXu8fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR5JREFUeNpiXJth3cTAwFDHBCKAuBHEAIF6gABiBEqBWTARMOM/iAEQQDCpRpA6ZCX1cBX///9nQAYAAQTSAhJhhClnhCmF6QULMCFpaYNxWoC4GsVEgACCOQDk9FqYqcjOZIB6hxHqyv/okgxILoY5pZUFTRIsCDOeBUmwBd1OgACCeQ9kVwOyRND0I2CdjEiOQFHAgux9KF2PLsmAZkI9uiS6CXXo/oTpqsUWCHVQlzOiS6JIoIdtI7aAr8cmgTVFIAOAAEOPTwZsQYkOQEGLHtfNSImwEZ9mbEHACHVBHT4DmHAYWI/FgCZiNGIzoBbZAEIaYc6vg+UbGJuFgIZGJA3V2NIkLg2gPFGDzVQWUjWgJx1YsMMyWA0hjwMADNJOZNM88v8AAAAASUVORK5CYII=);
}

/* subnav */

.kamiq .newarea {
  width: 100%;
  position: relative;
  padding-bottom: 1.09375rem;
}

.kamiq .newarea .half {
  width: 50%;
}

.kamiq .newarea .titlebox {
  padding-top: 0.3125rem;
}

.kamiq .newarea .xlx1 {
  padding: 0 0.109375rem 0.3125rem 0.234375rem;
}

.kamiq .newarea .xlx2 {
  padding: 0 0.234375rem 0.3125rem 0.109375rem;
}

.kamiq .newarea .xlx3 {
  padding: 0 0.234375rem;
}

.kamiq #newpop {
  position: absolute;
  left: 0;
  top: 1.5625rem;
  width: 100%;
  display: none;
  z-index: 100;
}

.kamiq #newpop .close {
  background: url(../../images/octavia/close.png) 0 0 no-repeat;
  width: 0.625rem;
  height: 0.625rem;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
  text-indent: -1562.484375rem;
}

a {
  color: #000;
}

/* subnav */

.kodiaq .subnavbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
  -webkit-box-shadow: 0 0.03125rem 0.03125rem #aaa;
}

.kodiaq .subnavbox .subnavtop {
  background: #fff;
  border-bottom: solid 0.015625rem #dadada;
  height: 1.015625rem;
  position: relative;
}

.kodiaq .subnavbox .subnavtop h3 {
  background: url(../../images/kodiaq/kodiaq-logo.png?t=20180322) 0 0 no-repeat;
  width: 1.90625rem;
  height: 0.375rem;
  background-size: 100% 100%;
  text-indent: -1562.484375rem;
  position: absolute;
  left: 0.4375rem;
  top: 0.328125rem;
}

.kodiaq .subnavbox .subnavtop .arrows {
  background: url(../../images/kodiaq/subnav-arrows.png) 0 0 no-repeat;
  width: 0.375rem;
  height: 0.375rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4375rem;
  top: 0.3125rem;
}

.kodiaq .subnavbox .subnavtop .testdriver {
  background: url(../../images/kodiaq/navtestdriver.png) 0 0 no-repeat;
  width: 2.078125rem;
  height: 0.625rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4375rem;
  top: 0.1875rem;
}

.kodiaq .subnavbox .subnavtop .arrows2 {
  -webkit-transform: rotate(0deg);
}

.kodiaq .subnavbox .subnavlist {
  padding: 0 0.5625rem;
  background: url(../../images/kodiaq/subnav-bg.png) 0 0;
  border-bottom: solid 0.015625rem #dadada;
  display: none;
}

.kodiaq .subnavbox .subnavlist ul {
  padding: 0.15625rem 0;
}

.kodiaq .subnavbox .subnavlist ul li {
  padding: 0 0.34375rem;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.359375rem;
}

.kodiaq .subnavbox .subnavlist ul li span {
  color: #d86629;
}

.kodiaq .subnavbox .subnavlist ul li a {
  display: block;
}

.kodiaq .subnavbox .subnavlist p {
  border-top: solid 0.015625rem #dadada;
  height: 0.96875rem;
  line-height: 0.96875rem;
  padding: 0 0.515625rem;
  font-size: 0.359375rem;
}

.kodiaq .morekodiaq {
  position: fixed;
  right: 0;
  top: 13.203125rem;
  width: 2.203125rem;
  z-index: 888;
}

/* kv */

.kodiaq .kvbox {
  background: #fafafa;
  position: relative;
  width: 100%;
  height: 8.421875rem;
}

.kodiaq .kvbox img {
  width: 100%;
}

.swiper-pagination-kv {
  position: absolute;
  width: 10rem;
  bottom: 8.390625rem;
}

.swiper-pagination-kv .swiper-pagination-bullet {
  background: #c88764;
  opacity: .4;
  width: 0.15625rem;
  height: 0.15625rem;
  margin: 0.078125rem;
}

.swiper-pagination-kv .swiper-pagination-bullet-active {
  background: #c88764;
  opacity: 1;
}

.kodiaq .ses {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 2.734375rem;
  top: 2.03125rem;
}

.kodiaq .se1 {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: se_anim 3s infinite;
  opacity: 0;
  z-index: 10;
}

.kodiaq .se2 {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: se_anim 3s infinite;
  opacity: 0;
  z-index: 10;
}

.kodiaq .te {
  width: 0.84375rem;
  height: 0.703125rem;
  position: absolute;
  left: 2.8125rem;
  top: 2.125rem;
  animation: se_anim2 3s infinite;
  z-index: 12;
}

.kodiaq .tra_area {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 6.640625rem;
  top: 2.609375rem;
  z-index: 99;
}

.kodiaq .tra {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.kodiaq .trae {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  animation: se_anim2 3s infinite;
}

@keyframes se_anim {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  30% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  32% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  99% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
  }
}

@keyframes se_anim2 {
  0% {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
  }

  30% {
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  100% {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
  }
}

.kodiaq .area1 {
  width: 10rem;
  background-color: #fff;
}

.kodiaq .area1 img {
  width: 100%;
}

/* txtbox */

.kodiaq .txtbox {
  text-align: center;
  padding: 1.09375rem 0 0.625rem;
  background: #fafafa;
}

.kodiaq .txtbox h3 {
  font-size: 0.5rem;
  padding: 0 0 0.3125rem;
}

.kodiaq .txtbox p {
  font-size: 0.28125rem;
  line-height: 1.6;
}

.kodiaq .txtbox ul {
  width: 6.015625rem;
  margin: 0 auto;
}

.kodiaq .txtbox ul li {
  width: 50%;
  float: left;
}

.kodiaq .txtbox ul li h5 {
  font-size: 0.625rem;
  color: #9c8661;
  line-height: 1.2;
}

.kodiaq .txtbox ul li p {
  font-size: 0.34375rem;
  color: #615f5f;
}

.kodiaq .txtbox .lineb {
  border-bottom: solid 0.015625rem #e5e5e5;
}

.kodiaq .txtbox .linel {
  border-left: solid 0.015625rem #e5e5e5;
}

.kodiaq .txtbox .tone {
  margin: 0.46875rem 0;
}

/* video */

.kodiaq .videobox img {
  width: 100%;
}

.kodiaq .titlebox {
  text-align: center;
  padding: 1.09375rem 0 0.546875rem;
}

.kodiaq .titlebox p {
  font-size: 0.34375rem;
}

.kodiaq .titlebox h3 {
  font-size: 0.40625rem;
  margin: 0.125rem 0 0;
}

.kodiaq .titlebox .lines {
  width: 0.859375rem;
  height: 0.09375rem;
  background: #434040;
  display: block;
  margin: 0.234375rem auto 0;
}

/* exteriorbox */

.kodiaq .exteriorbox,
.interiorbox {
  padding: 0 0 2.890625rem;
}

.kodiaq #swiper-exterior .eimg {
  background: url(../../images/kodiaq/exterior-bg.png) center 0 no-repeat;
  background-size: 100% 100%;
}

.kodiaq #swiper-exterior .eimg img {
  width: 100%;
}

.kodiaq #swiper-exterior .swiper-button-prev,
#swiper-exterior .swiper-button-next {
  width: 0.75rem;
  height: 0.734375rem;
  background-size: 100% 100%;
  top: 28%;
}

.kodiaq #swiper-exterior .swiper-button-prev {
  background-image: url(../../images/kodiaq/btn1-prev.png);
  left: 0.4375rem;
}

.kodiaq #swiper-exterior .swiper-button-next {
  background-image: url(../../images/kodiaq/btn1-next.png);
  right: 0.4375rem;
}

.kodiaq .iconbox li {
  float: left;
  font-size: 0.234375rem;
  overflow: hidden;
  text-align: center;
  width: 33.33333333;
}

.kodiaq .iconbox li a {
  padding: 0 0.15625rem;
  display: block;
}

.kodiaq .iconbox li.on a {
  color: #9d8560;
}

.kodiaq .iconbox li a span {
  width: 1.015625rem;
  height: 1.015625rem;
  display: block;
  margin: 0 auto 0.15625rem;
  background: center center no-repeat;
  background-size: 100% 100%;
}

.kodiaq .edot {
  position: absolute;
  display: none;
}

.kodiaq .edot span {
  background: url(../../images/kodiaq/exterior-dot.png) center center no-repeat;
  width: 0.5625rem;
  height: 0.5625rem;
  background-size: 100% 100%;
  display: block;
  -webkit-animation: transformAn 1s infinite linear;
}

.kodiaq .exteriorcont1 .iconbox li {
  width: 50%;
}

.kodiaq .exteriorcont1 .iconbox li .icon1 span {
  background-image: url(../../images/kodiaq/exterior1-icon1.png);
}

.kodiaq .exteriorcont1 .iconbox li .icon2 span {
  background-image: url(../../images/kodiaq/exterior1-icon2.png);
}

.kodiaq .exteriorcont1 .iconbox li .icon3 span {
  background-image: url(../../images/kodiaq/exterior1-icon3.png);
}

.kodiaq .exteriorcont1 .iconbox li.on .icon1 span {
  background-image: url(../../images/kodiaq/exterior1-icon1on.png);
}

.kodiaq .exteriorcont1 .iconbox li.on .icon2 span {
  background-image: url(../../images/kodiaq/exterior1-icon2on.png);
}

.kodiaq .exteriorcont1 .iconbox li.on .icon3 span {
  background-image: url(../../images/kodiaq/exterior1-icon3on.png);
}

.kodiaq .exteriorcont1 .edot1 {
  left: 2.015625rem;
  top: 2.078125rem;
  display: block;
}

.kodiaq .exteriorcont1 .edot2 {
  left: 4.515625rem;
  top: 1.703125rem;
}

.kodiaq .exteriorcont1 .edot3 {
  left: 2.09375rem;
  top: 2.0625rem;
}

.kodiaq .exteriorcont2 .iconbox {
  width: 100%;
  margin: 0 auto;
}

.kodiaq .exteriorcont2 .iconbox li {
  width: 33.33333333;
}

.kodiaq .exteriorcont2 .iconbox li .icon1 span {
  background-image: url(../../images/kodiaq/exterior2-icon1.png);
}

.kodiaq .exteriorcont2 .iconbox li .icon2 span {
  background-image: url(../../images/kodiaq/exterior2-icon2.png);
}

.kodiaq .exteriorcont2 .iconbox li .icon3 span {
  background-image: url(../../images/kodiaq/exterior2-icon3.png);
}

.kodiaq .exteriorcont2 .iconbox li.on .icon1 span {
  background-image: url(../../images/kodiaq/exterior2-icon1on.png);
}

.kodiaq .exteriorcont2 .iconbox li.on .icon2 span {
  background-image: url(../../images/kodiaq/exterior2-icon2on.png);
}

.kodiaq .exteriorcont2 .iconbox li.on .icon3 span {
  background-image: url(../../images/kodiaq/exterior2-icon3on.png);
}

.kodiaq .exteriorcont2 .edot1 {
  left: 5.625rem;
  top: 1.84375rem;
  display: block;
}

.kodiaq .exteriorcont2 .edot2 {
  left: 7.234375rem;
  top: 2.53125rem;
}

.kodiaq .exteriorcont2 .edot3 {
  left: 4.765625rem;
  top: 0.8125rem;
}

.kodiaq .exteriorcont3 .iconbox li {
  width: 50%;
}

.kodiaq .exteriorcont3 .iconbox li .icon1 span {
  background-image: url(../../images/kodiaq/exterior3-icon1.png);
}

.kodiaq .exteriorcont3 .iconbox li .icon2 span {
  background-image: url(../../images/kodiaq/exterior3-icon2.png);
}

.kodiaq .exteriorcont3 .iconbox li .icon3 span {
  background-image: url(../../images/kodiaq/exterior3-icon3.png);
}

.kodiaq .exteriorcont3 .iconbox li.on .icon1 span {
  background-image: url(../../images/kodiaq/exterior3-icon1on.png);
}

.kodiaq .exteriorcont3 .iconbox li.on .icon2 span {
  background-image: url(../../images/kodiaq/exterior3-icon2on.png);
}

.kodiaq .exteriorcont3 .iconbox li.on .icon3 span {
  background-image: url(../../images/kodiaq/exterior3-icon3on.png);
}

.kodiaq .exteriorcont3 .edot1 {
  left: 3.96875rem;
  top: 1.625rem;
  display: block;
}

.kodiaq .exteriorcont3 .edot2 {
  left: 2.640625rem;
  top: 2.890625rem;
}

.kodiaq .exteriorcont3 .edot3 {
  left: 6.375rem;
  top: 3.078125rem;
}

/* line o */

.kodiaq .line-o1,
.kodiaq .line-o2,
.kodiaq .line-o3 {
  height: 0.125rem;
  overflow: hidden;
}

.kodiaq .line-o1 span,
.kodiaq .line-o2 span,
.kodiaq .line-o3 span {
  background: #9d8560;
  display: block;
  height: 0.125rem;
}

.kodiaq .line-o1 span {
  width: 1.5625rem;
  float: right;
}

.kodiaq .line-o2 span {
  width: 4.21875rem;
  float: left;
}

.kodiaq .line-o3 span {
  width: 5.78125rem;
  float: left;
}

/* interiorbox */

.kodiaq .interiorbox {
  background: #fafafa;
}

.kodiaq .interiorbig {
  margin-bottom: 1.09375rem;
}

.kodiaq .interiorbig .bigimg {
  height: 7.234375rem;
  overflow: hidden;
  position: relative;
}

.kodiaq .interiorbig .bigimg img {
  width: 100%;
}

.kodiaq .swiper-interior-cont {
  padding: 0 2.1875rem;
  position: relative;
}

.kodiaq .swiper-interior-cont .interior-simg img {
  width: 100%;
  opacity: 0.5;
}

.kodiaq .swiper-interior-cont .interior-simg.on img {
  opacity: 1;
}

.kodiaq .swiper-interior-cont .swiper-button-prev,
.swiper-interior-cont .swiper-button-next {
  width: 0.296875rem;
  height: 0.46875rem;
  background-size: 100% 100%;
}

.kodiaq .swiper-interior-cont .swiper-button-prev {
  background-image: url(../../images/kodiaq/btn2-prev.png);
  left: 0.4375rem;
}

.kodiaq .swiper-interior-cont .swiper-button-next {
  background-image: url(../../images/kodiaq/btn2-next.png);
  right: 0.4375rem;
}

.kodiaq .idot {
  position: absolute;
}

.kodiaq .idot span {
  background: url(../../images/kodiaq/interior-dot.png) center center no-repeat;
  width: 0.515625rem;
  height: 0.5rem;
  background-size: 100% 100%;
  display: block;
  -webkit-animation: transformAn 1s infinite linear;
}

.kodiaq .idot1 {
  left: 3.59375rem;
  top: 2.015625rem;
}

.kodiaq .idot2 {
  left: 8.703125rem;
  top: 2.875rem;
}

.kodiaq .idot3 {
  left: 6.328125rem;
  top: 3.3125rem;
}

.kodiaq .bimg_text0 {
  background: url(../../images/kodiaq/interior1-pop.png) 0 0 no-repeat;
  width: 4.625rem;
  height: 1.609375rem;
  left: 3.484375rem;
  top: 0.3125rem;
}

.kodiaq .bimg_text1 {
  background: url(../../images/kodiaq/interior2-pop.png) 0 0 no-repeat;
  width: 4.9375rem;
  height: 1.046875rem;
  left: 4.484375rem;
  top: 3.5625rem;
}

.kodiaq .bimg_text2 {
  background: url(../../images/kodiaq/interior3-pop.png) 0 0 no-repeat;
  width: 3.984375rem;
  height: 1.84375rem;
  left: 1.09375rem;
  top: 2.3125rem;
}

.kodiaq .bimg_text3 {
  background: url(../../images/kodiaq/interior4-pop.png) 0 0 no-repeat;
  width: 4.3125rem;
  height: 1.734375rem;
  left: 3.1875rem;
  top: 4.484375rem;
}

/*.kodiaq .bimg_text4{background:url(../../images/kodiaq/interior5-pop.png) 0 0 no-repeat;width:215px;height:102px;left:308px;top:53px;}
.kodiaq .bimg_text5{background:url(../../images/kodiaq/interior6-pop.png) 0 0 no-repeat;width:228px;height:105px;left:335px;top:260px;}
.kodiaq .bimg_text6{background:url(../../images/kodiaq/interior7-pop.png) 0 0 no-repeat;width:241px;height:93px;left:217px;top:262px;}*/

.kodiaq .bimg_text {
  position: absolute;
  background-size: 100% 100%;
  display: none;
}

/* performancebox */

.kodiaq .performancebox .performanceimg img {
  width: 100%;
}

/* standardbox */

.kodiaq .standardbox {
  padding: 0 0 0.859375rem;
}

.kodiaq .standardimg {
  height: 9.6875rem;
  overflow: hidden;
  position: relative;
}

.kodiaq .standardimg .siconbox li {
  float: left;
  font-size: 0.28125rem;
  width: 50%;
  overflow: hidden;
  text-align: center;
  padding: 0.234375rem 0;
}

.kodiaq .standardimg .siconbox li a {
  padding: 0 0.15625rem;
  display: block;
}

.kodiaq .standardimg .siconbox li.on a {
  color: #9d8560;
}

.kodiaq .standardimg .siconbox li a span {
  width: 1.15625rem;
  height: 1.15625rem;
  display: block;
  margin: 0 auto 0.3125rem;
  background: center center no-repeat;
  background-size: 100% 100%;
}

.kodiaq .standardimg .siconbox li .icon1 span {
  background-image: url(../../images/kodiaq/standard-icon1.png);
}

.kodiaq .standardimg .siconbox li .icon2 span {
  background-image: url(../../images/kodiaq/standard-icon2.png);
}

.kodiaq .standardimg .siconbox li .icon3 span {
  background-image: url(../../images/kodiaq/standard-icon3.png);
}

.kodiaq .standardimg .siconbox li .icon4 span {
  background-image: url(../../images/kodiaq/standard-icon4.png);
}

.kodiaq .standardimg .siconbox li .icon5 span {
  background-image: url(../../images/kodiaq/standard-icon5.png);
}

.kodiaq .standardimg .siconbox li .icon6 span {
  background-image: url(../../images/kodiaq/standard-icon6.png);
}

.kodiaq .standardimg .siconbox li .icon7 span {
  background-image: url(../../images/kodiaq/standard-icon7.png);
}

.kodiaq .standardimg .siconbox li .icon8 span {
  background-image: url(../../images/kodiaq/standard-icon8.png);
}

.kodiaq .standardimg .siconbox li.on .icon1 span {
  background-image: url(../../images/kodiaq/standard-icon1on.png);
}

.kodiaq .standardimg .siconbox li.on .icon2 span {
  background-image: url(../../images/kodiaq/standard-icon2on.png);
}

.kodiaq .standardimg .siconbox li.on .icon3 span {
  background-image: url(../../images/kodiaq/standard-icon3on.png);
}

.kodiaq .standardimg .siconbox li.on .icon4 span {
  background-image: url(../../images/kodiaq/standard-icon4on.png);
}

.kodiaq .standardimg .siconbox li.on .icon5 span {
  background-image: url(../../images/kodiaq/standard-icon5on.png);
}

.kodiaq .standardimg .siconbox li.on .icon6 span {
  background-image: url(../../images/kodiaq/standard-icon6on.png);
}

.kodiaq .standardimg .siconbox li.on .icon7 span {
  background-image: url(../../images/kodiaq/standard-icon7on.png);
}

.kodiaq .standardimg .siconbox li.on .icon8 span {
  background-image: url(../../images/kodiaq/standard-icon8on.png);
}

.kodiaq .standardimg .simgpop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
}

.kodiaq .standardimg .simgpop .bimg img {
  width: 100%;
}

.kodiaq .standardimg .simgpop .sicon {
  background: url(../../images/kodiaq/standard-arrows.png) 0 0 no-repeat;
  width: 0.390625rem;
  height: 0.1875rem;
  background-size: 100% 100%;
  display: block;
  margin: 0.3125rem auto;
}

.kodiaq .standardimg .simgpop .stitle {
  text-align: center;
  font-size: 0.34375rem;
}

.kodiaq .standardimg .simgpop .ptxt {
  border-top: solid 0.015625rem #eee;
  text-align: center;
  font-size: 0.28125rem;
  width: 9.375rem;
  margin: 0.234375rem auto 0;
  padding: 0.234375rem 0 0 0;
  line-height: 1.6;
  display: none;
}

.kodiaq .standardimg .simgpop .close {
  background: url(../../images/kodiaq/close.png) 0 0 no-repeat;
  width: 0.625rem;
  height: 0.625rem;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
  text-indent: -1562.484375rem;
}

/* technologybox */

.kodiaq .technologybox {
  background: #fafafa;
  padding: 0 0 1.171875rem;
}

.kodiaq .technologybox .linet {
  background: url(../../images/kodiaq/technology-line.png) 0 0 no-repeat;
  width: 100%;
  height: 0.125rem;
  background-size: 100% 100%;
}

.kodiaq .technologybox .ptxt {
  padding-top: 0.46875rem;
}

.kodiaq .technologybox .ptxt p {
  text-align: center;
  font-size: 0.28125rem;
  color: #9d8560;
}

.kodiaq .swiper-technology .bimg img {
  width: 100%;
}

.kodiaq .swiper-technology .swiper-button-prev,
#swiper-technology .swiper-button-next,
.kodiaq .swiper-prettypic .swiper-button-prev,
#swiper-prettypic .swiper-button-next {
  width: 0.640625rem;
  height: 0.640625rem;
  background-size: 100% 100%;
}

.kodiaq .swiper-technology .swiper-button-prev,
#swiper-prettypic .swiper-button-prev {
  background-image: url(../../images/kodiaq/btn3-prev.png);
  left: 0.46875rem;
}

.kodiaq .swiper-technology .swiper-button-next,
#swiper-prettypic .swiper-button-next {
  background-image: url(../../images/kodiaq/btn3-next.png);
  right: 0.46875rem;
}

/* prettypicbox */

.kodiaq .prettypicbox .bigimg {
  height: 6.875rem;
  overflow: hidden;
}

.kodiaq .prettypicbox .bigimg img {
  width: 100%;
}

/* newsbox */

.kodiaq .newslist {
  padding: 0 0.34375rem 1.09375rem;
}

.kodiaq .newslist li {
  float: left;
  padding: 0 0.078125rem 0.15625rem;
  width: 50%;
}

.kodiaq .newslist li a {
  display: block;
  background: #fafafa;
}

.kodiaq .newslist li .newsimg img {
  width: 100%;
}

.kodiaq .newslist li .txtone {
  padding: 0.125rem 0.28125rem 0;
  height: 1.5625rem;
  overflow: hidden;
  text-align: left;
}

.kodiaq .newslist li .txtone h5 {
  font-size: 0.21875rem;
  color: #44403f;
  height: 0.625rem;
  overflow: hidden;
  margin-bottom: 0.15625rem;
}

.kodiaq .newslist li .txtone p {
  font-size: 0.15625rem;
  color: #636363;
  margin: 0.046875rem 0 0.09375rem;
  height: 0.46875rem;
  overflow: hidden;
}

.kodiaq .btn-details {
  background: url(../../images/kodiaq/btn-details.png) center center no-repeat;
  background-size: 100% 100%;
  width: 1.953125rem;
  height: 0.46875rem;
  display: block;
  text-indent: -15624.984375rem;
}

.kodiaq .swiper-news .swiper-pagination-bullet {
  font-size: 0.3125rem;
  color: #585858;
  opacity: 1;
  background: none;
  margin: 0 0.234375rem;
  display: none;
}

.kodiaq .swiper-news .swiper-pagination-bullet-active {
  color: #c88764;
}

.kodiaq .swiper-news .swiper-button-prev,
#swiper-news .swiper-button-next {
  width: 0.34375rem;
  height: 0.34375rem;
  background-size: 100% 100%;
  top: 98%;
  display: none;
}

.kodiaq .swiper-news .swiper-button-prev {
  background-image: url(../../images/kodiaq/btn4-prev.png);
  left: 2.03125rem;
}

.kodiaq .swiper-news .swiper-button-next {
  background-image: url(../../images/kodiaq/btn4-next.png);
  right: 2.03125rem;
}

.kodiaq .carconfig .model_list .model_item .iconrightkodiaq {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  left: 0.390625rem;
  top: 0.1875rem;
  background-image: url(../../images/kodiaq/config_icon_off.jpg);
  background-size: cover;
}

.kodiaq .carconfig .model_list .model_item .iconrightkodiaq img {
  width: 100%;
}

.kodiaq .carconfig .model_list .model_item.on .iconrightkq {
  background-image: url(../../images/kodiaq/config_icon_on.jpg);
  background-size: cover;
}

.kodiaq .video_box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.kodiaq .video_main_ar {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.kodiaq .black_bg {
  background-color: #000;
}

.kodiaq .videobox_close {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.kodiaq .videobox_close img {
  width: 100%;
}

.kodiaq .videoboxt img {
  width: 100%;
}

body.page_kodiaq .carconfig {
  min-height: 8.90625rem;
}

body.page_kodiaq .carcompare {
  min-height: 0.15625rem;
}

body.page_kodiaq .carcompare .mbm {
  margin-left: 2.34375rem;
}

.kodiaq .video_box2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.kodiaq .video_main_ar2 {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.kodiaq .black_bg2 {
  background-color: #000;
}

.kodiaq .videobox_close2 {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.kodiaq .videobox_close2 img {
  width: 100%;
}

.kodiaq .swiper-button-prev.swiper-button-prev-videos2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAEBXu8fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQlJREFUeNpiXJthzQACTAxQAGP8BwggRqhUI0ikAYjrYQwGgACCSYGlQTIsME0gSbCK////MyADgABC1vKfCVk5E7I+EKcN2SnVQNyCYSJAACGbxoBkWBOyY5AFGWECIMlWIK5CFkS3kBFq6X90SRioQVcEEEDYHAQOs6DpRxhZ0CRAQVaH7GOsEsiSGBIwSawSMMk6KMYALFAdMP81o0syIClghAYhiiQDmglN6JIYCjBSBDIACDBswceAI9Rg1oGCFsNKvBqw+ZJoDdg0EqUBWSNIUS2S5gYGIgAsKmH5oh7JEIIaGZCSdCvUBf8JGcCExq/BYkAdMRqxGdCIzQAmAl5BznAoBgAAKwRL60vnQq8AAAAASUVORK5CYII=);
}

.kodiaq .swiper-button-next.swiper-button-next-videos2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAEBXu8fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR5JREFUeNpiXJth3cTAwFDHBCKAuBHEAIF6gABiBEqBWTARMOM/iAEQQDCpRpA6ZCX1cBX///9nQAYAAQTSAhJhhClnhCmF6QULMCFpaYNxWoC4GsVEgACCOQDk9FqYqcjOZIB6hxHqyv/okgxILoY5pZUFTRIsCDOeBUmwBd1OgACCeQ9kVwOyRND0I2CdjEiOQFHAgux9KF2PLsmAZkI9uiS6CXXo/oTpqsUWCHVQlzOiS6JIoIdtI7aAr8cmgTVFIAOAAEOPTwZsQYkOQEGLHtfNSImwEZ9mbEHACHVBHT4DmHAYWI/FgCZiNGIzoBbZAEIaYc6vg+UbGJuFgIZGJA3V2NIkLg2gPFGDzVQWUjWgJx1YsMMyWA0hjwMADNJOZNM88v8AAAAASUVORK5CYII=);
}

.pictureswrapper,
.newvideo {
  padding: 0;
  height: auto;
}

#swiper-container-pictures .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.videoswrapper {
  padding: 0.3125rem 0.3125rem 0;
  height: auto;
}

.kodiaq .area4_360lk {
  width: 10rem;
  height: 0.5625rem;
  position: absolute;
  left: 0;
  top: 11.5625rem;
  z-index: 50;
}

.kodiaq .area4_360lk_btn {
  width: 3.03125rem;
  height: 0.9375rem;
  margin: 0 auto;
}

.kodiaq .area4_360lk_btn img {
  width: 100%;
}

/* subnav */

.kodiaq .newarea {
  width: 100%;
  position: relative;
  padding-bottom: 0.78125rem;
}

.kodiaq .newarea .half {
  width: 50%;
}

.kodiaq .newarea .titlebox {
  padding-top: 0.3125rem;
}

.kodiaq .newarea .xlx1 {
  padding: 0 0.109375rem 0.3125rem 0.234375rem;
}

.kodiaq .newarea .xlx2 {
  padding: 0 0.234375rem 0.3125rem 0.109375rem;
}

.kodiaq .newarea .xlx3 {
  padding: 0 0.234375rem;
}

.kodiaq .newarea p {
  text-align: center;
}

.kodiaq #newpop {
  position: absolute;
  left: 0;
  top: 2.1875rem;
  width: 100%;
  display: none;
  z-index: 100;
}

.kodiaq #newpop .close {
  background: url(../../images/octavia/close.png) 0 0 no-repeat;
  width: 0.625rem;
  height: 0.625rem;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
  text-indent: -1562.484375rem;
}

a {
  color: #000;
}

.block100 {
  display: block;
  width: 100%;
}

.block100.hide {
  display: none;
  width: 100%;
}

/* subnav */

.kodiaqgt .subnavbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
  -webkit-box-shadow: 0 0.03125rem 0.03125rem #aaa;
}

.kodiaqgt .subnavbox .subnavtop {
  background: #fff;
  border-bottom: solid 0.015625rem #dadada;
  height: 1.015625rem;
  position: relative;
}

.kodiaqgt .subnavbox .subnavtop h3 {
  background: url(../../images/kodiaqgt/kodiaqgt-logo.png?t=20180322) 0 0 no-repeat;
  width: 1.90625rem;
  height: 0.375rem;
  background-size: 100% 100%;
  text-indent: -1562.484375rem;
  position: absolute;
  left: 0.4375rem;
  top: 0.328125rem;
}

.kodiaqgt .subnavbox .subnavtop .arrows {
  background: url(../../images/kodiaqgt/subnav-arrows.png) 0 0 no-repeat;
  width: 0.375rem;
  height: 0.375rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4375rem;
  top: 0.3125rem;
}

.kodiaqgt .subnavbox .subnavtop .testdriver {
  background: url(../../images/kodiaqgt/navtestdriver.png) 0 0 no-repeat;
  width: 2.078125rem;
  height: 0.625rem;
  background-size: 100% 100%;
  position: absolute;
  right: 0.4375rem;
  top: 0.1875rem;
}

.kodiaqgt .subnavbox .subnavtop .arrows2 {
  -webkit-transform: rotate(0deg);
}

.kodiaqgt .subnavbox .subnavlist {
  padding: 0 0.5625rem;
  background: url(../../images/kodiaqgt/subnav-bg.png) 0 0;
  border-bottom: solid 0.015625rem #dadada;
  display: none;
}

.kodiaqgt .subnavbox .subnavlist ul {
  padding: 0.15625rem 0;
}

.kodiaqgt .subnavbox .subnavlist ul li {
  padding: 0 0.34375rem;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.359375rem;
}

.kodiaqgt .subnavbox .subnavlist ul li span {
  color: #d86629;
}

.kodiaqgt .subnavbox .subnavlist ul li a {
  display: block;
}

.kodiaqgt .subnavbox .subnavlist p {
  border-top: solid 0.015625rem #dadada;
  height: 0.96875rem;
  line-height: 0.96875rem;
  padding: 0 0.515625rem;
  font-size: 0.359375rem;
}

.kodiaqgt .morekodiaq {
  position: fixed;
  right: 0;
  top: 13.203125rem;
  width: 2.203125rem;
  z-index: 888;
}

/* kv */

.kodiaqgt .kvbox {
  background: #fafafa;
  position: relative;
  width: 100%;
  height: 8.421875rem;
}

.kodiaqgt .kvbox img {
  width: 100%;
}

.swiper-pagination-kv {
  position: absolute;
  width: 10rem;
  bottom: 8.390625rem;
}

.swiper-pagination-kv .swiper-pagination-bullet {
  background: #d5352c;
  opacity: .4;
  width: 0.15625rem;
  height: 0.15625rem;
  margin: 0.078125rem;
}

.swiper-pagination-kv .swiper-pagination-bullet-active {
  background: #d5352c;
  opacity: 1;
}

.kodiaqgt .ses {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 2.734375rem;
  top: 2.03125rem;
}

.kodiaqgt .se1 {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: se_anim 3s infinite;
  opacity: 0;
  z-index: 10;
}

.kodiaqgt .se2 {
  width: 0.359375rem;
  height: 0.359375rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: se_anim 3s infinite;
  opacity: 0;
  z-index: 10;
}

.kodiaqgt .te {
  width: 0.84375rem;
  height: 0.703125rem;
  position: absolute;
  left: 2.8125rem;
  top: 2.125rem;
  animation: se_anim2 3s infinite;
  z-index: 12;
}

.kodiaqgt .tra_area {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 6.640625rem;
  top: 2.609375rem;
  z-index: 99;
}

.kodiaqgt .tra {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.kodiaqgt .trae {
  width: 2.671875rem;
  height: 0.640625rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  animation: se_anim2 3s infinite;
}

@keyframes se_anim {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  30% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  32% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  99% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
  }
}

@keyframes se_anim2 {
  0% {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
  }

  30% {
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
  }

  100% {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
  }
}

.kodiaqgt .area1 {
  width: 10rem;
  background-color: #fafafa;
}

.kodiaqgt .area1 img {
  width: 100%;
}

/* txtbox */

.kodiaqgt .txtbox {
  text-align: center;
  padding: 1.09375rem 0 0.625rem;
  background: #fafafa;
}

.kodiaqgt .txtbox h3 {
  font-size: 0.5rem;
  padding: 0 0 0.3125rem;
}

.kodiaqgt .txtbox p {
  font-size: 0.28125rem;
  line-height: 1.6;
}

.kodiaqgt .txtbox ul {
  width: 6.015625rem;
  margin: 0 auto;
}

.kodiaqgt .txtbox ul li {
  width: 50%;
  float: left;
}

.kodiaqgt .txtbox ul li h5 {
  font-size: 0.625rem;
  color: #d5352c;
  line-height: 1.2;
}

.kodiaqgt .txtbox ul li p {
  font-size: 0.34375rem;
  color: #615f5f;
}

.kodiaqgt .txtbox .lineb {
  border-bottom: solid 0.015625rem #e5e5e5;
}

.kodiaqgt .txtbox .linel {
  border-left: solid 0.015625rem #e5e5e5;
}

.kodiaqgt .txtbox .tone {
  margin: 0.46875rem 0;
}

.gtwcolor {
  width: 10rem;
  margin-top: 0.46875rem;
}

.gtwcolor ul {
  padding: 0.3125rem 0.3125rem 0;
}

.gtwcolor li {
  padding: 0 0;
  width: 2.1875rem;
  display: inline-block;
  vertical-align: top;
}

.gtwcolor li del {
  display: block;
  width: 1.59375rem;
  height: 0.5625rem;
  margin: 0 auto;
  border: 2px solid #fff;
}

.gtwcolor li del img {
  display: block;
  width: 100%;
  height: 100%;
}

.gtwcolor li.on del {
  border: 2px solid #5fb4bc;
}

.gtwcolor li span {
  text-align: center;
  display: block;
  padding: 0.21875rem 0;
}

[data-dpr="1"] .gtwcolor li span {
  font-size: 12px;
}

[data-dpr="2"] .gtwcolor li span {
  font-size: 24px;
}

[data-dpr="3"] .gtwcolor li span {
  font-size: 36px;
}

/* video */

.kodiaqgt .videobox img {
  width: 100%;
}

.kodiaqgt .titlebox {
  text-align: center;
  padding: 1.09375rem 0 0.546875rem;
}

.kodiaqgt .titlebox p {
  font-size: 0.34375rem;
}

.kodiaqgt .titlebox h3 {
  font-size: 0.40625rem;
  margin: 0.125rem 0 0;
}

.kodiaqgt .titlebox .lines {
  width: 0.859375rem;
  height: 0.09375rem;
  background: #434040;
  display: block;
  margin: 0.234375rem auto 0;
}

/* exteriorbox */

.kodiaqgt .exteriorbox,
.interiorbox {
  padding: 0 0 1.328125rem;
}

.kodiaqgt #swiper-exterior .eimg {
  background: url(../../images/kodiaqgt/exterior-bg.png) center 0 no-repeat;
  background-size: 100% 100%;
}

.kodiaqgt #swiper-exterior .eimg img {
  width: 100%;
}

.kodiaqgt #swiper-exterior .swiper-button-prev,
#swiper-exterior .swiper-button-next {
  width: 0.75rem;
  height: 0.734375rem;
  background-size: 100% 100%;
  top: 28%;
}

.kodiaqgt #swiper-exterior .swiper-button-prev {
  background-image: url(../../images/kodiaqgt/btn1-prev.png);
  left: 0.4375rem;
}

.kodiaqgt #swiper-exterior .swiper-button-next {
  background-image: url(../../images/kodiaqgt/btn1-next.png);
  right: 0.4375rem;
}

.kodiaqgt .iconbox li {
  float: left;
  font-size: 0.234375rem;
  width: 33.33%;
  overflow: hidden;
  text-align: center;
}

.kodiaqgt .iconbox li a {
  padding: 0 0.15625rem;
  display: block;
}

.kodiaqgt .iconbox li.on a {
  color: #d5352c;
}

.kodiaqgt .iconbox li a span {
  width: 1.015625rem;
  height: 1.015625rem;
  display: block;
  margin: 0 auto 0.15625rem;
  background: center center no-repeat;
  background-size: 100% 100%;
}

.kodiaqgt .edot {
  position: absolute;
  display: none;
}

.kodiaqgt .edot span {
  background: url(../../images/kodiaqgt/exterior-dot.png) center center no-repeat;
  width: 0.5625rem;
  height: 0.5625rem;
  background-size: 100% 100%;
  display: block;
  -webkit-animation: transformAn 1s infinite linear;
}

.kodiaqgt .exteriorcont1 .iconbox {
  width: 60%;
  margin: 0 auto;
}

.kodiaqgt .exteriorcont1 .iconbox li {
  width: 50%;
}

.kodiaqgt .exteriorcont1 .iconbox li .icon1 span {
  background-image: url(../../images/kodiaqgt/exterior1-icon1.png);
}

.kodiaqgt .exteriorcont1 .iconbox li .icon2 span {
  background-image: url(../../images/kodiaqgt/exterior1-icon2.png);
}

.kodiaqgt .exteriorcont1 .iconbox li.on .icon1 span {
  background-image: url(../../images/kodiaqgt/exterior1-icon1on.png);
}

.kodiaqgt .exteriorcont1 .iconbox li.on .icon2 span {
  background-image: url(../../images/kodiaqgt/exterior1-icon2on.png);
}

.kodiaqgt .exteriorcont1 .edot1 {
  left: 2.390625rem;
  top: 2.109375rem;
  display: block;
}

.kodiaqgt .exteriorcont1 .edot2 {
  left: 4.46875rem;
  top: 1.859375rem;
}

.kodiaqgt .exteriorcont2 .iconbox {
  width: 65%;
  margin: 0 auto;
}

.kodiaqgt .exteriorcont2 .iconbox li {
  width: 50%;
}

.kodiaqgt .exteriorcont2 .iconbox li .icon1 span {
  background-image: url(../../images/kodiaqgt/exterior2-icon1.png);
}

.kodiaqgt .exteriorcont2 .iconbox li .icon2 span {
  background-image: url(../../images/kodiaqgt/exterior2-icon2.png);
}

.kodiaqgt .exteriorcont2 .iconbox li.on .icon1 span {
  background-image: url(../../images/kodiaqgt/exterior2-icon1on.png);
}

.kodiaqgt .exteriorcont2 .iconbox li.on .icon2 span {
  background-image: url(../../images/kodiaqgt/exterior2-icon2on.png);
}

.kodiaqgt .exteriorcont2 .edot1 {
  left: 6.15625rem;
  top: 1.84375rem;
  display: block;
}

.kodiaqgt .exteriorcont2 .edot2 {
  left: 7.203125rem;
  top: 2.78125rem;
}

.kodiaqgt .exteriorcont3 .iconbox li .icon1 span {
  background-image: url(../../images/kodiaqgt/exterior3-icon1.png);
}

.kodiaqgt .exteriorcont3 .iconbox li .icon2 span {
  background-image: url(../../images/kodiaqgt/exterior3-icon2.png);
}

.kodiaqgt .exteriorcont3 .iconbox li .icon3 span {
  background-image: url(../../images/kodiaqgt/exterior3-icon3.png);
}

.kodiaqgt .exteriorcont3 .iconbox li.on .icon1 span {
  background-image: url(../../images/kodiaqgt/exterior3-icon1on.png);
}

.kodiaqgt .exteriorcont3 .iconbox li.on .icon2 span {
  background-image: url(../../images/kodiaqgt/exterior3-icon2on.png);
}

.kodiaqgt .exteriorcont3 .iconbox li.on .icon3 span {
  background-image: url(../../images/kodiaqgt/exterior3-icon3on.png);
}

.kodiaqgt .exteriorcont3 .edot1 {
  left: 6.25rem;
  top: 0.828125rem;
  display: block;
}

.kodiaqgt .exteriorcont3 .edot2 {
  left: 2.90625rem;
  top: 2.546875rem;
}

.kodiaqgt .exteriorcont3 .edot3 {
  left: 7.453125rem;
  top: 1.046875rem;
}

/* line o */

.kodiaqgt .line-o1,
.kodiaqgt .line-o2,
.kodiaqgt .line-o3 {
  height: 0.125rem;
  overflow: hidden;
}

.kodiaqgt .line-o1 span,
.kodiaqgt .line-o2 span,
.kodiaqgt .line-o3 span {
  background: #d5352c;
  display: block;
  height: 0.125rem;
}

.kodiaqgt .line-o1 span {
  width: 1.5625rem;
  float: right;
}

.kodiaqgt .line-o2 span {
  width: 4.21875rem;
  float: left;
}

.kodiaqgt .line-o3 span {
  width: 5.78125rem;
  float: left;
}

/* interiorbox */

.kodiaqgt .interiorbox {
  background: #fafafa;
}

.kodiaqgt .interiorbig {
  margin-bottom: 1.09375rem;
}

.kodiaqgt .interiorbig .bigimg {
  height: 7.234375rem;
  overflow: hidden;
  position: relative;
}

.kodiaqgt .interiorbig .bigimg img {
  width: 100%;
}

.kodiaqgt .swiper-interior-cont {
  padding: 0 1.09375rem;
  position: relative;
}

.kodiaqgt .swiper-interior-cont .interior-simg img {
  width: 100%;
  opacity: 0.5;
}

.kodiaqgt .swiper-interior-cont .interior-simg.on img {
  opacity: 1;
}

.kodiaqgt .swiper-interior-cont .swiper-button-prev,
.swiper-interior-cont .swiper-button-next {
  width: 0.296875rem;
  height: 0.46875rem;
  background-size: 100% 100%;
}

.kodiaqgt .swiper-interior-cont .swiper-button-prev {
  background-image: url(../../images/kodiaqgt/btn2-prev.png);
  left: 0.4375rem;
}

.kodiaqgt .swiper-interior-cont .swiper-button-next {
  background-image: url(../../images/kodiaqgt/btn2-next.png);
  right: 0.4375rem;
}

.kodiaqgt .idot {
  position: absolute;
}

.kodiaqgt .idot span {
  background: url(../../images/kodiaqgt/interior-dot.png) center center no-repeat;
  width: 0.515625rem;
  height: 0.5rem;
  background-size: 100% 100%;
  display: block;
  -webkit-animation: transformAn 1s infinite linear;
}

.kodiaqgt .idot1 {
  left: 0.75rem;
  top: 2.96875rem;
}

.kodiaqgt .idot2 {
  left: 8.625rem;
  top: 2.546875rem;
}

.kodiaqgt .idot3 {
  left: 4.59375rem;
  top: 2.515625rem;
  display: none;
}

.kodiaqgt .bimg_text0 {
  width: 4.8125rem;
  height: 1.921875rem;
  left: 0.625rem;
  top: 3.6875rem;
}

.kodiaqgt .bimg_text1 {
  width: 4.625rem;
  height: 1.609375rem;
  left: 4.671875rem;
  top: 0.84375rem;
}

.kodiaqgt .bimg_text2 {
  width: 3.96875rem;
  height: 1.859375rem;
  left: 4.40625rem;
  top: 3.125rem;
}

.kodiaqgt .bimg_text3 {
  width: 3.578125rem;
  height: 1.453125rem;
  left: 1.046875rem;
  top: 5.375rem;
}

.kodiaqgt .bimg_text4 {
  background: url(../../images/kodiaqgt/interior5-pop.png) 0 0 no-repeat;
  width: 3.359375rem;
  height: 1.59375rem;
  left: 4.8125rem;
  top: 0.828125rem;
}

.kodiaqgt .bimg_text5 {
  background: url(../../images/kodiaqgt/interior6-pop.png) 0 0 no-repeat;
  width: 3.5625rem;
  height: 1.640625rem;
  left: 5.234375rem;
  top: 4.0625rem;
}

.kodiaqgt .bimg_text6 {
  background: url(../../images/kodiaqgt/interior7-pop.png) 0 0 no-repeat;
  width: 3.765625rem;
  height: 1.453125rem;
  left: 3.390625rem;
  top: 4.09375rem;
}

.kodiaqgt .bimg_text {
  position: absolute;
  background-size: 100% 100%;
  display: none;
}

/* performancebox */

.kodiaqgt .performancebox .performanceimg img {
  width: 100%;
}

/* standardbox */

.kodiaqgt .standardbox {
  padding: 0 0 0.859375rem;
}

.kodiaqgt .standardimg {
  height: 9.6875rem;
  overflow: hidden;
  position: relative;
}

.kodiaqgt .standardimg .siconbox li {
  float: left;
  font-size: 0.28125rem;
  width: 50%;
  overflow: hidden;
  text-align: center;
  padding: 0.234375rem 0;
}

.kodiaqgt .standardimg .siconbox li a {
  padding: 0 0.15625rem;
  display: block;
}

.kodiaqgt .standardimg .siconbox li.on a {
  color: #d5352c;
}

.kodiaqgt .standardimg .siconbox li a span {
  width: 1.15625rem;
  height: 1.15625rem;
  display: block;
  margin: 0 auto 0.3125rem;
  background: center center no-repeat;
  background-size: 100% 100%;
}

.kodiaqgt .standardimg .siconbox li .icon1 span {
  background-image: url(../../images/kodiaqgt/standard-icon1.png);
}

.kodiaqgt .standardimg .siconbox li .icon2 span {
  background-image: url(../../images/kodiaqgt/standard-icon2.png);
}

.kodiaqgt .standardimg .siconbox li .icon3 span {
  background-image: url(../../images/kodiaqgt/standard-icon3.png);
}

.kodiaqgt .standardimg .siconbox li .icon4 span {
  background-image: url(../../images/kodiaqgt/standard-icon4.png);
}

.kodiaqgt .standardimg .siconbox li .icon5 span {
  background-image: url(../../images/kodiaqgt/standard-icon5.png);
}

.kodiaqgt .standardimg .siconbox li .icon6 span {
  background-image: url(../../images/kodiaqgt/standard-icon6.png);
}

.kodiaqgt .standardimg .siconbox li .icon7 span {
  background-image: url(../../images/kodiaqgt/standard-icon7.png);
}

.kodiaqgt .standardimg .siconbox li .icon8 span {
  background-image: url(../../images/kodiaqgt/standard-icon8.png);
}

.kodiaqgt .standardimg .siconbox li.on .icon1 span {
  background-image: url(../../images/kodiaqgt/standard-icon1on.png);
}

.kodiaqgt .standardimg .siconbox li.on .icon2 span {
  background-image: url(../../images/kodiaqgt/standard-icon2on.png);
}

.kodiaqgt .standardimg .siconbox li.on .icon3 span {
  background-image: url(../../images/kodiaqgt/standard-icon3on.png);
}

.kodiaqgt .standardimg .siconbox li.on .icon4 span {
  background-image: url(../../images/kodiaqgt/standard-icon4on.png);
}

.kodiaqgt .standardimg .siconbox li.on .icon5 span {
  background-image: url(../../images/kodiaqgt/standard-icon5on.png);
}

.kodiaqgt .standardimg .siconbox li.on .icon6 span {
  background-image: url(../../images/kodiaqgt/standard-icon6on.png);
}

.kodiaqgt .standardimg .siconbox li.on .icon7 span {
  background-image: url(../../images/kodiaqgt/standard-icon7on.png);
}

.kodiaqgt .standardimg .siconbox li.on .icon8 span {
  background-image: url(../../images/kodiaqgt/standard-icon8on.png);
}

.kodiaqgt .standardimg .simgpop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
}

.kodiaqgt .standardimg .simgpop .bimg img {
  width: 100%;
}

.kodiaqgt .standardimg .simgpop .sicon {
  background: url(../../images/kodiaqgt/standard-arrows.png) 0 0 no-repeat;
  width: 0.390625rem;
  height: 0.1875rem;
  background-size: 100% 100%;
  display: block;
  margin: 0.3125rem auto;
}

.kodiaqgt .standardimg .simgpop .stitle {
  text-align: center;
  font-size: 0.34375rem;
}

.kodiaqgt .standardimg .simgpop .ptxt {
  border-top: solid 0.015625rem #eee;
  text-align: center;
  font-size: 0.28125rem;
  width: 9.375rem;
  margin: 0.234375rem auto 0;
  padding: 0.234375rem 0 0 0;
  line-height: 1.6;
  display: none;
}

.kodiaqgt .standardimg .simgpop .close {
  background: url(../../images/kodiaqgt/close.png) 0 0 no-repeat;
  width: 0.625rem;
  height: 0.625rem;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
  text-indent: -1562.484375rem;
}

/* technologybox */

.kodiaqgt .technologybox {
  background: #fafafa;
  padding: 0 0 1.171875rem;
}

.kodiaqgt .technologybox .linet {
  background: url(../../images/kodiaqgt/technology-line.png) 0 0 no-repeat;
  width: 100%;
  height: 0.125rem;
  background-size: 100% 100%;
}

.kodiaqgt .technologybox .ptxt {
  padding-top: 0.46875rem;
}

.kodiaqgt .technologybox .ptxt p {
  text-align: center;
  font-size: 0.28125rem;
  color: #d5352c;
}

.kodiaqgt .swiper-technology .bimg img {
  width: 100%;
}

.kodiaqgt .swiper-technology .swiper-button-prev,
#swiper-technology .swiper-button-next,
.kodiaqgt .swiper-prettypic .swiper-button-prev,
#swiper-prettypic .swiper-button-next {
  width: 0.640625rem;
  height: 0.640625rem;
  background-size: 100% 100%;
}

.kodiaqgt .swiper-technology .swiper-button-prev,
#swiper-prettypic .swiper-button-prev {
  background-image: url(../../images/kodiaqgt/btn3-prev.png);
  left: 0.46875rem;
}

.kodiaqgt .swiper-technology .swiper-button-next,
#swiper-prettypic .swiper-button-next {
  background-image: url(../../images/kodiaqgt/btn3-next.png);
  right: 0.46875rem;
}

/* prettypicbox */

.kodiaqgt .prettypicbox .bigimg {
  height: 6.875rem;
  overflow: hidden;
}

.kodiaqgt .prettypicbox .bigimg img {
  width: 100%;
}

/* newsbox */

.kodiaqgt .newslist {
  padding: 0 0.34375rem 1.09375rem;
}

.kodiaqgt .newslist li {
  float: left;
  padding: 0 0.078125rem 0.15625rem;
  width: 50%;
}

.kodiaqgt .newslist li a {
  display: block;
  background: #fafafa;
}

.kodiaqgt .newslist li .newsimg img {
  width: 100%;
}

.kodiaqgt .newslist li .txtone {
  padding: 0.125rem 0.28125rem 0;
  height: 1.5625rem;
  overflow: hidden;
  text-align: left;
}

.kodiaqgt .newslist li .txtone h5 {
  font-size: 0.21875rem;
  color: #44403f;
  height: 0.625rem;
  overflow: hidden;
  margin-bottom: 0.15625rem;
}

.kodiaqgt .newslist li .txtone p {
  font-size: 0.15625rem;
  color: #636363;
  margin: 0.046875rem 0 0.09375rem;
  height: 0.46875rem;
  overflow: hidden;
}

.kodiaqgt .btn-details {
  background: url(../../images/kodiaqgt/btn-details.png) center center no-repeat;
  background-size: 100% 100%;
  width: 1.953125rem;
  height: 0.46875rem;
  display: block;
  text-indent: -15624.984375rem;
}

.kodiaqgt .swiper-news .swiper-pagination-bullet {
  font-size: 0.3125rem;
  color: #585858;
  opacity: 1;
  background: none;
  margin: 0 0.234375rem;
  display: none;
}

.kodiaqgt .swiper-news .swiper-pagination-bullet-active {
  color: #d5352c;
}

.kodiaqgt .swiper-news .swiper-button-prev,
#swiper-news .swiper-button-next {
  width: 0.34375rem;
  height: 0.34375rem;
  background-size: 100% 100%;
  top: 98%;
  display: none;
}

.kodiaqgt .swiper-news .swiper-button-prev {
  background-image: url(../../images/kodiaqgt/btn4-prev.png);
  left: 2.03125rem;
}

.kodiaqgt .swiper-news .swiper-button-next {
  background-image: url(../../images/kodiaqgt/btn4-next.png);
  right: 2.03125rem;
}

.kodiaqgt .carconfig .model_list .model_item .iconrightkq {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  left: 0.390625rem;
  top: 0.1875rem;
  background-image: url(../../images/kodiaqgt/config_icon_off.jpg);
  background-size: cover;
}

.kodiaqgt .carconfig .model_list .model_item .iconrightkq img {
  width: 100%;
}

.kodiaqgt .carconfig .model_list .model_item.on .iconrightkq {
  background-image: url(../../images/kodiaqgt/config_icon_on.jpg);
  background-size: cover;
}

.kodiaqgt .video_box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.kodiaqgt .video_main_ar {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.kodiaqgt .black_bg {
  background-color: #000;
}

.kodiaqgt .videobox_close {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.kodiaqgt .videobox_close img {
  width: 100%;
}

.kodiaqgt .videoboxt img {
  width: 100%;
}

body.page_kodiaqgt .carconfig {
  min-height: 8.90625rem;
}

body.page_kodiaqgt .carcompare {
  min-height: 0.15625rem;
}

body.page_kodiaqgt .carcompare .mbm {
  margin-left: 2.34375rem;
}

.kodiaqgt .video_box2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999994;
  display: none;
}

.kodiaqgt .video_main_ar2 {
  width: 10rem;
  height: 5.625rem;
  position: absolute;
  left: 0;
  top: 25%;
  z-index: 999;
}

.kodiaqgt .black_bg2 {
  background-color: #000;
}

.kodiaqgt .videobox_close2 {
  width: 0.59375rem;
  height: 0.578125rem;
  position: absolute;
  right: 0.3125rem;
  top: -0.78125rem;
  cursor: pointer;
  z-index: 99;
}

.kodiaqgt .videobox_close2 img {
  width: 100%;
}

.kodiaqgt .swiper-button-prev.swiper-button-prev-videos2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAEBXu8fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQlJREFUeNpiXJthzQACTAxQAGP8BwggRqhUI0ikAYjrYQwGgACCSYGlQTIsME0gSbCK////MyADgABC1vKfCVk5E7I+EKcN2SnVQNyCYSJAACGbxoBkWBOyY5AFGWECIMlWIK5CFkS3kBFq6X90SRioQVcEEEDYHAQOs6DpRxhZ0CRAQVaH7GOsEsiSGBIwSawSMMk6KMYALFAdMP81o0syIClghAYhiiQDmglN6JIYCjBSBDIACDBswceAI9Rg1oGCFsNKvBqw+ZJoDdg0EqUBWSNIUS2S5gYGIgAsKmH5oh7JEIIaGZCSdCvUBf8JGcCExq/BYkAdMRqxGdCIzQAmAl5BznAoBgAAKwRL60vnQq8AAAAASUVORK5CYII=);
}

.kodiaqgt .swiper-button-next.swiper-button-next-videos2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAEBXu8fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR5JREFUeNpiXJth3cTAwFDHBCKAuBHEAIF6gABiBEqBWTARMOM/iAEQQDCpRpA6ZCX1cBX///9nQAYAAQTSAhJhhClnhCmF6QULMCFpaYNxWoC4GsVEgACCOQDk9FqYqcjOZIB6hxHqyv/okgxILoY5pZUFTRIsCDOeBUmwBd1OgACCeQ9kVwOyRND0I2CdjEiOQFHAgux9KF2PLsmAZkI9uiS6CXXo/oTpqsUWCHVQlzOiS6JIoIdtI7aAr8cmgTVFIAOAAEOPTwZsQYkOQEGLHtfNSImwEZ9mbEHACHVBHT4DmHAYWI/FgCZiNGIzoBbZAEIaYc6vg+UbGJuFgIZGJA3V2NIkLg2gPFGDzVQWUjWgJx1YsMMyWA0hjwMADNJOZNM88v8AAAAASUVORK5CYII=);
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
  /* 兼容iphone5/SE */

  .subfoot-sitmap ul li.w4 {
    padding: 0;
    width: 2.5rem;
  }

  .subfoot-sitmap ul li.w5 {
    width: 2.109375rem;
  }

  .subfoot-sitmap ul li.w6 {
    width: 2.5rem;
  }

  /* 兼容iphone5/SE */

  .wcolor ul {
    padding: 0.3125rem 1.40625rem 0;
  }

  .icolor ul.tr {
    padding: 0.3125rem 1.40625rem 0;
  }

  .carconfig .model_list .model_item .model_name {
    width: 8.4375rem;
    height: 0.9375rem;
    position: absolute;
    left: 1.171875rem;
    top: 0.171875rem;
    line-height: 2;
  }

  [data-dpr="1"] .carconfig .model_list .model_item .model_name {
    font-size: 13px;
  }

  [data-dpr="2"] .carconfig .model_list .model_item .model_name {
    font-size: 26px;
  }

  [data-dpr="3"] .carconfig .model_list .model_item .model_name {
    font-size: 39px;
  }
}

@media (max-width: 1024px) {
  .search_content {
    padding-top: 0.8125rem;
  }

  .search_bar {
    height: 0.875rem;
  }

  .search_tit .search_input {
    width: 80%;
    height: 0.875rem;
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0.078125rem;
    float: left;
    padding: 0 0 0 0.15625rem;
  }

  .search_button {
    width: 0.984375rem;
    height: 0.875rem;
    float: left;
    border: 0;
  }

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

@media (max-width: 768px) {
  .search_content {
    padding: 0.8125rem 0.15625rem 0.3125rem;
  }

  .search_tit .pull-right {
    width: 100%;
    float: none;
  }

  .search_tit .search_input {
    width: 80%;
    height: 0.875rem;
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0.078125rem;
  }

  .search_button {
    width: 0.984375rem;
    height: 0.875rem;
    float: left;
    border: 0;
  }

  .search_tit_dis {
    padding-top: 0.15625rem;
  }
}