html,
body {
    background-color: #f1f1f1;
}

.areabox {
    min-height: 20vw;
    background-color: #FFF;
    border-radius: 2.2vw;
    margin: 2vw;
    box-sizing: border-box;
    padding: 1vw;
}

.pricerow {
    display: flex;
}

.pricerow li {
    flex: 1;
    text-align: center;
}

.pricebar {
    padding-left: 1vw;
    padding-right: 1vw;
    line-height: 9.6vw;
}

.pricebar .price {
    color: #fa3a45;
    font-size: 6vw;
}

.pricebar .point,
.pricebar .currency {
    font-size: 4vw;
}

.pricebar .priceinfo {
    font-size: 3.6vw;
    line-height: 4.6vw;
    color: #999;
}

.pricebar .mprice {
    font-size: 3vw;
    float: right;
}

/*产品标签*/

.tagbar {
    display: flex;
    flex-wrap: wrap;
    padding: 0.7vw 0;
}

.tagbar li {
    display: inline-block;
    margin: 0.7vw 1.6vw;
    padding: 0 1.6vw;
    line-height: 5vw;
    font-size: 2.8vw;
    color: #f05151;
    border: 0.28vw solid #f05151;
    border-radius: 0.8vw;
}

.tagbar li:nth-child(1) {
    margin-left: 0;
}

.pdtbasicinfo h2 {
    font-size: 3.75vw;
}

/*品牌标签*/

.bannerbar {
    display: flex;
    background-image: linear-gradient(30deg, #ffe7d5, #ffdab9);
    box-sizing: border-box;
    padding: 2vw;
    border-radius: 1vw;
    align-items: center;
    margin-top: 1.4vw;
}

.bannerbar .logofield {
    line-height: 0;
}

.bannerbar .logofield img {
    height: 15vw;
    width: auto;
    max-width: 15vw;
    max-height: 15vw;
    border-radius: 1vw;
    background-color: #fff;
}

.bannerbar .titlefield {
    color: #666;
    padding-left: 3vw;
    flex: 1;
}

.bannerbar .titlefield h2 {
    line-height: 6.25vw;
    font-size: 3.6vw;
}

.bannerbar .titlefield h3 {
    font-size: 3vw;
    font-weight: normal;
    display: flex;
    height: 5.6vw;
    align-items: center;
}

.bannerbar .opfield,
.bannerbar .opfield span {
    color: #666;
}

.bannerbar .opfield {
    width: 6vw;
    align-self: center;
    text-align: right;
}

.bannerbar .opfield a i {
    font-size: 3.6vw;
}

.bannerbar .opfield a {
    display: inline-block;
    padding: 0 3vw;
    line-height: 7vw;
    font-size: 3.6vw;
    background-image: linear-gradient(45deg, #fc4344, #ff8183);
    border-radius: 3.5vw;
}

/*属性面板*/

.proptbl {
    width: 100%;
    line-height: 6vw;
    font-size: 3.6vw;
    padding: 2vw 0;
}

.proptbl td {
    padding: 1vw;
}

.proptbl td.leftcol {
    width: 13.89vw;
    text-align: center;
}

.proptbl td.rightcol {
    width: 6vw;
    text-align: center;
}

/* 用于详情页面与供应商介绍 */

.intro {
    min-height: 10vw;
    box-sizing: border-box;
}

.intro.white {
    background-color: #FFF;
}

.intro.gray {
    background-color: #F3F3F3;
}

.pdtdetail img {
    max-width: 100%;
    height: auto;
}

/* 底部栏目，增加按钮 */

.btmnavigator ul li.orderbtscol {
    width: 50vw;
    flex: auto;
    display: flex;
    justify-content: flex-end;
    padding-right: 2vw;
    padding-bottom: 2vw;
    box-sizing: border-box;
}

.btmnavigator ul li.orderbtscol a {
    display: block;
    width: 24vw;
    line-height: 11.11vw;
    font-size: 4vw;
    font-weight: bold;
    padding: 0 2.2vw;
}

.btmnavigator ul li.orderbtscol a.addtocart {
    background: #ffe5e5;
    color: #ff4141;
    border-radius: 5.556vw 0 0 5.556vw;
}

.btmnavigator ul li.orderbtscol a.buynow {
    background: #ff5656;
    color: #FFF;
    border-radius: 0 5.556vw 5.556vw 0;
}

.factory {
    padding: 2vw;
    padding-top: 0;
}

.factory .facbanner {
    box-sizing: border-box;
    padding-top: 2vw;
    line-height: 0;
}

.factory .facbanner img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.factory .facintro {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4vw;
    overflow: hidden;
}

.factory .facintro .facintrocnt {
    backdrop-filter: blur(4vw);
    -webkit-backdrop-filter: blur(4vw);
    border-radius: 2.8vw;
    overflow: hidden;
}

.factory .facintro .facintrocnt .base {
    padding: 2.8vw 3.5vw;
}

.factory .facintro .facintrocnt h2,
.factory .facintro .facintrocnt h3,
.factory .facintro .facintrocnt h4 {
    color: #FFF;
    font-weight: normal;
}

.factory .facintro .facintrocnt h2 {
    font-size: 4.7vw;
    line-height: 7.5vw;
}

.factory .facintro .facintrocnt h3 {
    font-size: 3vw;
    line-height: 5.8vw;
    font-weight: normal;
}

.factory .facintro .facintrocnt h4 {
    display: flex;
    font-size: 3vw;
    height: 8vw;
    margin-top: 1.4vw;
    background-color: #acacac;
    align-items: center;
    padding: 0 3.5vw;
    color: #fbdc99
}

.factory .facintro .facintrocnt h4::before {
    content: '店铺资质 |';
    color: #fff;
    margin-right: 2vw;
}

.factory .facintro .facintrocnt h4::after {
    content: '\e665';
    font-family: 'iconfont';
    color: #fff;
}

.factory .facintro .facintrocnt h4 span {
    width: 0;
    flex-grow: 1;
}