.main-content{
    display:flex;
    justify-content: center;
    margin:0 48px 0 44px;
}
.product-img{
    width: 390px;
    height:390px;
    background-size: cover;
    background-position: center;
    margin-right: 44px;
}
.product-info{
    width:calc(100% - 410px);
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.tags{
    display:flex;
    flex-wrap: wrap;
}
.tags > div {
    font-weight:500;
    color:rgba(222,28,49,1);
    font-size:14px;
    border-radius:5px;
    border:2px solid rgba(222,28,49,1);
    padding:0px 8px;
    margin-right:9px;
    line-height:normal;
    margin-bottom: .2rem;
}
.product-name{
    font-weight:600;
    color:rgba(0,0,0,1);
    line-height:200%;
    font-size:16px;
}
.productFreight{
    font-weight:400;
    color:rgba(83,80,87,1);
    line-height:24px;
    font-size:13px;
    text-decoration: underline;
}
.product-price{
    font-weight:500;
    color:rgba(238,63,77,1);
    line-height:40px;
    font-size:23px;
    display:flex;
    align-items: center;
    margin-top:10px;
}
.product-befor-price{
    font-size:15px;
    font-weight:400;
    color:#9B9B9B;
    text-decoration: line-through;
    margin-left:13px;
}
.product-model-list>div,.product-desc-list>div{
    font-weight:400;
    color:rgba(74,74,74,1);
    line-height:150%;
    font-size:13px;
    border-radius:2px;
    border:1px solid rgba(74,74,74,1);
    padding:1px 10px;
    margin:5px 11px;
    cursor:pointer;
}
.product-now-price{
    font-weight: 700;
}
.product-model , .product-desc{
    display:flex;
}
.product-model-list , .product-desc-list{
    display :flex;
    flex-wrap: wrap;
}
.product-num{
    display:flex;
}
.product-num-input{
    margin:5px 11px;
    display:flex;
    align-items: center;
    position:relative;
}
.product-num-input > input {
    width:35px;
    height:27px;
    font-size: 13px;
    background-color: rgb(239,239,239);
    border:none;
    border-radius: 3px 0 0 3px;
    text-align: center;
}
.confirm > div{
    width:158px;
    height:37px;
    border:2px solid #C21F30;
    color:#C21F30;
    border-radius: 6px;
    cursor:pointer;
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight:bold;
    font-size:14px;
}
.confirm{
    display:flex;
}
.select{
    background:rgba(194,31,48,1);
    color:white !important;
    border:1px solid rgba(194,31,48,1)!important;
}
.invalid{
    color:#CBCBCB !important;
    border:1px solid rgba(203,203,203,1)!important;
}

.productDesc > img {
    width:100%;
}
em.min {
    height:23px;
    width: 23px;
    background:rgba(255,255,255,1);
    cursor: pointer;
    border:1px solid rgba(221,221,221,1);
    border-radius:2px;
    display:flex;
    justify-content: center;
    align-items: center;
}
em.add {
    height:23px;
    width: 23px;
    background:rgba(255,255,255,1);
    cursor: pointer;
    border:1px solid rgba(221,221,221,1);
    border-radius:2px;
    display:flex;
    justify-content: center;
    align-items: center;

}
.product-model , .product-desc , .product-num{
    margin: 10px 0;
}

.hotgoods-item{
    width:195px;
    cursor:pointer;
}
.hotgoods-img{
    width:195px;
    height:195px;
    background-size: cover;
    background-position: center;
}
.hotgoods-name{
    font-weight:600;
    color:rgba(0,0,0,1);
    line-height:40px;
    font-size:12px;
    width: 195px !important;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    margin: 10px 0 12px 0;
    text-align: center;
}
.tag{
    border-radius:3px;
    border:1px solid;
    padding: 0 7px;
    font-weight: bold;
    font-size: 13px;
}
.price-box{
    position:absolute;
    right:0;
    bottom:0;
}
.page-item-line{
    width:195px;
    position:relative;
}
.page-item-befor-price{
    font-size:13px;
    font-weight:400;
    color:rgba(155,155,155,1);
}
.page-item-price{
    font-size:18px;
    font-weight:700;
    color:rgba(194,31,48,1);
    line-height:100%;
    margin:0 5px;
}
.hot-goods-line{
    display:flex;
    justify-content: space-between;
    width:195px;
}
.page-inval{
    border:1px solid rgba(203,203,203,1) !important;
    color:#CBCBCB !important;
    background-color:white !important;
}
.product-more-tab{
    width:880px;
    margin-top:50px;
}

.tab-title{
    display:flex;

}
.tab-item{
    width:150px;
    height:40px;
    background:rgba(239,239,239,1);
    opacity:0.9;
    display:flex;
    justify-content: center;
    align-items: center;
    color:rgba(74,74,74,1);
    font-size:14px;
    cursor: pointer;
    border-bottom: 3px solid rgba(239,239,239,1);
}
.tab-item-active{
    background:white;
    color:#C21F30;
    border-bottom: 3px solid #C21F30;
}
.tab-page{
    width:100%;
    display:none;
}
.page-active{
    display:block;
}
.comment-title{
    display:flex;
    padding:20px 30px;
    border-bottom: 1px solid rgba(239,239,239,1);
}
.comment-icon{
    width:55px;
    height:55px;
    box-shadow:0px 2px 10px 0px rgba(0,0,0,0.24);
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin:0 auto;
}
.comment-user-name{
    font-size:13px;
    color:#111111;
    text-align: center;
    line-height: 300%;
}
.comment-show-item{
    display:flex;
    padding:26px 40px;
    border-bottom: 1px solid rgba(239,239,239,1);
}
.comment-item-right{
    width:750px;
    margin-left:50px;
}
.goods-info{
    display: flex;
    justify-content: space-between;
    flex:1;
    color:#9B9B9B;
    font-size:12px;
    margin:15px 0;
}
.comment-desc{
    color:rgba(74,74,74,1);
    line-height:25px;
    font-size:13px;
    margin-bottom:15px;
}
.pics{
    display:flex;
}
.comment-pic-item{
    cursor:pointer;
    margin-right:25px;
    width:90px;
    height:90px;
    background-size:cover;
    background-position: center;
    cursor:zoom-in;
    box-shadow:0px 2px 2px 0px rgba(0,1,0,0.1);
}
.show-big-pic{
    width:0px;
    height:0px;
    background-size:cover;
    background-position: center;
    margin:20px 0;
    transition: all ease-in-out 0.3s;
    cursor:zoom-out;
}
.show-big-pic-active{
    width:500px;
    height:500px;
    transition: all ease-in-out 0.3s;
}
.comment-tag-list{
    display:flex;
    flex-direction: row;
}
.comment-replay{
    display:flex;
    justify-content: flex-end;
    align-items: center;
}
.replay-icon{
    width:36px;
    height:36px;
    box-shadow:0px 2px 4px 0px rgba(0,0,0,0.32);
    border-radius: 50%;
    background-size:contain;
    background-position: center;
}
.replay-text{
    background:rgba(194,31,48,1);
    border-radius:4px;
    color: white;
    padding:5px;
    margin:0 10px;
    line-height:17px;
}
#comment-list-page{
    flex-direction: row-reverse;
}

