goodDeatil.css 4.6 KB
.content {
	min-height: 100vh;
	background-color: #f7f8fa;
	padding-bottom: 150rpx;
}

.swiper {
	height: 100%;
}

.swiperImg {
	width: 100%;
	height: 100%;
}

.goodNameOuter {
	background-color: #fff;
	padding: 32rpx;
	box-sizing: border-box;
}

.goodNameOuter {
	font-size: 40rpx;
	color: #F85317;
}

.goodName {
	font-size: 28rpx;
	color: #000;
}

.num {
	width: 100%;
	text-align: right;
	color: #C8C9CC;
	font-size: 24rpx;
}

.guigeBox {
	background-color: #fff;
	margin-top: 24rpx;
	height: 108rpx;
	line-height: 108rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 24rpx;
	box-sizing: border-box;
	font-size: 28rpx;
}

/* 评价 */
.evaluateBox {
	background-color: #fff;
	padding: 24rpx;
	box-sizing: border-box;
}

.evaluateBoxTop {
	display: flex;
	padding-bottom: 24rpx;
	border-bottom: 2rpx solid #ebedf0;
	justify-content: space-between;
	align-items: center;
}

.evaImg {
	width: 8rpx;
	height: 36rpx;
}

.pingjiaText {
	padding-left: 16rpx;
	font-size: 32rpx;
	color: #323233;
	font-weight: 500;
}

.moreBox {
	font-size: 28rpx;
	color: #969799;
	display: flex;
	align-items: cneter;
}

.moerImg {
	width: 32rpx;
	height: 32rpx;
	margin-top: 4rpx;
}

.evaluateContent {
	padding: 24rpx 0;
	box-sizing: border-box;
}

.userBox {
	display: flex;
	justify-content: space-between;
}

.userLeftBox {
	display: flex;
	font-size: 28rpx;
}

.userImg {
	width: 60rpx;
	height: 60rpx;
	border-radius: 50%;
}

.userName {
	margin-left: 26rpx;
}

.xing {
	width: 20rpx;
	height: 20rpx;
}

.time {
	font-size: 24rpx;
	color: #c8c9cc;
}

.evaluateTEXT {
	font-size: 26rpx;
	color: #323233;
	margin-top: 26rpx;
}

/* 商品详情 */
.goodDetail {
	background-color: #fff;
	padding: 32rpx;
	box-sizing: border-box;
	margin-top: 26rpx;
}

.detailImgBox {
	margin-top: 24rpx;
}

/* 底部 */
.bottomBox {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	left: 0;
	bottom: 0;
	padding: 32rpx;
	box-sizing: border-box;
	font-size: 26rpx;
}

.bottomIcon {
	width: 40rpx;
	height: 40rpx;
	font-size: 24rpx;
	color: #646566;
}

.botttomleft {
	display: flex;
}

.leftItem {
	padding: 0 20rpx;
	text-align: center;
}

.bottomRight {
	width: 236rpx;
	height: 80rpx;
	opacity: 1;
	background: #ff2f2f;
	border-radius: 8rpx;
	line-height: 80rpx;
	color: #fff;
	text-align: center;
}

/* 购物车 */
.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: 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: flex;
	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;
}
.activespecificalItem{
	background-color:#FF2F2F;
	color: #fff;
}

/* 遮罩层 */
.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;
}

/* 分享弹框 */
.shareBox {
	background-color: #fff;
    position: fixed;
	bottom: 0;
	left: 0;
	padding:48rpx 0 0 0;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	border-radius: 48rpx 48rpx 0 0;
	z-index: 9;
}
.share{
	width:96rpx;
	height: 96rpx;
}
.weixinFriend{
	font-size: 24rpx;
	color: #d0d0d0;
	padding: 10rpx 0;
}
.concelBtn{
	padding:26rpx  0;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-size: 28rpx;
	color:#646566;
	border-top:16rpx solid #f7f8fa;
}