.product_container{
    width: 8.333333rem /* 1000/120 */;
    margin: 0 auto;
}
header {
    height: .666667rem /* 80/120 */;
        /* 100/120 */;
    width: 100%;
    background-color: #3A3230;
    display: flex;
    font-size: .083333rem
        /* 10/120 */;
    top: 0;
}

header .title .logobox {
    height: .25rem
        /* 30/120 */
    ;
    width: .25rem
        /* 30/120 */
    ;
    border: .008333rem 1/120 solid #eee;
    display: inline-block;
    margin-left: .833333rem
        /* 100/120 */
    ;
    margin-right: .166667rem
        /* 20/120 */
    ;

}

header .title .logobox img {
    width: 100%;
    height: 100%;
}

header .title .logobox .name {
    flex: 1;
}

header .title {
    flex: 1;
    display: flex;
    align-items: center;
    color: #ccc;
}

header .title .name h1:nth-child(1) {
    font-size: .133333rem
        /* 16/120 */
}

header .title .name h1:nth-child(2) {
    font-size: .1rem
        /* 12/120 */
}

header .nav {
    flex: 1;
}

header .nav ul li {
    margin: .166667rem
        /* 20/120 */
}

header .nav ul li a {
    color: #ccc;
    font-size: .141667rem
        /* 17/120 */
}

header .nav ul li a:hover{
    opacity: .8;
}

header .nav ul {
    height: 100%;
    display: flex;
    align-items: center;
}
/* main ----------------------------------------------*/
main{
    text-align: center;
}


main .new{
    width: 100%;
    height: 2.5rem /* 300/120 */;
    text-align: center;
    background: linear-gradient(130deg,#eee,#E5E5E5);
}

main .new .title{
    display: inline-block;
    text-align: left;
    margin-top: .416667rem /* 50/120 */;
    color: #160C0A;
    font-size: .25rem /* 30/120 */;

}
main .new .title span{
    color: #160C0A;
    font-size: .25rem /* 30/120 */;
    border-bottom: .041667rem /* 5/120 */ solid orangered;
}
main .new .title p{
    color: #160C0A;
    font-size: .1rem /* 12/120 */;
    margin-top: .083333rem /* 10/120 */;
}

main .new .titlebtn{
    padding:.416667rem /* 50/120 */ 0;
    display: flex;
    justify-content: center;
}

main .new .titlebtn .newbtn{
    width: .833333rem /* 100/120 */;
    height: .25rem /* 30/120 */;
    background-color: orangered;
    border-radius: .066667rem /* 8/120 */;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .1rem /* 12/120 */;

}

main .new .titlebtn .newbtn a{
    font-size: .1rem /* 12/120 */;
}

/* 新品发布 */
main .newlistwrap{
    width: 100%;
    height: 100%;
}


main .newlistwrap h1{
    font-size: .166667rem /* 20/120 */;
    font-weight: bold;
}
main .newlistwrap p{
    font-size: .1rem /* 12/120 */;
    margin-top: .041667rem /* 5/120 */;
}




main .newlistwrap ul{
    width: 100%;
    height: 2.5rem /* 300/120 */;
    /* background-color: red; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

main .newlistwrap ul li{
    width: 1.666667rem /* 200/120 */;
    height: 1.666667rem /* 200/120 */;
    border-radius: .066667rem /* 8/120 */;
    padding: .083333rem /* 10/120 */;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}


main .newlistwrap ul li h1{
    height: .25rem /* 30/120 */;
    width: 100%;
    display: inline-block;
    flex-wrap: nowrap;
    font-size: .1rem /* 12/120 */;
    display: flex;
    justify-content: center;
    align-items: center;
}

main .newlistwrap ul li:hover{
    opacity: .9;
}

main .newlistwrap ul li img{
    width: 100%;
    height: 100%;
    border-radius: .066667rem /* 8/120 */;
}


main .newlistwrap ul li .price{
    width: 100%;
    margin-top: .041667rem /* 5/120 */;
    font-size: .1rem /* 12/120 */;
}


/* 明星产品 */
main .star_product{
    width: 100%;
    height: 4.166667rem /* 500/120 */;
}

/* 明星列表的容器 控制5个li */
main .star_product ul.star_list{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    /* background-color: #000; */
}
main .star_product ul.star_list li:nth-child(1),
main .star_product ul.star_list li:nth-child(2),
main .star_product ul.star_list li:nth-child(4),
main .star_product ul.star_list li:nth-child(5){
    width: 2.408333rem /* 289/120 */;
    height: 1.75rem /* 210/120 */;
}
/* 下面两个盒子顶回来 */
main .star_product ul.star_list li:nth-child(4),
main .star_product ul.star_list li:nth-child(5){
    margin-top: -1.875rem /* 225/120 */;
}
main .star_product ul.star_list li:nth-child(3){
    width: 2.916667rem /* 350/120 */;
    height: 94%;
}
main .star_product ul.star_list li{
    padding: .166667rem /* 20/120 */;
    /* background-color: red; */
    margin: .083333rem /* 10/120 */ .083333rem /* 10/120 */;
    border-radius: .033333rem /* 4/120 */;
}
main .star_product ul.star_list li img{
    width: 100%;
    height: 100%;
    border-radius: .066667rem /* 8/120 */;
}
/* 明星列表的容器 控制5个li---end */


main .star_product span.title{
    font-size: .166667rem /* 20/120 */;
    font-weight: bold;
}
main .star_product p{
    margin-top: .083333rem /* 10/120 */;
    font-size: .1rem /* 12/120 */;
}



/* 更多产品 */
main .product_wrap{
    color: #3A3230;
    margin-top: .416667rem /* 50/120 */;
 }
main .product_wrap span.title{
    font-weight: bold;
    font-size: .166667rem /* 20/120 */;
    display: inline-block;
    margin-top: .25rem /* 30/120 */;
}



main .product_wrap ul{
    width: 6.666667rem /* 800/120 */;
  
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items: center;
    margin: .25rem /* 30/120 */ auto;
    overflow: hidden;
}

main .product_wrap ul li{
    width: 1.5rem /* 180/120 */;
    height: 1.666667rem /* 200/120 */;
    border: .008333rem /* 1/120 */ solid #ccc;
    margin: .083333rem /* 10/120 */ 0;
    background-color: #fff;   
    border-radius: .066667rem /* 8/120 */;

    padding: .083333rem /* 10/120 */;
}

main .product_wrap ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}



