yuminge-app/yun-min-program-plugin-master/packageA/member/supplier/SupplierSearch/SupplierSearch.wxss

/* packageA/member/supplier/hotSearch/hotSearch.wxss */
.sort_box {
    /* height: 80rpx; */
    /* line-height: 80rpx; */
    display: flex;
    /* background: #fff; */
    /* border-top: solid 2rpx #ebebeb; */
    /* border-bottom: solid 2rpx #ebebeb; */
    padding: 30rpx 70rpx 20rpx 70rpx;
}

.sort_box .ul {
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 15px;
    flex: 1;
}

.sort_box .sort_icon {
    width: 80rpx;
    height: 80rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sort_box .sort_icon .photo_icon {
    width: 48rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sort_box .sort_icon .photo_icon icon {
    font-size: 48rpx;
}

.sort_box .ul .li {
    display: flex;
}

.sort_box .ul .li .left.sel {
    color: #f15353;
}

.sort_box .ul .li .right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 22rpx;
}

.supplier .goods-box {
    padding-bottom: 100rpx;
}

.supplier .goods-box .goods-list_1 {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    padding: 20rpx;
}

.supplier .goods-box .goods-list_1 .goods {
    width: 345rpx;
    margin-bottom: 10rpx;
    padding-top: 10rpx;
}

.supplier .goods-box .goods-list_1 .goods:nth-child(2n+1) {
    margin-right: 20rpx;
}

.supplier .goods-box .goods-list_1 .goods .img {
    height: 345rpx;
    width: 345rpx;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10rpx 10rpx 0rpx 0rpx;
}

.supplier .goods-box .goods-list_1 .goods image {
    width: 100%;
    height: 100%;
    border-radius: 10rpx 10rpx 0rpx 0rpx;
}

.supplier .goods-box .goods-list_1 .goods .info {
    text-align: left;
    padding: 12rpx;
    padding-left: 20rpx;
    font-size: 28rpx;
    background: #fff;
    border-radius: 0rpx 0rpx 10rpx 10rpx;
}

.supplier .goods-box .goods-list_1 .goods .info .li:first-child {
    line-height: 40rpx;
    height: 80rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.supplier .goods-box .goods-list_1 .goods .info .li:last-child {
    margin-top: 8rpx;
    font-weight: bold;
    line-height: 48rpx;
    font-size: 32rpx;
}

.supplier .goods-box .goods-list_1 .goods .info .li:last-child .left {
    color: #f15353;
    margin-right: 20rpx;
}

.icon_up {
    width: 0;
    height: 0;
    border-right: 8rpx solid transparent;
    border-left: 8rpx solid transparent;
    border-bottom: 8rpx solid #999;
    margin-bottom: 2rpx;
}

.icon_up.sel {
    border-bottom: 8rpx solid #f14e4e;
}

.icon_down {
    margin-top: 2rpx;
    width: 0;
    height: 0;
    border-right: 8rpx solid transparent;
    border-left: 8rpx solid transparent;
    border-top: 8rpx solid #999;
}

.icon_down.sel {
    border-top: 8rpx solid #f15353;
}

.search {
    overflow: hidden;
    background: #fff;
    border-bottom: 2rpx solid #f5f5f5;
    width: 100%;
    display: flex;
    padding-bottom: 10rpx;
}

.noscroll {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 0;
}

.search .searchBox {
    position: relative;
    font-size: 28rpx;
    display: flex;
    margin-left: 2%;
    background: #f2f2f2 none;
    border-radius: 30rpx;
    width: 568rpx;
    justify-content: space-between;
    align-items: center;
}

.search .searchBox .van-cell {
    padding: 0;
    background-color: inherit;
    width: 500rpx;
}

.search .left {
    margin-left: 30rpx;
    display: flex;
}

.search .right {
    margin-left: 50rpx;
    display: flex;
    text-align: center;
    align-items: center;
}

.search .right icon {
    font-size: 46rpx;
}

.search .searchBox input {
    vertical-align: middle;
    border: none;
    outline: 0;
    padding: 6rpx 20rpx;
    height: 60rpx;
    line-height: 60rpx;
    color: #8c8c8c;
    font-size: 28rpx;
    box-sizing: border-box;
    flex: 1;
}

.search .searchBox .img-icon {
    width: 60rpx;
    height: 60rpx;
    margin-left: 10rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search .searchBox .img-icon .img-icon-btn {
    width: 32rpx;
    height: 32rpx;
    background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/search.png") no-repeat center center;
    background-size: 80% 80%;
}

.goods-list_2 {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-flex;
    background: #fff;
    border-bottom: solid 2rpx #ebebeb;
    padding-top: 5rpx;
    padding-bottom: 5rpx;
    /* padding-left: 30rpx; */
}

.goods-list_2 .imgs {
    width: 200rpx;
    height: 200rpx;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10rpx;
}

.goods-list_2 .imgs image {
    width: 100%;
    height: 100%;
}

.goods-list_2 .shop_info {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    text-align: left;
    padding-left: 15rpx;
}

.goods-list_2 .shop_info ul {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.goods-list_2 .shop_info ul .top {}

.goods-list_2 .shop_info .title {
    padding: 10rpx;
    font-size: 24rpx;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 60rpx;
    color: #333;
}

.goods-list_2 .shop_info .bottom .member {
    font-size: 28rpx;
    color: #fb4a4a;
    line-height: 28rpx;
    padding-bottom: 8rpx;
}