class.wxss 3.9 KB
.conetnt {}
.inputBox {
	height: 104rpx;
	opacity: 1;
	background: #ffffff;
	border-bottom: 2rpx solid #EBEDF0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}
input {
	width: 80%;
	background: #f7f8fa;
	margin: 0 auto;
	padding: 16rpx;
	border-radius: 48rpx;
	font-size: 28rpx;
	color: #C8C9CC;
}
.selectBox {
	height: 100rpx;
	opacity: 1;
	background: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	font-size: 28rpx;
	color: #969799;
}
.active {
	color: #FF2F2F;
}
.selectItem image {
	width: 24rpx;
	height: 24rpx;
}
.selectItemActive {
	color: #FF2F2F;
}

/* 分类 */
.classBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.leftBox {
	width: 200rpx;
	background-color: #f7f8fa;
}
.rightBox {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	        flex: 1;
}
.leftItem {
	font-size: 28rpx;
	color: #969799;
	height: 40rpx;
	line-height: 40rpx;
	text-align: center;
	height: 100rpx;
	line-height: 100rpx;
}
.leftActive {
	background-color: #fff;
}
.itemImg {
	margin-right: 32rpx;
}
.itemImg image {
	width: 152rpx;
	height: 152rpx;
}
.rightItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 30rpx;
	box-sizing: border-box;
	border-bottom: 2rpx solid #ebedf0;
}
.lastItem {
	border-bottom-color: #fff;
}
.goodName {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 28rpx;
	color: #323233;
}
.goodDeatil {
	font-size: 24rpx;
	font-weight: 400;
	text-align: LEFT;
	color: #c8c9cc;
	margin-top: 8rpx;
}
.cartImg image {
	width: 40rpx;
	height: 40rpx;
}
.goodPrice {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	margin-top: 30rpx;
}
.price {
	font-size: 28rpx;
	color: #323233;
}

/* 购物车 */
.cartBox {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 32rpx;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 32rpx 32rpx 0px 0px;
	z-index: 4;
}
.cartGoodInner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.cartImg {
	margin-right: 24rpx;
}
.cartImage {
	width: 120rpx !important;
	height: 120rpx !important;
}
.cartName {
	width: 406rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 32rpx;
	color: #323233;
	white-space: nowrap;
}
.cartPrice {
	font-size: 28rpx;
	color: #FE0E1F;
	margin-top: 40rpx;
}
.countBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	margin-top: 40rpx;
}
.reduceImg {
	width: 60rpx;
	height: 60rpx;
	background-color: #f2f3f5;
	line-height: 60rpx;
	margin-left: 10rpx;
	text-align: center;
	border-radius: 4rpx;
}
.countNum {
	width: 60rpx;
	height: 60rpx;
	background-color: #f2f3f5;
	line-height: 60rpx;
	margin-left: 10rpx;
	text-align: center;
	border-radius: 4rpx;
}
.addImg {
	width: 60rpx;
	height: 60rpx;
	background-color: #f2f3f5;
	line-height: 60rpx;
	margin-left: 10rpx;
	text-align: center;
	border-radius: 4rpx;
}

/* 购物车规格 */
.specificationBox {}
.specificalItem {
	margin-top: 28rpx;
	font-size: 26rpx;
	background: aliceblue;
	color: #323233;
	background: #f7f8fa;
	border-radius: 48px;
	width: auto;
	padding: 10rpx 24rpx;
	margin-right: 16rpx;
}

/* 遮罩层 */
.masks {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #323233;
	opacity: 0.6;
}
.addCartBtn {
	margin-top: 26rpx;
	width: 100%;
	height: 80rpx;
	background-color: #FF2F2F;
	color: #fff;
	font-size: 28rpx;
	line-height: 80rpx;
	text-align: center;
    border-radius:8rpx;
}