main .product_wrap ul li p.title{
    width: 100%;
    overflow: hidden;
    font-size: .1rem /* 12/120 */;
}
main .product_wrap ul li p.price{
    width: 100%;
    overflow: hidden;
    font-size: .1rem /* 12/120 */;
    color: #C11B00;
}



main .product_wrap ul li::hover{
    opacity: .8;
}

main .product_wrap ul li img{
    width: 100%;
    height: 70%;
    border-radius: .066667rem /* 8/120 */;
}




/* footer ---------------------------------------------------*/
footer {
    height: 2.5rem /* 300/120 */;
    background-color: #3A3230;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

footer .bottom_colorbar {
    width: 100%;
    height: .466667rem
        /* 56/120 */
    ;
    background-color: #160C0A;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .1rem /* 12/120 */;
}

footer .copyright {
    height: 100%;
    display: flex;
    color: #fff;
    padding-bottom: .166667rem /* 20/120 */;
}

footer .copyright .l {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

footer .copyright .l ul.nav {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

footer .copyright .l ul.nav span {
    display: inline-block;
    height: 100%;
    width: 100%;
    flex: 1;
    line-height: .833333rem
        /* 100/120 */
    ;
    margin-top: .166667rem
        /* 20/120 */
    ;
    font-size: .133333rem
        /* 16/120 */
    ;
}

footer .copyright .l ul.nav ul {
    flex: 5;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

footer .copyright .l ul.nav ul li {
    margin: .066667rem
        /* 8/120 */
    ;
    font-size: .1rem
        /* 12/120 */
    ;
}

footer .copyright .r {
    flex: 1;
    display: flex;
}

footer .copyright .r .logo {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .copyright .r .logo img {
    width: .625rem
        /* 75/120 */
    ;
    height: .625rem
        /* 75/120 */
    ;
}

footer .copyright .r .info {
    flex: 2;
    display: flex;
    flex-direction: column;
    padding-left: .833333rem /* 100/120 */;
}

footer .copyright .r .info .info_items {
    flex: 2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
}

footer .copyright .r .info h1 {
    flex: 1;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    align-items: end;
    font-size: .133333rem
        /* 16/120 */
    ;
}

footer .copyright .r .info .info_items p {
    flex: 1;
    text-align: center;
    padding-top: .125rem /* 15/120 */;
    height: .166667rem /* 20/120 */;
    ;
    font-size: .1rem
        /* 12/120 */
    ;
}