/* product/list/list.wxss */ .ssbox {padding: 20rpx 35rpx;position: fixed;top: 0;left: 0;right: 0;} .search {background: #F0F2F3;height: 70rpx;border-radius: 35rpx;padding: 0 30rpx;align-items: center;font-size: 26rpx;color: #666;overflow: hidden;} .search image {width: 30rpx;height: 30rpx;margin-right: 13rpx;} .search view {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .filter {padding: 0 20rpx;} .filter .li {width: 33.33%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;padding: 25rpx 0;font-size: 30rpx;color: #333;} .filter .li.active {color: var(--mina);} .updown {width: 14rpx;height: 23rpx;margin-left: 9rpx;} .tabcon {flex-wrap: wrap;padding: 0 20rpx 20rpx;} .tabcon .li {background: #fff;border-radius: 10rpx;width: 345rpx;margin: 20rpx 20rpx 0 0;} .tabcon .li:nth-child(2n) {margin-right: 0;} .jsdimgs {width: 345rpx;height: 345rpx;position: relative;} .jsdpro {width: 100%;height: 100%;} /* .price .vip {font-size: 24rpx;margin-left: 12rpx;color: var(--vip);border: 1rpx solid;padding: 0 8rpx 2rpx 8rpx;border-radius: 5px;font-weight: normal;} */ .vip {font-size: 20rpx !important;background: #FFEFD9;color: var(--vip);padding: 0 8rpx 2rpx 8rpx;border-radius: 6rpx;font-weight: normal !important;margin-left: 12rpx;} .price .vip .members {font-size: 20rpx !important;font-weight: normal !important;margin-left: 2rpx;} .price .vip .sale {font-size: 20rpx !important;font-weight: normal !important;} .jsdimg {width: 82rpx;height: 36rpx;position: absolute;top: 20rpx;left: 20rpx;} .jsdinfo {padding: 15rpx 20rpx 30rpx;} .proname {font-size: 28rpx;color: #333; /* text-overflow: ellipsis; white-space: nowrap; */ line-height: 36rpx;height: 72rpx;overflow: hidden;margin-bottom: 20rpx;font-weight: bold;} .operate {justify-content: space-between;align-items: center;} .price {font-size: 24rpx;color: #FE0419;align-items: center;display: flex;} .price text {font-size: 36rpx;font-weight: bold;} .price text.del {font-weight: normal;font-size: 24rpx;color: #999;margin-left: 12rpx;text-decoration: line-through;} .add-cart image {width: 42rpx;height: 42rpx;} .nums {align-items: center;} .num {font-size: 30rpx;width: 50rpx;text-align: center;line-height: 42rpx;} /* 筛选 */ .isRuleShow {display: block;} .isRuleHide {display: none;} .shaixuan {align-items: center;} .shaixuan image {width: 26rpx;height: 26rpx;margin-left: 10rpx;} .shai {position: fixed; /* #ifdef H5 */ top: 39px; /* #endif */ /* #ifndef H5 */ top: 0; /* #endif */ right: -310px;bottom: 0;width: 310px;background: #fff;z-index: 100;} .shai-box {position: absolute;top: 0;left: 0;right: 0;bottom: 122rpx;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 1;padding: 0 20rpx;} .shai-tit {padding: 25rpx 0;position: relative;font-size: 28rpx;color: #333;} .quanbu {position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-size: 24rpx;color: #777;align-items: center;} .quanbu image {width: 20rpx;height: 13rpx;margin-left: 8rpx;} .shai-lis {flex-wrap: wrap;} .shai-lis .li {height: 60rpx;line-height: 60rpx;background: #F2F2F2;font-size: 24rpx;color: #333;text-align: center;border-radius: 30rpx;margin-right: 3.5%;margin-bottom: 30rpx;padding: 0 20rpx 0 20rpx;} .shai-lis .li:nth-child(3n) {margin-right: 0;} .shai-lis .li.active {background: #FCF0F2;color: #FE0419;} .shai-bot {position: absolute;left: 0;right: 0;bottom: 0;border-top: 2rpx solid #E8E8E8;padding: 20rpx;align-items: center;justify-content: space-between;background: #fff;z-index: 2;} .reset {width: 250rpx;height: 76rpx;line-height: 76rpx;border-radius: 40rpx;border: 2rpx solid #999999;font-size: 30rpx;color: #333;text-align: center;} .confirm {width: 250rpx;height: 80rpx;line-height: 80rpx;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(247, 26, 71, 1) 0%, rgba(254, 23, 72, 1) 0%, rgba(255, 67, 5, 1) 100%);border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;} .confirm text {font-size: 24rpx;} /* 购物车 */ .dots {display: block;height: 32rpx;border-radius: 30rpx;padding: 0 15rpx;font-size: 24rpx;line-height: 30rpx;min-width: 30rpx;box-sizing: border-box;text-align: center;position: absolute;top: -10rpx;right: -15%;border: 1rpx solid;color: #C7435A;} .dot {top: 0;left: 0;position: fixed;width: 40rpx;height: 40rpx;border-radius: 50%;background: #1dae01;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 24rpx;color: white;} .xiaol {margin-bottom: 15rpx;line-height: 32rpx;} .zhuan {float: left;height: 32rpx;font-size: 20rpx;color: #fff;box-sizing: border-box;align-items: center;margin-right: 15rpx;} .zhuan text {padding: 0 6rpx;border-radius: 2rpx 0 0 2rpx;background: #C28A4F;height: 32rpx;line-height: 32rpx;} .zhuan view {font-size: 22rpx;color: #BF7A40;padding: 0 5rpx 0 2rpx;background: #fff;height: 28rpx;border: 2rpx solid #C08046;border-radius: 0 2rpx 2rpx 0;border-left: none;} .yishou {font-size: 24rpx;color: #999;clear: both;overflow: hidden;} .shouqin {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}