.header .box li .iconfont,.btn-nav{
    display: none;
}
.product-swiper .swiper-slide .c2-wap,.product-swiper .swiper-slide .c1-wap{
    display: none;
}
@media screen and (max-width: 1000px) {
    .product-swiper .swiper-slide .text{
        transform: translate(10px,0) scale(0.8);
        position: inherit;
        padding-left: 0;
    }
    .product-swiper .swiper-slide .c2-wap,.product-swiper .swiper-slide .c1-wap{
        display: block;
    }
    .product-swiper .swiper-slide .c2,.product-swiper .swiper-slide .c1{
        display: none;
    }
    .product-swiper .swiper-slide img{
        /*max-width: 90%;*/
    }
    .age18 .box .b img{
        max-width: 100%;
        max-height: 65vh;
    }
    .age18 .box .b{
        width: 100%;
        margin: 0 auto;
        text-align: center;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .age18 .box p {
        justify-content: space-between;
    }
    .age18 .box p  span{
        width: 48%;
        margin: 0 1%;
    }
    .age18 .box p  span a{
        display: block;
        box-sizing: border-box;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    body{
        overflow: initial;
    }
    body.mm-opening{
        overflow: hidden;
    }
    .header{
        padding-top: 10px;
        /* position: sticky; */
        top: 0;
    }
    .logo img{
        height: 40px;
    }
    .mm-opening .menu{
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }
    .menu{
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #FFF;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
        transform: translateY(30px);
    }
    .menu ul{
        flex-direction: column;
    }
    .header{
        z-index: 999;
    }
    .header .box li{
        padding: 0 20px;
        margin-left: 0;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        border-bottom: 1px solid #f5f5f5;
    }
    .header .box li .iconfont{
        display: block;
        position: absolute;
        top: 5px;
        right: 20px;
        transition: all 0.4s;
    }
    .header .box li.act .iconfont{
        transform: rotate(-180deg);
    }
    .header .box li .a{
        display: inline-block;
        padding-left: 0;
    }
    .header .box li .child{
        position: inherit;
        transform: translate(0,0);
        left: 0;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        text-align: left;
        display: none;
        padding: 0;
    }
    .header .box li:hover .child{
        transform: translate(0,0);
    }
    .header .box li .child a{
        color: #333;
        padding-left: 20px;
    }
    .header .box li:hover .a{
        background-color: transparent;
        color: #e8400b;
    }
    .btn-nav {
       
        background: transparent;
        border: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 99999;
        display: block;
        width: 30px;
      }
      .icon-bar {
        display: block;
        margin: 6px 0;
        width: 30px;
        height: 3px;
        background-color: #e8400b;
        box-shadow: 0 1px 1px #fff;
        -webkit-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -ms-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
        z-index: 999999;
      }
      .mm-opening .top {
        -webkit-transform: translateY(8px) rotateZ(45deg);
        -moz-transform: translateY(8px) rotateZ(45deg);
        -ms-transform: translateY(8px) rotateZ(45deg);
        -o-transform: translateY(8px) rotateZ(45deg);
        transform: translateY(8px) rotateZ(45deg);
      }
      .mm-opening .bottom {
        -webkit-transform: translateY(-10px) rotateZ(-45deg);
        -moz-transform: translateY(-10px) rotateZ(-45deg);
        -ms-transform: translateY(-10px) rotateZ(-45deg);
        -o-transform: translateY(-10px) rotateZ(-45deg);
        transform: translateY(-10px) rotateZ(-45deg);
      }
      .mm-opening .middle {
        width: 0;
      }
      .mm-opening #menuWap {
        display: block;
      }

      .video-bottom a img{
        margin-top: 0 !important;
        height: 34px !important;
      }
      .video-bottom{
        bottom:152px;
        left: 0;
        width: 100%;
        text-align: center;
      }
      .footer{
        right: 0px;
        left: 0px;
        /* color: #FFF; */
        font-size: 12px;
        position: relative;
        z-index: 2;
        padding: 0 20px 20px;
      }
      .footer .share{
        justify-content: center;
      }
      /* .footer a{
        color: #FFF;
      } */
      .footer .box{
        text-align: center;
      }
      .bgcover{
        position: relative;
      }
      /* .bgcover:after{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0,0.3);
        z-index: 1;
      } */
      .about-box{
        position: relative;
        z-index: 2;
        padding: 0 20px;
        margin: 0 0 30px;
        box-sizing: border-box;
        min-height: 100vh;
        height: auto;
        background-color: rgba(0, 0, 0,0.3);
      }
   
      .about-box .content{
        height: auto;
      }
      .about-box .w{
        width: 100%;
      }
      .about-box .box{
        padding-left: 0;
        padding-top: 80px;
      }
      /* .footer .share dd{
        transform: translateX(0);
        left: auto;
        right: 0;
      } */
      .more{
        display: none;
      }
      .history-swiper .swiper-slide-active dl{
        padding-top: 0;
      }
      .history{
        padding: 80px 20px 0;
        min-height: 50vh;
      }
      .com-title{
        position: relative;
        margin: 0;
        left: 0;
        top: 0;
      }
      .history-swiper{
        margin-top: 30px;
        position: initial;
        width: 100%;
        left: 0;
        top: 0;
        right: 0;
        height: auto;
      }
      .history-swiper dl article{
        height: auto;
      }
      .history-swiper .swiper-pagination{
        position: inherit;
        margin-top: 20px;
      }
      .history-swiper .swiper.oh{
        overflow: initial;
      }
      .history-swiper dl{
        padding: 0;
        width: 100%;
        box-sizing: border-box;
        opacity: 1;
      }
      
    
      .party-list li{
        width: 100% !important;
      }
      .party-list li:nth-child(2) .txt, .party-list li:nth-child(3) .txt{
        position: initial;
        padding: 12px 0;
        background-image: none;
        color: #333;
      }
      .party-list li:nth-child(2) .txt a, .party-list li:nth-child(3) .txt a{
        color: #333;
      }
      .pages a{
        display: none;
      }
      .pages a.cur,.pages a.prev,.pages a.first,.pages a.next,.pages a.last{
        display: inline-block;
      }
      .scrolls{
        height: auto;
      }
      .details-box,.brand-box,.party-box{
        height: auto;
        min-height: 100vh;
        display: block;
      }
      
      .details-warp,.brand-warp,.party-warp{
        margin: 0 20px;
      }
      .party-warp,.details-warp,.brand-warp,.product-swiper{
        padding-top: 80px;
      }
      .scrolls .mCustomScrollBox{
        padding-right: 0;
      }
      .product-swiper .swiper-slide{
        box-sizing: border-box;
        padding: 0 20px;
        flex-direction: column;
        display: flex;
      }
      /* .product-swiper .swiper-slide .c2{
        position: relative;
        transform: translate(0,0);
      } */
      .product-swiper img{
        height: auto;
        object-fit: initial;
      }
      .brand-list li{
        width: 100%;
        margin-bottom: 12px;
      }
      .product-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
        width: 100%;
      }
      .product-swiper .swiper-pagination{
        margin: 24px 0;
        position: relative;
        text-align: center;
        width: 100%;
      }
      .wap-index .footer{
        position: absolute;
      }
}