#comment-page-control{
    display: flex;
    flex-direction: row-reverse;
    margin-right:70px;
    margin-bottom:50px;
    margin-top:20px;
}
#comment-page-num{
    display:flex;

}
#comment-page-control div{
    background:rgba(247,247,247,1);
    border-radius:4px;
    border:1px solid #9b9b9b;
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight:400;
    color:#9B9B9B;
    font-size:12px;
}
#comment-page-num{
    border:none !important;
    background-color: transparent !important;
}
#comment-page-num > div{
    width: 28px;
    height:28px;
    margin:0 7px;
    cursor: pointer;
}
#comment-nextPage,#comment-perPage{
    width:76px;
    height:28px;
    cursor: pointer;
    margin:0 7px;
}
.pageNumSelect{
    border:1px solid transparent !important;
    background-color: transparent !important;
}
.page-inval{
    border:1px solid rgba(203,203,203,1) !important;
    color:#CBCBCB !important;
    background-color:white !important;
}
.record-item{
    display:flex;
    flex-direction: row;
    margin:32px 48px;
}
.record-icon{
    width:56px;
    height:56px;
    border-radius: 50%;
    background-size:contain;
    background-position: center;
}
#record-page-control{
    display: flex;
    flex-direction: row-reverse;
    margin-right:70px;
    margin-bottom:50px;
    margin-top:20px;
}
#record-page-num{
    display:flex;

}
#record-page-control div{
    background:rgba(247,247,247,1);
    border-radius:4px;
    border:1px solid #9b9b9b;
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight:400;
    color:#9B9B9B;
    font-size:12px;
}
#record-page-num{
    border:none !important;
    background-color: transparent !important;
}
#record-page-num > div{
    width: 28px;
    height:28px;
    margin:0 7px;
    cursor: pointer;
}
#record-nextPage,#record-perPage{
    width:76px;
    height:28px;
    cursor: pointer;
    margin:0 7px;
}
.productDesc img{
    display:block;
}


#comment-list-type2,#record-list-type2{
     display:flex;
     flex-direction: row;
     justify-content: flex-end;
     margin:15px 0;
 }
#comment-list-type2-next,#comment-list-type2-per,#record-list-type2-per,#record-list-type2-next{
    background:rgba(247,247,247,1);
    border-radius:4px;
    border:1px solid #9b9b9b;
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight:400;
    color:#9B9B9B;
    font-size:12px;
    cursor:pointer;
    padding:3px 5px;
}
#comment-list-type2-num,#record-list-type2-num{
    width:80px;
    height:28px;
    border-radius: 4px;
    margin:0 10px;
    font-weight:400;
    color:#9B9B9B;
    font-size:12px;
}