twong329/view/xcx/pages/goods_list/goods_list.wxss

.productList .search {
    width: 100%;
    height: 86rpx;
    padding-left: 23rpx;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    z-index: 9;
}

.productList .search .input {
    width: 640rpx;
    height: 60rpx;
    background-color: #fff;
    border-radius: 50rpx;
    padding: 0 20rpx;
    box-sizing: border-box;
}

.productList .search .input input {
    width: 548rpx;
    height: 100%;
    font-size: 26rpx;
}

.productList .search .input .placeholder {
    color: #999;
}

.productList .search .input .iconfont {
    font-size: 35rpx;
    color: #555;
}

.productList .search .icon-pailie,
.productList .search .icon-tupianpailie {
    color: #fff;
    width: 62rpx;
    font-size: 40rpx;
    height: 86rpx;
    line-height: 86rpx;
}

.productList .nav {
    height: 86rpx;
    color: #454545;
    position: fixed;
    left: 0;
    width: 100%;
    font-size: 28rpx;
    background-color: #fff;
    z-index: 9;
}

.productList .nav .item {
    width: 25%;
    text-align: center;
}

.productList .nav .item.font-color {
    font-weight: bold;
}

.productList .nav .item image {
    width: 15rpx;
    height: 19rpx;
    margin-left: 10rpx;
}

.productList .list {
    padding: 0 20rpx;
    margin-top: 172rpx;
}

.productList .list.on {
    background-color: #fff;
    border-top: 1px solid #f6f6f6;
}

.productList .list .item {
    width: 345rpx;
    margin-top: 20rpx;
    background-color: #fff;
    border-radius: 10rpx;
}

.productList .list .item.on {
    width: 100%;
    display: flex;
    border-bottom: 1rpx solid #f6f6f6;
    padding: 30rpx 0;
    margin: 0;
}

.productList .list .item .pictrue {
    width: 100%;
    height: 345rpx;
    position: relative;
}

.productList .list .item .pictrue.on {
    width: 180rpx;
    height: 180rpx;
}

.productList .list .item .pictrue image {
    width: 100%;
    height: 100%;
    border-radius: 10rpx 10rpx 0 0;
}

.productList .list .item .pictrue image.on {
    border-radius: 6rpx;
}

.productList .list .item .text {
    padding: 20rpx 17rpx 26rpx 17rpx;
    font-size: 30rpx;
    color: #222;
}

.productList .list .item .text.on {
    width: 508rpx;
    padding: 0 0 0 22rpx;
}

.productList .list .item .text .money {
    font-size: 26rpx;
    font-weight: bold;
    margin-top: 8rpx;
}

.productList .list .item .text .money.on {
    margin-top: 50rpx;
}

.productList .list .item .text .money .num {
    font-size: 34rpx;
}

.productList .list .item .text .vip {
    font-size: 22rpx;
    color: #aaa;
    margin-top: 7rpx;
}

.productList .list .item .text .vip.on {
    margin-top: 12rpx;
}

.productList .list .item .text .vip .vip-money {
    font-size: 24rpx;
    color: #282828;
    font-weight: bold;
}

.productList .list .item .text .vip .vip-money image {
    width: 46rpx;
    height: 21rpx;
    margin-left: 4rpx;
}

.noCommodity {
    background-color: #fff;
}