/* .bannercontainer{
    background: url(../images/shop_banner.jpg) no-repeat center center;
} */
.banner-swiper .swiper-slide{
    background: url(../images/shop_banner.jpg) no-repeat center center;
    height: 800px;
    background-size: cover;
  }
.bannercontainer .content h3{
    margin-bottom: 22px;
}

.bannercontainer .index-prev{
    top: 35%;
}

#shop{
    padding: 85px 0px;
}

#shop_detail{
    padding: 98px 0px;
}

.shop-box-1{
    margin-bottom: 50px; display: flex; justify-content: space-between;
}

.shop-box-1 .cat-box{
    width: 250px; display: flex; flex-direction: column; margin-right: 60px;
}

.shop-box-1 .cat-box .en{
    font-size: 18px; line-height: 30px; color: #EE5A28; position: relative;
}

.shop-box-1 .content-right{
    flex:1;
}

.shop-box-1 .content-right .content-shop{
    font-size: 18px; color: #333333; line-height: 36px;
}

.shop-box-1 .content-right .search-box{
    display: flex; justify-content: flex-end;
}

.shop-box-1 .content-right .search-box .shop-search{
    position: relative; height: 50px; margin-top: 25px; width: 450px;
}

.shop-box-1 .content-right .search-box .shop-search input.txt{
    border: 1px solid #EE5A28; height: 50px; padding: 6px 12px; line-height: 38px; width: 100%; padding-right: 68px; outline: none; border-radius: 4px;
}
.shop-box-1 .content-right .search-box .shop-search a{
    position: absolute; right: 0; top: 0; height: 50px; line-height: 50px; text-decoration: none; text-align: center; width:70px;
    background-color: #EE5A28; cursor: pointer;
}

.shop-box-1 .content-right .search-box .shop-search a svg{
    position: relative; top: 9px;
}

.shop-list{
    display: none;
}
.shop-list.active{
    display: flex;flex-wrap: wrap;
}
/* .shop-list{
    display: flex; flex-wrap: wrap;
} */

.shop-list li{
    width: 32%; margin-right: 2%; margin-bottom: 32px; border: 1px solid #A7B0B5; padding:18px 15px; padding-bottom: 22px;
}

.shop-list li:nth-child(3n+0){
    margin-right: 0;
}

.shop-list li a.img{
    display: block; overflow: hidden; margin-bottom: 15px;
}

.shop-list li a.img img{
    width: 100%; transition: all 0.4s; height: auto;
}

.shop-list li:hover a.img img{
    transform: scale(1.05);
}

.shop-list li a.tit{
    display: block; font-size: 18px; color: #EE5A28; line-height: 25px; margin-bottom: 10px; text-decoration: none;
    height: 25px; overflow: hidden;
}

.shop-list li a.desc{
    display: block; height: 44px; line-height: 22px; overflow: hidden; color: #2E3B4E;text-decoration: none;
}

.shop-list li .mores{
    display: flex; justify-content: flex-end; margin-top: 18px;
}

.shop-list li .mores a{
    display: inline-block; text-decoration: none; padding: 0px 20px; height: 36px; line-height: 36px; border-radius: 18px;
    color: white;
}

.shop-list li .mores a img{
    position: relative; bottom: 1.5px;
}

.shop-list li .mores a:first-child{
    background-color: #005941;
}

.shop-list li .mores a:first-child:hover{
    background-color: #EE5A28;
}

.shop-list li .mores a:last-child{
    background-color: #EE5A28; margin-left: 15px;
}

.shop-list li .mores a:last-child:hover{
    background-color: #005941;
}

/*商品详情*/
.detail-boxs{
    display: flex; justify-content: space-between;
}

.detail-boxs .detail-left{
    width:54%; background: #FDFDFD;   display: flex; flex-direction: column; justify-content: center;
    align-items: center; margin-right: 38px;
}

.detail-boxs .detail-left img{
    max-width: 100%;
}

.detail-boxs .detail-right{
    flex:1; display: flex; flex-direction: column;
}

.detail-boxs .detail-right .r-title{
    font-size: 38px; line-height: 53px; color: rgba(0,0,0,0.8);  padding-bottom: 10px; border-bottom: solid 1px #A7B0B5;
    margin-bottom: 23px;
}

.detail-boxs .detail-right .param-item{
    display:flex; margin-bottom: 20px; font-size: 18px; color: rgba(0,0,0,0.8);
}

.detail-boxs .detail-right .param-item font{
    color: #EE5A28;
}

.detail-boxs-a{
    flex-direction: column; border: 1px solid #A7B0B5; padding: 20px 30px; margin-bottom: 25px;
}

.detail-boxs .detail-right .k-box{
    margin-bottom: 20px;
}

.detail-boxs .detail-right .k-title{
    color: #005941; font-size: 18px;
}

.detail-boxs .detail-right .k-desc{
    font-size: 14px; color: #777777; line-height: 26px;
}

.detail-boxs .detail-right .k-desc p{
    margin-bottom: 3px;
}

.detail-buy a{
    display: block; background: #EE5A28; color: white; height: 55px; line-height: 55px; font-size: 18px; text-decoration: none;
    text-align: center;
}

