/* wyl */
@media (min-width: 1025px){
    .new-header-m,.new-m-foot-box,.new-m-side,.new-m-qrCode{
      display: none !important;
    }
  }
  @media (max-width: 1024px) {
    .new-header-m {
        display: block;
        height: 41pt;
        width: 100vw;
        box-sizing: border-box;
        padding: 0 15pt;
        background: #FFF;
        position: relative;
        transition: all .1s;
        border-bottom: 1px solid #f1f1f1;
    }
  
    .new-header-m .new-m-bar {
      position: relative;
      height: 100%;
      width: 100%;
    }
  
    .new-header-m .new-m-logo {
        height: 15pt;
        position: absolute;
        top: 3px;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 70.5pt
    }
  
    .new-header-m .new-m-carType {
        height: 38pt;
        width: 25pt;
        position: absolute;
        top: 11px;
        bottom: 0;
        right: 35pt;
        margin: auto;
        text-align: center;
        font-size: 11px;
    }
  
    .new-header-m .new-m-menu {
        width: 22pt;
        height: 38pt;
        position: absolute;
        top: 11px;
        bottom: 0;
        right: 0;
        margin: auto;
        font-size: 11px;
        text-align: center;
    }
    .new-header-m .new-m-menu img, .new-header-m .new-m-carType img{
        width: 22pt;
        margin: 0 auto;
    }
  
    .new-header-m .new-m-menuList {
      position: absolute;
      height: 0;
      width: 100vw;
      top: 41pt;
      left: 0;
      transition: all .5s;
      overflow-x: hidden;
      overflow-y: auto;
      color: #2A2B2C;
      background-color: #F4F5F5;
      box-sizing: border-box;
      padding: 0 15pt;
      z-index: 100;
    }
  
    .new-header-m .new-m-menuList .new-m-menuItem {
      font-size: 14pt;
      width: 100%;
    }
  
    .new-header-m .new-m-menuList .new-m-menuOption {
      padding: 40pt 0;
    }
  
    .new-header-m .new-m-menuList .new-m-menuOption .new-m-search {
      float: left;
      width: 26pt;
      height: 50px;
      text-align: center;
      background: url(../../../images/new-index-hf/m-new-pic/new-m-search-icon.png) no-repeat top;
      background-size: 100%;
      margin-left: 30%;
      padding-top: 32pt;
      color: #444;
    }
  
    .new-header-m .new-m-menuList .new-m-menuOption .new-m-user {
      float: right;
      width: 26pt;
      height: 50pt;
      margin-right: 30%;
      text-align: center;
      background: url(../../../images/new-index-hf/m-new-pic/new-m-user-icon.png) no-repeat top;
      background-size: 100%;
      padding-top: 32pt;
      color: #444;
    }
  
  
    .new-header-m .new-m-menuList .new-m-menuItem:first-child {
      padding-top: 10pt;
    }
  
    /* menuItem 标题 */
    .new-header-m .new-m-menuList .new-m-menuItem .new-m-menuItem-title {
      border-bottom: 1px solid #b8b8b8;
      height: 48pt;
      line-height: 50pt;
      box-sizing: border-box;
      padding: 0 10pt;
      position: relative;
      font-size: 13pt;
      font-weight: 500;
    }
    .new-header-m .new-m-menuList .new-m-menuItem .new-m-menuItem-title a{
      color: #444 !important;
    }
    .new-header-m .new-m-menuList .new-m-menuItem .new-m-menuItem-title .new-m-arrow {
      float: right;
      width: 12pt;
      height: 7pt;
      margin-top: 21pt;
      transform: rotate(180deg);
      transition: all .5s;
    }
  
    /* menuItem 内容 */
    .new-header-m .new-m-menuList .new-m-menuItem .new-m-menuDetial {
      transition: all .5s;
      height: 0;
      overflow: hidden;
    }

    .new-header-m .new-m-menuList .new-m-menuItem .new-m-menuDetial .m-detail-item {
        color: #6A6A6A;
        line-height: 40pt;
        padding: 0 10pt;
        font-size: 12pt;
        display: block;
    }
  
    .new-header-m .new-m-menuList .new-m-menuItem #carListItems>a:first-child {
      margin-top: 15pt;
    }
  
    .new-header-m .new-m-menuList .new-m-menuItem #carListItems>a {
      background-color: #fff;
      position: relative;
      height: 100pt;
      width: 100%;
      margin-bottom: 15pt;
      border-radius: 5pt;
      padding: 23pt 15pt 10pt;
      display: block
    }
    /* .new-header-m .new-m-menuList .new-m-menuItem #carListItems .new-nav-dht-mb{
      background-image: url(../../../images/new-index-hf/dht-bk-img-mb.jpg);
      background-size:100% 100%; 
    } */
    .title_icon_center{
        display: flex;
        align-items: center;
    }
  
    .new-header-m .new-m-menuList .new-m-menuItem #carListItems>a .new-car-name {
      /* display: block; */
      font-weight: bold;
      line-height: 25pt;
      position: relative;
      color: #444;
    }

    .new-header-m .new-m-menuList .new-m-menuItem #carListItems>a img{
      position: absolute;
      right: -145pt;
      top: 18%;
      height: 57%;
      transition: all .5s;
    }
  
    .m-hot-car::after {
      position: absolute;
      content: '';
      top: 5pt;
      width: 30pt;
      height: 14pt;
      background: url(../../../images/new-index-hf/m-new-pic/hot-flag.png) no-repeat center;
      background-size: 100%;
      margin-left: 4pt;
    }
  
    /* .m-new-car::after {
      position: absolute;
      content: '';
      top: 4pt;
      width: 30pt;
      height: 14pt;
      background: url(../../../images/new-index-hf/m-new-pic/new-flag.png) no-repeat center;
      background-size: 100%;
      margin-left: 4pt;
    } */

    .m-new-car {
      background: url(../../../images/new-index-hf/m-new-pic/new-flag.png) no-repeat center;
        width: 28pt;
        height: 13.06pt;
        display: inline-block;
        right: 79pt;
        top: 15%;
        background-size: 100% 100%;
    }
  
    .m-pre-car::after {
      position: absolute;
      content: '';
      top: 5pt;
      width: 32pt;
      height: 15pt;
      background: url(../../../images/new-index-hf/m-new-pic/pre-flag.png) no-repeat center;
      background-size: 100%;
      margin-left: 4pt;
    }
  
    .new-header-m .new-m-menuList .new-m-menuItem .new-m-menuDetial>a .new-car-price {
      display: block;
      color: #9D9D9D;
      font-size: 9pt;
      line-height: 20pt;
    }
  
    /* 底部 */
    .new-m-foot-box {
      width: 100vw;
      background-color: #F2F2F2;
      padding-top: 10pt;
    }
  
    .new-m-foot-box .new-foot-item {
      width: 100%;
      color: #333333;
      border-bottom: 1px solid #dadada;
    }
  
    .new-m-foot-box .new-foot-item .new-item-title {
      height: 40pt;
      line-height: 45pt;
      font-size: 11.5pt;
      font-weight: 500;
      box-sizing: border-box;
      padding: 0 24pt;
      position: relative;
    }
  
    .new-m-foot-box .new-foot-item .new-item-title::before {
      position: absolute;
      content: '';
      left: 12pt;
      top: 17pt;
      width: 2pt;
      height: 11pt;
      background-color: #5e5e5e;
    }
  
    .new-m-foot-box .new-foot-item .new-item-title .new-m-foot-arrow {
      float: right;
      width: 11pt;
      height: 6pt;
      margin-top: 19pt;
      transition: all .5s;
      transform: rotate(180deg);
    }
  
    .new-m-foot-box .new-foot-item .new-foot-item-detail {
      font-size: 11.5pt;
      margin-left: 50pt;
      height: 0;
      overflow: hidden;
      transition: all .5s;
    }
    .new-m-foot-box .new-foot-item .new-foot-item-detail>a{
      display: block;
      line-height: 40pt;
      color: #333
    }
  
    .new-m-foot-box .new-foot-options {
      padding: 20pt 13pt;
      font-size: 13pt;
    }
  
    .new-m-foot-box .new-foot-options>p img {
        display: inline-block;
        width: 32pt;
        vertical-align: middle;
        margin: 0 4pt;
    }
  
    .new-m-foot-box .new-foot-options>p {
      line-height: 40pt;
      font-size: 10.5pt;
    }
  
    .new-m-foot-box .new-foot-options .new-foot-logo {
      display: block;
      margin-bottom: 10pt;
      width: 95pt
    }
  
    .new-m-foot-box .new-foot-laster {
      background-color: #E1E1E2;
    }
  
    .new-m-foot-box .new-foot-laster #new-foot-keyHref {
      padding: 20pt 15pt 0;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap
    }
  
    .new-m-foot-box .new-foot-laster #new-foot-urlHref {
      padding: 7pt 15pt 10pt;
    }
  
  
    .new-m-foot-box .new-foot-laster #new-foot-keyHref a {
      font-size: 9.5pt;
      display: inline-block;
      background-color: #D1D2D3;
      padding: 5pt 7pt;
      margin: 0 3pt 8pt 0;
      color: #878787;
    }
  
    .new-m-foot-box .new-foot-laster #new-foot-urlHref a {
      display: inline-block;
      margin: 0 13pt 8pt 0;
      position: relative;
      color: #878787;
      font-size: 9.5pt
    }

    .new-m-foot-box .new-foot-laster #new-foot-urlHref .url-line{
        position: relative
    }

    .new-m-foot-box .new-foot-laster #new-foot-urlHref .url-line::after{
        position: absolute;
        content: '';
        right: -9pt;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 1pt;
        height: 10pt;
        background-color: #a9a9a9;
    }


    #new-foot-havalGlobal{
        background-color: #333333;
        height: 30pt;
        line-height: 30pt;
        margin: 0 15pt 10pt;
        color: #FFF;
    }
    #new-foot-havalGlobal img{
        float: left;
        height: 18pt;
        margin: 7pt 10pt;
    }
    #new-foot-havalGlobal span{
        float: left;
    }
    #new-foot-havalGlobal .gohref{
        float: right;
        width: 30pt;
        height: 30pt;
        background: #EB3223;
        position: relative;
    }
    #new-foot-havalGlobal .gohref::after{
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-top: 5px solid #FFF;
        border-right: 5px solid #FFF;
        border-bottom: 5px solid transparent;
        border-left: 5px solid transparent;
        transform: rotate(45deg);
    }
  
    .new-m-foot-box .new-foot-laster .new-foot-copy {
      color: #9B9B9B;
      background-color: #333;
      height: 40pt;
      padding-top: 1em;
      line-height: 1.2;
      text-align: center;
      font-size: 9pt;
    }
    
    /* 侧边栏 */
    .new-m-side {
        position: fixed;
        right: 10pt;
        background-color: #434a5199;
        width: 36pt;
        height: 72pt;
        bottom: 20vh;
        border-radius: 18pt;
        padding: 10pt 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        z-index: 90;
        transition: all .5s;
    }

    .new-m-side img {
        width: 15pt !important;
        margin: 5pt auto 12pt;
    }

    /* 关注信息 */
    .qr-code{
        position: fixed;
        height: 100vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 201;
        top: 0;
        left: 0;
    }
    .qr-code .info{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 191pt;
        height: 243pt;
        background-color: #fff;
        z-index: 202;
        display: flex;
        flex-direction: column;
        color: #FFF;
    }
    .qr-code .info img{
        width: 58%;
        margin: 46pt auto 23pt;
    }
    .qr-code .info p{
        width: 50%;
        margin: 0 auto;
        text-align: center;
        color: #474747;
    }
    .dht_mb{
        background-image: url(https://www.xllgroup.com/dist/site/images/new-index-hf/hd-bq@2x.png);
        width: 28pt;
        height: 13.06pt;
        display: inline-block;
        right: 79pt;
        top: 15%;
        background-size: 100% 100%;
        margin-left: 0.1rem;
    }
    .ch_mb{
        background-image: url(https://www.xllgroup.com/dist/site/images/new-index-hf/ch-bq@2x.png);
        width: 28pt;
        height: 13.06pt;
        display: inline-block;
        right: 79pt;
        top: 15%;
        background-size: 100% 100%;
        margin-left: 0.1rem;
    }
}