easyshop-wxmini/app.wxss

/**app.wxss**/
@import '/static/font/iconfont.wxss';
@import '/static/css/animate.wxss';

view,
image,
text,
navigator {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

page {
	background-color: #f5f5f5;
	font-size: 28rpx;
	font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
	font-weight: 400;
	color: #333;
}

.jhx_bg0 {
	background: #fff;
}

.acea-row {
	display: flex;
	flex-wrap: wrap;
}

.acea-row.row-top {
	align-items: flex-start;
}

.acea-row.row-middle {
	align-items: center;
}

.acea-row.row-bottom {
	align-items: flex-end;
}

.acea-row.row-left {
	justify-content: flex-start;
}

.acea-row.row-center {
	justify-content: center;
}

.acea-row.row-right {
	justify-content: flex-end;
}

.acea-row.row-between {
	justify-content: space-between;
}

.acea-row.row-around {
	justify-content: space-around;
}

.acea-row.row-evenly {
	justify-content: space-evenly;
}

.acea-row.row-column {
	flex-direction: column;
}

.acea-row.row-column-between {
	flex-direction: column;
	justify-content: space-between;
}

.acea-row.row-column-around {
	flex-direction: column;
	justify-content: space-around;
}

.acea-row.row-center-wrapper {
	align-items: center;
	justify-content: center;
}

.acea-row.row-between-wrapper {
	align-items: center;
	justify-content: space-between;
}

.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line2 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

@keyframes load {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes show {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes hide {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes left-open {
	from { transform: rotateY(0deg); }
	to { transform: rotateY(-130deg); }
}

@keyframes right-open {
	from { transform: rotateY(0deg); }
	to { transform: rotateY(130deg); }
}

@keyframes left-close {
	from { transform: rotateY(-130deg); }
	to { transform: rotateY(0deg); }
}

@keyframes right-close {
	from { transform: rotateY(130deg); }
	to { transform: rotateY(0deg); }
}

@keyframes signInBtn {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.share-btn {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.share-btn::after {
	border: 0;
}

.van-popup {
	width: 80%;
	height: 50%;
	border-radius: 12rpx;
	line-height: 40rpx;
}

.van-popup.van-popup--bottom {
	border-radius: 12rpx 12rpx 0 0;
}

.van-popup .title {
	padding: 30rpx 0;
	border-bottom: 2rpx solid rgba(110, 123, 143, 0.16);
	text-align: center;
	font-size: 32rpx;
	font-weight: 500;
	font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
	color: #060606;
}

.van-popup .scroll-y {
	height: calc(100% - 102rpx);
}

.van-popup .btn {
	width: calc(100% - 48rpx);
	position: fixed;
	bottom: 56rpx;
	background: #D32D2F;
	border-radius: 90rpx;
	text-align: center;
	line-height: 80rpx;
	font-size: 28rpx;
	color: #fff;
}

.van-empty {
	min-height: 960rpx;
}