.page{padding:.5rem 0 0;min-height:100vh}.nav-box{width:100%;height:.4rem;top:.5rem;padding:.15rem}.nav-box .nav-item{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:.14rem;color:#111;text-align:center;margin-right:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-box .nav-item span{width:.5rem;height:.03rem;background:transparent;margin-top:.05rem;display:block}.nav-box .nav-item.active{font-weight:600;font-size:.14rem;color:#e10414;position:relative}.nav-box .nav-item.active span{background:#e10414}.zhiShu .list{background:#fff;border-radius:.1rem .1rem 0 0;margin-top:.1rem;padding:0 .1rem}.zhiShu .list .titles{padding:0 .2rem;border-bottom:.01rem solid #f5f5f5;font-size:.14rem;color:#a2a7aa;height:.41rem}.zhiShu .list .lists{height:calc(100vh - 1.01rem);overflow:scroll}.zhiShu .list .lists .list-item{padding:.2rem .17rem;border-bottom:.01rem solid #ebebeb;font-size:.12rem}.zhiShu .list .lists .list-item:last-child{border-bottom:0}.zhiShu .list .lists .list-item .col{width:33%}.zhiShu .list .lists .list-item .img{margin-right:.12rem;width:.28rem;height:.28rem}.zhiShu .list .lists .list-item .img img{width:.28rem;height:.28rem;border-radius:.02rem}.zhiShu .list .lists .list-item .name{font-weight:600;font-size:.14rem}.zhiShu .list .lists .list-item .code{font-size:.12rem;color:#989898;margin-top:.02rem}.zhiShu .list .lists .list-item .price{font-weight:600;font-size:.16rem}