.index{
    width: 100%;
}
/*幻灯片*/
.index .swiper-container{
    width: 100%;
    /*height: 9.15rem;*/
    box-sizing: border-box;
}
.index .swiper-container .swiper-slide{
    width: 100% !important;
    height: 100% !important;
}
.index .swiper-container a{
    width: 100%;
    height: 100%;
    display: block;
}
.index .swiper-container img{
    width: 100%;
    height: 100%;
}
.index .swiper-active{
    background-color: #F83333 !important;
    opacity: 1 !important;
}


#container{
    /*background: url("../images/index_bg.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    position: relative;
    background: #f0e2c8;
}
.menu{
    width: 94%;
    font-size: 0;
    margin: 11.5rem auto 5px;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 3%;
}
.menu>a{
    width: 33.33%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #564c43;
    font-size: 17px;
    font-weight: bold;
}
.menu>a>img{
    width: 90%;
    display: block;
    margin: 0 auto 10px;
}

.goods{
    width: 100%;
    /*position: absolute;*/
    margin-top: 40px;
    /*top: 21.7rem;*/
    font-size: 0;
}
.goods .title{
    width: 95%;
    padding: 10px 2.5% 5px;
    font-size: 17px;
    font-weight: bold;
    color: #333333;
}
.goods .content{
    /*white-space: nowrap;*/
    /*overflow: scroll;*/
    /*padding-bottom: 10px;*/
    text-align: center;
    margin-top: 20px;
}
.goods .content .item{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    /*box-shadow: 8px 8px 4px #e6e6e6;*/
    width: calc(33.33% - 20px);
    margin: 5px 7px;
}
.goods .content .item img{
    width: 100%;
    height: 100px;
    border-radius: 10px;
}
.goods .content .item div{
    font-size: 14px;
    width: 95%;
    padding: 3px 2.5%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}




.items{
    width: 100%;
    font-size: 0;
    padding-bottom: 10px;
}
.items .title{
    width: 95%;
    padding: 10px 2.5% 5px;
    font-size: 17px;
    font-weight: bold;
    color: #333333;
}
.items .content{
}
.items .content .item{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 8px 8px 4px #e6e6e6;
    width: calc(50% - 22px);
    margin: 5px 10px;
}
.items .content .item img{
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.items .content .item div{
    font-size: 14px;
    width: 95%;
    padding: 3px 2.5%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}