.pics-list-box{
    margin-top: 30px;
}

.pics-list-box .pics-list{
    display: flex; justify-content: space-between;
}
.pics-list-box .pics-list li{
    width: 23.5%;
}

.pics-list-box .pics-list li a{
    display: block; position: relative; overflow: hidden;
}

.pics-list-box .pics-list li a img{
    max-width: 100%; transition: all 0.5s;
}

.pics-list-box .pics-list li:hover a img{
    transform: scale(1.05);
}

.pics-list-box .pics-list li a span{
    position: absolute; left: 0; bottom: 0; height: 0px; color: white; text-align: center; font-size: 16px;
    background-color:#1d523e ; width: 100%; line-height: 40px; transition: all 0.5s; opacity:0;
    overflow: hidden;
}

.pics-list-box .pics-list li:hover a span{
    height: 40px; opacity:1;
}

/*商品详情结束*/


@media screen and (min-width: 768px) {
    .member-box .member-menu {
        width: 22.5%;
        min-width: 230px;
        margin-right: 40px;
    }


}


@media screen and (max-width: 768px) {
    .shop-list{
        display: flex; flex-wrap: nowrap; flex-direction: column;
    }

    .shop-list li{
        width: 100%; margin-right: 0%; margin-bottom: 25px; border: 1px solid #A7B0B5; padding:16px 12px; padding-bottom: 20px;
    }

    .shop-box-1{
        justify-content: flex-start; flex-direction: column;
    }

    .shop-box-1 .cat-box .en{
        text-align: center;
    }

    .shop-box-1 .cat-box{
        width: 100%;
    }

    .title{
        text-align: center; margin-bottom: 18px;
    }

    #shop {
        padding: 30px 0px;
    }

    .member-box .member-menu{
        width: 100%; background-color: #EE5A28; margin-bottom: 28px; padding: 0px 0px;
    }

    .member-box .member-menu .member-links{
        display: flex; flex-direction: column;
        position: relative;
        padding: 5px 0px;
    }

    .member-box .member-menu .member-links.opened{
        background:none;
    }

    .member-box .member-menu .member-links.opened a{
        height: 50px; border-bottom: solid 1px white;
    }

    .member-box .member-menu .member-links.opened a:last-child{
        border-bottom: none;
    }


    .member-box .member-menu .member-links a{
        color: white; height: 0px; line-height: 50px; text-align: center; font-size: 17px; padding: 0px 10px;
        transition: height 0.5s; overflow: hidden; position: relative;

    }

    .member-box .member-menu .member-links a.cur{
        height: 50px !important;
    }

    .member-box .member-menu .member-links.opened a.cur{
        background: white;  color:#EE5A28 ;
    }

    .member-box .member-menu .member-links a.cur span{
        background: none;
    }

    .member-box .member-menu .member-links>span{
        position: absolute; content: " "; right: 5px; height: 50px; width: 26px;
        background: url(../images/ico_menu.svg) no-repeat right center;
        background-size: auto 20px; cursor: pointer; z-index: 150;
    }

    .member-box .member-menu .member-links.opened a.cur span{
        background: url(../images/ico_right.svg) no-repeat right center;
        background-size: auto 20px;
    }

    .member-box .member-menu .member-links.opened>span{
        display: none;
    }

    .member-box .member-menu .member-links a span{
        position: absolute; content: " "; right: 0; height: 100%; width: 26px;
        background: url(../images/ico_right.svg) no-repeat right center;
        background-size: auto 20px;
    }

    #shop_detail{
        padding: 60px 0px;
    }

    /*商品详情*/
    .detail-boxs{
        justify-content: flex-start; flex-direction: column;
    }

    .detail-boxs .detail-left{
        width: 100%; margin-right: 0;
    }

    .detail-boxs .detail-right{
        flex: none; margin-top: 20px;
    }

    .detail-boxs .detail-right .r-title{
        font-size: 20px;
        line-height: 33px;
    }

    .detail-boxs .detail-right .param-item {
        display: flex;
        margin-bottom: 20px;
        font-size: 18px;
        color: rgba(0, 0, 0, 0.8);
    }

    .pics-list-box .pics-list{
        flex-direction: column; justify-content: flex-start;
    }

    .pics-list-box .pics-list li{
        width: 100%; margin-bottom: 32px;
    }

    .bannercontainer .content h3{
        margin-bottom: 10px;
        font-size: 26px;
    }
    .bannercontainer .content p{
        font-size: 15px;
    }
    .bannercontainer .content{
        top: 32%;
    }


    .bannercontainer .content{
        padding-left: 0;
        top: 0%;
      }
      .banner-swiper .swiper-slide{
        height: 230px;
        background-size: cover;
      }
      .bannercontainer .btn{
        width: 50%;
      }

      .shop-list{
        display: none;
    }
    .shop-list.active{
        display: flex;
    }

    .shop-list li .mores{
        justify-content: center;
    }
    
    
    .shop-box-1 .content-right .content-shop {
        font-size: 15px;
        line-height: 26px;
        text-align: center;
    }
    
    
    
    
    
    
    
}