.Options .ProductBox h2{
     display: none;
 }
 .hide{
     display: none;
 }
 .MobileProgress{
     display: block;
 }
 #mobile-header .navbar{
     position: relative;
 }
 .phonenav-pop .litopic > a{
     padding: 0;
 } 
 .Filter > h3{
     justify-content: space-between;
 }
 .Mobile-Icon{
     display: none;
 }
  /*手机端导航*/
  .phonenav{display:none;padding:15px 0}
  .phonenav .iconfont{font-size:24px}
  .phonenav-pop{position:absolute;top:100%;left:0;width:100%;
      height: calc(100vh - 75px );background: rgba(0,0,0,.5);
      z-index: 10;
  }
  .phonenav-pop ul{
      max-height: 100%;
      overflow: auto;
  }
  .backwhite{
      background: #fff;
  }
  .phonenav-pop>ul>li{border-top:1px solid #eee;}
  .phonenav-pop .litopic{padding:15px 20px;width:100%}
  .phchildnav>li{padding:15px 0px 15px 30px;border-top:1px solid #eee;}
  .phchildnav ul{margin-top:10px;line-height:30px}
  .Custom .swiper .swiper-slide.active p{
      margin: 10px 0;
  }
    .ProductBox .close{
        display: none;
    }
 @media(max-width:768px){
     #mobile-header{display:block;position:relative}
     #pc-header{display:none}
     .container{
        width: 100% ;
        padding: 0 20px;
    }
    .header_box>.logo{
        flex: 1;
    }
    #mobile-header .header_box1{
        /*display: none;*/
        position: absolute;
        z-index: 100;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 10px;
        height: fit-content;
    }
    #mobile-header .header_box1 .x9{
        width: 100%;
    }
    #mobile-header{
        position: sticky;
        top: 0;
        left: 0;
        z-index: 100;
        background: #ffff;
    }
    .User{
        gap: 10px;
    }
    .header_box{
        gap: 20px;
    }
    .searchBar-m .form-group,.searchBar-m .input{
        width: 85%;
    }
    .searchBar-m .form-group{
        top: 60%;
    }
    .navbar .header{
        background: #fff;
    }
    .slides-arrow.dot-center .owl-dots{
        position: absolute;
        top: auto;
        bottom: 0;
    }
    .MainHomeContent{
        padding-top: 30px;
    }
    .container-layout{
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }
    .sale-title{
        margin-bottom: 20px;
    }
    .MainHomeContent h2{
        font-size: 32px;
        margin-bottom: 0px;
    }
    .sale-items .items-photo{
        transform: translateY(0);
        margin-bottom: 0;
    }
    .flex{
        flex-wrap: wrap;
    }
    .jianjie-list{
        gap: 20px;
        width: 100%;
    }
    .jianjie-list .jianjie-items{
        width: calc(50% - 10px);
    }
    .section{
        margin-bottom: 30px;
    }
    #Guides{
        gap: 20px;
    }
    .KDL-lists,.HELMET-content .content-right .right-product{
        grid-template-columns: repeat(1,100%);
        gap: 20px;
    }
    .HELMET-content .content-left{
        /*display: none;*/
        width: 100%;
    }
    .HELMET-content .content-left ul{
        display: flex;
        flex-wrap: wrap;
        
    }
    .HELMET-content .content-left .productItem span{
        display: none;
    }
    .HELMET-content .content-right{
        width: 100%;
        
    }
    .MainHomeContent .btn{
        padding: 10px;
    }
    .sale-title.Bottom{
        margin-bottom: 20px;
    }
    .sale-title.Bottom h2{
        margin-bottom: 0;
    }
    #title3{
        margin-bottom: 20px;
    }
    .sale-title .sale-btn{
        display: none;
    }
    
    .sale-title h2{
        margin-bottom: 0;
    }
    .Product{
        margin-left: 0;
    }
    .Product .content{
        gap: 20px;
        grid-template-columns: repeat(1,100%);
    }
    .product-item .product-photo{
        height: 210px;
    }
    .Filter{
        width: 100%;
    }
     .Mobile-Icon{
         display: block;
     }
     .FilterOptions{
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0,0,0,0.1);
         z-index: 100;
         display: none;
     }
     .Options{
         display: flex;
         height: 100%;
         align-items: center;
         justify-content: center;
     }
     .Options .ProductBox{
         background: #fff;
         width: 80%;
         padding: 20px;
         height: 50vh;
         position: relative;
         display: flex;
         flex-direction: column;
     }
     .FilterOptions .Options .ProductBox h2{
         display: block;
         font-size: 26px;
         margin-bottom: 20px;
     }
     .FilterOptions .Options .ProductBox .OptionsContent{
         flex: 1;
         overflow: auto;
     }
     .FilterOptions .Options .ProductBox .close{
         position: absolute;
         right: 20px;
         top: 20px;
     }
     .ProductBanner h2{
         font-size: 32px;
     }
     .product-item img{
         height: 100% !important;
     }
     .channel-banner {
         height: 210px;
     }
     .After-sales{
         padding: 30px 0;
     }
     .normal-list{
         gap: 20px;
         grid-template-columns:repeat(1,100%)
     }
     .After-sales h2{
         font-size: 24px;
         margin-bottom: 20px;
     }
     .After-sales .layout{
         margin-bottom: 30px;
     }
     .FAQ .dot{
         padding: 10px;
     }
     .Time-Mobile{
         flex-direction: column;
     }
     .time .time-left, .time .time-right{
         width: 100%;
     }
     .Contact h1{
         font-size: 32px;
     }
     .time .time-left{
         padding: 20px;
     }
     .contact-information{
         margin-top: 20px;
     }
     .contact-information .information-item{
         width: 100%;
         padding: 20px;
     }
     .contact-information .information-item .address{
         margin-top: 20px;
     }
     .nav-bread a:nth-child(3){
         display: none;
     }
     .download-type{
         width: 100%;
     }
     .download-right .Download-lists .Download-items{
         padding: 10px;
     }
     .download-right .Download-lists{
         grid-template-columns:repeat(1,100%)
     }
     .channel-banner .banner-info{
         display: none;
     }
     .Business-item .Business-left, .Business-item .Business-right{
         width: 100%;
     }
     .Business-item .Business-left .box{
         width: 100%;
         padding: 20px ;
     }
     .Business-item:nth-child(2n) .Business-left .box{
         padding: 20px ;
     }
     section{
         padding-bottom: 30px;
     }
     main h2{
         font-size: 24px;
         margin-bottom: 20px;
     }
     .History-information .History-right{
         width: 100%;
         margin-left: 0;
     }
     .History-information .History-right h1{
         display: none;
     }
     .History-information .History-right p{
         margin-top: 10px;
     }
     .Contact{
         padding-bottom: 30px;
     }
     .swiper-bg{
         padding: 0 60px ;
     }
     .swiper-bg img{
         margin-top: 0;
     }
     .grid-2{
        grid-template-columns: repeat(1,100%);
        gap: 20px;
     }
     .footer-left-upload{
         width: 100%;
     }
     .File{
         gap: 30px;
        margin-top: 20px;
        margin-bottom: 30px;
     }
     .MyText{
         margin-top: 20px;
     }
     .guestbook{
         padding: 30px 0 30px 0;
     }
     .guestbook h2{
         font-size: 24px;
     }
     .guestbook-information{
         margin-top: 30px;
     }
     .form-button{
         width: 100%;
     }
     .channel-banner.news{
         height: 210px;
     }
     .news{
         padding: 30px 0;
     }
     .news-right-lists{
         grid-template-columns:repeat(1,100%);
         gap: 20px;
         margin-top: 30px;
     }
     .news-right,.news-left,.title-Information{
         width: 100%;
     }
     .news-right-title{
         gap: 0;
     }
     .Information-items{
         padding: 20px 0;
     }
     .news .container{
         gap: 30px;
     }
     .news .news-left .news-shuru{
         gap: 10px;
     }
     .news .news-left .news-shuru input:nth-child(1){
         flex: 1;
     }
     .left_Icon{
         text-align: center;
     }
     .pagination{
        margin-top: 30px;
        margin-bottom: 30px;
     }
     .FAQ .FAQ-information{
         display: none;
     }
     .FAQ .FAQ-lists{
         padding: 0;
         width: 100%;
     }
     .FAQ-items .Introduce{
         padding: 0;
     }
     .FAQ-items .title{
         gap: 20px;
        padding: 20px 0;
     }
     .FAQ-items .title h2{
         
        font-size: 16px;
     }
     .FAQ-items .Introduce{
         font-size: 12px;
     }
     .FAQ1{
         padding: 30px;
     }
     .policy{
         padding: 30px 0;
     }
     .x5,.x7{
         width: 100%;
     }
    .padding-large{
        padding: 30px 0;
    }
    .intro{
        padding: 20px;
    }
    .ey-buyaction .item-btn{
        margin-right: 0;
    }
    .ey-buyaction{
        gap: 10px;
    }
    .ey-buyaction .item-btn.btn-black,.ey-buyaction .item-btn{
        width: calc(50% - 5px);
    }
    .ey-buyaction .item-btn:last-child{
        width: 100%;
    }
    .sku-lists{
        grid-template-columns:repeat(1,100%)
    }
    .blank-big{
        display: none;
    }
    .Margin-70{
        margin-top: 30px;
    }
    .layout:after{
        content:none;
    }
    .NowPay .items-btn{
        padding: 15px;
    }
    .NowPay {
        width: 100%;
        justify-content: space-between;
    }
    .ProductComparison{
        display: none;
    }
    .Customer .Customer-line ,.Customer .Customer-right{
        display: none;
    }
    .article-type{
        flex-direction: column;
    }
    .product .post h2{
        font-size: 18px;
    }
    .price .users_price{
        font-size: 18px;
    }
    .news-detail .news-detail-left{
        display: none;
    }
    .news-detail .news-detail-right{
        padding: 20px;
    }
    .news-detail .news-detail-right h2{
        font-size: 18px;
    }
    .ProductBox .close{
        display: inline-block;
    }
    .detail{
        padding-bottom: 30px;
    }
    .Custom .swiper .swiper-slide:first-child{
        font-weight: bold;
    font-size: 20px;
    color: #111111;
    }
    .Custom .swiper .swiper-slide:first-child p {
        color: #111111;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.0;
        margin: 10px 0;
    }
    .time .time-left .time-left-footer{
        margin-top: 20px;
    }
     .MyCoupon{
         width: 100%;
     }
     .ey-container .goods-con .goods-item .item-con {
        position: relative;
        padding: 15px 10px;
        display: flex;
    }
    .ey-container .goods-con .goods-item .item-con .item-con-l {
        display: block;
        width: 60px;
        height: 60px;
        overflow: hidden;
        margin-right: 10px;
    }
    .ey-container .goods-con .goods-item .item-con .item-con-m {
        flex: 1;
    }
    .ey-container .goods-con .goods-item .item-con .item-con-r {
        text-align: right;
        margin-left: 10px;
    }
    .ey-container .goods-con .goods-item .item-top {
        padding: 12px 0;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #eee;
    }
    .ey-container .goods-con .goods-item .item-top-l {
        padding-left: 10px;
        flex: 1;
    }
    .ey-container .goods-con .goods-item .item-top-r {
        padding: 0 10px;
    }
    .red {
        color: #f30 !important;
    }
    .ey-container .goods-con .goods-item .item-bottom {
        display: flex;
        align-items: center;
        border-top: 1px solid #eee;
        padding: 10px;
    }
    .ey-container .goods-con .goods-item .item-bottom .item-bottom-r {
        flex: 1;
        text-align: right;
    }
    .ey-container .goods-con .goods-item {
       background: #FFFFFF;
    }
     .MobileOrder{
         background: none;
     }
     .ey-container .MobileOrder .column-title2{
         background: #FFFFFF;
     }
     
    .el-main{
        padding: 20px 0;
    }
    .ey-body-bg{
        margin-top: 0;
    }
    .ey-container .ey-nav{
        width: 100%;
        min-height: 200px;
    }
    .ey-con{
        padding: 10px;
    }
    .progress-bar{
        display: none;
    }
    .MobileProgress{
        display: none;
    }
    .order-information{
        padding: 0;
        border: none;
    }
    .MobileFlexDirect{
        flex-direction: column;
    }
    .ey-con-inside .column-right a{
        display: block;
    }
    .ey-con-inside .column-right a:first-child{
        margin-bottom: 10px;
    }
    .Order-details{
        margin-left: 0;
        padding: 20px 0;
    }
    .OrderMobileDetail .ey-nav{
        display: none;
    }
    .OrderMobileDetail.ey-body{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .Order-details .details-title{
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        padding: 0 10px;
    }
    .Order-details .Order-information{
        gap: 20px;
    }
    .order-goods .goods-item img{
        height: auto;
    }
    .ey-container .goods-con .goods-item .item-info span {
        display: block;
        margin-bottom: 10px;
        color: #666;
    }
    .member-price{
        display: none;
    }
    .Order-details .Order-information > p{
        display: none;
    }
    .Delivery{
        margin-top: 0;
        padding: 0 10px;
    }
    .Paymentmethod{
        display: none;
    }
    .Delivery-Details{
        padding: 10px;
    }
    .Delivery-Details .Details-items .title{
        flex: 1;
    }
    .CartList .shop-car .goods-item {
        background-color: #fff;
        margin-bottom: 15px;
        box-shadow: 0px 0px 8px #e6ecf2;
    }
    .CartList .shop-car .goods-item .item-top {
        padding: 10px 0;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #eee;
    }
    .CartList .shop-car .goods-item .item-con {
        position: relative;
        padding: 15px 10px;
        display: flex;
    }
    .CartList .shop-car .goods-item{
        display: block;
    }
    .CartList .shop-car .goods-item .item-bottom {
        display: flex;
        align-items: center;
        border-top: 1px solid #eee;
        padding: 10px;
    }
    .CartList .shop-car .goods-item .item-bottom .item-bottom-r {
        flex: 1;
        text-align: right;
    }
    .CartList .shop-car .goods-item .item-top-l {
        padding-left: 10px;
        flex: 1;
    }
    .CartList .shop-car  .checkbox-label .checkbox:checked+.check-mark {
        background-color: #ff9600;
        border: 1px solid #ff9600;
    }
    .CartList .shop-car  .checkbox-label {
        position: relative;
        font-family: sans-serif;
        display: inline-block;
        padding-left: 30px;
        user-select: none;
        margin-right: 10px;
        font-size: 14px;
    }
    .CartList .checkbox-label .checkbox, .CartList .radio-label .radio {
        display: none;
    }
    .CartList .checkbox-label .checkbox:checked+.check-mark:after {
        content: "";
        position: absolute;
        width: 10px;
        transition: .1s;
        height: 5px;
        background: #ff7600;
        top: 45%;
        left: 50%;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: translate(-50%, -50%) rotate(-45deg);
    }
     .CartList .checkbox-label .check-mark {
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        position: absolute;
        left: 0px;
        display: inline-block;
        top: 0px;
        border-radius: 3px;
        border: 1px solid #e4eaec;
    }
    .CartList .goods-item .item-con .item-con-l img {
        width: auto;
        height: 60px;
    }
    .CartList .goods-item .item-con .item-con-l {
        display: block;
        width: 60px;
        height: 60px;
        overflow: hidden;
        margin-right: 10px;
    }
    .item-con .item-con-m {
        flex: 1;
    }
    .MobileProduct{
        display: none;
    }
    .Delete{
        display: none;
    }
    .info_block{
        width: 100%;
        margin-right: 0;
    }
    .payment_block{
        padding: 30px 0;
    }
    .payment_block h2{
        margin: 0;
    }
    .payment_block .el-col-12{
        width: 100%;
    }
    .AddTip{
        margin-top: 20px;
    }
    .AddTip .AddTip-information{
        margin-bottom: 20px;
    }
    .product_box{
        padding: 20px;
    }
    .Dialog .Dialog-content{
        width: 90%;
    }
    .Dialog .Dialog-content .btn-close{
        margin-bottom: 20px;
    }
    .Coupon-information p{
        display: none;
    }
    .Coupon-information p:last-child{
        display: block;
    }
    .ey-container .order-row{
        flex-wrap: wrap;
    }
    .order-row{
        padding: 0;
    }
    .ey-body-bg .credit_card{
        background: #ffffff;
    }
    .ey-body-bg .ey-container .main-bg{
        margin-bottom: 0;
    }
    .ey-body{
        padding: 30px 0;
    }
    .ey-container .order-row .order-row-l .order-row-lb{
        padding-left: 0;
    }
    .ey-container .order-row .order-row-l .order-row-lt{
        font-size: 20px;
        font-weight: bold;
    }
    .Box-lists{
        grid-template-columns: repeat(2,calc(50% - 10px));
        gap: 20px
    }
    /*#mobile-header .logo{*/
    /*    width: 30%;*/
    /*}*/
 }
 .bor-t {
    border-top: 1px solid #eee;
}
.p10 {
    padding: 10px;
}