NN2023021801/addons/dbapp/static/styles/public.scss

@charset "utf-8";
@import './size.scss';

page {
	color: #232323;
	font-size: 30rpx;
	font-family: 'PingFang SC';
	--theme: #ec1c24;
	--second: #ff8500;
	--text: #232323;
	@extend .bg-gray;
}
.page {
	box-sizing: border-box;
	position: relative;
	min-height: calc(100vh - var(--window-bottom));
}

/* 弹性盒start */
.flex {
	display: flex;
}
.flex-row {
	flex-direction: row !important;
}
.flex-column {
	flex-direction: column;
}
.flex1 {
	flex: 1;
	overflow: hidden;
}
.noFlex1 {
	width: auto !important;
	flex: 0 0 auto !important;
}

.flex-auto {
	flex: auto;
}
.flex-center {
	justify-content: center;
	align-items: center;
}
.flex-start {
	justify-content: flex-start;
}
.flex-around {
	justify-content: space-around;
}
.flex-between {
	justify-content: space-between;
}
.flex-end {
	justify-content: flex-end;
}
.flex-wrap {
	flex-wrap: wrap;
}

.align-start{
	align-items: center;

}
.align-center {
	align-items: center;
}
.align-end{
	align-items: end;
}

/* 模型、模式 */
.box {
	box-sizing: border-box;
}
.inline {
	display: inline-block;
}
.block {
	display: block;
}

.overflow-hidden {
	overflow: hidden;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-theme {
	color: var(--theme) !important;
}

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

.u-line2{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical !important;
}

.bg-white {
	background-color: #fff;
}
.bg-gray {
	background-color: #f5f5f5;
}
.bg-black {
	background-color: #000;
}
.bg-theme {
	background-color: var(--theme);
}

// position 定位
.sticky {
	position: sticky;
	top: 0;
	z-index: 1;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}

.w {
	padding: 0 25rpx;
}

.w-m,
.m {
	margin: 0 25rpx;
}

.radius {
	border-radius: 10px;
}

/* Standard syntax */
.applyShake {
	animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes shake {
	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}