/*产品列表*/
.plist{width:100%;height:auto;display:flex;box-sizing:border-box;padding:0 0.2rem;flex-wrap:wrap;justify-content:space-between;margin-bottom:0.3rem;}
.plist .pli{width:3.45rem;height:4.1rem;background-color:#ffffff;margin-bottom:0.2rem;overflow:hidden;display:inline-block;}
.plist .pli .pimg{width:100%;height:2.67rem;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.plist .pli .pimg .img{width:100%;height:auto;vertical-align:middle;}
.plist .pli .msg{width:100%;height:auto;box-sizing:border-box;padding:0 0.25rem;}
.plist .pli .msg .fs26{width:100%;font-size:0.26rem;line-height:0.42rem;height:0.42rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.plist .pli .msg .fs18{width:100%;font-size:0.18rem;line-height:0.25rem;height:0.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.plist .pli .butt{width:100%;height:auto;margin-top:0.1rem;}
.plist .pli .butt .p_brand{width:0.46rem;height:0.46rem;background-color:#f9f9f9;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}
.plist .pli .butt .fr{float:right;font-size:0.18rem;line-height:0.46rem;}
.plist .pli .butt .color_lab{width:0.14rem;height:0.14rem;border-radius:100%;display:inline-block;margin-left:0.05rem;}


.nav2{width:100%;height:auto;margin-top:0.15rem;box-sizing:border-box;padding:0 0.3rem;}
.nav2 .con{font-size:0.26rem;line-height:1.15rem;color:#333333;text-align:right}
.nav2 .con .navli{margin-left:0.2rem;}
.nav2 .con .navli .icn_turn{width:0.16rem;height:0.12rem;border-top:0.16rem solid #333333;border-right:0.08rem solid #ffffff;border-left:0.08rem solid #ffffff;border-bottom:0.06rem solid #ffffff; display:inline-block;box-sizing:border-box;margin-left:0.1rem;position:relative;top:0.05rem}


/*brandmask*/
.brandmask{width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;background-color:#ffffff;transform:translateY(100%)}
.brandmask .btn{position:absolute;top:0.3rem;left:0.3rem;}
.brandmask .con{width:100%;height:100%;box-sizing:border-box;overflow-y:scroll;padding:1.4rem 0.3rem 0.4rem 0.3rem;}
.brandmask .con .brandlist{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.brandlist .brandli{width:3.4rem;height:1rem;box-sizing:border-box;border:1px solid #f0f0f0;margin-bottom:0.1rem;line-height:1rem;padding:0.1rem;display:inline-flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.brandli .brandimg{width:0.8rem;height:0.8rem;display:inline-block;margin-right:0.2rem}
.brandmask .btnclose{width:0.5rem;height:0.5rem;position:absolute;top:0.4rem;right:0.3rem;z-index:2;}
.brandmask .btnclose:after{content:'';width:0.5rem;height:2px;background-color:#333333;display:inline-block;transform:rotate(45deg);position:relative;top:-0.36rem}
.brandmask .btnclose:before{content:'';width:0.5rem;height:2px;background-color:#333333;display:inline-block;transform:rotate(-45deg)}

.brandmask.show{transform:translateY(0%)}
.brandli .lab{width:0.4rem;height:0.4rem;display:inline-block;margin-right:0.2rem;border-radius:100%}
.brandlist .brandli.current{border:1px solid #333333;}