H5_module/product/merge/list.css

/* 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;}