@charset "utf-8";
    /*mx-5*/
    
    * {
      margin: 0px;
      padding: 0px;
      font-family: "SimHei";
    }

    img {
        display: block;
        border: 0px;
        margin: auto;
    }

    body {
      background: #202020;
    }
    /*video*/
    
    .swiper-container {
      /*height: 568px;*/
    }
    
    .video {
      position: absolute;
      z-index: 999999;
      width: 100%;
      height: 100%;
      background: black;
      top: 0px;
      left: 0px;
    }
    
    .video video {
      width: 100%;
      /*height: 100%;*/
    }
    
    .video-shadow {
      background: url(../images/common_op.png) repeat;
      position: absolute;
      z-index: 999999;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
    }
    /*swiper*/
    
    .theme {
      width: 100%;
      position: relative;
      overflow: hidden;
    }
    .theme span.button{
          /* position: absolute; */
        top: 0px;
        /* border: 1px solid #F00; */
        color: #661313;
        /* font-weight: bold; */
        padding: 5px 8px;
        /* right: 20.2%; */
         background-image:url(../images/alpha_bg_0.8_white.png); 
        filter: alpha(opacity=80);
        background-color: rgba(255,255,255,0.8);
        background-repeat: repeat;
        /* z-index: 999; */
        height: 100%;
        line-height: 100%;
        display: inline-block;
        float: right;
        /* margin-right: 25%; */
        cursor: pointer;
    }
    .theme span.active{
      color: #333;
    }
    .theme .buy-layer{
      transition: bottom 0.3s;
      height: 180px;
      width: 100%;
      position: fixed;
      bottom: -152px;
      z-index: 999999;
      border-bottom: 1px solid #333;
    }
    .theme .buy-layer .layer-title{
      width: 1000px;
      margin: 0 auto;
      height: 16%;
    }
    .theme .buylayer-show{
      bottom: 0px;
    }
    .theme .buy-layer .layer-container{
      position: relative;
      width: 100%;
      height: 84%;
      background-color: #111114;
    }
    .theme .buy-layer .layer-wrapper{
      width: 1000px;
      margin: 0 auto;
      height: 100%;
    }
    .theme .buy-layer .layer-wrapper img{
      height: 100%;
      float: right;
      margin-right: -120px;
    }
    .theme .buy-font{
      position: absolute;
      color: #ddd;
      top: 40px;
    }
    .theme .buy-button{
      /* border: 1px solid #F00; */
      color: #661313;
      padding: 5px 8px;
      position: absolute;
      top: 80px;
      font-weight: bold;
      filter: alpha(opacity=80);
      background-color: rgba(255,255,255,0.8);
      background-image:url(../images/alpha_bg_0.8_white.png); 
    }
    .theme .swiper-container {
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
    }
    
    .theme .swiper-slide img {
      width: 100%;
    }
    
    .theme .content-slide {
      padding: 20px;
      color: #fff;
    }
    
    .theme .pagination {
      position: absolute;
      left: 0;
      text-align: center;
      bottom: 5%;
      width: 100%;
      z-index: 999;
    }
    
    .theme .swiper-active-switch {
      background: #ffffff!important;
    }
    
    .theme .arrow-left {
      display: block;
      width: 5%;
      position: absolute;
      left: 3.5%;
      z-index: 999;
      top: 45%;
    }
    
    .theme .arrow-right {
      display: block;
      width: 5%;
      position: absolute;
      right: 3.5%;
      z-index: 999;
      top: 45%;
    }
    
    .theme .arrow-left img,
    .theme .arrow-right img {
      width: 100%;
    }
    
    .theme .swiper-pagination-switch {
      display: inline-block;
      width: 3%;
      height: 2px;
      background: #9e9e9e;
      margin: 0 3px;
      cursor: pointer;
    }

    /* page-roadster */
    .page-roadster {
      background: #202020;
      overflow: hidden;
    }
    
    .page-roadster .page1-title {
      background: #202020;
    }
    
    .page-roadster .size-img {
      margin: auto;
      width: 40%;
    }
    
    .page-roadster .config-border {
      width: 60%;
    }
    
    .page-roadster .page1-font {
      width: 90%;
      margin: auto;
    }
    
    .page-roadster .arrow-left {
      position: absolute;
      left: 1.5%;
      z-index: 999;
      top: 45%;
      display: none;
      width: 10%;
    }
    
    .page-roadster .arrow-right {
      position: absolute;
      right: 1.5%;
      z-index: 999;
      top: 45%;
      display: none;
      width: 10%;
    }
    
    .page-roadster .page1-title h2 {
      text-align: center;
      font-size: 20px;
      color: white;
      font-weight: normal;
      line-height: 40px;
      padding-top: 20px;
      letter-spacing: 3px;
    }
    
    .page-roadster .page1-title p {
      color: #8e8b85;
      line-height: 24px;
      font-size: 14px;
      text-align: center;
      letter-spacing: 1px;
      padding-bottom: 30px;
    }
    .page-roadster-imgs ul li{
      float: left;
      width: 33.33333%;
      overflow: hidden;

        cursor: pointer;
    }
    /* 大图 */
    .c3-container{
      width:55%;
      margin:0 auto;
    }
    /* page-purchase */
    .page-purchase {
      background: #191818;
      overflow: hidden;
    }
    .page-purchase-orders{
      height: 215px;
      background: url(../images/orders_bg.jpg) #191818;
      text-align: center;
       /*border-bottom: 1px solid #848484;*/
    }
    .page-purchase-orders marquee{
      /* background-image:url(../images/alpha_0.3.png);  */
       /* filter: alpha(opacity=70); */
       /* background: rgba(0,0,0,0.7); */
       width: 100%;
    }
    .page-purchase-orders .yy-orders-headMore {
      width: 130px;
      height: 35px;
      text-align: center;
      margin: 0 auto;
      margin-top: 14px;
    }
     .page-purchase-orders .yy-orders-headMore a {
      border: 1px solid #ddd;
      padding: 5px 10px;
      color: #ddd;
      display: block;
    }
    .page-purchase-orders h2{
          width: 100%;
        color: #fff;
        /* line-height: 40px; */
        font-size: 32px;
        padding-top: 50px;
    }
    /* ul li版本 */
    .page-purchase-orders ul.orders-head{
      width: 100%;
      filter: alpha(opacity=50);
       background: rgba(0,0,0,0.5);  
      border-bottom: 1px solid #848484;
       border-top: 1px solid #555;
    }
    .page-purchase-orders ul.orderslist{
      background: none;
    }
    .page-purchase-orders ul li{
      width: 20%;
      float: left;
      
      color: #888889;
      border-right: 1px solid #555;
    }
    .page-purchase-orders .orders-head li{
      padding: 10px 0px;
      color: #fff;
    }
    .page-purchase-orders .orderslist>li:nth-child(1){
      /*border-top: 1px solid #555;*/
    }
    .page-purchase-orders ul li.order-row{
      width: 100%;
      /*border-bottom: 1px solid #999;*/
    }
    .page-purchase-orders ul li.order-row ul{
      height: 100%;
    }
    .page-purchase-orders li.order-row:nth-child(even){
      filter: alpha(opacity=20);
       background: rgba(0,0,0,0.2);  
    }
    .page-purchase-orders ul li.order-row ul li{
      text-align: center;
      height: 100%;
      padding: 10px 0px;
      border-bottom: 1px solid #555;
      /*border-top: 1px solid #555;*/
    }
    .page-purchase-orders ul li.prefix{
      width: 9.5%;
      border-left: 0px;
    }
    .page-purchase-orders ul li.surfix{
      width: 9.5%;
      border-right: 0px;
    }
    /* .page-purchase-orders table{
      width: 100%;
      margin: 0 auto;
      border-collapse: collapse;
      cursor: pointer;
    }
    .page-purchase-orders thead th{
      color: #e00;
      vertical-align: middle;
      filter: alpha(opacity=30);
       background: rgba(0,0,0,0.3);
       border-bottom: 1px solid #848484;
       border-top: 1px solid #848484;
       border-right: 1px solid #848484;
       border-left: 1px solid #848484;
    }
    .page-purchase-orders table tr{
      height: 45px;
    }
    .page-purchase-orders table tr td{
      border-bottom: 1px solid #848484;
      color: #fff;
      height: 45px;
      border-right: 1px solid #848484;
      vertical-align: middle;
      text-align: center;
    }
    .page-purchase-orders table tr td.hobby{
      width: 400px;
    }
    .page-purchase-orders table tr td.status{
      text-align: right;
    } */
    .page-purchase-img{
      position: relative;
    }
    /* .page-purchase-img .purchase-btn{
          position: absolute;
          left: 50%;
          top: 5%;
          margin-left: -114.5px;
          cursor: pointer;
    } */
    .page-purchase-img .purchase-btn{
      position: absolute;
      left: 50%;
      top: 5%;
      margin-left: -114.5px;
      cursor: pointer;
      width: 227px;
      display: block;
      color: #FFF;
      border: 1px solid #FFF;
      text-align: center;
      padding: 15px 0px;
      font-size: 24px;
      font-weight: bold;
    }
    .page-purchase .purchase-slogan{
    position: absolute;
    width: 100%;
    color: #fff;
    text-align: center;
    top: 20%;
    font-size: 16px;
    }
    .page-purchase .purchase-slogan span{
      font-weight: bold;
      font-size: 26px;
    }
    .arrow-anim{
          width: 30px;
      position: absolute;
      left: 50%;
      margin-left: -15px;
      top: 15%;
      -webkit-animation: arrowanim 0.3s linear alternate infinite;
      -moz-animation: arrowanim 0.3s linear alternate infinite;
      animation: arrowanim 0.3s linear alternate infinite;
      /* -webkit-animation-name:arrowanim;
    -webkit-animation-duration:0.3s;
    -webkit-animation-timing-function:linear;
    animation-direction:alternate;
  -webkit-animation-direction:alternate;
    -webkit-animation-iteration-count:infinite; */
    }
    @keyframes arrowanim
    {
        0% {top: 15%;}
        100% {top: 16%;}
    }
     
    @-webkit-keyframes arrowanim /* Safari 与 Chrome */
    {
        0% {top: 15%;}
        100% {top: 16%;}
    }
    @-moz-keyframes arrowanim /* Safari 与 Chrome */
    {
        0% {top: 15%;}
        100% {top: 16%;}
    }
    
    .page-purchase .page1-title {
      /* background: #202020; */
      background-color:rgba(255,0,0,0.2);
    }
    
    .page-purchase .size-img {
      margin: auto;
      width: 40%;
    }
    
    .page-purchase .config-border {
      width: 60%;
    }
    
    .page-purchase .page1-font {
      width: 90%;
      margin: auto;
    }

    .page-purchase .page1-font img{
      margin: 0 auto;
      width: 7%;
    }
    
    .page-purchase .arrow-left {
      position: absolute;
      left: 1.5%;
      z-index: 999;
      top: 45%;
      display: none;
      width: 10%;
    }
    
    .page-purchase .arrow-right {
      position: absolute;
      right: 1.5%;
      z-index: 999;
      top: 45%;
      display: none;
      width: 10%;
    }
    
    .page-purchase .page1-title h2 {
      text-align: center;
    font-size: 20px;
    color: white;
    font-weight: normal;
    /* line-height: 63px; */
    letter-spacing: 3px;
    padding-top: 52px;
    }
    
    .page-purchase .page1-title p {
       color: #8e8b85;
      line-height: 24px;
      font-size: 14px;
      text-align: center;
      letter-spacing: 1px;
      padding-bottom: 20px;
    }
    .page-purchase .page1-title .strong{
      font-size: 20px;
      font-weight: bold;
      color: #fff;
    }
    /* page-news */
	   .page-news {
      background: #191818;
      overflow: hidden;
    }
    .page-news-btnmore{
          width: 144px;
    height: 40px;
    text-align: center;
    /* position: absolute; */
    /* padding: 5px 10px; */
    bottom: 50px;
    /* border: 1px solid #ddd; */
    /* left: 50%; */
    /* margin-left: -72px; */
    /* margin-left: 50%; */
    /* margin-right: 72px; */
    margin: 0 auto;
    margin-top: 20px;
    /* margin-bottom: 20px; */
    padding-bottom: 40px;
    }
    .page-news-btnmore a{
          /* height: 100%; */
    display: inline-block;
    /* width: 100%; */
    /* line-height: 100%; */
    color: #ddd;
    margin-top: 12px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    }
    .page-news-img{
      width: 100%;
      position: relative;
      background-image:url(../images/news_bg.jpg);
      padding-bottom: 60px; 
    }
    .page-news-img img{
      width: 100%;
    }
    .page-news-img ul{
      max-width: 1080px;
    /* position: absolute; */
    /* top: 50px; */
    width: 1080px;
    /* left: 50%; */
    /* margin-left: -540px; */
    margin: 0 auto;
    }
    .page-news-img ul li{
      color: #eee;
      width: 100%;
      border-bottom: 1px solid #959595;
    }
    .page-news-img ul li:nth-child(5){
      border: none;
    }
    .page-news-img ul li a{
      color: #ccc;
      cursor: pointer;
      display: inline-block;
      width: 100%;
    }
    .page-news-img ul li p{
      line-height: 70px;
      font-size: 16px;
      display: inline-block;
      width: 75%;
    }
    .page-news-img ul li span{
          display: inline-block;
    /* float: right; */
    /* vertical-align: middle; */
    /* line-height: 100%; */
    /* height: 100%; */
    width: 16%;
    margin-left: 6%;
    color: #aaa;
    text-align: left;
    }
    .page-news-img ul li span.newstop{
      border: 1px solid #aaa;color: #aaa;text-align: center;padding: 3px 4px;border-radius: 1px;width: auto;
    }
    
    .page-news .page1-title {
      background: #202020;
    }
    
    .page-news .size-img {
      margin: auto;
      width: 40%;
    }
    
    .page-news .config-border {
      width: 60%;
    }
    
    .page-news .page1-font {
      width: 90%;
      margin: auto;
    }
    
    .page-news .arrow-left {
      position: absolute;
      left: 1.5%;
      z-index: 999;
      top: 45%;
      display: none;
      width: 10%;
    }
    
    .page-news .arrow-right {
      position: absolute;
      right: 1.5%;
      z-index: 999;
      top: 45%;
      display: none;
      width: 10%;
    }
    
    .page-news .page1-title h2 {
      text-align: center;
      font-size: 20px;
      color: white;
      font-weight: normal;
      line-height: 210px;
      letter-spacing: 3px;
    }
    
    .page-news .page1-title p {
      color: #eee;
      line-height: 24px;
      font-size: 14px;
      text-align: center;
      letter-spacing: 1px;
      padding-bottom: 30px;
    }
	
	/*page-honor*/
	 .page-honor {
      background: #191818;
      overflow: hidden;
    }
    /*page1*/
    
    .page1 {
      background: #191818;
      overflow: hidden;
    }
    
    .page1 .page1-title {
      background: #202020;
      ;
    }
    
    .page1 .size-img {
      margin: auto;
      width: 40%;
    }
    
    .page1 .config-border {
      width: 60%;
    }
    
    .page1 .page1-font {
      width: 90%;
      margin: auto;
    }
    
    .page1 .arrow-left {
      position: absolute;
      left: 1.5%;
      z-index: 999;
      top: 45%;
      display: none;
      width: 10%;
    }
    
    .page1 .arrow-right {
      position: absolute;
      right: 1.5%;
      z-index: 999;
      top: 45%;
      display: none;
      width: 10%;
    }
    
    .page1 .page1-title h2 {
      text-align: center;
      font-size: 20px;
      color: white;
      font-weight: normal;
      line-height: 75px;
      letter-spacing: 3px;
    }
    
    .page1 .page1-title p {
      color: #8e8b85;
      line-height: 24px;
      font-size: 12px;
      text-align: center;
      letter-spacing: 1px;
      padding-bottom: 30px;
    }
    
    .page1 .config {
      overflow: hidden;
      padding: 1% 0px;
    }
    
    .page1 .config-title {
      width: 100px;
      margin: auto;
    }

    .page1 .config-title h2 {
        color: white;
        line-height: 60px;
        text-align: center;
        border-bottom: 2px solid white;
        width: auto;
        font-size: 20px;
        letter-spacing: 1px;
        padding-left: 1px;
        font-weight: normal;
    }
    
    .page1 .config-right,
    .page1 .config-left {
      width: 50%;
      float: left;
      position: relative;
      /*overflow: hidden;*/
    }
    
    .config-right .config-border {
      position: absolute;
      bottom: 0.3%;
    }
    
    .config-right .choice-red .config-border {
      left: 19.8%;
    }
    
    .config-right .choice-gray .config-border {
      left: 19.8%;
      display: none;
    }
    .config-right .choice-white .config-border {
      left: 19.8%;
      display: none;
    }
    
    .page1 .config-left img {
      width: 100%;
    }
    
    .page1 .mob-m {
      display: none;
    }
    
    .page1 .config-right .config-table {
      width: 85%;
    }
    
    .page1 .config-container {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
    }
    
    131314 .page1 .config-left .car-gray {
      display: none;
    }
    
    .page1 .car-choice {
      overflow: hidden;
      width: 100%;
      margin-top: 4px;
    }
    
    .page1 .car-choice .select-box {
      overflow: hidden;
      width: 30.3%;
      margin: auto;
      position: relative;
    }
    
    .page1 .car-choice .select-box div {
      float: left;
      cursor: pointer;
      width: 28%;
      position: relative;
      padding: 3% 0px;
    }
    /*page2*/
    
    .page2 {
      position: relative;
    }
    
    .page2 .pc-img {
      display: block;
    }
    
    .page2 .mob-img {
      display: none;
    }
    
    .page2-container {
      height: 100%;
      width: 100%;
    }
    
    .history-back {
      position: absolute;
      top: 6.5px;
    }
    
    .history-back img {
      width: 100%;
    }
    
    .page2 .arrow-left {
      position: absolute;
      left: 3.5%;
      z-index: 1000;
      top: 45%;
      display: block;
      width: 5%;
    }
    
    .page2 .arrow-right {
      position: absolute;
      right: 3.5%;
      z-index: 1000;
      top: 45%;
      display: block;
      width: 5%;
    }
    
    .page2 .arrow-left img,
    .page2 .arrow-right img {
      width: 100%;
    }
    
    .page2 .page2-history {
      position: absolute;
      bottom: 2%;
      left: 0px;
      width: 100%;
      z-index: 1001;
    }
    
    .page2 .page2-history .swiper-wrapper {
      height: 48.5px;
    }
    
    .page2 .page2-container-history {
      position: relative;
      width: 70%;
      cursor: auto!important;
    }
    
    .page2 .page2-container-history .swiper-slide img {
      display: block;
      margin: auto;
      margin-bottom: 5%;
      transition: all .1s;
      -webkit-transition: all .1s;
      margin-top: 3.5px;
    }
    
    .page2 .page2-container-history .swiper-slide .red {
      margin-top: 0px;
    }
    
    .page2 .page2-container-history .swiper-slide p {
      font-style: italic;
      color: #3e3e40;
      text-align: center;
      font-size: 14px;
      line-height: 26px;
      transition: all .3s;
      -webkit-transition: all .3s;
    }
    
    .page2 .page2-container .swiper-slide img {
      width: 100%;
    }
    
    .page2 .page2-container-history .swiper-slide .font-light {
      color: white;
      font-size: 20px;
    }
    /*page3*/
    
    .page3 img {
      width: 100%;
    }
    
    .page3 .page3-title {
      padding-top: 20px;
      background: #111114;
    }
    
    .page3 .page3-title h2 {
      text-align: center;
      font-size: 20px;
      color: white;
      font-weight: normal;
      line-height: 75px;
      letter-spacing: 3px;
    }
    
    .page3 .page3-title p {
      width: 90%;
      margin: auto;
      color: #8e8b85;
      line-height: 24px;
      font-size: 14px;
      text-align: center;
      letter-spacing: 1px;
      padding-bottom: 30px;
    }
    /*information*/
    
    .information {
      overflow: hidden;
    }
    
    .information div {
      cursor: pointer;
    }
    
    .information .ph-block img {
      width: 100%;
    }
    
    .information .ph-block {
      background: #202020;
      width: 100%;
      display: none;
    }
    
    .information .left {
      width: 59.270%;
      float: left;
      position: relative;
      overflow: hidden;
    }
    
    .information .left img {
      width: 100%;
    }
    
    .information .right {
      width: 40.729%;
      float: left;
    }
    
    .information .right .top {
      background: #202020;
    }
    
    .information .bottom {
      overflow: hidden;
    }
    
    .information .bottom .small-msg {
      float: left;
      width: 50%;
    }
    
    .information .right .top img {
      width: 100%;
    }
    
    .information .small-msg {
      position: relative;
    }
    
    .information .small-msg img {
      width: 100%;
    }
    
    .information .text-font {
      position: absolute;
      width: 100%;
      left: 0px;
      z-index: 999;
    }
    
    .information .text-font p {
      color: white;
      text-align: center;
      margin-bottom: 16px;
      letter-spacing: 4px;
      padding-left: 4px;
    }
    
    .information .text-font div {
      width: 140px;
      height: 35px;
      color: white;
      text-align: center;
      margin: auto;
      border: 1px solid white;
    }
    
    .information .text-font b {
      line-height: 35px;
      font-weight: normal;
      font-size: 16px;
      cursor: pointer;
    }
    
    .information .bigger-img p {
      margin-bottom: 12px;
      font-size: 22px;
    }
    
    .information .bigger-img .font-bom {
      margin-bottom: 24px;
      font-size: 13px;
      font-family: 'Arial';
    }
    
    .information .shadow {
      position: absolute;
      height: 1300px;
      width: 1300px;
      background: url(../images/shadow.png);
      transition: all .6s;
      -webkit-transition: all .6s;
      opacity: 1;
    }
    
    .information .small-msg:hover .shadow {
      opacity: 0;
      filter: alpha(opacity=0)
    }
    
    .information .left:hover .shadow {
      opacity: 0;
      filter: alpha(opacity=0)
    }
    /*page4*/
    
    .page4 {
      overflow: hidden;
    }
    /*page5*/
    
    .page5 {
      overflow: hidden;
    }
    /*page6*/
    
    .page6 {
      overflow: hidden;
    }
    /*page7*/
    
    .page7 {
      overflow: hidden;
    }
    
    .page7 .right {
      width: 100%;
      overflow: hidden;
    }
    
    .page7 .top {
      width: 40.5745%;
      float: left;
    }
    
    .page7 .bottom {
      float: left;
      width: 59.4255%;
    }
    /*statement*/
    
    .statement {
      width: 100%;
      background: #09090a;
    }
    
    .statement p {
      text-align: center;
      color: #555555;
      padding: 32px 0px;
      line-height: 32px;
      background: #09090a;
      width: 90%;
      margin: auto;
      /* font-size: 14px; */
    }
    /*layer*/
    
    .layer {
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0px;
      background: url(../images/shadow.png) repeat;
    }
    
    .layer .off-layer {
      position: absolute;
      width: 3%;
      right: -3%;
      top: 0%;
      z-index: 99;
      cursor: pointer;
    }
    
    .layer .layer-exterior {
      width: 62%;
      /*left: 18.9589%;*/
      margin: auto;
      position: relative;
    }
    
    .layer .layer-exterior .arrow-left {
      display: block;
      width: 2%;
      position: absolute;
      left: 3.5%;
      z-index: 999;
      top: 40%;
    }
    
    .layer .layer-exterior .arrow-right img,
    .layer .layer-exterior .arrow-left img {
      width: 100%;
    }
    
    .layer .layer-exterior .arrow-right {
      display: block;
      width: 2%;
      position: absolute;
      right: 3.5%;
      z-index: 999;
      top: 40%;
    }
    
    .layer .layer-container-c1 img,
    .layer .layer-container-c2 img {
      width: 100%;
    }
    
    .layer-narrow-container-c1 img,
    .layer-narrow-container-c2 img {
      width: 100%;
    }
    
    .layer .shadow {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 999;
      width: 100%;
      height: 100%;
      transition: all .5s;
      -webkit-transition: all .5s;
    }
    
    .layer .swiper-slide {
      overflow: hidden;
      position: relative;
    }
    
    .layer .layer-narrow-container-c1 .swiper-slide:hover .shadow,
    .layer .layer-narrow-container-c2 .swiper-slide:hover .shadow {
      margin-top: -100%;
    }
    
    .layer .open-shadow {
      margin-top: -100%;
    }
    @media screen and (max-width: 1600px) {
      .cti-header ul li span{
        height: 28.8px;
      }
      .arrow-anim{
        width: 25px;
        position: absolute;
        left: 50%;
        top: 15%;
        margin-left: -12.5px;
      }
      .page-news-img ul{
        top: 30px;
      }
      .page-news-img ul li p{
          line-height: 50px;
      }
      .page-news-btnmore{
        bottom: 30px;
      }
      .order-content-main .d-list-radio label,.order-content-main .d-list-checkbox label{
        font-size: 14.8px;
        cursor: pointer;
      }
      .order-content-main .subform{
        padding: 5px 20px;
      }
    }
    @media screen and (max-width: 768px) {
      .page-roadster-imgs ul{
        width: 90%;
        margin: 0 auto;
      }
      .page-roadster-imgs ul li{
        width: 100%;
        margin-bottom: 10px;
      }
      .page-purchase .page1-title h2 {
        font-size: 22px;
      }
      .page-purchase .page1-title p {
        font-size: 16px;
      }
      .page-news{
        height: 412px;
      }
      .layer .off-layer {
        width: 8%;
      }
      .layer .layer-exterior .arrow-left,
      .layer .layer-exterior .arrow-right {
        top: 35%;
        width: 5%;
      }
      .statement {
        background: #191818;
      }
      .statement p {
        font-size: 10px;
        line-height: 20px;
        background: #191818;
        color: #474646;
      }
    }
    /*yy 弹层 长图*/
    .yy-shadow-height {
      display: none;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,.8);
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
       z-index: 999999;
    }
    .yy-shadow-height .yy-shadow-heightCon {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
      width: 800px;
      height: 500px;
      /*overflow: auto;*/
    }
    .yy-shadow-height .yy-shadow-heightCon .yy-shadow-heightConImg {
      width: 800px;
      height: 500px;
    }
    .yy-shadow-height .yy-shadow-heightCon img {
      width: 100%;
    }
    .yy-shadow-height .yy-shadow-height-close {
      position: absolute;
      top: 10%;
      right: 10%;
      width: 3%;
      cursor: pointer;
    }
    .yy-shadow-height .yy-shadow-heightCon .yy-shadow-btn {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 5%;
      cursor: pointer;
    }
    .yy-shadow-btn.yy-shadow-left {
      left: 2%;
    }
     .yy-shadow-btn.yy-shadow-right {
      right: 2%;
    }
    .yy-shadow-height .yy-shadow-heightCon p {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 2%;
      text-align: center;
      color: #fff;
    }