form,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

input,
select {
  margin: 0;
}

input,
select,
textarea {
  color: #333;
  padding: 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
}

textarea {
  resize: none;
  text-align: justify;
}

a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
}

b {
  font-weight: 400;
}

i {
  font-style: normal;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  border: 0;
  width: 100%;
  height: auto;
  display: block;
}

table {
  border-collapse: collapse;
  text-align: center;
}

td,
th {
  padding: 0;
}

span {
  display: inline-block;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: hsla(0,0%,94%,0);
}

.hide {
  display: none!important;
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  box-sizing: content-box;
  display: -webkit-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform,height;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  width: 0.72rem;
  height: 1.173333rem;
  margin-top: -0.586667rem;
  z-index: 10;
  cursor: pointer;
  background-size: 0.72rem 1.173333rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 0.266667rem;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 0.266667rem;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0.266667rem;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 0.213333rem;
  height: 0.213333rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 0.266667rem;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0.133333rem 0;
  display: block;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.133333rem;
}

.swiper-pagination-progress {
  background: rgba(0,0,0,.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 0.106667rem;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 0.106667rem;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: hsla(0,0%,100%,.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-perspective: 32rem;
  -o-perspective: 32rem;
  perspective: 32rem;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
  background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent);
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 32rem;
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(1.333333rem);
  filter: blur(1.333333rem);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-scrollbar {
  border-radius: 0.266667rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 0.08rem;
  z-index: 50;
  height: 0.133333rem;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 0.08rem;
  top: 1%;
  z-index: 50;
  width: 0.133333rem;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 0.266667rem;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 0.666667rem;
  height: 0.666667rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.32rem;
  margin-top: -0.32rem;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: a 1s steps(12) infinite;
  animation: a 1s steps(12) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{max-width:10.24rem;margin:0 auto;color:#333;background:#fff;padding-bottom:1.333333rem}.xy__car-wrap{overflow:hidden}.xy__banner,.xy__car-wrap{position:relative}.xy_detail_btn{font-size:0.32rem;color:#333;position:absolute;left:3.106667rem;top:5.733333rem}.xy_detail_pic{display:none;left:0;z-index:101}.btn-close,.xy_detail_pic{position:absolute;right:0;top:0}.btn-close{display:inline-block;width:1.333333rem;height:1.333333rem}.car-year-point{bottom:1.333333rem!important}.car-year-point .swiper-pagination-bullet{width:1.333333rem;height:0.013333rem;border-radius:0;font-size:0.32rem;border:0.013333rem dotted #666;margin:0!important;background:transparent;position:relative}.car-year-point .swiper-pagination-bullet i{display:inline-block;margin-top:0.133333rem}.car-year-point .swiper-pagination-bullet:after{content:"";
  width: 0.16rem;
  height: 0.16rem;
  background: #666;
  border-radius: 100%;
  position: absolute;
  top: -0.066667rem;
}

.car-year-point .swiper-pagination-bullet:first-child:after {
  left: 0;
}

.car-year-point .swiper-pagination-bullet:nth-child(2):after,
.car-year-point .swiper-pagination-bullet:nth-child(3):after {
  left: 50%;
}

.car-year-point .swiper-pagination-bullet:nth-child(4):after {
  right: 0;
}

.car-year-point .swiper-pagination-bullet:first-child i {
  position: relative;
  left: -0.4rem;
}

.car-year-point .swiper-pagination-bullet:nth-child(4) i {
  position: relative;
  right: -0.533333rem;
}

.car-year-point .swiper-pagination-bullet-active {
  width: 3.466667rem;
  height: 0.08rem;
  background: #479fda;
  border: 0.013333rem solid #479fda;
  color: #479fda;
  border-radius: 0.066667rem;
}

.car-year-point .swiper-pagination-bullet-active:after {
  display: none;
}

.car-year-point .swiper-pagination-bullet-active:first-child i {
  position: relative;
  left: 0;
}

.car-year-point .swiper-pagination-bullet-active:nth-child(4) i {
  position: relative;
  right: 0;
}

.xy_car-info {
  position: relative;
}

.xy_car-word-wrap {
  width: 10rem;
  height: 2rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10.826667rem;
  z-index: 1;
}

.xy_car-word-wrap li {
  display: none;
  text-align: center;
}

.xy_car-word-wrap li img {
  width: 5.333333rem;
  margin: 0 auto;
}

.xy_car-word-wrap li.active {
  display: block;
}

.xy_car-icon-wrap {
  width: 8.88rem;
  height: 3.733333rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  bottom: 1.6rem;
}

.xy_car-icon-wrap li {
  float: left;
  width: 1.68rem;
  height: 1.786667rem;
  margin: 0.066667rem 0.266667rem;
}

.xy_car-icon-wrap li:first-child {
  background: url(../images/car-info-icon5.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li.active:first-child {
  background: url(../images/car-info-active-icon5.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li:nth-child(2) {
  background: url(../images/car-info-icon6.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li.active:nth-child(2) {
  background: url(../images/car-info-active-icon6.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li:nth-child(3) {
  background: url(../images/car-info-icon8.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li.active:nth-child(3) {
  background: url(../images/car-info-active-icon8.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li:nth-child(4) {
  background: url(../images/car-info-icon2.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li.active:nth-child(4) {
  background: url(../images/car-info-active-icon2.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li:nth-child(5) {
  background: url(../images/car-info-icon4.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li.active:nth-child(5) {
  background: url(../images/car-info-active-icon4.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li:nth-child(6) {
  background: url(../images/car-info-icon1.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li.active:nth-child(6) {
  background: url(../images/car-info-active-icon1.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li:nth-child(7) {
  background: url(../images/car-info-icon4.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li.active:nth-child(7) {
  background: url(../images/car-info-active-icon4.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li:nth-child(8) {
  background: url(../images/car-info-icon3.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-icon-wrap li.active:nth-child(8) {
  background: url(../images/car-info-active-icon3.png) no-repeat 50%;
  background-size: 100% auto;
}

.xy_car-slide {
  position: relative;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -0.4rem;
  width: 0.4rem;
  height: 0.8rem;
  z-index: 2;
  outline: none;
}

.swiper-button-next {
  right: 0.4rem;
  background: url(../images/icon-right.png) 50% no-repeat;
  background-size: 100% auto;
}

.swiper-button-prev {
  background: url(../images/icon-left.png) 50% no-repeat;
  background-size: 100% auto;
  left: 0.4rem;
}

.car-pic-point span {
  background: #9fa0a0;
  opacity: 1;
}

.car-pic-point .swiper-pagination-bullet-active {
  width: 0.666667rem;
  background: #00a1e0;
  border-radius: 0.133333rem;
}

.xy__message-wrap {
  padding: 0.666667rem 0.133333rem;
  font-size: 0.4rem;
}

.xy__message-tip {
  width: 100%;
}

.xy__car-select {
  height: 0.613333rem;
  border: 0.013333rem solid #8d8d8d;
  position: relative;
  line-height: 0.613333rem;
}

.xy__car-select,
.xy__car-select-list {
  width: 4rem;
  padding: 0 0.266667rem;
  color: #8d8d8d;
}

.xy__car-select-list {
  position: absolute;
  left: 0;
  top: 0.64rem;
  background: #fff;
}

.xy__car-select-name {
  padding: 0.133333rem 0;
  border-bottom: 0.013333rem dashed #8d8d8d;
  color: #8d8d8d;
}

.icon-down {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 0.76rem;
  height: 0.613333rem;
  background: url(../images/icon-down.png) no-repeat 50%;
  background-size: 50% auto;
  border-left: 0.013333rem dotted #8d8d8d;
}

.xy__message-car-name {
  margin-top: 0.506667rem;
  border-top: 0.013333rem solid #8d8d8d;
  border-bottom: 0.013333rem solid #8d8d8d;
  padding: 0.2rem 0;
  color: #8d8d8d;
}

.xy__message-list_tip {
  color: #129eff!important;
  padding: 0.2rem 0 0.2rem 0.266667rem;
  background: #ddd;
}

.xy__message-list {
  height: 5.466667rem;
  border: 0.013333rem solid #8d8d8d;
  overflow: scroll;
  font-size: 0.32rem;
}

.xy__message-list li {
  border-bottom: 0.013333rem solid #8d8d8d;
  color: #8d8d8d;
}

.xy__message-list li:last-child {
  border-bottom: 0;
}

.xy__configure-detail-tip {
  display: inline-block;
  width: 46%;
  padding: 0.2rem 0 0.2rem 0.266667rem;
  border-right: 0.013333rem solid #8d8d8d;
}

.xy__configure-detail-right {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding: 0.2rem 0;
}

.xy__configure-remark {
  padding: 0.2rem 0 0.2rem 0.266667rem;
}

.charge-program {
  height: 9.333333rem;
  position: relative;
}

.charge-program .swiper-slide {
  width: 2.933333rem;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.charge-program .swiper-slide img {
  height: 0.546667rem;
  position: absolute;
}

.wrap {
  padding: 0.8rem 0;
}

.charge-program__title {
  position: absolute;
  top: 0;
  left: 0.626667rem;
  width: 7.24rem;
}

.charge-program__pic {
  width: 4rem;
  position: absolute;
  right: 0;
  bottom: -1.333333rem;
}

.charge-program__icon {
  width: 4.8rem;
  height: 7.733333rem;
  position: absolute;
  right: 3.733333rem;
  top: 0;
  z-index: 1;
}

.charge-program__line {
  position: absolute;
  top: 1.333333rem;
  left: 0;
  z-index: 1;
}

.charge-program__swiper {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  width: 4.666667rem;
  height: 6.933333rem;
  top: 3.2rem;
  font-size: 0.16rem;
  left: -0.186667rem;
  padding-left: 0.186667rem;
}

.clue__btn {
  width: 100%;
  height: 1.333333rem;
  position: fixed;
  max-width: 10.24rem;
  bottom: -0.066667rem;
  cursor: pointer;
  z-index: 100;
}

.clue__btn img {
  width: 100%;
}

.charge-program__popup {
  position: absolute;
  left: 0.666667rem;
  top: 0.4rem;
  z-index: 3;
}

.charge-program__popup1,
.charge-program__popup2 {
  display: inline-block;
  width: 2.666667rem;
  height: 0.4rem;
  background: url(../images/btn-show-1.png) no-repeat 50%;
  background-size: 100% auto;
}

.charge-program__popup2 {
  width: 3.066667rem;
  background: url(../images/btn-show-2.png) no-repeat 50%;
  background-size: 100% auto;
  margin-left: 0.266667rem;
  position: relative;
}

.tip__popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.4);
  z-index: 2;
  display: none;
}

.tip-middle1,
.tip-middle2 {
  width: 8rem;
  height: 9.893333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 3;
}

.xy__car-color {
  padding: 0.133333rem 0.266667rem;
}