body{
    font-weight: bold;
    letter-spacing:1px;
    color: #4A4A4A;
    background-color: white;
}
.navbar-center>img {
    height: 80%;
}
#leftBar{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.dividing-line{
    width: 80%;height:1px;margin:auto;background-color: #2B3857;opacity: 0.05;margin-top:.1rem
}
.navbar-title{
    font-weight: 100;
    font-size:.3rem!important;
}
.m-navbar{
    background-color:#F7F7F7 !important;
}




.main-nav ul{

    display:flex;
    flex-direction: column;
}
.main-nav li{
    width: 85%;
    float:right;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #4A4A4A;
    font-size:.3rem;
    position: relative;
}
.nav-select{
    border-left: .1rem solid #C21F30;
    background-color: #F7F7F7;
}

.main-nav li img{
    height: .4rem;margin-right:.3rem
}
.grids-icon img{
    padding: 1px;
}

.main-pro-item{
    width: 90%;display:flex;justify-content: space-around;flex-wrap: wrap;
    margin: .3rem 0rem 0rem 0rem;
}
.main-pro-item a{
    width:25%;justify-content: center;align-items: center;display: flex;flex-direction: column;
}
.main-pro-item-content img{
    width:70%;height:70%
}
.main-pro-item-content span{
    font-size: .26rem;
    padding:0 1px;
    margin:.04rem 0rem .3rem 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color:black;
    width:65px;
    text-align: center;
}
.extension-box div{
    display: flex;
    align-items: center;
    width:90%;height:80%;
    font-weight: normal;
    font-size: .25rem;
}
.extension-box img{
    width: 1.5rem;height: .8rem;
}

.product-list{
    width:100%;display: flex;justify-content: center;margin-top:.2rem;
}
.product-list div{
    width:calc(100% - 20px);display: flex;justify-content: center;flex-direction: column;align-items: center;
}
.product-list ul{
    width:100%;display:flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between
}
.product-list ul li{
    width:3.43rem;
    margin:15px 0 !important;
}
.product-list ul li img{
    width: 3.43rem;height:3.43rem
}
.product-list ul li p{
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin:.2rem 0px;
    color:#2A2A2A;
    font-size:.26rem;
    text-align: center;
    -o-text-overflow: ellipsis;
}


.product-list ul li div{
    display: flex;justify-content: space-between;flex-direction: row-reverse;flex-wrap: wrap;align-items: flex-end;
}
.product-list ul li div span{
    padding: 0px 0.05rem;font-size:.22rem;border-radius: 3px;margin-right:8px;
}
.product-list>div>*{
    margin-bottom: 0rem;
}
.product-list>div>img{
    margin-bottom: .1rem;
    margin-top:0rem !important;
}
.product-list>div>ul>*{
    margin-bottom: .2rem;
}
.product-list-titleImg{
    width:.7rem;
}
.product-list-title{
    position: relative;width: 100%;text-align: center;margin-bottom: .0rem;
}
.product-list-main-title{
    font-size: .36rem;letter-spacing: .1rem;color:#C21F30;font-weight: 700;
}
.product-list-title-more{
    position: absolute;right: 0px;bottom: 0px;margin-bottom: 0px;
    font-weight: 600;
}
.mask{

    width: 100%;
    height: calc(100% - 2rem)
}
.cart-model{
    position: relative;
}
.cart-badge{
    position: absolute;

    bottom:.23rem;
    right:-0.09rem;
    width:10px;
    height:12px;
    display: none;


}
.page-head{
    width: 100%;display: flex;justify-content: center;
    border-bottom: 1px solid #D9D9D9;
}
.page-head *{
    display: flex;
}
.page-head>div{
    width: 90%;height:.8rem;
}
.page-head>div>div{
    height:.8rem;align-items: center;
}
.show-title{
    color:#C21F30;font-size: .3rem;margin-left: .2rem
}
.user-nav>ul ,.product-nav>ul,.tools-nav>ul{
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.user-nav{
    height:20%
}
.product-nav{
    height:55%;
}
.tools-nav{
    height:20%;
}
.main-nav a{
    display:flex;
    align-items: center;
    padding:.15rem 0;
    margin-left:1rem;
    position:relative;

}
.user-nav a:first-child{
    margin-top:0.15rem;
}
.user-nav a:last-child{
    margin-bottom:0.05rem;
}


.product-nav a:first-child{
    margin-top:0.15rem;
}
.product-nav a:last-child{
    margin-bottom:0.05rem;
}

.tools-nav a:first-child{
    margin-top:0.15rem;
}
.tools-nav a:last-child{
    margin-bottom:0.05rem;
}