/* 栅栏布局 */
.row {
	margin-right: $h-spacing-md;
	margin-left: $h-spacing-md;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

/* 栅栏一12份 */
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	position: relative;
}

.col-12 {
	width: 750px;
}
.col-11 {
	width: 687.5px;
}
.col-10 {
	width: 625px;
}
.col-9 {
	width: 562.5px;
}
.col-8 {
	width: 500px;
}
.col-7 {
	width: 437.5px;
}
.col-6 {
	width: 375px;
}
.col-5 {
	width: 312.5px;
}
.col-4 {
	width: 250px;
}
.col-3 {
	width: 187.5px;
}
.col-2 {
	width: 125px;
}
.col-1 {
	width: 62.5px;
}
/* 栅栏一偏移亮 */
.col-offset-12 {
	margin-left: 750px;
}
.col-offset-11 {
	margin-left: 687.5px;
}
.col-offset-10 {
	margin-left: 625px;
}
.col-offset-9 {
	margin-left: 562.5px;
}
.col-offset-8 {
	margin-left: 500px;
}
.col-offset-7 {
	margin-left: 437.5px;
}
.col-offset-6 {
	margin-left: 375px;
}
.col-offset-5 {
	margin-left: 312.5px;
}
.col-offset-4 {
	margin-left: 250px;
}
.col-offset-3 {
	margin-left: 187.5px;
}
.col-offset-2 {
	margin-left: 125px;
}
.col-offset-1 {
	margin-left: 62.5px;
}
.col-offset-0 {
	margin-left: 0;
}
/* 栅栏二20份 */
.span-1 {
	width: 37.5px;
}
.span-2 {
	width: 75px;
}
.span-3 {
	width: 112.5px;
}
.span-4 {
	width: 150px;
}
.span-5 {
	width: 187.5px;
}
.span-6 {
	width: 225px;
}
.span-7 {
	width: 262.5px;
}
.span-8 {
	width: 300px;
}
.span-9 {
	width: 337.5px;
}
.span-10 {
	width: 375px;
}
.span-11 {
	width: 412.5px;
}
.span-12 {
	width: 450px;
}
.span-13 {
	width: 487.5px;
}
.span-14 {
	width: 525px;
}
.span-15 {
	width: 562.5px;
}
.span-16 {
	width: 600px;
}
.span-17 {
	width: 637.5px;
}
.span-18 {
	width: 675px;
}
.span-19 {
	width: 712.5px;
}
.span-20 {
	width: 750px;
}
/* 栅栏二24份 */
.span24-1 {
	width: 31.25px;
}
.span24-2 {
	width: 62.5px;
}
.span24-3 {
	width: 93.75px;
}
.span24-4 {
	width: 125px;
}
.span24-5 {
	width: 156.25px;
}
.span24-6 {
	width: 187.5px;
}
.span24-7 {
	width: 218.75px;
}
.span24-8 {
	width: 250px;
}
.span24-9 {
	width: 281.25px;
}
.span24-10 {
	width: 312.5px;
}
.span24-11 {
	width: 343.75px;
}
.span24-12 {
	width: 375px;
}
.span24-13 {
	width: 406.25px;
}
.span24-14 {
	width: 437.5px;
}
.span24-15 {
	width: 468.75px;
}
.span24-16 {
	width: 500px;
}
.span24-17 {
	width: 531.25px;
}
.span24-18 {
	width: 562.5px;
}
.span24-19 {
	width: 593.75px;
}
.span24-20 {
	width: 625px;
}
.span24-21 {
	width: 656.25px;
}
.span24-22 {
	width: 687.5px;
}
.span24-23 {
	width: 718.75px;
}
.span24-24 {
	width: 750px;
}
/* flex 布局 */
.flex {
	display: flex;
	flex-direction: row;
}
.flex-row {
	flex-direction: row !important;
}
.flex-column {
	flex-direction: column !important;
}
.flex-row-reverse {
	flex-direction: row-reverse !important;
}
.flex-column-reverse {
	flex-direction: column-reverse !important;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.flex-shrink {
	flex-shrink: 0;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-between {
	justify-content: space-between;
}
.justify-center {
	justify-content: center;
}
.align-center {
	align-items: center !important;
}
.align-stretch {
	align-items: stretch;
}
.align-start {
	align-items: flex-start;
}
.align-end {
	align-items: flex-end;
}
.content-start {
	align-content: flex-start;
}
.content-end {
	align-content: flex-end;
}
.content-center {
	align-content: center;
}
.content-between {
	align-content: space-between;
}
.content-around {
	align-content: space-around;
}
.content-stretch {
	align-content: stretch;
}
.flex-1 {
	flex: 1 !important;
}
.flex-2 {
	flex: 2 !important;
}
.flex-3 {
	flex: 3 !important;
}
.flex-4 {
	flex: 4 !important;
}
.flex-5 {
	flex: 5 !important;
}
.flex-shrink {
	flex-shrink: 0;
}

.spacing-base-x {
	padding-right: $h-spacing-md;
	padding-left: $h-spacing-md;
	box-sizing: border-box;
}
/* 宽度 */
.w-100 {
	width: 750px;
}
.w-50 {
	width: 375px;
}
.h-100 {
	height: 1250px;
}
.h-50 {
	width: 625px;
}

/* margin上下左右 */
.m {
	margin: 5;
}
.m-0 {
	margin: 0;
}
.m-auto {
	margin: auto;
}
.m-1 {
	margin: 10px;
}
.m-2 {
	margin: 20px;
}
.m-3 {
	margin: 30px;
}
.m-4 {
	margin: 40px;
}
.m-5 {
	margin: 50px;
}
.m-6 {
	margin: 60px;
}
.m-7 {
	margin: 70px;
}
.m-8 {
	margin: 80px;
}
.m-9 {
	margin: 90px;
}
.m-10 {
	margin: 100px;
}
/* margin上 */
.mt {
	margin-top: 5;
}
.mt-0 {
	margin-top: 0;
}
.mt-auto {
	margin-top: auto;
}
.mt-1 {
	margin-top: 10px;
}
.mt-2 {
	margin-top: 20px;
}
.mt-3 {
	margin-top: 30px;
}
.mt-4 {
	margin-top: 40px;
}
.mt-5 {
	margin-top: 50px;
}
.mt-6 {
	margin-top: 60px;
}
.mt-7 {
	margin-top: 70px;
}
.mt-8 {
	margin-top: 80px;
}
.mt-8 {
	margin-top: 90px;
}
.mt-10 {
	margin-top: 100px;
}
/* margin下 */
.mb {
	margin-bottom: 5;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-auto {
	margin-bottom: auto;
}
.mb-1 {
	margin-bottom: 10px;
}
.mb-2 {
	margin-bottom: 20px;
}
.mb-3 {
	margin-bottom: 30px;
}
.mb-4 {
	margin-bottom: 40px;
}
.mb-5 {
	margin-bottom: 50px;
}
.mb-6 {
	margin-bottom: 60px;
}
.mb-7 {
	margin-bottom: 70px;
}
.mb-8 {
	margin-bottom: 80px;
}
.mb-9 {
	margin-bottom: 90px;
}
.mb-10 {
	margin-bottom: 100px;
}
/* margin左 */
.ml {
	margin-left: 5;
}
.ml-0 {
	margin-left: 0;
}
.ml-auto {
	margin-left: auto;
}
.ml-1 {
	margin-left: 10px;
}
.ml-2 {
	margin-left: 20px;
}
.ml-3 {
	margin-left: 30px;
}
.ml-4 {
	margin-left: 40px;
}
.ml-5 {
	margin-left: 50px;
}
.ml-6 {
	margin-left: 60px;
}
.ml-7 {
	margin-left: 70px;
}
.ml-8 {
	margin-left: 80px;
}
.ml-9 {
	margin-left: 90px;
}
.ml-10 {
	margin-left: 100px;
}
/* margin右 */
.mr {
	margin-right: 5;
}

.mr-0 {
	margin-right: 0;
}

.mr-auto {
	margin-right: auto;
}

.mr-1 {
	margin-right: 10px;
}
.mr-2 {
	margin-right: 20px;
}
.mr-3 {
	margin-right: 30px;
}
.mr-4 {
	margin-right: 40px;
}
.mr-5 {
	margin-right: 50px;
}
.mr-6 {
	margin-right: 60px;
}
.mr-7 {
	margin-right: 70px;
}
.mr-8 {
	margin-right: 80px;
}
.mr-9 {
	margin-right: 90px;
}
.mr-10 {
	margin-right: 100px;
}
/* margin上下 */
.my {
	margin-top: 5;
	margin-bottom: 5;
}
.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}
.my-1 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.my-2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.my-3 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.my-4 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.my-5 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.my-6 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.my-7 {
	margin-top: 70px;
	margin-bottom: 70px;
}
.my-8 {
	margin-top: 80px;
	margin-bottom: 80px;
}
.my-9 {
	margin-top: 90px;
	margin-bottom: 90px;
}
.my-10 {
	margin-top: 100px;
	margin-bottom: 100px;
}
/* margin左右 */
.mx {
	margin-left: 5;
	margin-right: 5;
}
.mx-0 {
	margin-left: 0;
	margin-right: 0;
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
.mx-1 {
	margin-left: 10px;
	margin-right: 10px;
}
.mx-2 {
	margin-left: 20px;
	margin-right: 20px;
}
.mx-3 {
	margin-left: 30px;
	margin-right: 30px;
}
.mx-4 {
	margin-left: 40px;
	margin-right: 40px;
}
.mx-5 {
	margin-left: 50px;
	margin-right: 50px;
}
.mx-6 {
	margin-left: 60px;
	margin-right: 60px;
}
.mx-7 {
	margin-left: 70px;
	margin-right: 70px;
}
.mx-8 {
	margin-left: 80px;
	margin-right: 80px;
}
.mx-9 {
	margin-left: 90px;
	margin-right: 90px;
}
.mx-10 {
	margin-left: 100px;
	margin-right: 100px;
}
/* padding上下左右 */
.p-0 {
	padding: 0;
	box-sizing: border-box;
}
.p {
	padding: 5px;
	box-sizing: border-box;
}
.p-1 {
	padding: 10px;
	box-sizing: border-box;
}
.p-2 {
	padding: 20px;
	box-sizing: border-box;
}
.p-3 {
	padding: 30px;
	box-sizing: border-box;
}
.p-4 {
	padding: 40px;
	box-sizing: border-box;
}
.p-5 {
	padding: 50px;
	box-sizing: border-box;
}
.p-6 {
	padding: 60px;
	box-sizing: border-box;
}
.p-7 {
	padding: 70px;
	box-sizing: border-box;
}
.p-8 {
	padding: 80px;
	box-sizing: border-box;
}
.p-9 {
	padding: 90px;
	box-sizing: border-box;
}
.p-10 {
	padding: 100px;
	box-sizing: border-box;
}
/* padding上 */
.pt-0 {
	padding-top: 0;
	box-sizing: border-box;
}
.pt {
	padding-top: 5px;
	box-sizing: border-box;
}
.pt-1 {
	padding-top: 10px;
	box-sizing: border-box;
}
.pt-2 {
	padding-top: 20px;
	box-sizing: border-box;
}
.pt-3 {
	padding-top: 30px;
	box-sizing: border-box;
}
.pt-4 {
	padding-top: 40px;
	box-sizing: border-box;
}
.pt-5 {
	padding-top: 50px;
	box-sizing: border-box;
}
.pt-6 {
	padding-top: 60px;
	box-sizing: border-box;
}
.pt-7 {
	padding-top: 70px;
	box-sizing: border-box;
}
.pt-8 {
	padding-top: 80px;
	box-sizing: border-box;
}
.pt-9 {
	padding-top: 90px;
	box-sizing: border-box;
}
.pt-10 {
	padding-top: 100px;
	box-sizing: border-box;
}
/* padding下 */
.pb-0 {
	padding-bottom: 0;
	box-sizing: border-box;
}
.pb {
	padding-bottom: 5;
	box-sizing: border-box;
}
.pb-1 {
	padding-bottom: 10px;
	box-sizing: border-box;
}
.pb-2 {
	padding-bottom: 20px;
	box-sizing: border-box;
}
.pb-3 {
	padding-bottom: 30px;
	box-sizing: border-box;
}
.pb-4 {
	padding-bottom: 40px;
	box-sizing: border-box;
}
.pb-5 {
	padding-bottom: 50px;
	box-sizing: border-box;
}
.pb-6 {
	padding-bottom: 60px;
	box-sizing: border-box;
}
.pb-7 {
	padding-bottom: 70px;
	box-sizing: border-box;
}
.pb-8 {
	padding-bottom: 80px;
	box-sizing: border-box;
}
.pb-9 {
	padding-bottom: 90px;
	box-sizing: border-box;
}
.pb-10 {
	padding-bottom: 100px;
	box-sizing: border-box;
}
/* padding左 */
.pl-0 {
	padding-left: 0;
	box-sizing: border-box;
}
.pl {
	padding-left: 5px;
	box-sizing: border-box;
}
.pl-1 {
	padding-left: 10px;
	box-sizing: border-box;
}
.pl-2 {
	padding-left: 20px;
	box-sizing: border-box;
}
.pl-3 {
	padding-left: 30px;
	box-sizing: border-box;
}
.pl-4 {
	padding-left: 40px;
	box-sizing: border-box;
}
.pl-5 {
	padding-left: 50px;
	box-sizing: border-box;
}
.pl-6 {
	padding-left: 60px;
	box-sizing: border-box;
}
.pl-7 {
	padding-left: 70px;
	box-sizing: border-box;
}
.pl-8 {
	padding-left: 80px;
	box-sizing: border-box;
}
.pl-9 {
	padding-left: 90px;
	box-sizing: border-box;
}
.pl-10 {
	padding-left: 100px;
	box-sizing: border-box;
}
/* padding右 */
.pr-0 {
	padding-right: 0;
	box-sizing: border-box;
}
.pr {
	padding-right: 5px;
	box-sizing: border-box;
}
.pr-1 {
	padding-right: 10px;
	box-sizing: border-box;
}
.pr-2 {
	padding-right: 20px;
	box-sizing: border-box;
}
.pr-3 {
	padding-right: 30px;
	box-sizing: border-box;
}
.pr-4 {
	padding-right: 40px;
	box-sizing: border-box;
}
.pr-5 {
	padding-right: 50px;
	box-sizing: border-box;
}
.pr-6 {
	padding-right: 60px;
	box-sizing: border-box;
}
.pr-7 {
	padding-right: 70px;
	box-sizing: border-box;
}
.pr-8 {
	padding-right: 80px;
	box-sizing: border-box;
}
.pr-9 {
	padding-right: 90px;
	box-sizing: border-box;
}
.pr-10 {
	padding-right: 100px;
	box-sizing: border-box;
}
/* padding左右 */
.py-0 {
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
}
.py {
	padding-top: 5px;
	padding-bottom: 5px;
	box-sizing: border-box;
}
.py-1 {
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
}
.py-2 {
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.py-3 {
	padding-top: 30px;
	padding-bottom: 30px;
	box-sizing: border-box;
}
.py-4 {
	padding-top: 40px;
	padding-bottom: 40px;
	box-sizing: border-box;
}
.py-5 {
	padding-top: 50px;
	padding-bottom: 50px;
	box-sizing: border-box;
}
.py-6 {
	padding-top: 60px;
	padding-bottom: 60px;
	box-sizing: border-box;
}
.py-7 {
	padding-top: 70px;
	padding-bottom: 70px;
	box-sizing: border-box;
}
.py-8 {
	padding-top: 80px;
	padding-bottom: 80px;
	box-sizing: border-box;
}
.py-9 {
	padding-top: 90px;
	padding-bottom: 90px;
	box-sizing: border-box;
}
.py-10 {
	padding-top: 100px;
	padding-bottom: 100px;
	box-sizing: border-box;
}
.px-0 {
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}
.px-1 {
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.px {
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}
.px-2 {
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.px-3 {
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
.px-4 {
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}
.px-5 {
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: border-box;
}
.px-6 {
	padding-left: 60px;
	padding-right: 60px;
	box-sizing: border-box;
}
.px-7 {
	padding-left: 70px;
	padding-right: 70px;
	box-sizing: border-box;
}
.px-8 {
	padding-left: 80px;
	padding-right: 80px;
	box-sizing: border-box;
}
.px-9 {
	padding-left: 90px;
	padding-right: 90px;
	box-sizing: border-box;
}
/* 文字大小 */
.font-sm {
	font-size: $font-size-sm !important;
}
.font-md {
	font-size: $font-size-md !important;
}
.font-lg {
	font-size: $font-size-lg !important;
}

.fs-10 {
	font-size: 10px !important;
}
.fs-20 {
	font-size: 20px !important;
}
.fs-30 {
	font-size: 30px !important;
}
.fs-40 {
	font-size: 40px !important;
}
.fs-50 {
	font-size: 50px !important;
}
.fs-60 {
	font-size: 60px !important;
}
.fs-70 {
	font-size: 70px !important;
}
.fs-80 {
	font-size: 80px !important;
}
.fs-90 {
	font-size: 90px !important;
}
.fs-100 {
	font-size: 100px !important;
}
.h1 {
	font-size: $h1-size;
}
.h2 {
	font-size: $h2-size;
}
.h3 {
	font-size: $h3-size;
}
.h4 {
	font-size: $h4-size;
}
.h5 {
	font-size: $h5-size;
}
.h6 {
	font-size: $h6-size;
}
/* 行高 */
.line-height {
	line-height: $line-height;
}
.line-height-paragraph {
	line-height: $line-height-paragraph;
}
/* 文字缩进 */
.text-indent {
	text-indent: 2;
}
/* 文字划线 */
.text-through {
	text-decoration: line-through;
}
/* 文字对齐 */
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
/* 文字换行溢出处理 */
.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-ellipsis-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden; //溢出内容隐藏
	text-overflow: ellipsis; //文本溢出部分用省略号表示
	display: -webkit-box; //特别显示模式
	-webkit-line-clamp: 2; //行数
	line-clamp: 2;
	-webkit-box-orient: vertical; //盒子中内容竖直排列
}
/* 文字粗细 */
.font-weight-sm {
	font-weight: $font-weight-sm;
}
.font-weight-md {
	font-weight: $font-weight-md;
}
.font-weight-lg {
	font-weight: $font-weight-lg;
}
/*斜体*/
.font-italic {
	font-style: italic;
}

/* 默认字体大小颜色 */
.text {
	font-size: $font-size-md;
	color: $text-main-color;
}
/* 文字颜色 */
.text-color {
	color: $text-main-color;
}
.text-secondary {
	color: $text-secondary-color;
}
.text-black {
	color: #000000;
}
.text-white {
	color: #ffffff;
}
.text-primary {
	color: $primary-color !important;
}
.text-success {
	color: $success-color;
}
.text-warning {
	color: $warning-color;
}
.text-error {
	color: $error-color;
}
.text-link {
	color: $text-link-color;
}
.text-c-1 {
	color: #111111;
}
.text-c-2 {
	color: #222222;
}
.text-c-3 {
	color: #333333;
}
.text-c-4 {
	color: #444444;
}
.text-c-5 {
	color: #555555;
}
.text-c-6 {
	color: #666666;
}
.text-c-7 {
	color: #777777;
}
.text-c-8 {
	color: #888888;
}
.text-c-9 {
	color: #999999;
}
/* 背景颜色 */
.bg-default {
	background: $bg-default;
}
.bg-secondary {
	background: $bg-secondary;
}
.bg-black {
	background: #000000;
}
.bg-white {
	background: #ffffff;
}
.bg-primary {
	background: $primary-color;
}
.bg-success {
	background: $success-color;
}
.bg-warning {
	background: $warning-color;
}
.bg-error {
	background: $error-color;
}
.bg-transparent {
	background-color: transparent;
}
/* 边框 */
.border-base {
	border-width: $border-width-sm !important;
	border-style: solid !important;
	border-color: $border-color !important;
}
.border-top {
	border-top-width: $border-width-sm !important;
	border-top-style: solid !important;
	border-top-color: $border-color !important;
}
.border-right {
	border-right-width: $border-width-sm !important;
	border-right-style: solid !important;
	border-right-color: $border-color !important;
}
.border-bottom {
	border-bottom-width: $border-width-sm !important;
	border-bottom-style: solid !important;
	border-bottom-color: $border-color !important;
}
.border-left {
	border-left-width: $border-width-sm !important;
	border-left-style: solid !important;
	border-left-color: $border-color !important;
}

.border-w-sm {
	border-width: $border-width-sm !important;
}
.border-w-md {
	border-width: $border-width-md !important;
}
.border-w-lg {
	border-width: $border-width-lg !important;
}

.border-0 {
	border-width: 0 !important;
}
.border-top-0 {
	border-top-width: 0 !important;
}
.border-right-0 {
	border-right-width: 0 !important;
}
.border-bottom-0 {
	border-bottom-width: 0 !important;
}
.border-left-0 {
	border-left-width: 0 !important;
}
.border-c-base {
	border-color: $border-color;
}
.border-secondary {
	border-color: $border-color-secondary;
}
.border-black {
	border-color: #000000;
}
.border-white {
	border-color: #ffffff;
}
.border-primary {
	border-color: $primary-color;
}
.border-success {
	border-color: $success-color;
}
.border-warning {
	border-color: $warning-color;
}
.bg-error {
	background: $error-color;
}
/* 圆角 */
.radius-sm {
	border-radius: $radius-sm;
}
.radius-md {
	border-radius: $radius-md;
}
.radius-lg {
	border-radius: $radius-lg;
}
.radius-top {
	border-top-left-radius: $radius-md;
	border-top-right-radius: $radius-md;
}
.radius-right {
	border-top-right-radius: $radius-md;
	border-bottom-right-radius: $radius-md;
}
.radius-bottom {
	border-bottom-right-radius: $radius-md;
	border-bottom-left-radius: $radius-md;
}
.radius-left {
	border-top-left-radius: $radius-md;
	border-bottom-left-radius: $radius-md;
}
.radius-circle {
	border-radius: $radius-circle;
}
.radius-0 {
	border-radius: 0;
}
/* 内容溢出 */
.overflow-hidden {
	overflow: hidden;
}
/* 定位 */
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute !important;
}
.position-fixed {
	position: fixed;
}
/* 定位 - 固定顶部 */
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1024;
}
.max-z-index {
	z-index: 99999999;
}
/* 定位 - 固定底部 */
.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1024;
}
.top-0 {
	top: 0;
}
.left-0 {
	left: 0;
}
.right-0 {
	right: 0;
}
.bottom-0 {
	bottom: 0;
}

/* 显示 */
.d-none {
	display: none;
}
.d-inline-block {
	display: inline-block;
}
.d-block {
	display: block;
}
/* 阴影 */
.shadow-sm {
	box-shadow: $shadow-sm;
}
.shadow-md {
	box-shadow: $shadow-md;
}
.shadow-lg {
	box-shadow: $shadow-lg;
}
.shadow-none {
	box-shadow: none !important;
}
/* 防止图片闪一下 */
image {
	will-change: transform;
}
#loading{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	display: flex;
	justify-content: center;
	align-items: center;
}