/* 
	*CSS Document 
	*这里是基础的关于kuoqiUI布局部分的引入文件
*/
/* 
	* CSS Document
	* 关于基础的用户配置部分的样式信息
*/

:root {
 --color-index: #2563eb;
 --color-font:#fff;/*默认的字体颜色*/
 --color-sub-index: #3b82f6;
 --color-border: #f6f6f6;
}

@page {
	--color-index: #2563eb;
	--color-font:#fff;/*默认的字体颜色*/
	--color-sub-index: #3b82f6;
	--color-border: #dddddd;
}

::-webkit-scrollbar-track-piece {
 background-color:#fff
}

::-webkit-scrollbar {
 width: 1px;
 height: 1px;
}

::-webkit-scrollbar-thumb {
 background-color: #c2c2c2;
 background-color:var(--color-index);
 background-clip: padding-box;
 min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
 background-color: #a0a0a0
}
@media(-webkit-max-device-pixel-ratio: 1) {
 ::-webkit-scrollbar-track-piece {
 background-color:#fff
}

 ::-webkit-scrollbar {
 width: 1px;
 height: 1px
}

 ::-webkit-scrollbar-thumb {
 background-color: #c2c2c2;
 background-clip: padding-box;
 min-height: 28px
}

 ::-webkit-scrollbar-thumb:hover {
 background-color: #a0a0a0
}
}
input::-webkit-input-placeholder { /* WebKit browsers */
 color: #cccccc;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #cccccc;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #cccccc;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #cccccc;
}
textare::-webkit-input-placeholder { /* WebKit browsers */
 color: #cccccc;
}
textare:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #cccccc;
}
textare::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #cccccc;
}
textare:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #cccccc;
}
body {
	margin: 0;
	padding: 0;
}
/** no position */
.nopos {
	position: unset !important;
}
img {
	vertical-align: bottom;
}
img.fit-none {
	object-fit: none !important;
}
a {
	-webkit-tap-highlight-color: transparent;
}
a.init {
	text-decoration: none;
	color: inherit;
	outline-color: #510;
	outline-color: var(--color-index);
}
.unselectable {
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard syntax */
}
.overflow-hide {
	overflow: hidden !important;
}
.overflow-auto {
	overflow: auto !important;
}
.overflow-none {
	overflow: unset !important;
}
.dis-flex {
	display: flex;
}
/* 栅格化片段代码 Rasterize*/
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -0.625em;
	margin-left: -0.625em;
}
.row-flex {
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
}
.col-auto {
	position: relative;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 100%;
}
.col-other {
	position: relative;
	-ms-flex: 1 0 auto;
	flex: 1 0 0;
	max-width: 100%;
	overflow: hidden;
}
.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;
	width: 100%;
	min-height: 1px;
	box-sizing: border-box;
	padding-right: 0.625rem;
	padding-left: 0.625rem;
}
.col-space-1 {
	margin-left: 8.33333333%
}
.col-space-2 {
	margin-left: 16.66666667%
}
.col-space-3 {
	margin-left: 25%
}
.col-space-4 {
	margin-left: 33.33333333%
}
.col-space-5 {
	margin-left: 41.66666667%
}
.col-space-6 {
	margin-left: 50%;
}
.col-space-7 {
	margin-left: 58.33333333%
}
.col-space-8 {
	margin-left: 66.66666667%
}
.col-space-9 {
	margin-left: 75%
}
.col-space-10 {
	margin-left: 83.33333333%
}
.col-space-11 {
	margin-left: 91.66666667%
}
.col-space-12 {
	margin-left: 100%;
}
.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	box-sizing: border-box;
}
.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-flex {
	display: flex;
	width: 100%;
	max-width: 100%;
}
.col-hide {
	display: none;
}
.col-show {
	display: block;
}
.col-space-none {
	margin-left: 0
}
.col-space-1 {
	margin-left: 8.33333333%
}
.col-space-2 {
	margin-left: 16.66666667%
}
.col-space-3 {
	margin-left: 25%
}
.col-space-4 {
	margin-left: 33.33333333%
}
.col-space-5 {
	margin-left: 41.66666667%
}
.col-space-6 {
	margin-left: 50%;
}
.col-space-7 {
	margin-left: 58.33333333%
}
.col-space-8 {
	margin-left: 66.66666667%
}
.col-space-9 {
	margin-left: 75%
}
.col-space-10 {
	margin-left: 83.33333333%
}
.col-space-11 {
	margin-left: 91.66666667%
}
.col-space-12 {
	margin-left: 100%;
}
.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.col-md {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-md-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}
.col-md-hide {
	display: none;
}
.col-md-show {
	display: block;
}
.col-md-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-md-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-md-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-md-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-md-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-md-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-md-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-md-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-md-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-md-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-md-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-md-space-none {
	margin-left: 0
}
.col-md-space-1 {
	margin-left: 8.33333333%
}
.col-md-space-2 {
	margin-left: 16.66666667%
}
.col-md-space-3 {
	margin-left: 25%
}
.col-md-space-4 {
	margin-left: 33.33333333%
}
.col-md-space-5 {
	margin-left: 41.66666667%
}
.col-md-space-6 {
	margin-left: 50%;
}
.col-md-space-7 {
	margin-left: 58.33333333%
}
.col-md-space-8 {
	margin-left: 66.66666667%
}
.col-md-space-9 {
	margin-left: 75%
}
.col-md-space-10 {
	margin-left: 83.33333333%
}
.col-md-space-11 {
	margin-left: 91.66666667%
}
.col-md-space-12 {
	margin-left: 100%;
}
}
@media screen and (min-width: 992px) {
.col-lg {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-lg-hide {
	display: none;
}
.col-lg-show {
	display: block;
}
.col-lg-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}
.col-lg-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-lg-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-lg-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-lg-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-lg-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-lg-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-lg-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-lg-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-lg-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-lg-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-lg-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-lg-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-lg-space-none {
	margin-left: 0
}
.col-lg-space-1 {
	margin-left: 8.33333333%
}
.col-lg-space-2 {
	margin-left: 16.66666667%
}
.col-lg-space-3 {
	margin-left: 25%
}
.col-lg-space-4 {
	margin-left: 33.33333333%
}
.col-lg-space-5 {
	margin-left: 41.66666667%
}
.col-lg-space-6 {
	margin-left: 50%;
}
.col-lg-space-7 {
	margin-left: 58.33333333%
}
.col-lg-space-8 {
	margin-left: 66.66666667%
}
.col-lg-space-9 {
	margin-left: 75%
}
.col-lg-space-10 {
	margin-left: 83.33333333%
}
.col-lg-space-11 {
	margin-left: 91.66666667%
}
.col-lg-space-12 {
	margin-left: 100%;
}
}

@media screen and (min-width: 1200px) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-xl-hide {
		display: none;
	}
	.col-xl-show {
		display: block;
	}
	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}
	.col-xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}
	.col-xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.col-xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}
	.col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}
	.col-xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
	.col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}
	.col-xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}
	.col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.col-xl-space-none {
		margin-left: 0
	}
	.col-xl-space-1 {
		margin-left: 8.33333333%
	}
	.col-xl-space-2 {
		margin-left: 16.66666667%
	}
	.col-xl-space-3 {
		margin-left: 25%
	}
	.col-xl-space-4 {
		margin-left: 33.33333333%
	}
	.col-xl-space-5 {
		margin-left: 41.66666667%
	}
	.col-xl-space-6 {
		margin-left: 50%;
	}
	.col-xl-space-7 {
		margin-left: 58.33333333%
	}
	.col-xl-space-8 {
		margin-left: 66.66666667%
	}
	.col-xl-space-9 {
		margin-left: 75%
	}
	.col-xl-space-10 {
		margin-left: 83.33333333%
	}
	.col-xl-space-11 {
		margin-left: 91.66666667%
	}
	.col-xl-space-12 {
		margin-left: 100%;
	}
}





@media screen and (min-width: 1400px) {
	.col-xxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-xxl-hide {
		display: none;
	}
	.col-xxl-show {
		display: block;
	}
	.col-xxl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}
	.col-xxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}
	.col-xxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
	.col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.col-xxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}
	.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-xxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}
	.col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
	.col-xxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-xxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}
	.col-xxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}
	.col-xxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.col-xxl-space-none {
		margin-left: 0
	}
	.col-xxl-space-1 {
		margin-left: 8.33333333%
	}
	.col-xxl-space-2 {
		margin-left: 16.66666667%
	}
	.col-xxl-space-3 {
		margin-left: 25%
	}
	.col-xxl-space-4 {
		margin-left: 33.33333333%
	}
	.col-xxl-space-5 {
		margin-left: 41.66666667%
	}
	.col-xxl-space-6 {
		margin-left: 50%;
	}
	.col-xxl-space-7 {
		margin-left: 58.33333333%
	}
	.col-xxl-space-8 {
		margin-left: 66.66666667%
	}
	.col-xxl-space-9 {
		margin-left: 75%
	}
	.col-xxl-space-10 {
		margin-left: 83.33333333%
	}
	.col-xxl-space-11 {
		margin-left: 91.66666667%
	}
	.col-xxl-space-12 {
		margin-left: 100%;
	}
}



@media screen and (min-width: 992px) {
	.col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-lg-hide {
		display: none;
	}
	.col-lg-show {
		display: block;
	}
	.col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}
	.col-lg-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}
	.col-lg-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}
	.col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-lg-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}
	.col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
	.col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-lg-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}
	.col-lg-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}
	.col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.col-lg-space-none {
		margin-left: 0
	}
	.col-lg-space-1 {
		margin-left: 8.33333333%
	}
	.col-lg-space-2 {
		margin-left: 16.66666667%
	}
	.col-lg-space-3 {
		margin-left: 25%
	}
	.col-lg-space-4 {
		margin-left: 33.33333333%
	}
	.col-lg-space-5 {
		margin-left: 41.66666667%
	}
	.col-lg-space-6 {
		margin-left: 50%;
	}
	.col-lg-space-7 {
		margin-left: 58.33333333%
	}
	.col-lg-space-8 {
		margin-left: 66.66666667%
	}
	.col-lg-space-9 {
		margin-left: 75%
	}
	.col-lg-space-10 {
		margin-left: 83.33333333%
	}
	.col-lg-space-11 {
		margin-left: 91.66666667%
	}
	.col-lg-space-12 {
		margin-left: 100%;
	}
}





 @media screen and (max-width:768px) {
.col-sm {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-sm-hide {
	display: none !important;
}
.coli-sm-hide {
	display: none !important;
}
.col-sm-show {
	display: block;
}
.col-sm-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}
.col-sm-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-sm-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-sm-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-sm-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-sm-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-sm-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-sm-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-sm-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-sm-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-sm-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-sm-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-sm-space-none {
	margin-left: 0
}
.col-sm-space-1 {
	margin-left: 8.33333333%
}
.col-sm-space-2 {
	margin-left: 16.66666667%
}
.col-sm-space-3 {
	margin-left: 25%
}
.col-sm-space-4 {
	margin-left: 33.33333333%
}
.col-sm-space-5 {
	margin-left: 41.66666667%
}
.col-sm-space-6 {
	margin-left: 50%;
}
.col-sm-space-7 {
	margin-left: 58.33333333%
}
.col-sm-space-8 {
	margin-left: 66.66666667%
}
.col-sm-space-9 {
	margin-left: 75%
}
.col-sm-space-10 {
	margin-left: 83.33333333%
}
.col-sm-space-11 {
	margin-left: 91.66666667%
}
.col-sm-space-12 {
	margin-left: 100%;
}
}
 @media screen and (max-width: 576px) {
.col-xs {
	-ms-flex-preferred-size: 0;
	-ms-flex-positive: 1;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%
}
.col-xs-hide {
	display: none;
}
.col-xs-show {
	display: block;
}
.col-xs-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}
.col-xs {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-xs-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}
.col-xs-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-xs-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-xs-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xs-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-xs-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-xs-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-xs-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-xs-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-xs-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-xs-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-xs-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-xs-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-xs-space-none {
	margin-left: 0
}
.col-xs-space-1 {
	margin-left: 8.33333333%
}
.col-xs-space-2 {
	margin-left: 16.66666667%
}
.col-xs-space-3 {
	margin-left: 25%
}
.col-xs-space-4 {
	margin-left: 33.33333333%
}
.col-xs-space-5 {
	margin-left: 41.66666667%
}
.col-xs-space-6 {
	margin-left: 50%;
}
.col-xs-space-7 {
	margin-left: 58.33333333%
}
.col-xs-space-8 {
	margin-left: 66.66666667%
}
.col-xs-space-9 {
	margin-left: 75%
}
.col-xs-space-10 {
	margin-left: 83.33333333%
}
.col-xs-space-11 {
	margin-left: 91.66666667%
}
.col-xs-space-12 {
	margin-left: 100%;
}
}

.wdp-10 {
	width: 10%;
}
.wdp-20 {
	width: 20%;
}
.wdp-30 {
	width: 30%;
}
.wdp-40 {
	width: 40%;
}
.wdp-50 {
	width: 50%;
}
.wdp-60 {
	width: 60%;
}
.wdp-70 {
	width: 70%;
}
.wdp-80 {
	width: 80%;
}
.wdp-90 {
	width: 90%;
}
.wdp-100 {
	width: 100%;
}
.wdpi-10 {
	width: 10% !important;
}
.wdpi-20 {
	width: 20% !important;
}
.wdpi-30 {
	width: 30% !important;
}
.wdpi-40 {
	width: 40% !important;
}
.wdpi-50 {
	width: 50% !important;
}
.wdpi-60 {
	width: 60% !important;
}
.wdpi-70 {
	width: 70% !important;
}
.wdpi-80 {
	width: 80% !important;
}
.wdpi-90 {
	width: 90% !important;
}
.wdpi-100 {
	width: 100% !important;
}
/*
	宽度 rem的相关设置
*/
.wdr-1 {
	width: 1rem;
}
.wdr-2 {
	width: 2rem;
}
.wdr-3 {
	width: 3rem;
}
.wdr-4 {
	width: 4rem;
}
.wdr-5 {
	width: 5rem;
}
.wdr-6 {
	width: 6rem;
}
.wdr-7 {
	width: 7rem;
}
.wdr-8 {
	width: 8rem;
}
.wdr-9 {
	width: 9rem;
}
.wdr-10 {
	width: 10rem;
}
.wdr-11 {
	width: 11rem;
}
.wdr-12 {
	width: 12rem;
}
.wdr-13 {
	width: 13rem;
}
.wdr-14 {
	width: 14rem;
}
.wdr-15 {
	width: 15rem;
}
.wdr-16 {
	width: 16rem;
}
.wdr-17 {
	width: 17rem;
}
.wdr-18 {
	width: 18rem;
}
.wdr-19 {
	width: 19rem;
}
.wdr-20 {
	width: 20rem;
}
.wdri-1 {
	width: 1rem !important;
}
.wdri-2 {
	width: 2rem !important;
}
.wdri-3 {
	width: 3rem !important;
}
.wdri-4 {
	width: 4rem !important;
}
.wdri-5 {
	width: 5rem !important;
}
.wdri-6 {
	width: 6rem !important;
}
.wdri-7 {
	width: 7rem !important;
}
.wdri-8 {
	width: 8rem !important;
}
.wdri-9 {
	width: 9rem !important;
}
.wdri-10 {
	width: 10rem !important;
}
.wdri-11 {
	width: 11rem !important;
}
.wdri-12 {
	width: 12rem !important;
}
.wdri-13 {
	width: 13rem !important;
}
.wdri-14 {
	width: 14rem !important;
}
.wdri-15 {
	width: 15rem !important;
}
.wdri-16 {
	width: 16rem !important;
}
.wdri-17 {
	width: 17rem !important;
}
.wdri-18 {
	width: 18rem !important;
}
.wdri-19 {
	width: 19rem !important;
}
.wdri-20 {
	width: 20rem !important;
}
.hg-1 {
	height: 1px;
}
.hg-2 {
	height: 2px;
}
.hg-3 {
	height: 3px;
}
.hg-4 {
	height: 4px;
}
.hg-5 {
	height: 5px;
}
.hg-6 {
	height: 6px;
}
.hg-7 {
	height: 7px;
}
.hg-8 {
	height: 8px;
}
.hg-9 {
	height: 9px;
}
.hg-10 {
	height: 10px;
}
.hg-11 {
	height: 11px;
}
.hg-12 {
	height: 12px;
}
.hg-13 {
	height: 13px;
}
.hg-14 {
	height: 14px;
}
.hg-15 {
	height: 15px;
}
.hg-16 {
	height: 16px;
}


.hgi-1 {
	height: 1px !important;
}
.hgi-2 {
	height: 2px !important;
}
.hgi-3 {
	height: 3px !important;
}
.hgi-4 {
	height: 4px !important;
}
.hgi-5 {
	height: 5px !important;
}
.hgi-6 {
	height: 6px !important;
}
.hgi-7 {
	height: 7px !important;
}
.hgi-8 {
	height: 8px !important;
}
.hgi-9 {
	height: 9px !important;
}
.hgi-10 {
	height: 10px !important;
}
.hgi-11 {
	height: 11px !important;
}
.hgi-12 {
	height: 12px !important;
}
.hgi-13 {
	height: 13px !important;
}
.hgi-14 {
	height: 14px !important;
}
.hgi-15 {
	height: 15px !important;
}
.hgi-16 {
	height: 16px !important;
}

.hgrem-1 {
	height: 1rem;
}
.hgrem-2 {
	height: 2rem;
}
.hgrem-3 {
	height: 3rem;
}
.hgrem-4 {
	height: 4rem;
}
.hgrem-5 {
	height: 5rem;
}
.hgrem-6 {
	height: 6rem;
}
.hgrem-7 {
	height: 7rem;
}
.hgrem-8 {
	height: 8rem;
}
.hgrem-9 {
	height: 9rem;
}
.hgrem-10 {
	height: 10rem;
}
.hgrem-11 {
	height: 11rem;
}
.hgrem-12 {
	height: 12rem;
}
.hgremi-1 {
	height: 1rem !important;
}
.hgremi-2 {
	height: 2rem !important;
}
.hgremi-3 {
	height: 3rem !important;
}
.hgremi-4 {
	height: 4rem !important;
}
.hgremi-5 {
	height: 5rem !important;
}
.hgremi-6 {
	height: 6rem !important;
}
.hgremi-7 {
	height: 7rem !important;
}
.hgremi-8 {
	height: 8rem !important;
}
.hgremi-9 {
	height: 9rem !important;
}
.hgremi-10 {
	height: 10rem !important;
}
.hgremi-11 {
	height: 11rem !important;
}
.hgremi-12 {
	height: 12rem !important;
}
.hgp-10 {
	height: 10%;
}
.hgp-20 {
	height: 20%;
}
.hgp-30 {
	height: 30%;
}
.hgp-40 {
	height: 40%;
}
.hgp-50 {
	height: 50%;
}
.hgp-60 {
	height: 60%;
}
.hgp-70 {
	height: 70%;
}
.hgp-80 {
	height: 80%;
}
.hgp-90 {
	height: 90%;
}
.hgp-100 {
	height: 100%;
}
.hgpi-10 {
	height: 10% !important;
}
.hgpi-20 {
	height: 20% !important;
}
.hgpi-30 {
	height: 30% !important;
}
.hgpi-40 {
	height: 40% !important;
}
.hgpi-50 {
	height: 50% !important;
}
.hgpi-60 {
	height: 60% !important;
}
.hgpi-70 {
	height: 70% !important;
}
.hgpi-80 {
	height: 80% !important;
}
.hgpi-90 {
	height: 90% !important;
}
.hgpi-100 {
	height: 100% !important;
}
/* 无样式的iframe 一般用于内嵌到页面中*/
.iframe-nostyle {
	border: none;
}
/*
* tapbar组键
*/
.tapbar {
	text-align-last: justify;
}
.tapbar>a {
	text-align-last: center;
	text-align: center;
	display: inline-block;
}
.tapbar>a>i {
	display: block;
	margin: auto;
}
.tapbar>a>span {
	text-align-last: center;
	text-align: center;
}
/* form init end*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.hide {
	display: none;
}
.hidden {
	display: none !important
}
 .seo-hidden {
	 position: absolute;
	 width: 0;
	 height: 0;
	 overflow: hidden;
	 z-index: -9999;
 }
/*  线条  */
.line-index {
	height: 1px;
	background-color:var(--color-index);
}
.line-info {
	height: 1px;
	background-color:var(--color-index);
}
.line-tips {
	height: 1px;
	background-color:#dddddd;
}
.line-subinfo {
	height: 1px;
	background-color:var(--color-index);
}
/**
 * 栅格化铺满的容器
 */
.container-fluid {
	width: 100%;
	padding-right: 0.625em;
	padding-left: 0.625em;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	position: relative;
}
.container {
	padding-right: 0.625em;
	padding-left: 0.625em;
	margin-right: auto;
	margin-left: auto;
	min-height: 1px;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
	width: 100%;
}
@media (min-width: 1200px) {
.container {
	max-width: 1190px;
}
}
@media (min-width: 1680px) {
.container {
	max-width: 1670px;
}
}
/**
    * 宽屏的容器
 */
.container-wide {
	padding-right: 0.625em;
	padding-left: 0.625em;
	margin-right: auto;
	margin-left: auto;
	min-height: 1px;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
}
@media (min-width: 768px) {
.container-wide {
	max-width: 750px;
}
}
@media (min-width: 992px) {
.container-wide {
	max-width: 970px;
}
}
@media (min-width: 1200px) {
.container-wide {
	max-width: 1170px;
}
}
@media (min-width: 1300px) {
.container-wide {
	max-width: 1270px;
}
}
/**
* 窄的容器
 */
.container-narrow {
	padding-right: 15px;
	padding-left: 0.95em;
	margin-right: auto;
	margin-left: auto;
	min-height: 1px;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
}
@media (min-width: 768px) {
.container-narrow {
	max-width: 750px;
}
}
@media (min-width: 992px) {
.container-narrow {
	max-width: 970px;
}
}
/**
* 超级窄的容器
 */
.container-narrow-x {
	padding-right: 0.95em;
	padding-left: 0.95em;
	margin-right: auto;
	margin-left: auto;
	min-height: 1px;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
}
@media (min-width: 768px) {
.container-narrow-x {
	max-width: 750px;
}
}
@media (min-width: 886px) {
.container-narrow-x {
	max-width: 852px;
}
}
/**
	* elelemt width init
*/
.wd-auto {
	width: auto;
}
.wdi-auto {
	width: auto !important;
}
.wdrem-1 {
	width: 1rem;
}
.wdrem-2 {
	width: 2rem;
}
.wdrem-3 {
	width: 3rem;
}
.wdrem-4 {
	width: 4rem;
}
.wdrem-5 {
	width: 5rem;
}
.wdrem-6 {
	width: 6rem;
}
.wdrem-7 {
	width: 7rem;
}
.wdrem-8 {
	width: 8rem;
}
.wdrem-9 {
	width: 9rem;
}
.wdrem-10 {
	width: 10rem;
}
.wdrem-11 {
	width: 11rem;
}
.wdrem-12 {
	width: 12rem;
}
.wdrem-13 {
	width: 13rem;
}
.wdrem-rem14 {
	width: 14rem;
}
.wdrem-15 {
	width: 15rem;
}
.wdrem-16 {
	width: 16rem;
}
.wdremi-1 {
	width: 1rem !important;
}
.wdremi-2 {
	width: 2rem !important;
}
.wdremi-3 {
	width: 3rem !important;
}
.wdremi-4 {
	width: 4rem !important;
}
.wdremi-5 {
	width: 5rem !important;
}
.wdremi-6 {
	width: 6rem !important;
}
.wdremi-7 {
	width: 7rem !important;
}
.wdremi-8 {
	width: 8rem !important;
}
.wdremi-9 {
	width: 9rem !important;
}
.wdremi-10 {
	width: 10rem !important;
}
.wdremi-11 {
	width: 11rem !important;
}
.wdremi-12 {
	width: 12rem !important;
}
.wdremi-13 {
	width: 13rem !important;
}
.wdremi-14 {
	width: 14rem;
}
.wdremi-15 {
	width: 15rem;
}
.wdremi-16 {
	width: 16rem;
}
.wdremp-10 {
	width: 10%;
}
.wdremp-20 {
	width: 20%;
}
.wdremp-30 {
	width: 30%;
}
.wdremp-40 {
	width: 40%;
}
.wdremp-50 {
	width: 50%;
}
.wdremp-60 {
	width: 60%;
}
.wdremp-70 {
	width: 70%;
}
.wdremp-80 {
	width: 80%;
}
.wdremp-90 {
	width: 90%;
}
.wdremp-100 {
	width: 100%;
}
.wdrempi-10 {
	width: 10% !important;
}
.wdrempi-20 {
	width: 20% !important;
}
.wdrempi-30 {
	width: 30% !important;
}
.wdrempi-40 {
	width: 40% !important;
}
.wdrempi-50 {
	width: 50% !important;
}
.wdrempi-60 {
	width: 60% !important;
}
.wdrempi-70 {
	width: 70% !important;
}
.wdrempi-80 {
	width: 80% !important;
}
.wdrempi-90 {
	width: 90% !important;
}
.wdrempi-100 {
	width: 100% !important;
}
/**
	* element height init
*/
.hgrem-1 {
	height: 1rem;
}
.hgrem-2 {
	height: 2rem;
}
.hgrem-3 {
	height: 3rem;
}
.hgrem-4 {
	height: 4rem;
}
.hgrem-5 {
	height: 5rem;
}
.hgrem-6 {
	height: 6rem;
}
.hgrem-7 {
	height: 7rem;
}
.hgrem-8 {
	height: 8rem;
}
.hgrem-9 {
	height: 9rem;
}
.hgrem-10 {
	height: 10rem;
}
.hgrem-11 {
	height: 11rem;
}
.hgrem-12 {
	height: 12rem;
}
.hgrem-13 {
	height: 13rem;
}
.hgrem-14 {
	height: 14rem;
}
.hgrem-15 {
	height: 15rem;
}
.hgrem-16 {
	height: 16rem;
}
.hgremp-10 {
	height: 10%;
}
.hgremp-20 {
	height: 20%;
}
.hgremp-30 {
	height: 30%;
}
.hgremp-40 {
	height: 40%;
}
.hgremp-50 {
	height: 50%;
}
.hgremp-60 {
	height: 60%;
}
.hgremp-70 {
	height: 70%;
}
.hgremp-80 {
	height: 80%;
}
.hgremp-90 {
	height: 90%;
}
.hgremp-100 {
	height: 100%;
}
/*字体常规项*/
.font-0 {
	font-size: 0;
}
.font-1 {
	font-size: 0.5rem;
}
.font-2 {
	font-size: 0.67rem;
}
.font-3 {
	font-size: 0.83rem;
}
.font-4 {
	font-size: 1rem;
}
.font-5 {
	font-size: 1.125rem;
}
.font-6 {
	font-size: 1.25rem;
}
.font-7 {
	font-size: 1.375rem;
}
.font-8 {
	font-size: 1.5rem;
}
.font-9 {
	font-size: 1.625rem;
}
.font-10 {
	font-size: 1.75rem;
}
.font-11 {
	font-size: 1.875rem;
}
.font-12 {
	font-size: 2rem;
}
.fonti-0 {
	font-size: 0 !important;
}
.fonti-1 {
	font-size: 0.5rem !important;
}
.fonti-2 {
	font-size: 0.67rem !important;;
}
.fonti-3 {
	font-size: 0.83rem !important;;
}
.fonti-4 {
	font-size: 1rem !important;;
}
.fonti-5 {
	font-size: 1.125rem !important;;
}
.fonti-6 {
	font-size: 1.25rem !important;;
}
.fonti-7 {
	font-size: 1.375rem !important;;
}
.fonti-8 {
	font-size: 1.5rem !important;;
}
.fonti-9 {
	font-size: 1.625rem !important;;
}
.fonti-10 {
	font-size: 1.75rem !important;;
}
.fonti-11 {
	font-size: 1.875rem !important;;
}
.fonti-12 {
	font-size: 2rem !important;;
}

.fontem-1 {
	font-size: 0.5em;
}
.fontem-2 {
	font-size: 0.67em;
}
.fontem-3 {
	font-size: 0.83em;
}
.fontem-4 {
	font-size: 1em;
}
.fontem-5 {
	font-size: 1.125em;
}
.fontem-6 {
	font-size: 1.25em;
}
.fontem-7 {
	font-size: 1.375em;
}
.fontem-8 {
	font-size: 1.5em;
}
.fontem-9 {
	font-size: 1.625em;
}
.fontem-10 {
	font-size: 1.75em;
}
.fontem-11 {
	font-size: 1.875em;
}
.fontem-12 {
	font-size: 2em;
}
.fontemi-1 {
	font-size: 0.5em !important;
}
.fontemi-2 {
	font-size: 0.67em !important;
}
.fontemi-3 {
	font-size: 0.83em !important;
}
.fontemi-4 {
	font-size: 1em !important;
}
.fontemi-5 {
	font-size: 1.125em !important;
}
.fontemi-6 {
	font-size: 1.25em !important;
}
.fontemi-7 {
	font-size: 1.375em !important;
}
.fontemi-8 {
	font-size: 1.5em !important;
}
.fontemi-9 {
	font-size: 1.625em !important;
}
.fontemi-10 {
	font-size: 1.75em !important;
}
.fontemi-11 {
	font-size: 1.875em !important;
}
.fontemi-12 {
	font-size: 2em !important;
}
.fontrem-1 {
	font-size: 1rem;
}
.fontrem-2 {
	font-size: 2rem;
}
.fontrem-3 {
	font-size: 3rem;
}
.fontrem-4 {
	font-size: 4rem;
}
.fontrem-5 {
	font-size: 5rem;
}
.fontrem-6 {
	font-size: 6rem;
}
.fontrem-7 {
	font-size: 7rem;
}
.fontrem-8 {
	font-size: 8rem;
}
.fontrem-9 {
	font-size: 9rem;
}
.fontrem-10 {
	font-size: 10rem;
}
.fontremi-1 {
	font-size: 1rem !important;
}
.fontremi-2 {
	font-size: 2rem !important;
}
.fontremi-3 {
	font-size: 3rem !important;
}
.fontremi-4 {
	font-size: 4rem !important;
}
.fontremi-5 {
	font-size: 5rem !important;
}
.fontremi-6 {
	font-size: 6rem !important;
}
.fontremi-7 {
	font-size: 7rem !important;
}
.fontremi-8 {
	font-size: 8rem !important;
}
.fontremi-9 {
	font-size: 9rem !important;
}
.fontremi-10 {
	font-size: 10rem !important;
}
/* 
	*CSS Document
	* 关于text,font...
*/
.text-ch {
	align-items: center;
	align-content: center;
}
.text-lg {
	font-size: larger;
}
.text-xl {
	font-size: x-large;
}
.text-l {
	text-align: left !important;
	text-align-last: left !important;
}
.text-r {
	text-align: right !important;
}
.text-t {
	align-items: flex-start;
	align-content: flex-start;
}
.text-b {
	align-items: flex-end;
	align-content: flex-end;
}
.text-j {
	text-align: justify;
	text-align-last: justify;
	justify-content: space-around;
}
.text-c {
	text-align: center;
	/*justify-items: center;*/
	align-items: center;
	align-content: center;
	text-align: center;
	justify-content: center;
}
.text-hc {
	align-items: center;
	align-content: center;
}
.text-vc {
}
.text-line1 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.text-line2 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text-line3 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.text-line4 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.text-line5 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.text-line6 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.text-line7 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
}
.text-line8 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
}
.text-line9 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
	overflow: hidden;
}
.text-line10 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}
.text-1 {
	display: block;
	font-size: 2em;
	font-weight: bold;
}
.text-2 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
}
.text-3 {
	display: block;
	font-size: 1.17em;
	font-weight: bold;
}
.text-4 {
	display: block;
	font-weight: bold;
}
.text-5 {
	font-size: 0.83em;
	font-weight: bold;
}
.text-6 {
	font-size: 0.67em;
	font-weight: bold;
}
summary.text-line1 {
	white-space: nowrap;
}

/**
	* 基础的透明度的控制
 */
.opacity-1 {
	opacity: 0.1;
}
.opacity-2 {
	opacity: 0.2;
}
.opacity-3 {
	opacity: 0.3;
}
.opacity-4 {
	opacity: 0.4;
}
.opacity-5 {
	opacity: 0.5;
}
.opacity-6 {
	opacity: 0.6;
}
.opacity-7 {
	opacity: 0.7;
}
.opacity-8 {
	opacity: 0.8;
}
.opacity-9 {
	opacity: 0.9;
}
.opacity {
	opacity: 1;
}

.border-none {
	border: none;
}
.borderi-none {
	border: none !important;
}
 /** 关于基础模块数据的加载 */
/* CSS Document */
/* table */

.table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-color: var(--color-border);
}
.table tr:hover, .table tr:active, .table tr.hover, .table tr.active {
	background-color: var(--light);
}



.table.table-textl {
	text-align: left;
}
.table .table-controller {
}
.table .table-controller .btn {
	margin-left: 0.25em;
}
.table .table-controller .btn:first-child {
	margin-left: 0em;
}
.table.table-large {
	font-size: large;
}
.table.table-larger {
	font-size: larger;
}
.table.table-small {
	font-size: small;
}
.table.table-smaller {
	font-size: smaller;
}
.table ul.table-pager {
	padding-left: 0;
	margin: 0 auto;
}
.table ul.table-pager li {
	display: inline-block;
}
.table ul.table-pager a {
}

.table.table-simple th{
	padding: 1em 0.8em;
	color: #666;
	font-weight: 500;
	border-bottom: 1px solid #f1f1f1;
	text-align: left;
}
.table.table-simple td{
	 padding: 1em 0.8em;
	 border-bottom: 1px solid #f9fafb;
	 vertical-align: middle;
 }
.table.table-simple tbody tr:active
,.table.table-simple tbody tr:hover
,.table.table-simple tbody tr:focus
,.table.table-simple tbody tr:focus-within{
	background: #f9fafb;
}

.table.table-toggle {
	width: 100%;
	border: 1px solid #dadada;
}
.table.table-toggle tr {
}
.table.table-toggle th {
	padding: 0.25em;
	border-left: 1px solid red;
	border-left: 1px solid var(--color-border);
	background-color: #519;
	background-color: var(--color-index);
	color: #fff;
}
.table.table-toggle th:first-child {
}
.table.table-toggle td {
	color: #222222;
	border-top-color: rgb(255, 255, 255);
	border-right-color: rgb(219, 219, 219);
	border-bottom-color: rgb(243, 243, 243);
	border-left-color: rgb(219, 219, 219);
	padding: 0.25em;
	border-left: 1px solid red;
	border-left: 1px solid var(--color-border);
}
.table.table-toggle td a {
}
.table.table-toggle tr:nth-child(2n) {
}
.table.table-toggle tr:nth-child(2n+1) {
}
.table.table-toggle tr:nth-child(2n) td {
	background-color: #fbfbfb;
}
.table.table-toggle tr:nth-child(2n+1) td {
	background-color: #fff;
}
.table.table-toggle tr:first-child {
}
.table.table-toggle tr:last-child {
}
.table.table-toggle tr:hover, .table.table-toggle tr:active, .table.table-toggle tr.hover, .table.table-toggle tr.active {
}
.table.table-toggle tr:hover td, .table.table-toggle tr:active td, .table.table-toggle tr.hover td, .table.table-toggle tr.active td {
	background-color: #e6e6e6;
}
.table.table-toggle ul.table-pager {
	padding-left: 0;
	margin: 0 auto;
}
.table.table-toggle ul.table-pager li {
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
}
.table.table-toggle ul.table-pager a {
	text-decoration: none;
	color: var(--color-index);
	padding-left: 4px;
	padding-right: 4px;
}
.table.table-toggle ul.table-pager li.hover, .table.table-toggle ul.table-pager li.active {
}
.table.table-toggle ul.table-pager li.hover a, .table.table-toggle ul.table-pager li.active a {
	color: var(--color-reindex);
}
/* 关于自动宽度的表格信息 - stretch */
.table.table-stretch {
	width: max-content !important;
	border: 1px solid #dadada;
}
.table.table-stretch tr {
}
.table.table-stretch>thead {
	background-color: #dfdfdf;
	color: #393939;
}
.table.table-stretch th {
	padding: 0.5em 0.5em;
}
.table.table-stretch th:first-child {
}
.table.table-stretch td {
	color: #222222;
	border-top-color: rgb(255, 255, 255);
	border-right-color: rgb(219, 219, 219);
	border-bottom-color: rgb(243, 243, 243);
	border-left-color: rgb(219, 219, 219);
	padding-top: 5px;
	padding-bottom: 5px;
}
.table.table-stretch td a {
}
.table.table-stretch tr:nth-child(2n) {
}
.table.table-stretch tr:nth-child(2n+1) {
}
.table.table-stretch tr:nth-child(2n) td {
	background-color: #fbfbfb;
	box-shadow: inset 0px 0px 1px #e5e5e5;
}
.table.table-stretch tr:nth-child(2n+1) td {
	background-color: #fff;
}
.table.table-stretch tr:first-child {
}
.table.table-stretch tr:last-child {
}
.table.table-stretch tr:hover, .table.table-stretch tr:active, .table.table-stretch tr.hover, .table.table-stretch tr.active {
}
.table.table-stretch tr:hover td, .table.table-stretch tr:active td, .table.table-stretch tr.hover td, .table.table-stretch tr.active td {
	background-color: #e6e6e6;
}
.table.table-stretch ul.table-pager {
	padding-left: 0;
	margin: 0 auto;
}
.table.table-stretch ul.table-pager li {
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
}
.table.table-stretch ul.table-pager a {
	text-decoration: none;
	color: var(--color-index);
	padding-left: 4px;
	padding-right: 4px;
}
.table.table-stretch ul.table-pager li.hover, .table.table-stretch ul.table-pager li.active {
}
.table.table-stretch ul.table-pager li.hover a, .table.table-stretch ul.table-pager li.active a {
	color: var(--color-reindex);
}
.table.table-sticky {
	position: relative;
}
.table.table-sticky .th-sticky {
	position: sticky;
	right: 0;
	background-color: var(--color-index);
}
.table .td-sticky {
	position: sticky;
	right: 0;
}
.table-kuoqiui-head {
	display: flex;
	width: 100%;
	font-size: 1em;
	position: relative;
}
.table.table-kuoqiui th {
	padding: 0.25em;
	border-left: 1px solid;
}
.table.table-kuoqiui th:firsh-child {
 border-left: none;
}
.table-kuoqiui-headbox {
	word-break: break-all;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	flex: auto;
}
.table-kuoqiui-headicon {
	position: relative;
	right: 0;
	top: 0;
	cursor: pointer;
}
.table-kuoqiui-headempty {
	flex: auto;
}
.table-kuoqiui-pager-li {
	border: 1px solid #dedede;
	border-color: var(--color-index);
	color: var(--color-index);
	margin: auto;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	padding: 0 0.5rem;
	min-width: 1rem;
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	display: inline-block;
	background-color: #fff;
}
.table-kuoqiui-checkbox {
	width: 16px;
}
.table-kuoqiui-checkbox .form-label.label-simple {
	padding: 0;
	margin: 0;
	line-height: 1rem;
	height: 1rem;
}
.table-kuoqiui-pager-li.active, .table-kuoqiui-pager-li:active, .table-kuoqiui-pager-li:hover, .table-kuoqiui-pager-li.hover {
	background-color: var(--color-index);
	color: #fff;
}
.table-kuoqiui-sort {
	position: absolute;
	border: 1px solid var(--color-index);
	background-color: #ffffff;
	color: var(--color-index);
	box-shadow: 4px 4px 4px;
	padding: 0.5rem 1rem;
	right: 0;
	z-index: 1;
	width: max-content;
	font-weight: normal;
	font-size: small;
}
.table-kuoqiui-sortasc {
}
.table-kuoqiui-sortdesc {
}
.table-kuoqiui-sortnone {
}
.table-kuoqiui-sort div:hover {
	background-color: var(--color-index);
	color: #fff;
}
.table-kuoqiui-sort div:hover span {
}
.table tr td {
	word-break: break-all;
}
.table tr.tr-green td {
}
.table tr.tr-green:nth-child(2n) td {
	background-color: #82df86;
}
.table.border-none {
	border: none;
}
table .border-print, .table .border-print {
	border: 1px solid gray;
}
table .border-print-top, .table .border-print-top {
	border-top: 1px solid gray;
}
table .border-print-right, .table .border-print-right {
	border-right: 1px solid gray;
}
table .border-print-bottom, .table .border-print-bottom {
	border-bottom: 1px solid gray;
}
table .border-print-left, .table .border-print-left {
	border-left: 1px solid gray;
}
table td.border-print-flexrow, .table td.border-print-flexrow {
}
table td.border-print-flexrow .row-flex, .table td.border-print-flexrow .row-flex {
	border-top: 1px solid gray;
}
table td.border-print-flexrow .row-flex:first-child, .table td.border-print-flexrow .row-flex:first-child {
	border-top: unset;
}
table td.border-print-flexrow .row-flex>div, .table td.border-print-flexrow .row-flex>div {
	border-left: 1px solid gray;
}
table td.border-print-flexrow .row-flex>div:first-child, .table td.border-print-flexrow .row-flex>div:first-child {
	border-left: unset;
}
table.table-print, .table.table-print {
	border: unset;
	color-adjust: exact;
	-webkit-print-color-adjust: exact;
	page-break-inside: avoid;
}
table.table-print .table-inner, .table.table-print .table-inner {
	border: unset;
}
.table.table-print tr {
	page-break-inside: avoid;
	break-inside: avoid-page;
	border-bottom: 1px solid;
}
.table.table-print th{
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.table.table-print td {
	border-right: 1px solid;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.table.table-print tr:first-child {
	border-bottom: 1px solid;
	border-top: 1px solid;
}
.table.table-print td:first-child {
	border-right: 1px solid;
	border-left: 1px solid;
}
.table.table-print .border-none {
	border: none !important;
}

.table.table-print.border-none{
	border:none;
}
.table.table-print.border-none tr
{
	border:none;
}
.table.table-print.border-none td {
	border:none;
}



.table.table-line {
}
.table.table-line th {
	background-color: #dfdfdf;
	background-color: var(--color-index);
}
.table.table-line tr {
	border-top: 1px solid #e6e6e6;
}
.table.table-line tr:first-child {
	border-top: unset;
}
.table.table-line tr:hover td, .table.table-line tr:active td, .table.table-line tr.hover td, .table.table-line tr.active td {
	background-color: #fbfbfb;
}
.table.table-line td {
}
 
/* 
	*CSS Document
	* 关于图标模块
*/
@font-face {
	font-family: 'kuoqi';
	src: url('./fonts/kuoqi-Regular.eot'); /* IE9 Compat Modes */
	src: url('./fonts/kuoqi-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/kuoqi-Regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/kuoqi-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	font-display: swap;
}
.icon {
    position: relative;
    font-style: normal;
}
.icon:before {
	font-family: kuoqi;
	content: "";
}
.icon.icon-weight{
	font-weight:bold;	
}
.icon.icon-bottom{
	
}
.icon.icon-bottom:before {
	
}


/* 内容物*/
.icon.icon-logo:before {
	content: "\F6519";
}
.icon.icon-add:before {
	content: "\F6520";
}
.icon.icon-edit:before {
	content: "\F6521";
}
.icon.icon-cancel:before {
	content: "\F6522";
}
.icon.icon-scan:before {
	content: "\F6523";
}
.icon.icon-arrowup:before {
	content: "\F6524";
}
.icon.icon-arrowright:before {
	content: "\F6525";
}
.icon.icon-arrowdown:before {
	content: "\F6526";
}
.icon.icon-arrowleft:before {
	content: "\F6527";
}
.icon.icon-arrowdoubleright:before {
	content: "\F6528";
}
.icon.icon-arrowdoubleleft:before {
	content: "\F6529";
}
.icon.icon-email:before {
	content: "\F6530";
}
.icon.icon-setting:before {
	content: "\F6531";
}
.icon.icon-search:before {
	content: "\F6532";
}
.icon.icon-imgartic:before {
	content: "\F6533";
}
.icon.icon-admin-role:before {
	content: "\F6534";
}
.icon.icon-lock:before {
	content: "\F6535";
}
.icon.icon-menu:before {
	content: "\F6536";
}
.icon.icon-img:before {
	content: "\F6537";
}
.icon.icon-imgs:before {
	content: "\F6538";
}
.icon.icon-personal:before {
	content: "\F6539";
}
.icon.icon-collect:before {
	content: "\F6540";
}
.icon.icon-collect-full:before {
	content: "\F6541";
}
.icon.icon-hot:before {
	content: "\F6542";
}
.icon.icon-more-a:before {
	content: "\F6543";
}
.icon.icon-more-b:before {
	content: "\F6544";
}
.icon.icon-warn:before {
	content: "\F6545";
}
.icon.icon-empty:before {
	content: "\F6546";
}
.icon.icon-refresh:before {
	content: "\F6547";
}
.icon.icon-back:before {
	content: "\F6548";
}
.icon.icon-recycle:before {
	content: "\F6549";
}
.icon.icon-location:before {
	content: "\F6550";
}
.icon.icon-date:before {
	content: "\F6551";
}
.icon.icon-time:before {
	content: "\F6552";
}
.icon.icon-folder:before {
	content: "\F6553";
}
.icon.icon-folderopen:before {
	content: "\F6554";
}
.icon.icon-fileempty:before {
	content: "\F6555";
}
.icon.icon-filetext:before {
	content: "\F6556";
}
.icon.icon-loading:before {
	content: "\F6557";
	animation: icon-loading 2.5s infinite cubic-bezier(1, 1, 0, 0);
}
.icon.icon-sort:before {
	content: "\F6558";
}
.icon.icon-scanqrcode:before {
	content: "\F6559";
}
.icon.icon-qrcode:before {
	content: "\F6560";
}
.icon.icon-credit:before {
	content: "\F6561";
}
.icon.icon-vip:before {
	content: "\F6562";
}
.icon.icon-integral:before {
	content: "\F6563";
}
.icon.icon-wallet:before {
	content: "\F6564";
}
.icon.icon-submenu:before {
	content: "\F6565";
}
.icon.icon-btnselect:before {
	content: "\F6566";
}
.icon.icon-btnselected:before {
	content: "\F6567";
}
.icon.icon-shopcar:before {
	content: "\F6568";
}
.icon.icon-boxadd:before {
	content: "\F6569";
}
.icon.icon-boxdel:before {
	content: "\F6570";
}
.icon.icon-del:before {
	content: "\F6571";
}
.icon.icon-orderall:before {
	content: "\F6572";
}
.icon.icon-ordercancel:before {
	content: "\F6573";
}
.icon.icon-orderend:before {
	content: "\F6574";
}
.icon.icon-ordermanage:before {
	content: "\F6575";
}
.icon.icon-orderneedpay:before {
	content: "\F6576";
}
.icon.icon-shopmall:before {
	content: "\F6577";
}
.icon.icon-home:before {
	content: "\F6700";
}
.icon.icon-person:before {
	content: "\F6701";
}
.icon.icon-person-stalker:before {
	content: "\F6702";
}
.icon.icon-help:before {
	content: "\F6703";
}
.icon.icon-msg:before {
	content: "\F6704";
}
.icon.icon-msghad:before {
	content: "\F6705";
}
.icon.icon-circle-yes:before {
	content: "\F6706";
}
.icon.icon-circle-err:before {
	content: "\F6707";
}
.icon.icon-inreview:before {
	content: "\F6708";
}
.icon.icon-medianext:before {
	content: "\F6800";
}
.icon.icon-mediapause:before {
	content: "\F6801";
}
.icon.icon-mediastop:before {
	content: "\F6802";
}
.icon.icon-mediaplay:before {
	content: "\F6803";
}
.icon.icon-mediaprev:before {
	content: "\F6804";
}
.icon.icon-mediavoice:before {
	content: "\F6805";
}
.icon.icon-mediafullscreen:before {
	content: "\F6806";
}
.icon.icon-mediaquitfull:before {
	content: "\F6807";
}
.icon.icon-iconalipay:before {
	content: "\F6808";
}
.icon.icon-iconfeishu:before {
	content: "\F6809";
}
.icon.icon-icontaobao:before {
	content: "\F6810";
}
.icon.icon-langcn:before {
	content: "\F6811";
}
.icon.icon-langen:before {
	content: "\F6812";
}
.icon.icon-linev:before {
	content: "\F6813";
}
.icon.icon-authvip:before {
	content: "\F6814";
}
.icon.icon-vipcard:before {
	content: "\F6815";
}
.icon.icon-vip0:before {
	content: "\F6816";
}
.icon.icon-vip1:before {
	content: "\F6817";
}
.icon.icon-vip2:before {
	content: "\F6818";
}
.icon.icon-vip3:before {
	content: "\F6819";
}
.icon.icon-vip4:before {
	content: "\F6820";
}
.icon.icon-vip5:before {
	content: "\F6821";
}
.icon.icon-vip6:before {
	content: "\F6822";
}
.icon.icon-vip7:before {
	content: "\F6823";
}
.icon.icon-vip8:before {
	content: "\F6824";
}
.icon.icon-vip9:before {
	content: "\F6825";
}
.icon.icon-process0:before {
	content: "\F6826";
}
.icon.icon-process1:before {
	content: "\F6827";
}
.icon.icon-process2:before {
	content: "\F6828";
}
.icon.icon-process3:before {
	content: "\F6829";
}
.icon.icon-process4:before {
	content: "\F6830";
}
.icon.icon-process5:before {
	content: "\F6831";
}
.icon.icon-process6:before {
	content: "\F6832";
}
.icon.icon-process7:before {
	content: "\F6833";
}
.icon.icon-process8:before {
	content: "\F6834";
}
.icon.icon-weibo:before {
	content: "\F6835";
}
.icon.icon-weixin:before {
	content: "\F6836";
}
.icon.icon-triangle:before {
	content: "\F6837";
}
.icon.icon-rank:before {
	content: "\F6838";
}
.icon.icon-exchange:before {
	content: "\F6839";
}
.icon.icon-note:before {
	content: "\F6840";
}
.icon.icon-perform:before {
	content: "\F6841";
}
.icon.icon-entry:before {
	content: "\F6842";
}
.icon.icon-depart:before {
	content: "\F6843";
}
.icon.icon-half:before {
	content: "\F6844";
}
.icon.icon-share:before {
	content: "\F6845";
}
.icon.icon-voicefull:before {
	content: "\F6846";
}
.icon.icon-voicenone:before {
	content: "\F6847";
}
.icon.icon-mic:before {
	content: "\F6848";
}
.icon.icon-music:before {
	content: "\F6849";
}
.icon.icon-screenchange:before {
	content: "\F6850";
}
.icon.icon-catering:before {
	content: "\F6851";
}
.icon.icon-ticket:before {
	content: "\F6852";
}
.icon.icon-earth:before {
	content: "\F6853";
}
.icon.icon-map:before {
	content: "\F6854";
}
.icon.icon-mobile:before {
	content: "\F6855";
}
.icon.icon-pc:before {
	content: "\F6856";
}
.icon.icon-pb:before {
	content: "\F6857";
}
.icon.icon-nologo:before {
	content: "\F6858";
}
.icon.icon-notice:before {
	content: "\F6859";
}
.icon.icon-ticket-1:before {
	content: "\F6860";
}
.icon.icon-daodian:before {
	content: "\F6861";
}
.icon.icon-peisong:before {
	content: "\F6862";
}
.icon.icon-debug:before {
	content: "\F6999";
}
@keyframes icon-loading {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(180deg);
}
}
@-webkit-keyframes icon-loading {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(180deg);
}
}
/** 关于图标模块的加载 */
/* 
	*CSS Document
	* 关于图标模块
*/

.fill-index {background-color: #519; background-color: var(--color-index); -webkit-print-color-adjust: exact;background-image: linear-gradient(164deg, var(--color-index), #ffffff4d);}
.fill-index:hover{
	background-image: linear-gradient(135deg, var(--color-index), #ffffff4d);
}
.fill-subindex { background-color: var(--color-sub-index); -webkit-print-color-adjust: exact;}

.fill-info { background-color: var(--color-sub-index); -webkit-print-color-adjust: exact;}
.fill-subinfo { background-color: var(--color-sub-index); -webkit-print-color-adjust: exact;}
.fill-add { background-color: #21abe0; -webkit-print-color-adjust: exact;}
.fill-edit { background-color: #4caf50; -webkit-print-color-adjust: exact;}
.fill-del { background-color: #d76f4f; -webkit-print-color-adjust: exact;}
.fill-success { background-color: #43A047; -webkit-print-color-adjust: exact;}
.fill-error { background-color: #F44336; -webkit-print-color-adjust: exact;}
.fill-failed { background-color: #adadad; -webkit-print-color-adjust: exact;}
.fill-warning { background-color: #f0ad4e; -webkit-print-color-adjust: exact;}
.fill-ask { background-color: #f9f91e; -webkit-print-color-adjust: exact;}
.fill-white { background-color: #fff; -webkit-print-color-adjust: exact;}
.fill-red { background-color: red; -webkit-print-color-adjust: exact;}
.fill-green { background-color: green; -webkit-print-color-adjust: exact;}
.fill-gray { background-color: #dedede; -webkit-print-color-adjust: exact;}
.fill-blue { background-color: blue; -webkit-print-color-adjust: exact;}
.fill-black { background-color: black; -webkit-print-color-adjust: exact;}
.fill-tips { background-color: #f9fafb; -webkit-print-color-adjust: exact;}
.fill-line { height: 1px; background-color: #dedede; -webkit-print-color-adjust: exact;}
.filli-index { background-color: var(--color-index) !important; -webkit-print-color-adjust: exact;}
.filli-info { background-color: var(--color-index) !important; -webkit-print-color-adjust: exact;}
.filli-subinfo { background-color: var(--color-sub-index) !important; -webkit-print-color-adjust: exact;}
.filli-add { background-color: #21abe0 !important; -webkit-print-color-adjust: exact;}
.filli-edit { background-color: #4caf50 !important; -webkit-print-color-adjust: exact;}
.filli-del { background-color: #d76f4f !important; -webkit-print-color-adjust: exact;}
.filli-success { background-color: #43A047 !important; -webkit-print-color-adjust: exact;}
.filli-error { background-color: #F44336 !important; -webkit-print-color-adjust: exact;}
.filli-failed { background-color: #adadad !important; -webkit-print-color-adjust: exact;}
.filli-warning { background-color: #f0ad4e !important; -webkit-print-color-adjust: exact;}
.filli-ask { background-color: #f9f91e !important; -webkit-print-color-adjust: exact;}
.filli-white { background-color: #fff !important; -webkit-print-color-adjust: exact;}
.filli-red { background-color: red !important; -webkit-print-color-adjust: exact;}
.filli-green { background-color: green !important; -webkit-print-color-adjust: exact;}
.filli-blue { background-color: blue !important; -webkit-print-color-adjust: exact;}
.filli-black { background-color: black !important; -webkit-print-color-adjust: exact;}
.filli-tips { background-color: #f1f1f1 !important; -webkit-print-color-adjust: exact;}
.filli-line { height: 1px; background-color: #dedede !important; -webkit-print-color-adjust: exact;}

.fill-none{
	background:none;		
}
.filli-none{
	background:none !important;	
}

/** 关于填充模块的信息 */
/* 
	*CSS Document
	* 关于标签模块
*/
.label {
	display: inline-block;
	padding: 0.25em 0.5em;
	background-color: #0000;
	border: none;
	outline: none;
	text-decoration: none;
	color: inherit;
	word-break: break-all;
	vertical-align: bottom;
	font-size: 1rem;
	font-weight: inherit;
}
.label.init{
	font-size: initial;
}
.label.label-contents{ display: contents;}
.label.label-block{ display:block;}
.label.label-inblock{ display:inline-block;}
.label.label-inline{display:inline;}
.label.active,
.label.hover,
.label:active,
.label:hover { opacity: 1; transition: 0.5s; }
.label.label-btn{ cursor: pointer;}
.label.label-normal { font-size: 16px; line-height: normal; }
.label.label-small { font-size: small; }
.label.label-smaller { font-size: x-small; }
.label.label-large { font-size: larger; }
.label.label-larger { font-size: x-large; }
.label.label-delete { text-decoration: line-through; }
.label.label-weight { font-weight: bold; }
.label.label-weighter { font-weight: bolder; }
.label.label-text { color:#555555; }
.label.label-underline{text-decoration: underline;}
.label.label-pre{white-space: pre;}
.label.label-h1 {font-size: 2em;}
.label.label-h2 {font-size: 1.5em;}
.label.label-h3 {font-size: 1.17em;}
.label.label-h4 {}
.label.label-h5 {font-size: 0.83em;}
.label.label-h6 {font-size: 0.67em;}

/*color*/
.label.label-main{color:var(--color-font);}
.label.label-index { color: var(--color-index); }
.label.label-subindex { color: var(--color-sub-index); }
.label.label-black { color: black; }
.label.label-conts { color: #666; }
.label.label-href { cursor: pointer; text-decoration: underline;    text-underline-offset: 0.25em; }
.label.label-href:active,
.label.label-href:hover,
.label.label-href.active,
.label.label-href.hover { text-decoration: underline; transition: 0.5s; }
.label.label-info { color: #3a3a3a; }
.label.label-limit { display: inline-block; height: 100%; background-color:#dedede; padding: 0; width: 1px; }
.label.label-main { color: var(--color-main); }
.label.label-subtit { font-weight: bold; padding: 0; }
.label.label-tips { color: #999; }
.label.label-title { font-size: larger; font-weight: bold; }
.label.label-warning { color: #f0ad4e; }
.label.label-white { color: white; }
.label.label-red { color: #f9001e; }
.label.label-orange {color: #ff8500;}
.label.label-yellow {color: #fff100;}
.label.label-green {color: #00a218;}
.label.label-cyan { color: cyan; }
.label.label-blue {color: #024cb9;}
.label.label-purple {color: #a30598;}
/* base */
.label.label-add { color: #3b93c4; }
.label.label-ask { color: #f0ad4e; }
.label.label-del { color: #e14f45; }
.label.label-edit { color: #4a53a8; }
.label.label-login { color: var(--color-index); }
.label.label-quit { color: #787878; }
.label.label-save { color: #60008b; }
.label.label-submit { color: var(--color-index); filter: hue-rotate(120deg); }
.label.label-error { color: #F44336; }
.label.label-success { color: #43A047; }
.label.label-failed { color: #393939; }
.label.label-canclick{
	cursor: pointer;	
}

/*
	label-shadow
*/
.label.label-shadow{ text-shadow: 0 0 3px #ffffff4d;}

.label.label-shadow.label-black{ text-shadow: 0 0 3px #0000004d;}

/** 关于label模块的信息 */
/* 
	*CSS Document
	* 关于按钮相关
*/
.btn {
	-webkit-appearance: button;
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	color: inherit;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0;
	text-shadow: none;
	text-align: center;
	align-items: flex-start;
	background-color: buttonface;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #dedede;
	list-style-type: none;
	text-decoration: none;
	border-radius: 0.5rem;
	cursor: pointer;
	display: inline-block;
	vertical-align: bottom;
	outline-color: var(--color-index);
	-webkit-print-color-adjust: exact;
	padding: 0.375rem 0.75rem;
}

.btn.btn-circle{
	border-radius: 100rem;
}

.btn:active, .btn.active, .btn:hover, .btn.hover {
	transition: 0.202s;
	box-shadow: 0 1px 3px;
	transform: translateY(-1px);
}
.btn.btn-normal {
	padding: 2px 10px;
	font-size: 16px;
}
.btn.btn-small {
	font-size: smaller;
	padding: 0.125rem 0.475rem;
}
.btn.btn-smaller {
	font-size: x-small;
	padding: 1px 6px 2px;
}
.btn.btn-large {
	font-size: larger;
}
.btn.btn-larger {
	font-size: x-large;
}
.btn.btn-weight {
	font-weight: bold;
}
.btn.btn-weighter {
	font-weight: bolder;
}
.btn.btn-main{
	color:var(--color-font);	
}
.btn.btn-main-hollow{
	background-color:var(--color-font);		
}
.btn.btn-hollow {
	background-color: unset;
}
.btn.btn-white.btn-hollow {
	color:#fff;
}
.btn.btn-label {
	display: inline-block;
	padding: 2px 2px;
	background-color: unset;
	border: none;
	outline: none;
	transition: 0.5s;
	text-decoration: none;
	color: initial;
}
.btn.btn-login {
	background-color: var(--color-index);
	color: #fff;
	border-color: var(--color-index);
}
.btn.btn-login-hollow {
	color: var(--color-index);
	border-color: var(--color-index);
	background-color: unset;
}
.btn.btn-quit {
	color: #fff;
	background-color: #787878;
	border-color: #787878;
}
.btn.btn-quit-hollow {
	color: #787878;
	border-color: #787878;
	background-color: unset;
}
.btn.btn-add {
	color: #fff;
	background-color: var(--color-index);
	border-color: var(--color-index);
	filter: hue-rotate(90deg);
}
.btn.btn-add-hollow {
	background-color: unset;
	border-color: var(--color-index);
	color: var(--color-index);
	filter: hue-rotate(90deg);
}
.btn.btn-del {
	color: #ffffff;
	background-color: var(--color-index);
	border-color: var(--color-index);
	filter: hue-rotate(270deg);
}
.btn.btn-del-hollow {
	background-color: unset;
	border-color: var(--color-index);
	color: var(--color-index);
	filter: hue-rotate(270deg);
}
.btn.btn-edit {
	text-decoration: none;
	color: #ffffff;
	border-color: var(--color-index);
	background-color: var(--color-index);
	filter: hue-rotate(180deg);
}
.btn.btn-edit-hollow {
	background-color: unset;
	border-color: var(--color-index);
	color: var(--color-index);
	filter: hue-rotate(180deg);
}
/*--vbase--*/
.btn.btn-ask {
	background-color: #f0ad4e;
	color: #fff;
	border-color: #f0ad4e;
}
.btn.btn-ask-hollow {
	color: #f0ad4e;
	border-color: #f0ad4e;background-color: unset;
}
.btn.btn-black {
	background-color: black;
	color: #fff;
	border-color: black;
}
.btn.btn-black-hollow {
	color: black;
	border-color: black;background-color: unset;
}
.btn.btn-blue {
	color: #ffffff;
	border-color: #2945ff;
	background-color: #2945ff;
}
.btn.btn-blue-hollow {
	color: #2945ff;
	border-color: #2945ff;
	background:inherit unset;
}
.btn.btn-error {
	color: #fff;
	border-color: #F44336;
	background-color: #F44336;
}
.btn.btn-error-hollow {
	background-color: unset;
	color: #F44336;
	border-color: #F44336;
}
.btn.btn-failed {
	background-color: #393939;
	color: #fff;
	border-color: #393939;
}
.btn.btn-failed-hollow {
	color: #393939;
	border-color: #393939;background-color: unset;
}
.btn.btn-green {
	background-color: green;
	color: #fff;
	border-color: green;
}
.btn.btn-green-hollow {
	color: green;
	border-color: green;background-color: unset;
}
.btn.btn-index {
	color: #fff;
	border-color: var(--color-index);
	background:var(--color-index) linear-gradient(164deg, var(--color-index), #ffffff4d);
	
}
.btn.btn-index:hover{
	background-image: linear-gradient(135deg, var(--color-index), #ffffff4d);
}
.btn.btn-index-hollow {
	color: var(--color-index);
	border-color: var(--color-index);
	background-color: unset;
}
.btn.btn-subindex {
	color: #fff;
	background-color: var(--color-sub-index);
	border-color: var(--color-sub-index);
}
.btn.btn-subindex-hollow {
	color: var(--color-index);
	border-color: var(--color-sub-index);background-color: unset;
}
.btn.btn-info {
	color: #fff;
	border-color: var(--color-index);
	background:var(--color-index) none;
}
.btn.btn-info-hollow {
	color: var(--color-index);
	border-color: var(--color-index);
	background-color: unset;
}
.btn.btn-radio:first-child {
	margin-left: 0;
}
.btn.btn-radio {
	border: 1px solid var(--color-index);
	background-color: var(--color-index);
	color: #fff;
	filter: hue-rotate(-30deg);
}
.btn.btn-radio span {
}
.btn.btn-radio input {
	display: none;
}
.btn.btn-red {
	background-color: #f9001e;
	color: #fff;
	border-color: #ff0000;
}
.btn.btn-red-hollow {
	color: #f9001e;
	border-color: #f9001e;
	background-color: unset;
}
.btn.btn-orange {
	background-color: #ff8500;
	color: #fff;
	border-color: #ff8500;
}
.btn.btn-orange-hollow {
	color: #ff8500;
	border-color: #ff8500;
	background-color: unset;
}
.btn.btn-yellow {
	background-color: #fff100;
	color: #fff;
	border-color: #fff100;
}
.btn.btn-yellow-hollow {
	color: #fff100;
	border-color: #fff100;
	background-color: unset;
}
.btn.btn-green {
	background-color: #00a218;
	color: #fff;
	border-color: #00a218;
}
.btn.btn-green-hollow {
	color: #00a218;
	border-color: #00a218;
	background-color: unset;
}
.btn.btn-cyan {
	background-color:cyan;
	color: #fff;
	border-color: cyan;
}
.btn.btn-cyan-hollow {
	color: cyan;
	border-color: cyan;
	background-color: unset;
}
.btn.btn-blue {
	background-color:#024cb9;
	color: #fff;
	border-color: #024cb9;
}
.btn.btn-blue-hollow {
	color: #024cb9;
	border-color: #024cb9;
	background-color: unset;
}
.btn.btn-purple {
	background-color:#a30598;
	color: #fff;
	border-color: #a30598;
}
.btn.btn-purple-hollow {
	color: #a30598;
	border-color: #a30598;
	background-color: unset;
}

.btn.btn-save {
	border-color: #60008b;
	background-color: #60008b;
	color: #fff;
}
.btn.btn-save-hollow {
	color: #60008b;
	border-color: #60008b;
	background-color: unset;
}
.btn.btn-search {
	background-color: #60008b;
	color: #fff;
	border-color: #60008b;
}
.btn.btn-search-hollow {
	color: #60008b;
	border-color: #60008b;background-color: unset;
}
.btn.btn-select {
	background-color: #66bb6a;
	color: #fff;
	border-color: #66bb6ae6;
}
.btn.btn-select-hollow {
	color: #66bb6a;
	border-color: #66bb6ae6;background-color: unset;
}
.btn.btn-shopcar {
	width: 40%;
	background-color: red;
	color: #fff;
	border: 1px solid #d00;
}
.btn.btn-submit {
	background-color: var(--color-index);
	color: #fff;
	border-color: var(--color-index);
	filter: hue-rotate(120deg);
}
.btn.btn-submit-hollow {
	background-color: unset;
	color: var(--color-index);
	border-color: var(--color-index);
	filter: hue-rotate(120deg);
}
.btn.btn-success {
	background-color: #43A047;
	color: #fff;
	border-color: #43A047;
}
.btn.btn-success-hollow {
	color: #43A047;
	border-color: #43A047;
	background-color: unset;
}

.btn.btn-text {
	background-color: #555555;
	color: #fff;
	border-color: #555555;
}
.btn.btn-text-hollow {
	color: #555555;
	border-color: #555555;
	background-color: unset;
}

.btn.btn-tab {
	color: #fff;
    border-color: #34a59b;
    background-color: #34a59b;
}
.btn.btn-warning {
	background-color: #f0ad4e;
	color: #fff;
	border-color: #f0ad4e;
}
.btn.btn-warning-hollow {
	color: #f0ad4e;
	border-color: #f0ad4e;
	background-color: unset;
}
.btn.btn-white {
	background-color: #fff;
	border-color: #fff;
	color: var(--color-index);
}
.btn.btn-white-hollow {
	color: #fff;
	border-color: #fff;background-color: unset;
}
.btn.btn-none {
	background: none;
}
.btn.btn-tips {
	background-color: #f3f4f6;
	color: #555555;
	border-color: #f3f4f6;
}
.btn.btn-tips-hollow {
	color: #dfdfdf;
	border-color: #dfdfdf;background-color: unset;
}
.btn.btn-used {
	background-color: #E57373;
	color: #fff;
}
.btn.btn-choose {
	color: #fff;
	background: #009688 linear-gradient(0deg, #009688, #00897B, #009688);
	border-color: #009688;
}
.btn.btn-choose-hollow {
	color: #009688;
	background-color: unset;
	border-color: #009688;
}

.btn.btn-import{
    background-color: var(--color-index);
    filter: hue-rotate(-120deg);
    color: #fff;
}
.btn.btn-import-hollow{
    border-color: var(--color-index);
    color: var(--color-index);
    filter: hue-rotate(-120deg);
    background-color: unset;
}
.btn.btn-export{
    background-color: var(--color-index);
    filter: hue-rotate(120deg);
    color: #fff;
}
.btn.btn-export-hollow{
    border-color: var(--color-index);
    color: var(--color-index);
    filter: hue-rotate(120deg);
    background-color: unset;
}



.btn.btn-mix {
	background-color: var(--color-index);
	color: #fff;
	border-color: var(--color-index);
}
.btn.btn-mix-hollow {
	color: var(--color-index);
	border-color: var(--color-index);
	background-color: unset;
}
.btn.btn-mix:nth-child(2n){
	background-color: var(--color-sub-index);
	color: #fff;
	border-color: var(--color-sub-index);
}
.btn.btn-mix-hollow:nth-child(2n) {
	color: var(--color-sub-index);
	border-color: var(--color-sub-index);
	background-color: unset;
}

/**
	* 默认的按钮信息设置,    filter: hue-rotate(180deg) saturate(0.8);
*/
.btn.btn-default{
	color: #fff;
    background-color: var(--color-index);
    border-color: var(--color-index);
}
.btn.btn-default:nth-child(12n){	
	filter: hue-rotate(0deg);
}
.btn.btn-default:nth-child(12n+1){	
	filter: hue-rotate(30deg);
}
.btn.btn-default:nth-child(12n+2){	
	filter: hue-rotate(60deg);
}
.btn.btn-default:nth-child(12n+3){	
	filter: hue-rotate(90deg);
}
.btn.btn-default:nth-child(12n+4){	
	filter: hue-rotate(120deg);
}
.btn.btn-default:nth-child(12n+5){	
	filter: hue-rotate(150deg);
}
.btn.btn-default:nth-child(12n+6){	
	filter: hue-rotate(180deg);
}
.btn.btn-default:nth-child(12n+7){	
	filter: hue-rotate(210deg);
}
.btn.btn-default:nth-child(12n+8){	
	filter: hue-rotate(240deg);
}
.btn.btn-default:nth-child(12n+9){	
	filter: hue-rotate(270deg);
}
.btn.btn-default:nth-child(12n+10){	
	filter: hue-rotate(300deg);
}
.btn.btn-default:nth-child(12n+11){	
	filter: hue-rotate(330deg);
}

.btn.btn-default-hollow{
	color: var(--color-index);
    background-color: unset;
    border-color: var(--color-index);
}
.btn.btn-default-hollow:nth-child(12n){	
	filter: hue-rotate(0deg);
}
.btn.btn-default-hollow:nth-child(12n+1){	
	filter: hue-rotate(30deg);
}
.btn.btn-default-hollow:nth-child(12n+2){	
	filter: hue-rotate(60deg);
}
.btn.btn-default-hollow:nth-child(12n+3){	
	filter: hue-rotate(90deg);
}
.btn.btn-default-hollow:nth-child(12n+4){	
	filter: hue-rotate(120deg);
}
.btn.btn-default-hollow:nth-child(12n+5){	
	filter: hue-rotate(150deg);
}
.btn.btn-default-hollow:nth-child(12n+6){	
	filter: hue-rotate(180deg);
}
.btn.btn-default-hollow:nth-child(12n+7){	
	filter: hue-rotate(210deg);
}
.btn.btn-default-hollow:nth-child(12n+8){	
	filter: hue-rotate(240deg);
}
.btn.btn-default-hollow:nth-child(12n+9){	
	filter: hue-rotate(270deg);
}
.btn.btn-default-hollow:nth-child(12n+10){	
	filter: hue-rotate(300deg);
}
.btn.btn-default-hollow:nth-child(12n+11){	
	filter: hue-rotate(330deg);
}

.btn.btn-disabled {
	background: #d1d1d1;
	border-color: #dedede;
}
.btn.disabled {
	background: #ccc !important;
	border-color: #cccccc !important;
}


.btn.btn-radius-1 {
	border-radius: 0.125rem !important;
}
.btn.btn-radius-2 {
	border-radius: 0.250rem !important;
}
.btn.btn-radius-3 {
	border-radius: 0.375rem !important;
}
.btn.btn-radius-4 {
	border-radius: 0.500rem !important;
}
.btn.btn-radius-5 {
	border-radius: 0.625rem !important;
}
.btn.btn-radius-6 {
	border-radius: 0.750rem !important;
}
.btn.btn-radius-7 {
	border-radius: 0.875rem !important;
}
.btn.btn-radius-8 {
	border-radius: 1.000rem !important;
}
.btn.btn-radius-9 {
	border-radius: 1.25rem !important;
}
.btn.btn-radius-10 {
	border-radius: 1.5rem !important;
}
.btn.btn-radius-11 {
	border-radius: 1.75rem !important;
}
.btn.btn-radius-12 {
	border-radius: 2.00rem !important;
}
@supports not (color: var(--color-index)) {
	/* 不支持变量的样式 */
	.btn {
		outline-color: #519;
	}
	.btn.btn-main{
		color:#fff;
	}
	.btn.btn-main-hollow{
		background-color:#fff;
	}
	.btn.btn-login {
		background-color: #551199;
		border-color: #551199;
	}
	.btn.btn-login-hollow {
		color: #551199;
		border-color: #551199;
	}
	.btn.btn-add {
		border-color: #3b93c4;
		background-color: #3b93c4;
	}
	.btn.btn-add-hollow {
		color: #3b93c4;
		border-color: #3b93c4;
	}
	.btn.btn-del {
		color: #ffffff;
		background-color: #e14f45;
		border-color: #e14f45;
	}
	.btn.btn-del-hollow {
		color: #e14f45;
		border-color: #e14f45;
	}
	.btn.btn-edit {
		color: #ffffff;
		background-color: #4a53a8;
		border-color: #4a53a8;
	}
	.btn.btn-edit-hollow {
		color: #4a53a8;
		border-color: #4a53a8;
	}
	.btn.btn-index {
		background-color: #519;
		border-color: #CBE4EF;
	}
	.btn.btn-index:hover{
		background-image: linear-gradient(135deg, #551199, #ffffff4d);
	}
	.btn.btn-index-hollow {
		color: #551199;
		border-color:#551199;
	}
	.btn.btn-subindex {
		background-color: #CBE4EF;
		border-color: #CBE4EF;
	}
	.btn.btn-subindex-hollow {
		color: #551199;
		border-color:#551199;background-color: unset;
	}
	.btn.btn-info {
		background-color: #551199;
		border-color: #551199;
	}
	.btn.btn-info-hollow {
		color: #519;
		border-color: #519;
	}

	.btn.btn-radio {
		border: 1px solid #519;
		background-color: #519;
	}
	.btn.btn-submit {
		background-color: var(--color-index);
		border-color: var(--color-index);
	}
	.btn.btn-submit-hollow {
		color: #519;
		border-color: #519;
	}
	.btn.btn-white {
		color: #551199;
	}
	.btn.btn-import{
		background-color: #519;
	}
	.btn.btn-import-hollow{
		border-color: #519;
		color: #519;
	}
	.btn.btn-export{
		background-color: #519;
	}
	.btn.btn-export-hollow{
		border-color: #519;
		color: #519;
	}
	.btn.btn-mix {
		background-color: #519;
		border-color: #519;
	}
	.btn.btn-mix-hollow {
		color: #519;
		border-color: #519;
	}
	.btn.btn-mix:nth-child(2n){
		background-color: #8756b7;
		border-color: #8756b7;
	}
	.btn.btn-mix-hollow:nth-child(2n) {
		color: #8756b7;
		border-color: #8756b7;
	}
	.btn.btn-default{
		color: #fff;
		background-color: #519;
		border-color: #519;
	}

	.btn.btn-default-hollow{
		color: #519;
		border-color: #519;
	}
}/** 关于按钮模块的信息 */
/* 
	*CSS Document
	* 强大的卡片布局模块
*/

.card {
	position: relative;
	display: block;
	color: inherit;
	text-decoration: initial;
	box-sizing: border-box;
	outline: none;
}
.card.card-init {
	width: 60%;
	max-width: 8000px;
	min-width: 6000px;
	margin: auto;
	overflow: auto;
}

.card.card-border {
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	overflow: hidden;
}

.card.card-aminate-shadow{
	box-shadow: 0 0.75em 1em rgba(0, 0, 0, 0.15);
	animation: fadeIn 0.4s ease;
}

.card.card-border-2 {
	border: 2px solid var(--color-border);
}
.card.card-border-3 {
	border: 3px solid var(--color-border);
}
.card.card-border-4 {
	border: 4px solid var(--color-border);
}
.card.card-border-5 {
	border: 5px solid var(--color-border);
}
.card.card-border-6 {
	border: 6px solid var(--color-border);
}
.card.card-border-7 {
	border: 7px solid var(--color-border);
}
.card.card-border-8 {
	border: 8px solid var(--color-border);
}
.card.card-border-9 {
	border: 9px solid var(--color-border);
}
.card.active {
	box-shadow: 1px 1px 2px;
}
.card.card-inline {
	display: inline-block;
}
.card.card-small {
	font-size: small;
}
.card>.card-body {
	position: relative;
}
.card.card-radius-1 {
	border-radius: 0.125rem !important;
}
.card.card-radius-2 {
	border-radius: 0.250rem !important;
}
.card.card-radius-3 {
	border-radius: 0.375rem !important;
}
.card.card-radius-4 {
	border-radius: 0.500rem !important;
}
.card.card-radius-5 {
	border-radius: 0.625rem !important;
}
.card.card-radius-6 {
	border-radius: 0.750rem !important;
}
.card.card-radius-7 {
	border-radius: 0.875rem !important;
}
.card.card-radius-8 {
	border-radius: 1.000rem !important;
}
.card.card-radius-9 {
	border-radius: 1.25rem !important;
}
.card.card-radius-10 {
	border-radius: 1.5rem !important;
}
.card.card-radius-11 {
	border-radius: 1.75rem !important;
}
.card.card-radius-12 {
	border-radius: 2.00rem !important;
}
.card.card-radius-13 {
	border-radius: 2.25rem !important;
}
.card.card-radius-14 {
	border-radius: 2.5rem !important;
}
.card.card-radius-15 {
	border-radius: 2.75rem !important;
}
.card.card-radius-16 {
	border-radius: 3rem !important;
}
/**
	* 模版卡片
 */
.card.card-template>.card-head{
	position: relative;
	color: #fff;
	padding: 0.5em;
	filter: opacity(0.95);
	background-image: linear-gradient(135deg, var(--color-index), #ffffff4d);
	background-color: var(--color-index);
}
.card.card-template>.card-body{
	position: relative;
	padding: 0.5em;
	background-color: #fff;
	padding-bottom: 1em;
}
.card.card-template>.card-foot{
	background-color: #eee;
}

/* 3D 动画的基础卡片 */
.card.card-3d {
	position: relative;
}
.card.card-3d>.card-body {
	transform-style: preserve-3d;
	perspective: 10000px;
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	overflow: visible !important;
}
.card.card-fixed {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.card.card-fixed>.card-body {
	overflow: auto;
}
.card.card-api {}
.card.card-api>div:nth-child(1) {
	background-color: var(--color-index) !important;
	color: #fff;
}
.card.card-api>div:nth-child(2) {
}
.card.card-api>div:nth-child(3) {
}
.card.card-api.api-mask {
	border: none !important;
	background: none !important;
}
.card.card-api.api-mask>div:nth-child(2) {
	background: none !important;
}
/*文章专属卡片*/
.card.card-artic {
	font-size: inherit;
	font-family: "Courier New", sans-serif;
	margin-bottom: 0.5rem;
	border-top: 1px dashed #926c32;
	min-height: 160px;
	line-height: 1.5;
	word-break: break-word;
}
.card.card-artic pre {
	font-family: "Courier New", sans-serif;
	border: 1px solid #ccc;
	transition-property: color, opacity, border-color;
	overflow-x: auto;
	display: block;
	position: relative;
	padding: 0.5rem 0.75rem;
	background-color: #333;
	margin: 0.25rem 0;
	border-radius: 0.25rem;
	word-wrap: break-word;
	color: #fff !important;
}
.card.card-artic .artic-code {
	font-family: "Courier New", sans-serif;
	border: 1px solid #ccc;
	transition-property: color, opacity, border-color;
	overflow-x: auto;
	display: block;
	position: relative;
	padding: 0.5rem 0.75rem;
	background-color: #333;
	margin: 0.25rem 0;
	border-radius: 0.25rem;
	word-wrap: break-word;
	color: #fff;
	white-space: pre-line;
}

.card.card-artic .artic-code>div {
	border-bottom: 1px solid;
}
.card.card-artic .artic-code>div:last-child {
	border-bottom: unset;
}
.card.card-artic .artic-code .artic-codeline {
	border-bottom: 1px solid #dedede;
	overflow-x: auto;
	display: block;
	position: relative;
	background-color: #333;
	margin: 0.25rem 0;
	word-wrap: break-word;
	color: #fff;
	white-space: pre;
	padding: 0.375rem 0;
}
.card.card-artic .artic-code .artic-codeline:first-child {
	border-top: 1px solid #dedede;
}
/* 一个被页面化的卡片，上中下的模式*/
.card.card-page {
	display: grid;
	grid-template-rows: max-content auto max-content;
}
.card.card-page.page-full>.card-body {
	overflow: auto;
}

/**
	* 基础的键值对卡片布局
	* 这个布局方式，感觉没什么大用，先留着
 */

/*基础的分割卡片*/
.card.card-line {
	border-top: 1px solid;
	height: 0;
}
.card.card-line.line-tips {
	border-color: #cdcdcd;
}
/**
    * 关于常规 复选框的部分的卡片信息
 */
.card.card-checkbox {
	display: block;
}
.card.card-incheckbox {
	display: inline-block;
}
/**
 * 增加数据的卡片
*/
.card.card-additem {
	display: block;
	width: 100%;
	height: 2em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	padding: 0.5em;
	box-sizing: border-box;
	cursor: pointer;
}
.card-artic img {
	max-width: 100%;
}
.card.card-cpanel {
	border: 1px solid var(--color-border);
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}
.card.card-cpanel>.card-head {
	position: relative;
	color: #fff;
	padding: 0.5em;
	filter: opacity(0.95);
	background-image: linear-gradient(135deg, var(--color-index), #ffffff4d);
	background-color: var(--color-index);
}
.card.card-cpanel>.card-head:hover, .card.card-cpanel>.card-head:active {
	background-image: linear-gradient(155deg, var(--color-index), #ffffff4d);
}
.card.card-cpanel>.card-body {
	position: relative;
	padding: 0.5em;
	background-color: #fff;
	padding-bottom: 1em;
}
.card.card-cpanel>.card-foot {
	background-color: #eee;
}
.card.card-cpanel.cpanel-noheadcolor>.card-head {
	background-color: unset;
	color: inherit;
	border-bottom: 1px solid #dedede;
	border-bottom-color: var(--color-border);
}
.card.card-cpanel.cpanel-simple {
	border: unset;
}
.card.card-cpanel.cpanel-simple>.card-head {
	background: unset;
	color: inherit;
	border-bottom: 1px solid #dedede;
	border-bottom: 1px solid var(--color-border);
	padding: unset;
}
.card.card-cube {
	position: relative;
	height: 100%;
}
.card.card-cube>.card-body {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	perspective: 100000000px;
	transform-style: preserve-3d;
	transform: rotateY(30deg) rotateX(30deg);
}
.card.card-cube>.card-body>div {
	position: absolute;
	object-fit: cover;
	overflow: hidden;
}
.card.card-cube.running {
}
.card.card-cube.running>.card-body {
	animation: card-cube-running 2s linear infinite;
}
@keyframes card-cube-running {
 0% {
 transform: rotateX(0deg) rotateY(0deg);
}
 25% {
 transform: rotateY(90deg) rotateX(180deg);
}
 50% {
 transform: rotateY(180deg) rotateX(360deg);
}
 75% {
 transform: rotateY(270deg) rotateX(540deg);
}
 100% {
 transform: rotateY(360deg) rotateX(720deg);
}
}
.card.card-marquee {
	position: relative;
	overflow: hidden;
}
.card-marquee.marquee-vertical {
}
.card.card-marquee>.card-head {
}
.card.card-marquee>.card-body {
	width: auto;
	position: relative;
	left: 0;
}
.card-marquee.marquee-vertical>.card-body {
	width: inherit;
	overflow: hidden;
}
.card.card-marquee>.card-foot {
}
.card.card-marquee .marguee-control {
}
.card.card-marquee .marguee-control-left {
	display: inline-block;
	min-width: 1rem;
	text-align: center;
	color: var(--color-index);
	cursor: pointer;
	transition: 0.5s;
	border-radius: 0.25rem;
	font-weight: bold;
}
.card.card-marquee .marguee-control-right {
	display: inline-block;
	min-width: 1rem;
	text-align: center;
	color: var(--color-index);
	cursor: pointer;
	transition: 0.5s;
	border-radius: 0.25rem;
	font-weight: bold;
}
.card.card-marquee .marguee-control-left.disabled, .card.card-marquee .marguee-control-right.disabled {
	color: #d1d1d1;
}
.card.card-marquee .marguee-control-left:before {
	content: "\F6527";
	font-family: kuoqi;
	font-style: initial;
	vertical-align: baseline;
}
.card.card-marquee .marguee-control-right:after {
	content: "\F6525";
	font-family: kuoqi;
	font-style: initial;
	vertical-align: baseline;
}
.card.card-marquee .marguee-control-left:hover {
	background-color: var(--color-index);
	color: #fff;
}
.card.card-marquee .marguee-control-right:hover {
	background-color: var(--color-index);
	color: #fff;
}
.card.card-multipled {
	height: 100%;
	display: grid;
	grid-template-rows: max-content auto max-content;
}
.card.card-multipled>.card-head {
}
.card.card-multipled>.card-body {
	display: flex;
	height: 100%;
	overflow: hidden;
	align-items: center;
	box-sizing: border-box;
}
.card.card-multipled .card-multipled-echangebox {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	max-width: 100%;
	user-select: none;
}
.card.card-multipled .card-multipled-selectall {
	position: relative;
	-ms-flex: 1 0 auto;
	flex: 1 0 0;
	max-width: 100%;
	border: 1px solid var(--color-border);
	user-select: none;
	height: 100%;
	overflow: auto;
	box-sizing: border-box;
}
.card.card-multipled .card-multipled-selectalled {
	position: relative;
	-ms-flex: 1 0 auto;
	flex: 1 0 0;
	max-width: 100%;
	border: 1px solid var(--color-border);
	user-select: none;
	height: 100%;
	overflow: auto;
	box-sizing: border-box;
}
.card.card-multipled .card-multipled-selectnone {
	margin: 0.5rem;
	cursor: pointer;
}
.card.card-multipled .card-multipled-selectany {
	margin: 0.5rem;
	cursor: pointer;
}
.card.card-multipled .card-multipled-item {
	border: 1px solid var(--color-border);
	padding: 0.25rem 0.5rem;
	margin: 0.25rem;
	align-items: center;
}
.card.card-multipled .card-multipled-selectall .icon:before {
	content: "\F6525";
	cursor: pointer;
}
.card.card-multipled .card-multipled-selectalled .icon:before {
	content: "\F6527";
	cursor: pointer;
}
.card.card-multipled>.card-foot {
}
.card.card-menus {
	background-color: var(--color-index);
	grid-template-rows: max-content auto max-content;
	font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", sans-serif, Arial;
	height: 100%;
	overflow: auto;
	background-image: linear-gradient(168deg, transparent 0%, var(--color-sub-index) 98%, var(--color-sub-index));
	position: relative;
	overflow-x: hidden;
}
.card.card-menus:hover {
	background-image: linear-gradient(168deg, transparent 0%, var(--color-sub-index));
}
.card.card-menus>.card-head {
}
.card.card-menus>.card-body {
	overflow: scroll;
	height: 100%;
}
.card.card-menus .menus-items {
	padding: unset;
	margin: unset;
}
.card.card-menus .menus-items ul {
	padding: unset;
	margin-left: 1em;
	list-style-type: none;
	overflow: hidden;
	border-left: 1px solid var(--color-border);
	height: 0;
}
.card.card-menus .menus-items li {
	height: 0;
	list-style-type: none;
}
.card.card-menus .menus-items>li {
	height: auto;
}
.card.card-menus .menus-items a {
	display: block;
	padding: 0.5em 2em 0.5em 2em;
	color: var(--color-font);
	transition: 1s;
	cursor: pointer;
	font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", sans-serif, Arial;
}
.card.card-menus .menus-items ul a {
	font-weight: normal;
}
.card.card-menus .menus-items a:hover, .card.card-menus-toggle .card-menus-items a:active {
	background-color: var(--color-index);
}
.card.card-menus .menus-items a:after {
	content: "";
	position: absolute;
	right: 0;
	font-family: kuoqi;
	font-style: initial;
	width: 1em;
	text-align: center;
	display: inline-block;
	vertical-align: 0;
	fill: currentcolor;
	padding: 0.25em 0.5em;
	font-size: 0.8em;
	box-sizing: content-box;
}
.card.card-menus .menus-items li.is_menu>a:after {
	content: "\F6525";
}
.card.card-menus .menus-items li.is_menu li.is_menu>a:after {
	content: "";
}
.card.card-menus .menus-items li.is_menu.is_open li.is_menu>a:after {
	content: "\F6525";
}
.card.card-menus .menus-items li.is_open>a:after {
	content: "\F6526";
}
.card.card-menus .menus-items li.is_menu.is_open li.is_menu.is_open>a:after {
	content: "\F6526";
}
.card.card-menus .menus-items li.is_open ul {
}
.card.card-menus .menus-items li.is_open ul li {
	height: auto;
}
.card.card-menus .card-menus li[data-url] {
}
.card.card-menus .menus-items i {/* vertical-align: super; */
	margin-right: 0.125rem;
}
.card.card-menus .menus-items span {
	display: inline-block;
	color: var(--color-font);
	cursor: pointer;
	font-size: 1em;
}
.card.card-menus.menus-mobile {
	background: unset;
}
.card.card-menus.menus-mobile .menus-items>li {
	line-height: 1.44;
	border-bottom: 1px solid var(--color-border);
}
.card.card-menus.menus-mobile .menus-items>li:first-child {
	border-top: 1px solid var(--color-border);
}
.card.card-menus.menus-mobile .menus-items a {
	color: var(--color-index);
	padding: 0.5rem 0;
	line-height: 2rem;
}
.card.card-menus.menus-mobile .menus-items span {
	color: var(--color-index);
}
.card.card-menus.menus-mobile .menus-items a:hover {
	background: unset;
}
.card.card-menus.menus-mobile .menus-items i {
	vertical-align: bottom;
	margin-right: 0.25rem;
}
.card.card-menus.menus-h {
}
.card.card-menus.menus-h .menus-items li {
	height: max-content;
}
.card.card-menus.menus-h .menus-items {
	display: flex;
}
.card.card-menus.menus-h .menus-items ul {
	position: absolute;
}
.card.card-menus.menus-h .menus-items>li {
	flex: auto;
	position: relative;
}
.card.card-menus-weixin {
}
.card.card-menus-weixin .menus-items {
	display: flex;
	list-style-type: none;
	padding: unset;
}
.card.card-menus-weixin ul {
	list-style-type: none;
	padding: unset;
	position: absolute;
	width: 100%;
	bottom: 3rem;
}
.card.card-menus-weixin li {
	flex: 1 1 min-content;
	position: relative;
	line-height: 3rem;
}
.card.card-menus-weixin ul>li {
	border-bottom: unset;
}
.card.card-menus-weixin a {
	height: 3rem;
	width: 100%;
	display: inline-block;
	text-align: center;
	border-left: unset;
	background-color: var(--color-index);
	border: 1px solid var(--color-border);
	color: #fff;
}
.card.card-menus-weixin .menus-before {
	width: 2rem;
	position: absolute;
	left: 0;
	height: 3rem;
	top: 0;
	cursor: pointer;
}
.card.card-menus-weixin .menus-before:after {
	content: "\F6527";
	font-family: kuoqi;
	display: inline-block;
}
.card.card-menus-weixin .menus-after {
	right: 0;
	width: 2rem;
	position: absolute;
	height: 3rem;
	top: 0;
	cursor: pointer;
}
.card.card-menus-weixin .menus-after:after {
	content: "\F6525";
	font-family: kuoqi;
	display: inline-block;
}
.card.card-menus-weixin ul .menus-before {
	width: 2rem;
	position: absolute;
	left: unset;
	height: 3rem;
	top: 0;
}
.card.card-menus-weixin ul .menus-before:after {
	content: "\F6524";
	font-family: kuoqi;
	display: inline-block;
}
.card.card-menus-weixin ul .menus-after {
	right: 0;
	width: 2rem;
	position: absolute;
	height: 3rem;
	top: 0;
}
.card.card-menus-weixin ul .menus-after:after {
	content: "\F6526";
	font-family: kuoqi;
	display: inline-block;
}
.card.card-menus-weixin .menus-add .menus-before {
	display: none;
}
.card.card-menus-weixin .menus-add .menus-after {
	display: none;
}
.card.card-menus-weixin i {
}
.card.card-menus-weixin span {
	cursor: pointer;
}
.card.card-menus-weixin .card.card-drag.drag-item {
	background: unset;
	margin: unset;
}
.card.card-menus-weixin ol>li:first-child a {
	border-left: 1px solid;
}
.card.card-menus-weixin ul {
	border-right: 1px solid;
}
.card.card-menus-weixin ul>li a {
	border: none;
	background: white;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	color: var(--color-index);
}
.card.card-menus-weixin ul>li:first-child a {
}
/* card-progress*/
.card.card-progress {
	width: 100%;
	height: 0.5em;
	background-color: #efefef;
	border-radius: 1em;
	position: relative;
	overflow: hidden;
	border-color: var(--color-index);
}
.card.card-progress>.progress-bar {
	position: absolute;
	left: 0;
	height: 100%;
	background-size: 12px 100%;
	animation: progress-bar 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background-image: repeating-linear-gradient(60deg, #4CAF50 0, #81C784 10px);
	background-image: repeating-linear-gradient(60deg, var(--color-index) 0, var(--color-sub-index) 10px);
	max-width: 100%;
	min-height: 2px;
}
@keyframes progress-bar {
from {
background-position-x: 0;
}
to {
	background-position-x: 12px;
}
}
@-webkit-keyframes progress-bar {
from {
background-position-x: 0;
}
to {
	background-position-x: 10px;
}
}
.card.card-progress>.progress-desc {
	position: absolute;
	right: 0.25rem;
	height: 100%;
	font-size: 0.6rem;
}

.card.card-progress-point{
	width: 100%;
	position: relative;
	display: flex;
}
.card.card-progress-point>.progress-item{flex:auto;position: relative;text-align: center;}
.card.card-progress-point>.progress-item:first-child{    flex: none;}
.card.card-progress-point>.progress-item:last-child{    flex: none;}
.card.card-progress-point>.progress-item:before{
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin: auto;
	background-color: var(--color-border);
	z-index: 1;
	position: relative;
}
.card.card-progress-point>.progress-item:after{
	content: "";
	display: block;
	height: 0.2rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0.4rem;
	background-color: var(--color-border);
}
.card.card-progress-point>.progress-item:first-child:after{left: 50%;}
.card.card-progress-point>.progress-item:last-child:after{ right: 50%;}
.card.card-progress-point>.progress-item.active:before{    background-color: var(--color-index);}
.card.card-progress-point>.progress-item.active:after{    background-color: var(--color-index);}

.card.card-paginate {
	overflow: hidden;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: relative;
	display: grid;
	grid-template-rows: max-content auto max-content;
}
.card.card-paginate>.card-body {
	overflow: auto;
}
.card.card-paginate>.card-foot {
}
/*
	object-fit: cover
	fill	将img的计算大小作为viewport的WH, 图片纵横比会发生变化，因为缩放因子Sx/Sy!=1
	contain	将图片装裱在容器内，即将图片缩放一定的倍数使得图片的高宽都小于容器的高宽
	cover	调整图片的高宽使得有一个属性等于容器的高宽，溢出部分做裁剪
	none	不做调整，保持原大小，对齐容器中心与图片中心
	scale-down	去contain与none效果中尺寸小的那一个
*/
.card.card-image {
	position: relative;
	display: inline-block;
	text-align: left;
}
/*图片默认图层*/
.card.card-image.image-default {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0OTJFRDJCQUNBNUZGMDExOTdFRkQwMUY4MEExOENEMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEI4NDJEMjVGQ0IxMUYwQTkyREM3Rjk1RjYyMENBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEI4NDJEMTVGQ0IxMUYwQTkyREM3Rjk1RjYyMENBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjREMkVEMkJBQ0E1RkYwMTE5N0VGRDAxRjgwQTE4Q0QwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ5MkVEMkJBQ0E1RkYwMTE5N0VGRDAxRjgwQTE4Q0QwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MyuTqgAAAAZQTFRF////zMzMOOqqgwAAABhJREFUeNpiYIQDBgQY0oLDxBsIQYAAAwCltADJzmw8TwAAAABJRU5ErkJggg==');
}
.card.card-image:before {
	content: "";
	display: block;
}
.card.card-image.image-fit-cover>img {
	object-fit: cover;
}
.card.card-image.image-fit-fill>img {
	object-fit: fill;
}
.card.card-image.image-fit-contain>img {
	object-fit: contain;
}
.card.card-image.image-fit-none>img {
	object-fit: none;
}
.card.card-image.image-fit-scaledown>img {
	object-fit: scale-down;
}
.card.card-image.image-fit-full>img {
	object-fit: fill;
	width: 100%;
	height: 100%;
}
.card.card-image.image-inline {
	display: inline-grid;
}
.card.card-image>img {
	width: 100%;
	object-fit: cover;
}
.card.card-image>.card-controller {
	display: none;
}
.card.card-image:hover>.card-controller {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
}
.card.card-image>.image-controller {
	display: none;
}
.card.card-image:hover>.image-controller {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
}
.card.card-image>.image-mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.card.card-image.image-sign {
	box-sizing: border-box;
	border: 1px solid var(--color-border);
}
.card.card-image.image-sign>img {
	box-sizing: border-box;
}
.card.card-image>.image-mask.mask-light {
	background-color: #ffffffcc;
}
.card.card-image.image-border {
	border: 1px solid;
	border-color: var(--color-index);
	box-shadow: inset 0 0 0 1px #fffc;
}
.card.card-image.image-1x1:before {
	margin-top: 100%;
}
.card.card-image.image-16x11:before {
	margin-top: 68.75%;
}
.card.card-image.image-16x9:before {
	margin-top: 56.25%;
}
.card.card-image.image-16x7:before {
	margin-top: 43.75%;
}
.card.card-image.image-16x5:before {
	margin-top: 31.25%;
}
.card.card-image.image-4x3:before {
	margin-top: 75%;
}
.card.card-image.image-2x1:before {
	margin-top: 50%;
}
.card.card-image.image-25x12:before {
	margin-top: 48%;
}
.card.card-image.image-20x9:before {
	margin-top: 45%;
}
.card.card-image.image-16x7:before {
	margin-top: 43.75%;
}
.card.card-image.image-8x3:before {
	margin-top: 37.5%;
}
.card.card-image.image-3x1:before {
	margin-top: 33.333333%;
}
.card.card-image.image-3x2:before {
	margin-top: 66.666667%;
}
.card.card-image.image-4x1:before {
	margin-top: 25%;
}
.card.card-image.image-5x1:before {
	margin-top: 20%;
}
.card.card-image.image-6x1:before {
	margin-top: 16.666666%;
}
.card.card-image.image-3x4:before {
	margin-top: 133.333333%;
}
.card.card-image.image-5x7:before {
	margin-top: 140%;
}
.card.card-image.image-9x16:before {
	margin-top: 177.777777%;
}
.card.card-image.image-circle {
	border-radius: 50%;
	overflow: hidden;
}
.card.card-image.image-circle:before {
	margin-top: 100%;
}
.card.card-image.image-1x1>img,
.card.card-image.image-16x5>img,
.card.card-image.image-16x7>img,
.card.card-image.image-16x9>img,
.card.card-image.image-16x11>img,
.card.card-image.image-4x3>img,
.card.card-image.image-2x1>img,
.card.card-image.image-25x12>img,
.card.card-image.image-20x9>img,

.card.card-image.image-8x3>img,
.card.card-image.image-3x1>img,
.card.card-image.image-3x2>img,
.card.card-image.image-4x1>img,
.card.card-image.image-5x1>img,
.card.card-image.image-6x1>img,
.card.card-image.image-3x4>img,
.card.card-image.image-5x7>img,
.card.card-image.image-9x16>img,
.card.card-image.image-circle>img {
	position: absolute;
	height: 100%;
	top: 0;
}
.card.card-image.image-radius-1 {
	border-radius: 0.125rem;
	overflow: hidden;
}
.card.card-image.image-radius-2 {
	border-radius: 0.25rem;
	overflow: hidden;
}
.card.card-image.image-radius-3 {
	border-radius: 0.375rem;
	overflow: hidden;
}
.card.card-image.image-radius-4 {
	border-radius: 0.5rem;
	overflow: hidden;
}
.card.card-image.image-radius-5 {
	border-radius: 0.625rem;
	overflow: hidden;
}
.card.card-image.image-radius-6 {
	border-radius: 0.75rem;
	overflow: hidden;
}
.card.card-image.image-radius-7 {
	border-radius: 0.875rem;
	overflow: hidden;
}
.card.card-image.image-radius-8 {
	border-radius: 1rem;
	overflow: hidden;
}
.card.card-image.image-radius-9 {
	border-radius: 1.25rem;
	overflow: hidden;
}
.card.card-image.image-radius-10 {
	border-radius: 1.5rem;
	overflow: hidden;
}
.card.card-image.image-radius-11 {
	border-radius: 1.75rem;
	overflow: hidden;
}
.card.card-image.image-radius-12 {
	border-radius: 2.0rem;
	overflow: hidden;
}
.card.card-image.image-radius-13 {
	border-radius: 2.25rem;
	overflow: hidden;
}
.card.card-image.image-radius-14 {
	border-radius: 2.5rem;
	overflow: hidden;
}
.card.card-image.image-radius-15 {
	border-radius: 2.75rem;
	overflow: hidden;
}
.card.card-image.image-radius-16 {
	border-radius: 3rem;
	overflow: hidden;
}
.card.card-image.image-control-h img {
	width: auto;
	height: 100%;
}
.card.card-image.image-animate{
	overflow: hidden;
}
.card.card-image.image-animate>img {
	transition: 0.5s;
}
.card.card-image.image-animate:hover>img {
	transform: scale(1.2);
	transition: 0.5s;
}

/**
	* 视屏卡片的处理
*/

.card.card-video {
	position: relative;
	display: inline-block;
	text-align: left;
}
.card.card-video>video {
	background-image: linear-gradient(180deg, black 5%, transparent, black 95%);
	width: 100%;
	object-fit: contain;
}
.card.card-video:before {
	content: "";
	display: block;
}
.card.card-video.video-fit-cover>video {
	object-fit: cover;
}
.card.card-video.video-fit-fill>video {
	object-fit: fill;
}
.card.card-video.video-fit-contain>video {
	object-fit: contain;
}
.card.card-video.video-fit-none>video {
	object-fit: none;
}
.card.card-video.video-fit-scaledown>video {
	object-fit: scale-down;
}
.card.card-video.video-fit-full>video {
	object-fit: fill;
	width: 100%;
	height: 100%;
}
.card.card-video.video-inline {
	display: inline-grid;
}
.card.card-video>.card-controller {
	display: none;
}
.card.card-video:hover>.card-controller {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
}
.card.card-video>.video-controller {
	display: none;
}
.card.card-video:hover>.video-controller {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
}
.card.card-video>.video-mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.card.card-video.video-sign {
	box-sizing: border-box;
	border: 1px solid var(--color-border);
}
.card.card-video.video-sign>video {
	box-sizing: border-box;
}
.card.card-video>.video-mask.mask-light {
	background-color: #ffffffcc;
}
.card.card-video.video-border {
	border: 1px solid;
	border-color: var(--color-index);
	box-shadow: inset 0 0 0 1px #fffc;
}
.card.card-video.video-1x1:before {
	margin-top: 100%;
}
.card.card-video.video-16x11:before {
	margin-top: 68.75%;
}
.card.card-video.video-16x9:before {
	margin-top: 56.25%;
}
.card.card-video.video-4x3:before {
	margin-top: 75%;
}
.card.card-video.video-2x1:before {
	margin-top: 50%;
}
.card.card-video.video-25x12:before {
	margin-top: 48%;
}
.card.card-video.video-20x9:before {
	margin-top: 45%;
}
.card.card-video.video-16x7:before {
	margin-top: 43.75%;
}
.card.card-video.video-8x3:before {
	margin-top: 37.5%;
}
.card.card-video.video-3x1:before {
	margin-top: 33.333333%;
}
.card.card-video.video-4x1:before {
	margin-top: 25%;
}
.card.card-video.video-5x1:before {
	margin-top: 20%;
}
.card.card-video.video-6x1:before {
	margin-top: 16.666666%;
}
.card.card-video.video-3x4:before {
	margin-top: 133.333333%;
}
.card.card-video.video-5x7:before {
	margin-top: 140%;
}
.card.card-video.video-9x16:before {
	margin-top: 177.777777%;
}
.card.card-video.video-circle {
	border-radius: 50%;
	overflow: hidden;
}
.card.card-video.video-circle:before {
	margin-top: 100%;
}
.card.card-video.video-1x1>video, .card.card-video.video-16x9>video, .card.card-video.video-16x11>video, .card.card-video.video-4x3>video, .card.card-video.video-2x1>video, .card.card-video.video-25x12>video, .card.card-video.video-20x9>video, .card.card-video.video-16x7>video, .card.card-video.video-8x3>video, .card.card-video.video-3x1>video, .card.card-video.video-4x1>video, .card.card-video.video-5x1>video, .card.card-video.video-6x1>video, .card.card-video.video-3x4>video, .card.card-video.video-5x7>video, .card.card-video.video-9x16>video, .card.card-video.video-circle>video {
	position: absolute;
	height: 100%;
	top: 0;
}
.card.card-video.video-radius-1 {
	border-radius: 0.125rem;
	overflow: hidden;
}
.card.card-video.video-radius-2 {
	border-radius: 0.25rem;
	overflow: hidden;
}
.card.card-video.video-radius-3 {
	border-radius: 0.375rem;
	overflow: hidden;
}
.card.card-video.video-radius-4 {
	border-radius: 0.5rem;
	overflow: hidden;
}
.card.card-video.video-radius-5 {
	border-radius: 0.625rem;
	overflow: hidden;
}
.card.card-video.video-radius-6 {
	border-radius: 0.75rem;
	overflow: hidden;
}
.card.card-video.video-radius-7 {
	border-radius: 0.875rem;
	overflow: hidden;
}
.card.card-video.video-radius-8 {
	border-radius: 1rem;
	overflow: hidden;
}
.card.card-video.video-radius-9 {
	border-radius: 1.25rem;
	overflow: hidden;
}
.card.card-video.video-radius-10 {
	border-radius: 1.5rem;
	overflow: hidden;
}
.card.card-video.video-radius-11 {
	border-radius: 1.75rem;
	overflow: hidden;
}
.card.card-video.video-radius-12 {
	border-radius: 2.0rem;
	overflow: hidden;
}
.card.card-video.video-radius-13 {
	border-radius: 2.25rem;
	overflow: hidden;
}
.card.card-video.video-radius-14 {
	border-radius: 2.5rem;
	overflow: hidden;
}
.card.card-video.video-radius-15 {
	border-radius: 2.75rem;
	overflow: hidden;
}
.card.card-video.video-radius-16 {
	border-radius: 3rem;
	overflow: hidden;
}
.card.card-video.video-control-h video {
	width: auto;
	height: 100%;
}
.card.card-video.video-animate>video {
	transition: 0.5s;
}
.card.card-video.video-animate:hover>video {
	transform: scale(1.2);
	transition: 0.5s;
}
.card.card-video>video::-webkit-media-controls-download-button {
	display: none !important;
}
.card.card-video>video::-webkit-media-controls-enclosure {
	overflow: hidden !important;
}




/*card card-audio*/
.card.card-audio {
	position: relative;
	display: inline-block;
	text-align: left;
}
.card.card-audio>video {
	background-image: linear-gradient(180deg, black 5%, transparent, black 95%);
	width: 100%;
	object-fit: contain;
}
.card.card-audio:before {
	content: "";
	display: block;
}
.card.card-audio>audio::-webkit-media-controls-download-button {
	display: none !important;
}
.card.card-audio>audio::-webkit-media-controls-enclosure {
	overflow: hidden !important;
}


/**
	--color-base;
 */
.card.card-label {
	display: inline-block;
	outline-color: var(--color-index);
	border: 1px solid #bdbdbd;
	border-radius: 0.25rem;
	box-sizing: border-box;
	/* cursor: pointer; */
	margin-left: 0.5em;
	min-width: 1rem;
	min-height: 1rem;
	padding: 0.288em 0.5em;
	font: 400 1em Arial;
}
.card.card-label:first-child {
	margin-left: 0;
}
.card.card-label>span {
	color: #333;
}
.card.card-label>input {
	display: none;
}
.card.card-label.hover {
	background-color: var(--color-index);
	color: #fff;
	filter: opacity(0.8);
}
.card.card-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}
.card.card-mask.mask-t {
	bottom: inherit;
}
.card.card-mask.mask-r {
	left: inherit
}
.card.card-mask.mask-b {
	top: inherit;
}
.card.card-mask.mask-l {
	right: inherit
}
.card.card-mask.mask-iframe {
	border: none;
}
.card.card-mask.mask-centor {
	grid-template-rows: auto max-content auto;
	display: grid;
}
.card.card-mask.mask-centor>.card-head {
}
.card.card-mask.mask-centor>.card-body {
	margin: auto;
}
.card.card-mask.mask-centor>.card-foot {
}

.card.card-mask.mask-full{
	display: flex;
	flex-direction: column;
}
.card.card-mask.mask-full> .card-head{
	overflow: unset;
	flex: none;
}
.card.card-mask.mask-full> .card-body{
	overflow-x: hidden;
	overflow-y: auto;
	flex: auto;
}
.card.card-mask.mask-full> .card-foot{
	overflow: unset;
	flex: none;
}


.card.card-label.hover>span {
	color: #fff;
}
.card.card-menubar {
	padding: unset;
}
.card.card-menubar ul {
	padding-left: unset;
}
.card.card-menubar li {
	list-style-type: none;
	background-color: #fff;
	line-height: 2em;
}
.card.card-menubar a {
	display: block;
	text-decoration: none;
	padding: 0.25em 0.5em;
	border-bottom: 1px solid #ddd;
	color: var(--color-index);
}
.card.card-menubar span {
	display: block;
	padding: 0.25em 0.5em;
	background-color: var(--color-index);
	color: #fff;
}
.card.card-namecode {
	border: 1px solid;
	border-radius: 0.5em;
	padding: 0.5em;
}
.card.card-namecode>.card-name {
	display: block;
	font-size: 1em;
	text-align: center;
}
.card.card-namecode>.card-code {
	display: block;
	font-size: 1.28em;
	text-align: center;
}
.card.card-namecode>.card-line {
	height: 0;
	border-top: 1px solid;
	opacity: 0.6;
}
/* 一般布局的颈部的卡片 */

/*
	* 分页卡片信息
*/
.card.card-pager {
}
.card.card-pager ul {
	padding: initial;
	display: inline-flex;
	list-style-type: none;
	margin: unset;
}
.card.card-pager ul li {
	padding: 0.25em;
	margin: 0.25em;
}
.card.card-pager ul li.active {
}
.card.card-pager ul a {
	text-decoration: none;
	color: initial;
}
.card.card-pager ul li.active a {
	color: var(--color-index);
	font-weight: bold;
}

.card.card-pager.pager-style-1{}
.card.card-pager.pager-style-1 ul {
	padding: initial;
	display: inline-flex;
	list-style-type: none;
	margin: unset;
}
.card.card-pager.pager-style-1 ul li {
	padding: 0.5em 1em;
	margin: 0.25em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5em;
	background: #f9fafb;
	cursor: pointer;
	font-size: 0.92em;
}
.card.card-pager.pager-style-1 ul li.active {
	background: var(--color-index);
	color: #fff;
}
.card.card-pager.pager-style-1 ul a {
	text-decoration: none;
	color: initial;
}
.card.card-pager.pager-style-1 ul li.active a {
	background:var(--color-index);
	color: #fff;
}



.card.card-pager.pager-style-2{}
.card.card-pager.pager-style-2 ul {
	padding: initial;
	display: inline-flex;
	list-style-type: none;
	margin: unset;
}
.card.card-pager.pager-style-2 ul li {
	padding: 0.5em 1em;
	margin: 0.25em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5em;
	background: #fff;
	cursor: pointer;
	font-size: 0.92em;
	border: 1px solid #eee;
}
.card.card-pager.pager-style-2 ul li.active {
	background: var(--color-index);
	color: #fff;
}
.card.card-pager.pager-style-2 ul a {
	text-decoration: none;
	color: initial;
}
.card.card-pager.pager-style-2 ul li.active a {
	background:var(--color-index);
	color: #fff;
}


.card.card-popup {
	position: fixed;
	overflow: hidden;
	border: 1px solid #9E9E9E;
	box-shadow: 0 0 2px 0 #9E9E9E;
	box-sizing: border-box;
	z-index: 6519;
	grid-template-rows: max-content auto max-content;
	display: grid;
	border-radius: 0.5rem;
	background-color: rgba(255, 255, 255, 0.8);
	max-height: 80%;
}
.card.card-popup>.card-head {
}
.card.card-popup>.card-body {
	padding: 0.5rem;
}
.card.card-popup>.card-foot {
	padding: 0.5rem;
}
.card.card-popup>.card-head i {
	line-height: initial;
}
/*
	<div class="card card-roll" data-direct="vertical">
    	<div class="roll-item">数据一</div>
        <div class="roll-item">数据一</div>
        <div class="roll-item">数据一</div>
        <div class="roll-item">数据一</div>
        <div class="roll-item">数据一</div>
        <div class="roll-item">数据一</div>
        <div class="roll-item">数据一</div>
    </div>
*/

.card.card-slide{
	position: relative;
	display: inline-block;
	text-align: left;
}
.card.card-full {
	display: flex;
	position: relative;
	height: 100%;
	flex-direction: column;
}
.card.card-slide>.card-head {
	overflow: unset;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #0000004a;
	z-index: 1;
}
.card.card-slide>.card-body {
	overflow: hidden;
}
.card.card-slide>.card-foot {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.card.card-slide>.card-foot>.slide-prev{
	width: 0;
	height: 0;
	left: 0;
	top: 50%;
	position: absolute;
	cursor: pointer;
}
.card.card-slide>.card-foot>.slide-next{
	width: 0;
	height: 0;
	right: 0;
	top: 50%;
	position: absolute;
	cursor: pointer;
}
.card.card-slide>.card-foot>.slide-prev:before {
	font-family: kuoqi;
	content: "\F6527";
	color: #fff;
	position: absolute;
	left: 0;
	background: #00000052;
	width: 3rem;
	height: 6rem;
	font-size: 2rem;
	align-items: center;
	justify-content: center;
	display: flex;
	top: -3rem;
	opacity: 0;
}
.card.card-slide>.card-foot>.slide-next:before {
	font-family: kuoqi;
	content: "\F6525";
	color: #fff;
	position: absolute;
	right: 0;
	background: #00000052;
	width: 3rem;
	height: 6rem;
	font-size: 2rem;
	align-items: center;
	justify-content: center;
	display: flex;
	top: -3rem;
	opacity: 0;
}
.card.card-slide>.card-foot>.slide-prev:hover:before{
	opacity: 1;
	transition: 0.5s;
}
.card.card-slide>.card-foot>.slide-next:hover:before{
	opacity: 1;
	transition: 0.5s;
}
.card.card-slide>.card-foot>.slide-slidebar{
	height: 0;
	right: 0;
	position: absolute;
	cursor: pointer;
	bottom: 2rem;
	width: 100%;
	text-align: center;
}
.card.card-slide>.card-body:before {
	content: "";
	display: block;
}
.card.card-slide>.card-body>img{
	width: 100%;
	object-fit: cover;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.card.card-slide.slide-1x1>.card-body:before {
	margin-top: 100%;
}
.card.card-slide.slide-16x11>.card-body:before {
	margin-top: 68.75%;
}
.card.card-slide.slide-16x9>.card-body:before {
	margin-top: 56.25%;
}
.card.card-slide.slide-4x3>.card-body:before {
	margin-top: 75%;
}
.card.card-slide.slide-2x1>.card-body:before {
	margin-top: 50%;
}
.card.card-slide.slide-25x12>.card-body:before {
	margin-top: 48%;
}
.card.card-slide.slide-20x9>.card-body:before {
	margin-top: 45%;
}
.card.card-slide.slide-16x7>.card-body:before {
	margin-top: 43.75%;
}
.card.card-slide.slide-8x3>.card-body:before {
	margin-top: 37.5%;
}
.card.card-slide.slide-3x1>.card-body:before {
	margin-top: 33.333333%;
}
.card.card-slide.slide-4x1>.card-body:before {
	margin-top: 25%;
}
.card.card-slide.slide-5x1>.card-body:before {
	margin-top: 20%;
}
.card.card-slide.slide-6x1>.card-body:before {
	margin-top: 16.666666%;
}
.card.card-slide.slide-3x4>.card-body:before {
	margin-top: 133.333333%;
}
.card.card-slide.slide-5x7>.card-body:before {
	margin-top: 140%;
}
.card.card-slide.slide-9x16>.card-body:before {
	margin-top: 177.777777%;
}
.card.card-slide>.card-foot .slide-slidebar-btn{
	width: 1rem;
	height: 1rem;
	background: var(--color-border);
	display: inline-block;
	margin: 0.25rem;
}
.card.card-slide>.card-foot .slide-slidebar-btn.show{
	background: var(--color-index);
}

/*专业的开关卡片*/
.card.card-switch {
}
.card.card-roll {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.card.card-roll .roll-win { /*transition: 0.1s cubic-bezier(1, 1, 0.01, 0.01);*/
}
.card.card-roll .roll-item {
	position: relative;
}
.card.card-roll .roll-item.active {
	color: #d00;
	color: var(--color-index);
}
.card.card-roll.roll-none {
	position: relative;
	width: auto;
}
.card.card-roll.roll-none .roll-win {
	width: 100%;
	overflow: auto;
}
.card.card-roll.roll-none .roll-content {
	width: max-content;
}
.card.card-roll.roll-none .roll-item {
	position: relative;
	display: inline-block;
}
/*
	* card-switch
*/
.card.card-switch {
	border: 1px solid var(--color-index);
	display: inline-block;
	font-size: 0.86em;
	box-sizing: border-box;
	border-radius: 1em;
	overflow: hidden;
	position: relative;
}
.card.card-switch span {
	position: relative;
	background-color: #fff;
	padding: 0.25em 0.5em;
	display: inline-block;
	cursor: pointer;
	color:var(--color-index);
}
.card.card-switch .active {
	background-color: var(--color-index);
	color: #fff;
}
/*
	* card-toggle
*/
.card.card-toggle {
	position: relative;
	opacity: 0.95;
	transition: 0.5s;
}
.card.card-toggle>.card-head:after {
	font-family: kuoqi;
	font-style: initial;
	width: 1em;
	height: 1em;
	text-align: center;
	display: inline-block;
	vertical-align: 0;
	fill: currentcolor;
	content: "\F6525";
	max-width: 100%;
}
.card.card-toggle.open {
}
.card.card-toggle.open>.card-head:after {
	content: "\F6526";
}
.card.card-toggle>.card-head {
	position: relative;
	user-select: none;
	display: flex;
	align-items: center;
}
.card.card-toggle>.card-head>.card-title {
	flex: auto;
}
.card.card-toggle>.card-body {
	position: relative;
	transition: unset;
	height: 0;
	overflow: hidden;
	padding-top: unset;
	padding-bottom: unset;
}
.card.card-toggle.open>.card-head {
	transition: 0.5s;
}
.card.card-toggle.open>.card-body {
	transition: unset;
	height: auto;
}
.card.card-toggle.toggle-normal {
	border: 1px solid #C2185B;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
}
.card.card-toggle.toggle-normal>.card-head {
	position: relative;
	background-color: #C2185B;
	background-color: var(--color-index);
	color: #fff;
	padding: 0.5em;
	filter: opacity(0.95);
	display: flex;
	align-items: center;
}
.card.card-toggle.toggle-normal>.card-head>div {
	flex: 1 0 0;
	max-width: 100%;
}
.card.card-toggle.toggle-normal>.card-body {
	position: relative;
	background-color: #fff;
}


/**
	*the new version of card-tree
	* date 2025.09.25
*/
.card.card-tree {
}
.card.card-tree.tree-islast {
}

.card.card-tree>.card-head {
	display: flex;
	align-items: center;
}
.card.card-tree>.card-head>.tree-icon:before {
	font-size: 1.2em;
	font-family: kuoqi;
	content: "\F6570";
}
.card.card-tree .tree-icon {
	width: 1.25em;
}
.card.card-tree>.card-body {
}
.card.card-tree>.card-foot {
}
.card.card-tree>.card-foot>.card.card-tree {
	margin-left: 1rem;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.card.card-tree.tree-isclosed {
}
.card.card-tree.tree-isclosed>.card-head>.tree-icon:before {
	content: "\F6569";
}
.card.card-tree.tree-islast>.card-head>.tree-icon:before {
	content: "";
}
.card.card-tree .card-head>.tree-headbox {
	width:100%;
}
.card.card-tree.tree-isclosed>.card-foot {
	height: 0;
	overflow: hidden;
}
/**
	* tree卡片功能，选择树枝卡片
*/
.card.card-tree[data-id]{
}
.card.card-tree[data-id].tree-islast {
	display: inline-block;
}
.card.card-tree[data-id].tree-islast .tree-icon{
	display:none;
}

.card.card-form-item {
	outline-color: var(--color-index);
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.5rem;
	font-size: 1em;
	background-color: #fff;
}
.card.card-form-item:hover, .card.card-form-item:active, .card.card-form-item.hover, .card.card-form-item.active {
	border: 1px solid var(--color-index);
	box-shadow: 0 0 1px;
}
.card.card-form-item:hover>.card-head, .card.card-form-item:active>.card-head, .card.card-form-item.hover>.card-head, .card.card-form-item.active>.card-head {
	border-bottom: 1px solid var(--color-index);
}
.card.card-form-item>.card-head {
	border-bottom: 1px solid var(--color-border);
}
.card.card-form-item>.card-body {
}
.card.card-form-item>.card-foot {
	border-top: 1px solid var(--color-border);
}
.card.card-form-inpselect {
	display: flex;
	outline-color: var(--color-index);
	border: 1px solid var(--color-index);
	border-radius: 0.5em;
	width: 100%;
	box-sizing: border-box;
	flex: auto;
}
.card.card-form-inpselect input {
	outline-color: var(--color-index);
	padding: 0.5em 0.75em;
	border-radius: 0.5em;
	width: 100%;
	box-sizing: border-box;
	flex: auto;
	border: none;
}
.card.card-form-inpselect button {
	outline-color: var(--color-index);
	padding: 0.5em 0.75em;
	border-radius: 0.5em;
	box-sizing: border-box;
	flex: none;
	border: none;
	background-color: var(--color-index);
	color: #fff;
}
/*card card-tab*/
.card.card-tab {
}
.card.card-tab.tab-iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: grid;
	grid-template-rows: max-content auto max-content;
}
.card.card-tab>.card-head {
	display: flex;
	border-bottom: 1px solid var(--color-index);
}
.card.card-tab>.card-body {
}
.card.card-tab.tab-iframe>.card-body {
	width: 100%;
	height: 100%;
	border: none;
	box-sizing: border-box;
}
.card.card-tab>.card-head>div {
	border: 1px solid var(--color-index);
	border-bottom: 0;
	padding: 0.25em;
	color: var(--color-index);
	cursor: pointer;
}
.card.card-tab>.card-head>div.active {
	background-color: var(--color-index);
	color: #fff;
}
.card.card-tab>.card-body>div[data-act] {
	display: none;
}
.card.card-tab>.card-body>div[data-act].open {
	display: block;
}
.card.card-tab.tab-simple {
}
.card.card-tab.tab-simple>.card-head {
	border-bottom: 3px solid var(--color-border);
}
.card.card-tab.tab-simple>.card-head>div {
	border: unset;
	color: var(--color-index);
	position: relative;
}
.card.card-tab.tab-simple>.card-head>div:after {
	content: "";
	position: absolute;
	width: 100%;
	bottom: -2px;
	height: 1px;
	background-color: var(--color-border);
	left: 0;
}
.card.card-tab.tab-simple>.card-head>div.active {
	background-color: unset;
	color: var(--color-index);
}
.card.card-tab[data-format="vertical"] {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto;
}
.card.card-tab[data-format="vertical"]>.card-head {
	display: block;
	border: unset;
	background-color: #fafafa;
}
.card.card-tab[data-format="vertical"].tab-simple>.card-head {
	border: unset;
}
.card.card-tab[data-format="vertical"]>.card-body {
}
.card.card-tab[data-format="vertical"]>.card-head>div {
	border: unset;
	border-bottom: 1px solid var(--color-index);
	color: var(--color-index);
}
.card.card-tab[data-format="vertical"]>.card-head>div.active {
	background-color: var(--color-index);
	color: #fff;
}
.card.card-tab[data-format="vertical"].tab-simple>.card-head>div {
	border: unset;
}
.card.card-tab[data-format="vertical"]>.card-head>[data-tpid]:last-child {
	border-bottom: unset;
}
.card.card-tab[data-format="vertical"]>.card-head>[data-tpid].active {
	background-color: var(--color-index);
	color: #fff;
}
.card.card-tab[data-format="vertical"]>.card-body>[data-tpid] {
}
.card.card-tab[data-format="vertical"]>.card-body>[data-tpid].open {
	display: block;
}
.card.card-tab[data-format="vertical"].tab-simple>.card-head>div:after {
	content: unset;
}
.card.card-tab.tab-marguee {
	width: 100%;
	overflow-x: hidden;
}
.card.card-tab.tab-marguee>.card-head {
	width: 100%;
	overflow-x: scroll;
}
.card.card-tab.tab-marguee>.card-head>div {
	flex: none;
}
.card.card-tab.tab-process {
	position: relative;
}
.card.card-tab.tab-process>.card-head {
	display: flex;
	justify-content: space-between;
	border: unset;
}
.card.card-tab.tab-process>.card-head>div {
	display: inline-block;
	border: unset;
	padding: unset;
}
.card.card-tab.tab-process>.card-head>div:before {
	content: "";
	width: 1rem;
	height: 1rem;
	display: block;
	background: var(--color-index);
	border-radius: 50%;
	margin: 0.5rem auto auto auto;

}
.card.card-tab.tab-process>.card-head:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: var(--color-index);
	top: 1em;
}
.card.card-tab.tab-process>.card-head>div.active{
	background: unset;
	color: var(--color-index);
}


.card.card-input {
	outline-color: var(--color-index);
	padding: 0.375rem 0.5rem;
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.5rem;
	min-height: 2.375rem;
}
/* 表格卡片 */
.card.card-table {
}
.card.card-table>.card-head {
}
.card.card-table>.card-head>.card-title {
}
.card.card-table>.card-body {
	overflow-x: auto;
}
.card.card-table>.card-foot {
	display: flex;
	padding-top: 0.5rem;
	align-items: center;
}
.card.card-table>.card-foot .table-pager-desc {
	flex: auto;
}
.card.card-table>.card-foot .table-pager-pagebox {
	background-color: #fff;
}
.card.card-table>.card-foot .table-pager-pagecountbar {
	border: 1px solid #dedede;
	border-color: var(--color-index);
	color: var(--color-index);
	margin: auto;
	display: inline-block;
}
.card.card-table>.card-foot .table-pager-pagerbar {
	border: 1px solid #dedede;
	border-color: var(--color-index);
	color: var(--color-index);
	margin: auto;
	display: inline-block;
}
.card.card-table>.card-foot .table-pager-pagecountbar span {
	padding: 0 0.25rem;
	font-size: 0.85rem;
}
.card.card-table>.card-foot .table-pager-pagerbar span {
	padding: 0 0.25rem;
	font-size: 0.85rem;
}
.card.card-table>.card-foot .table-pager-pagecountbar input {
	width: 3rem;
	padding: 0 0.25rem;
	text-align: center;
	border: unset;
	border-left: 1px solid var(--color-index);
	height: 2rem;
}
.card.card-table>.card-foot .table-pager-pagerbar input {
	width: 3rem;
	padding: 0 0.25rem;
	text-align: center;
	border: unset;
	border-left: 1px solid var(--color-index);
	height: 2rem;
}
.card.card-table>.card-foot .table-pager-ul {
	list-style: none;
	margin: unset;
	display: flex;
	padding-left: 0;
}
.card.card-table .table {
	width: 100%;
	border: 1px solid #dadada;
}
.card.card-table .table tr {
}
.card.card-table .table>thead {
	background-color: var(--color-index);
	color: #ffffff;
}
.card.card-table .table th {
	padding: 0.5em;
}
.card.card-table .table th:first-child {
}
.card.card-table .table td {
	color: #222222;
	border-top-color: rgb(255, 255, 255);
	border-right-color: rgb(219, 219, 219);
	border-bottom-color: rgb(243, 243, 243);
	border-left-color: rgb(219, 219, 219);
	padding: 0.5em;
}
.card.card-table .table td a.btn {
	margin-left: 0.25rem;
}
.card.card-table .table td a.btn:first-child {
	margin-left: 0rem;
}
.card.card-table .table tr:nth-child(2n) {
}
.card.card-table .table tr:nth-child(2n+1) {
}
.card.card-table .table tr:nth-child(2n) td {
	background-color: #fbfbfb;
	box-shadow: inset 0 0 1px #e5e5e5;
}
.card.card-table .table tr:nth-child(2n+1) td {
	background-color: #fff;
}
.card.card-table .table tr:first-child {
}
.card.card-table .table tr:last-child {
}
.card.card-table .table tr:hover, .card.card-table .table tr:active, .card.card-table .table tr.hover, .card.card-table .table tr.active {
}
.card.card-table .table tr:hover td, .card.card-table .table tr:active td, .card.card-table .table tr.hover td, .card.card-table .table tr.active td {
	background-color: #e6e6e6;
}
/*form*/

/*card card-tabmenu的基本属性信息*/
.card.card-tabmenu {
	height: 100%;
	display: grid;
	grid-template-rows: max-content auto;
}
.card.card-tabmenu .card-head {
	background-image: linear-gradient(181deg, var(--color-index), var(--color-sub-index));
	padding-top: 2px;
	padding-left: 2px;
	display: flex;
	text-align: center;
	align-items: center;
	overflow: hidden;
}
.card.card-tabmenu .tabmenu-tab {
	position: relative;
	-ms-flex: 1 0 auto;
	flex: 1 0 0;
	max-width: 100%;
	display: inline-flex;
	overflow-x: auto;
}
.card.card-tabmenu .tabmenu-ctl {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	max-width: 100%;
	padding-right: 0.25rem;
	padding-left: 1rem;
}
.card.card-tabmenu .tabmenu-control-refresh {
	color: #fff;
	cursor: pointer;
}
.card.card-tabmenu .tabmenu-control-box {
	color: #fff;
}
.card.card-tabmenu .tabmenu-tab li {
	list-style-type: none;
	padding: 0.25rem 0.75rem;
	align-items: center;
	border: 1px solid var(--color-sub-index);
	border-left-width: 0;
	border-bottom-width: 0;
	border-top-right-radius: 0.5rem;
	border-top-left-radius: 0.5rem;
	transition: 0.4s;
	display: flex;
	position: relative;
	color: white;
	background-color: var(--color-index);
	user-select: none;
}
.card.card-tabmenu .tabmenu-tab li:first-child {
	border-left-width: 1px;
}
.card.card-tabmenu .tabmenu-tab li i {
	margin-left: 0.25rem;
	font-size: 0.8em;
}
.card.card-tabmenu .tabmenu-tab li span {
	font-size: 0.85rem;
	cursor: pointer;
	display: inline-block;
	word-break: keep-all;/* color: var(--color-index); */
}
.card.card-tabmenu .tabmenu-tab li.active, .card.card-tabmenu .tabmenu-tab li:hover, .card.card-tabmenu .tabmenu-tab li:active {
	color: var(--color-index);
	background-color: white;
}
.card.card-tabmenu .tabmenu-tab li.tabmenu-menubtn.active, .card.card-tabmenu .tabmenu-tab>li.tabmenu-menubtn:hover, .card.card-tabmenu .tabmenu-tab>li.tabmenu-menubtn:active {
	background-color: var(--color-index);
	color: #fff;
}
.card.card-tabmenu .tabmenu-tab li.active span {
}
.card.card-tabmenu .tabmenu-tab li.active i {
}
.card.card-tabmenu .tabmenu-tab .tabmenu-menubtn {
	padding: 0.25rem 0;
	text-align: center;
	justify-content: center;
}
.card.card-tabmenu .tabmenu-tab .tabmenu-menubtn>i {
}
.card.card-tabmenu .tabmenu-tab .tabmenu-menubtn>ul {
	position: absolute;
	right: 0;
	margin: unset;
	top: 0;
	z-index: 1;
	height: 0;
	overflow: hidden;
	width: 120px;
}
.card.card-tabmenu .tabmenu-tab>li.tabmenu-menubtn:hover ul, .card.card-tabmenu .tabmenu-tab>li.tabmenu-menubtn:active ul, .card.card-tabmenu .tabmenu-tab>li.tabmenu-menubtn:focus-within ul {
 height:auto;
}
.card.card-tabmenu .tabmenu-tab li ul {
	padding: initial;
}
.card.card-tabmenu .tabmenu-tab li ul li {
	background-color: var(--color-sub-index);
	border-radius: unset;
	border: 1px solid var(--color-index);
	border-top: none;
}
.card.card-tabmenu .tabmenu-tab li ul li span {
	cursor: pointer;
	flex: auto;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.card.card-tabmenu .tabmenu-tab li ul li i {
}
.card.card-tabmenu .tabmenu-win {
	position: relative;
}
.card.card-tabmenu .tabmenu-win iframe {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	display: none;
}
.card.card-tabmenu .tabmenu-win iframe.active {
	display: block;
}
.card.card-tab.tab-line {
}
.card.card-tab.tab-line>.card-head {
}
.card.card-tab.tab-line>.card-win {
}
/* 卡片系列中 关于选择框的卡片，最后一个选择框会使用单行模式，其它选择框使用多行模式的卡片 */
.card.card-xcheckbox {
	position: relative;
}
.card.card-xcheckbox li {
	list-style-type: none;
	padding: 0.25em 0.5em;
}
.card.card-xcheckbox ul {
	margin: unset;
	padding: inherit;
	padding-left: 1em;
}
.card.card-xcheckbox ul li {
	display: inline-block;
	padding: 0.25em 0.5em;
}
/*item卡片*/
.card.card-item.item-canclick {
	cursor: pointer;
	transition: 0.5s;
}
.card.card-item.item-canclick:active,.card.card-item.item-canclick:hover{
	border-color: var(--color-index);
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	transition: 0.2s;
}
.card.card-item.item-toggle {
	border-bottom: 1px solid #dedede;
}
.card.card-item.item-toggle.item-href {
	cursor: pointer;
}
.card.card-item.item-toggle:first-child {
	border-top: 1px solid #dedede;
}
.card.card-item.item-toggle:hover, .card.card-item.item-toggle:active, .card.card-item.item-toggle.hover, .card.card-item.item-toggle.active {
}
/*item-paginate*/
.card.card-item.item-paginate {
	border-bottom: 1px solid #dedede;
	transition: 0.404s;
	padding: 0.5rem;
}
.card.card-item.item-paginate.item-href {
	cursor: pointer;
}
.card.card-item.item-paginate:first-child {
	border-top: 1px solid #dedede;
}
.card.card-item.item-paginate:hover, .card.card-item.item-paginate:active, .card.card-item.item-paginate.hover, .card.card-item.item-paginate.active {
	transition: 0.404s;
}
.card.card-item.item-cpanel {
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	transition: 0.2s;
}
.card.card-item.item-cpanel>.card-head {
	border-bottom: 1px solid;
}
.card.card-item.item-cpanel>.card-body {
}
.card.card-item.item-cpanel>.card-foot {
}
.card.card-item.item-cpanel:hover{
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}


.card.card-item.item-innerline {
	border-top: 1px solid var(--color-border);
}
.card.card-item.item-innerline:first-child {
	border-top-width: 0;
}
.card.card-item.item-select {
	background-color: var(--color-sub-index);
	cursor: pointer;
	color: #fff;
	padding: 0.25rem;
}
.card.card-item.item-select:hover, .card.card-item.item-select.hover, .card.card-item.item-select:active, .card.card-item.item-select.active {
	background-color: var(--color-index);
}
/*.card.card-item end*/

.card-plugin-slideconfig {
	box-shadow: inset 0 0 4px;
	border-radius: 0.25rem;
}
.card-plugin-slideconfig>input {
	display: none;
}
.card-plugin-slideconfig:hover>input {
	display: inline-block;
}

.card.card-imgs {
	outline-color: var(--color-index);
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.5rem;
	font-size: 1em;
	background-color: #fff;
}
.card.card-imgs:hover, .card.card-imgs:active, .card.card-imgs.hover, .card.card-imgs.active {
	border: 1px solid var(--color-index);
	box-shadow: 0 0 1px;
}
.card.card-imgs:hover>.card-head, .card.card-imgs:active>.card-head, .card.card-imgs.hover>.card-head, .card.card-imgs.active>.card-head {
	border-bottom: 1px solid var(--color-index);
}
.card.card-imgs>.card-head {
	border-bottom: 1px solid var(--color-border);
}
.card.card-imgs>.card-body {
}
.card.card-imgs>.card-body>img {
	width: auto;
	height: 120px;
	box-shadow: 0 0 1px 0;
	border-radius: 0.25rem;
	margin: 0.25rem;
	margin-left: 0;
}
.card.card-imgs>.card-foot {
	border-top: 1px solid var(--color-border);
}
.card.card-full {
	display: flex;
	position: relative;
	height: 100%;
	flex-direction: column;
}
.card.card-full>.card-head {
	overflow: unset;
	flex: none;
}
.card.card-full>.card-body {
	overflow-x: hidden;
	overflow-y: auto;
	flex: auto;
}
.card.card-full>.card-foot {
	overflow: unset;
	flex: none;
}
.card.card-full.full-centor {
	justify-content: center;
	align-items: center;
}
.card.card-full.full-centor>.card-head {
	flex: auto;
}
.card.card-full.full-centor>.card-body {
	margin: auto;
	flex: none;
}
.card.card-full.full-centor>.card-foot {
	flex: auto;
}
.card.card-box {
	position: relative;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.card.card-box.box-inline {
	display: inline-block;
}
.card.card-box:before {
	content: "";
	margin-top: 100%;
	display: inline-block;
}
.card.card-box>.card-body {
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.card.card-box.box-16x9:before {
	margin-top: 56.25%;
}
.card.card-box.box-4x3:before {
	margin-top: 75%;
}
.card.card-box.box-2x1:before {
	margin-top: 50%;
}
.card.card-box.box-25x12:before {
	margin-top: 48%;
}
.card.card-box.box-20x9:before {
	margin-top: 45%;
}
.card.card-box.box-16x7:before {
	margin-top: 43.75%;
}
.card.card-box.box-8x3:before {
	margin-top: 37.5%;
}
.card.card-box.box-3x1:before {
	margin-top: 33.333333%;
}
.card.card-box.box-4x1:before {
	margin-top: 25%;
}
.card.card-box.box-5x1:before {
	margin-top: 20%;
}
.card.card-box.box-6x1:before {
	margin-top: 16.666666%;
}
.card.card-box.box-3x4:before {
	margin-top: 133.333333%;
}
.card.card-box.box-5x7:before {
	margin-top: 140%;
}
.card.card-box.box-9x16:before {
	margin-top: 177.777777%;
}
.card.card-box.box-circle {
	border-radius: 50%;
	overflow: hidden;
}
.card.card-box.box-radius-1 {
	border-radius: 0.125rem;
	overflow: hidden;
}
.card.card-box.box-radius-2 {
	border-radius: 0.25rem;
	overflow: hidden;
}
.card.card-box.box-radius-3 {
	border-radius: 0.375rem;
	overflow: hidden;
}
.card.card-box.box-radius-4 {
	border-radius: 0.5rem;
	overflow: hidden;
}
.card.card-box.box-radius-5 {
	border-radius: 0.625rem;
	overflow: hidden;
}
.card.card-box.box-radius-6 {
	border-radius: 0.75rem;
	overflow: hidden;
}
.card.card-box.box-radius-7 {
	border-radius: 0.875rem;
	overflow: hidden;
}
.card.card-box.box-radius-8 {
	border-radius: 1rem;
	overflow: hidden;
}
.card.card-box.box-radius-9 {
	border-radius: 1.25rem;
	overflow: hidden;
}
.card.card-box.box-radius-10 {
	border-radius: 1.5rem;
	overflow: hidden;
}
.card.card-box.box-radius-11 {
	border-radius: 1.75rem;
	overflow: hidden;
}
.card.card-box.box-radius-12 {
	border-radius: 2.0rem;
	overflow: hidden;
}
.card.card-box.box-radius-13 {
	border-radius: 2.25rem;
	overflow: hidden;
}
.card.card-box.box-radius-14 {
	border-radius: 2.5rem;
	overflow: hidden;
}
.card.card-box.box-radius-15 {
	border-radius: 2.75rem;
	overflow: hidden;
}
.card.card-box.box-radius-16 {
	border-radius: 3rem;
	overflow: hidden;
}
.card.card-crumb {
	display: flex;
}
.card.card-crumb.crumb-large {
	font-size: large;
}
.card.card-crumb li:after {
	font-family: kuoqi;
	font-style: initial;
	content: "\F6525";
}
.card.card-crumb li:last-child:after {
	content: "";
}
.card.card-crumb li {
	list-style-type: none;
	padding-right: 0.5rem;
}
.card.card-crumb a {
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}
 @media screen and (max-width: 420px) {
.card.card-imgs>.card-body>img {
	width: 96%;
	height: auto;
	margin: 2%;
}
.card.card-imgs>.card-body>img:first-child {
	margin-top: 0;
}
}
/*
	* 卡片，拥有节点消息的那种
	card-treemsg
*/
.card.card-treemsg {
	position: relative;
	padding: 0.5rem;
}
.card.card-treemsg:before {
	content: "";
	position: absolute;
	border-left: 3px solid var(--color-index);
	height: 100%;
}
.card.card-treemsg:after {
	content: "";
	width: 1rem;
	height: 1rem;
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	left: 0rem;
	border: 2px solid var(--color-index);
	z-index: 1;
	bottom: -1rem;
}
.card.card-treemsg .treemsg-item {
	position: relative;
}
.card.card-treemsg .treemsg-item:before {
	content: "";
	width: 1rem;
	height: 1rem;
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	left: -0.5rem;
	top: -0.5rem;
	border: 2px solid var(--color-index);
	z-index: 1;
}
.card.card-treemsg .treemsg-item.active:before {
	background-color: var(--color-index);
}
.card.card-treemsg .treemsg-item.hover:before {
	background-image: repeating-radial-gradient(#fff, var(--color-index));
}
.card.card-treemsg .treemsg-item:after {
	content: "";
	width: 2rem;
	height: 0.125rem;
	position: absolute;
	background-color: var(--color-index);
	left: 0.5rem;
}
.card.card-treemsg .treemsg-itembox {
	border: 2px solid var(--color-index);
	margin-bottom: 0.5rem;
	display: inline-block;
	max-width: 100%;
	margin-left: 1.5rem;
	word-break: break-all;
}
/*
	* 手风琴卡片
*/
.card.card-accordion[data-format="vertical"] {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.card.card-accordion[data-format="vertical"]>.card-head {
	flex: none;
	overflow: auto;
}
.card.card-accordion[data-format="vertical"]>.card-head>div[data-ctl] {
	background-color: var(--color-sub-index);
	color: #fff;
}
.card.card-accordion[data-format="vertical"]>.card-head>div[data-ctl].hover {
	background-color: var(--color-index);
}
.card.card-accordion[data-format="vertical"]>.card-body {
	flex: auto;
	overflow: auto;
}
.card.card-accordion[data-format="vertical"]>.card-body>div[data-act] {
}
/*
	* 模块卡片
*/
.card.card-mode {
	display: flex;
	max-height: 100%;
	overflow: hidden;
}
.card.card-mode>.card-head {
	overflow: auto;
	flex: none;
}
.card.card-mode>.card-head>.mode-menu {
	border: 1px solid var(--color-index);
	border-top: unset;
	display: block;
}
.card.card-mode>.card-head>.mode-menu:first-child {
	border-top: 1px solid var(--color-index);
}
.card.card-mode>.card-body {
	overflow: auto;
	width: 100%;
	flex: auto;
}
.card.card-mode.mode-gateway>.card-head>.mode-menu {
	padding: 0.5rem 4rem;
	cursor: pointer;
	transition: 0.5s;
	box-shadow: 0 0 2px;
	background-color: var(--color-sub-index);
	color: white;
	font-weight: bold;
}
.card.card-mode.mode-gateway>.card-head>.mode-menu:hover, .card.card-mode.mode-gateway>.card-head>.mode-menu.hover {
	background-color: var(--color-index);
	color: white;
}
.card.card-mode.mode-gateway>.card-body {
}
/*时间卡片*/
.card.card-time {
	display: inline-block;
}
/*时间轴的卡片*/
.card.card-timeaxis.vertical {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.card.card-timeaxis.vertical>.card-body {
}
.card.card-timeaxis.vertical>.card-body>.timeaxis-box {
}
.card.card-timeaxis.vertical .timeaxis-box .timeaxis-head {
	font-weight: bold;
}
.card.card-timeaxis.vertical .timeaxis-box .timeaxis-body {
}
.card.card-timeaxis.vertical .timeaxis-body .timeaxis-item {
	display: flex;
}
.card.card-timeaxis.vertical .timeaxis-item .timeaxis-itemhead {
	border-right: 1px solid;
	padding-left: 2rem;
	padding-right: 0.5rem;
	flex: none;
}
.card.card-timeaxis.vertical .timeaxis-item .timeaxis-itembody {
	padding-left: 0.5rem;
	word-break: break-all;
}
card.card-timeaxis.timeaxis-style2.vertical {
}
.card.card-timeaxis.timeaxis-style2.vertical>.card-body {
}
.card.card-timeaxis.timeaxis-style2.vertical>.card-body>.timeaxis-box {
}
.card.card-timeaxis.timeaxis-style2.vertical .timeaxis-box .timeaxis-head {
	font-weight: bold;
}
.card.card-timeaxis.timeaxis-style2.vertical .timeaxis-box .timeaxis-body {
}
.card.card-timeaxis.timeaxis-style2.vertical .timeaxis-body .timeaxis-item {
	display: flex;
}
.card.card-timeaxis.timeaxis-style2.vertical .timeaxis-item .timeaxis-itemhead {
	border-right: 1px solid;
	padding-left: 2rem;
	padding-right: 0.5rem;
	flex: none;
}
.card.card-timeaxis.timeaxis-style2.vertical .timeaxis-item .timeaxis-itembody {
	padding-left: 0.5rem;
	word-break: break-all;
}
.card.card-imagepanel {
	position: relative;
}
.card.card-imagepanel>.card-body {
	width: 0;
	height: 0;
	position: relative;
	left: 50%;
	top: 50%;
	transform-style: preserve-3d;
}
.card.card-imagepanel img {
	display: none;
	object-fit: cover;
	object-position: center;
	max-block-size: fit-content;
	max-width: fit-content;
	max-height: fit-content;
	position: absolute;
}
.card.card-footbar {
	width: 100%;
	position: fixed;
	bottom: 0;
}
.card.card-footbar>.card-body {
	display: flex;
	justify-content: space-between;
}
.card.card-footbar .footbar-item {
	text-align: center;
	display: inline-block;
}
.card.card-footbar .footbar-item a {
}
.card.card-footbar .footbar-item span {
	display: block;
}
.card.card-footbar .footbar-item i {
	font-size: 2em;
	display: block;
}
.card.card-footbar .footbar-item img{
	width: 2rem;
	height: 2rem;

}


.card.card-good {
	box-shadow: 0 0 1px 2px var(--color-index);
	border-radius: 0.25rem;
	overflow: hidden;
}
.card.card-good>.card-head {
}
.card.card-good>.card-body {
}
.card.card-good>.card-body img {
	transition: 0.5s;
}
.card.card-good:hover>.card-body img {
	transform: scale(1.2);
	transition: 0.5s;
}
.card.card-good>.card-foot {
}
.card.card-border.border-index {
	border-color:#551199;
	border-color: var(--color-index);
}
.card.card-border.border-subindex {
	border-color: var(--color-sub-index);
}
.card.card-border.border-red {
	border-color: #f9001e;
}
.card.card-border.border-green {
	border-color: #00a218;
}
.card.card-border.border-blue {
	border-color: #024cb9;
}
/*chatbox*/
.card.card-chatbox {
	overflow: hidden;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: relative;
	display: grid;
	grid-template-rows: max-content auto max-content;
}
.card.card-chatbox>.card-body {
	overflow: auto;
}
.card.card-chatbox>.card-foot {
}
/*聊天卡片*/
.card.card-chat {
	display: flex;
}
.card.card-chat.chat-my {
	direction: rtl;
}
.card.card-chat .chat-logo {
	width: 2rem;
	height: 2rem;
	direction: ltr;
	color: var(--color-index);
	box-shadow: 0 0 0 1px;
	background-color: #fff;
	border-radius: 0.5rem;
	overflow: hidden;
	flex: none;
}
.card.card-chat .chat-name {
	color: gray;
}
.card.card-chat .chat-content {
	flex: auto;
	margin-left: 0;
	margin-right: 2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.card.card-chat.chat-my .chat-content {
	margin-left: 2rem;
	margin-right: 0;
}
.card.card-chat .chat-msg {
	border-radius: 0.5rem;
	background: #fff;
	padding: 0.5rem;
	display: inline-block;
	box-shadow: 1px 1px 1px #ddd;
	white-space: pre-line;
}
.card.card-chat.chat-my .chat-msg {
	background-color: var(--color-index);
	direction: ltr;
	color: #fff;
	color: var(--color-font);
}
.card.card-chat .chat-link {
	border: 1px solid var(--color-index);
	border-radius: 0.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
	background: #fff;
	padding: 0.5rem;
}

/**
	* 模拟form表单选项的那种卡片
*/
.card.card-choose{display: flex;align-items: center;}
.card.card-choose>.card-head{}
.card.card-choose>.card-body{
	flex: auto;
	border: 2px solid var(--color-border);
	border-radius: 0.5rem;
	padding: 0.5rem;
}
.card.card-choose>.card-foot{}
.card.card-choose.choosed>.card-body{
	border: 2px solid var(--color-index);
	border-radius: 0.5rem;
	padding: 0.5rem;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.card.card-choose.choosed-err>.card-body:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #f4433654;
	z-index: -1;
}

.card.card-drag {
	border: 1px solid var(--color-border);
	box-shadow: 1px 1px 1px var(--color-border);
	border-radius: 0.25rem;
	min-height: 2rem;
}
.card.card-drag.drap-box {
}
.card.card-drag.drag-box.dragfocus {
	box-shadow: 0 0 3px var(--color-index);
}
.card.card-drag.drag-item {
	cursor: move; /* 光标样式 */
	background: var(--color-sub-index);
	margin-bottom: 0.5rem;
}
.card.card-drag.drag-item:last-child {
	margin-bottom: 0;
}
.card.card-drag.drag-item.dragfocus {
	opacity: 0.4; /* 活动时透明度降低 */
	box-shadow: 1px 1px 1px var(--color-index);
}
.card.card-drag.drag-item:active {
	background: var(--color-index);
}
.card.card-canclick {
	cursor: pointer;
}
.card.card-canclick:active,
.card.card-canclick:hover,
.card.card-canclick:focus,
.card.card-canclick:focus-within,
.card.card-canclick:checked,
.card.card-canclick::selection,
.card.card-canclick:target {
 box-shadow: 1px 1px 6px var(--color-index);
}

.card.card-ball {
	border-radius: 50%;
	/* 核心高级感：立体阴影 + 内发光 */
	box-shadow:
			inset 0 3px 6px rgba(255,255,255,0.35),  /* 顶部高光 */
			inset 0 -2px 5px rgba(0,0,0,0.2),       /* 底部暗部 */
			0 3px 8px rgba(0,0,0,0.15);             /* 外部投影 */
	background: linear-gradient(145deg, #8a929e, #6b727e, #4f5660, #383e47);
	position: relative;
	align-items: center;
	justify-content: center;
	display: flex;
}
.card.card-ball.ball-red {
	background: linear-gradient(145deg, #ff9aa2, #ff6b7a, #e63946, #c1121f);
}
.card.card-ball.ball-green {
	background: linear-gradient(145deg, #81e4c0, #4ade80, #16a34a, #0d7c3e);
}
.card.card-ball.ball-blue  {
	background: linear-gradient(145deg, #74b6ff, #3b82f6, #1d4ed8, #1e3a8a);
}
.card.card-ball.ball-yellow {
	background: linear-gradient(145deg, #ffdf70, #facc15, #e6a700, #b88600);
	color: #5c3c00;
}
.card.card-ball.ball-silvery {
	background: linear-gradient(140deg, #F9F9F9, #DADADA, #A9A9A9, #C0C0C0);
}
.card.card-ball.ball-coppery {
	background: linear-gradient(140deg, #F0D4B4, #C88F5F, #9E623C, #B67A4F);
}
.card.card-ball.ball-rank {
	background: linear-gradient(145deg, #8a929e, #6b727e, #4f5660, #383e47);
}
.card.card-ball.ball-rank:nth-child(1) {
	background: linear-gradient(140deg, #FFF9C4, #F5D76E, #D4AF37, #B8942F);
}
.card.card-ball.ball-rank:nth-child(2) {
	background: linear-gradient(140deg, #F9F9F9, #DADADA, #A9A9A9, #C0C0C0);
}
.card.card-ball.ball-rank:nth-child(3) {
	background: linear-gradient(140deg, #F0D4B4, #C88F5F, #9E623C, #B67A4F);
}
.card.card-ball.ball-1{
	background: linear-gradient(140deg, #FFF9C4, #F5D76E, #D4AF37, #B8942F);
}
.card.card-ball.ball-2{
	background: linear-gradient(140deg, #F9F9F9, #DADADA, #A9A9A9, #C0C0C0);
}
.card.card-ball.ball-3{
	background: linear-gradient(140deg, #F0D4B4, #C88F5F, #9E623C, #B67A4F);
}
/* 可选：加一点点顶部反光，更像真实球体 */
.card.card-ball::after {
	content: '';
	position: absolute;
	top: 8px;
	left: 10px;
	width: 12px;
	height: 6px;
	background: rgba(255,255,255,0.45);
	border-radius: 50%;
	filter: blur(4px);
}

.card.card-editor {
	position: relative;
}
.card.card-editor img {
	max-width: 100%;
}
.card.card-editor ol {
	list-style-type: none;
}
.card.card-editor ul {
	list-style-type: none;
}

.card.card-tips{
	color: var(--color-index);
	transition: transform 0.2s;
	border-radius: 0.75rem;
}
.card.card-tips:hover {
	transform: translateY(-3px);
}


.card.card-total {
	border: 1px solid var(--color-index);
	border-radius: 0.5rem;
	color: var(--color-index);
	filter: saturate(0.8);
}

.card.card-total>.card-head {
	border-bottom: 1px solid;
}
.card.card-total>.card-body {
}
.card.card-total>.card-foot {
}
.card.card-total:nth-child(12n+1) {
	filter: hue-rotate(0deg) saturate(0.8);
}
.card.card-total:nth-child(12n+2) {
	filter: hue-rotate(30deg) saturate(0.8);
}
.card.card-total:nth-child(12n+3) {
	filter: hue-rotate(60deg) saturate(0.8);
}
.card.card-total:nth-child(12n+4) {
	filter: hue-rotate(90deg) saturate(0.8);
}
.card.card-total:nth-child(12n+5) {
	filter: hue-rotate(120deg) saturate(0.8);
}
.card.card-total:nth-child(12n+6) {
	filter: hue-rotate(150deg) saturate(0.8);
}
.card.card-total:nth-child(12n+7) {
	filter: hue-rotate(180deg) saturate(0.8);
}
.card.card-total:nth-child(12n+8) {
	filter: hue-rotate(210deg) saturate(0.8);
}
.card.card-total:nth-child(12n+9) {
	filter: hue-rotate(240deg) saturate(0.8);
}
.card.card-total:nth-child(12n+10) {
	filter: hue-rotate(270deg) saturate(0.8);
}
.card.card-total:nth-child(12n+11) {
	filter: hue-rotate(300deg) saturate(0.8);
}
.card.card-total:nth-child(12n) {
	filter: hue-rotate(330deg) saturate(0.8);
}
/*card-code*/
.card.card-code {
	background-color: #000000c7 !important;
	color: #fff;
	font-family: fangsong;
}
.card.card-code>.card-head {
	background-color: var(--color-index);
	padding: 0.5rem 1rem;
	color: var(--color-font);
	filter: opacity(0.95);
	background-image: linear-gradient(135deg, var(--color-index), #ffffff4d);
}
.card.card-code>.card-head:hover, .card.card-code>.card-head:active {
	background-image: linear-gradient(155deg, var(--color-index), #ffffff4d);
}
.card.card-code>.card-body {
	padding: 0.5rem 1rem;
	word-wrap: break-word;
}
/*card card-login*/
.card.card-login {
	width: 480px;
	max-width: 90vw;
	border: 1px solid #fff;
	border-radius: 0.5rem;
	background: #fff;
}
.card.card-json {
	background-color: #fafafa;
}
.card.card-json>.card-head {
	background-color: var(--color-index);
	padding: 0.5rem 1rem;
	color: var(--color-font);
	filter: opacity(0.95);
	background-image: linear-gradient(135deg, var(--color-index), #ffffff4d);
}
.card.card-json>.card-head:hover, .card.card-json>.card-head:active {
	background-image: linear-gradient(155deg, var(--color-index), #ffffff4d);
}
.card.card-json>.card-body {
	padding: 0.5rem 1rem;
	word-wrap: break-word;
}
/*card-default*/
.card.card-default {
	background-color: var(--color-index);
}
.card.card-default>.card-head {
	border-bottom: 1px solid;
}
.card.card-default>.card-body {
}
.card.card-default>.card-foot {
}
.card.card-default:nth-child(12n+1) {
	filter: hue-rotate(0deg) saturate(0.8);
}
.card.card-default:nth-child(12n+2) {
	filter: hue-rotate(30deg) saturate(0.8);
}
.card.card-default:nth-child(12n+3) {
	filter: hue-rotate(60deg) saturate(0.8);
}
.card.card-default:nth-child(12n+4) {
	filter: hue-rotate(90deg) saturate(0.8);
}
.card.card-default:nth-child(12n+5) {
	filter: hue-rotate(120deg) saturate(0.8);
}
.card.card-default:nth-child(12n+6) {
	filter: hue-rotate(150deg) saturate(0.8);
}
.card.card-default:nth-child(12n+7) {
	filter: hue-rotate(180deg) saturate(0.8);
}
.card.card-default:nth-child(12n+8) {
	filter: hue-rotate(210deg) saturate(0.8);
}
.card.card-default:nth-child(12n+9) {
	filter: hue-rotate(240deg) saturate(0.8);
}
.card.card-default:nth-child(12n+10) {
	filter: hue-rotate(270deg) saturate(0.8);
}
.card.card-default:nth-child(12n+11) {
	filter: hue-rotate(300deg) saturate(0.8);
}
.card.card-default:nth-child(12n) {
	filter: hue-rotate(330deg) saturate(0.8);
}
@supports not (color: var(--color-index)) {
	/* 不支持变量的样式 */
}

.card.card-waterfall>.card-body{}
.card.card-waterfall .waterfall-item{
	position: absolute;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}

.card.card-logo{
	padding: 5%;
	overflow: hidden;
	border-radius: 50%;
}

/* 父菜单容器 - 关键：弹性布局 + 等宽分布 */
.card.card-nav{
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    transition: 1s;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.card.card-nav.nav-stuck{
    background: #fff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: 0.5s;
}
.card.card-nav.nav-index{
	background: unset;
	box-shadow:unset;
}
.card.card-nav:hover{
    background: #fff;
    transition: 0.25s;
}
.card.card-nav>.card-head {
    list-style: none;
    display: flex;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
	background: #fff;
}

.card.card-nav>.card-head>.nav-menus{
	display: flex;
}

/* 每个父菜单平均宽度 → 子菜单才能对齐 */
.card.card-nav>.card-head  li {
	text-align: center;
	position: relative;
}

.card.card-nav>.card-head  li > a {
	display: block;
	text-decoration: none;
	color: #555;
}
.card.card-nav>.card-head li > a:active,.card.card-nav>.card-head li > a.active{
	color: var(--color-index) !important;
}

.card.card-nav.nav-stuck>.card-head li > a{
	color: #555 !important;
}
.card.card-nav.nav-stuck>.card-head li > a:active, .card.card-nav.nav-stuck>.card-head li > a.active{
	color: var(--color-index) !important;
}
/* 子菜单外层容器 */
.card.card-nav>.card-body  {
    display: flex;
    overflow: hidden;
    width:100%;
    position: fixed;
    height: auto;
    top:-9999px;
}

/* 每个子菜单组 = 父菜单宽度一致，强制对齐 */
.card.card-nav>.card-body > ul {
    flex: 1;
    list-style: none;
    padding: 0;
    text-align: center;
    margin-top: 1rem;
}

.card.card-nav>.card-body > ul > li {
    margin-bottom: 8px;
}

.card.card-nav>.card-body > ul > li > a {
    text-decoration: none;
    color: #555;
}
.card.card-nav:hover>.card-head li > a{
	color: #555;
}
.card.card-nav.nav-container>.card-head,
.card.card-nav.nav-container>.card-body{
    padding-right: 0.625em;
    padding-left: 0.625em;
    box-sizing: border-box;
}
.card.card-nav.nav-container>.card-head{
    position: unset;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.card.card-nav.nav-container>.card-body{
    background: #f8f9fa;
}

.card.card-nav.nav-index>.card-head{
	background: unset;
}
.card.card-nav.nav-index>.card-head li > a{
	color: #fff;
}
.card.card-nav.nav-index:hover>.card-head li > a{
	color: #555;
}
@media (min-width: 1200px) {
    .card.card-nav.nav-container>.card-head {
        max-width: 1190px;
    }
}
@media (min-width: 1680px) {
    .card.card-nav.nav-container>.card-head{
        max-width: 1670px;
    }
}/** 关于按钮模块的信息 */
/******************************************************/
/***************      form    *************************/
/******************************************************/
.form {
	display: block;
	word-break: break-all;
	margin: 0;
}
.form.form-small {
	font-size: small;
}
.form.form-large{
	font-size: large;
}

.form-input {
	font: 400 1rem Arial;
	display: inline-block;
	vertical-align: bottom;
	outline: none;
	outline-color: var(--color-index);
	padding: 0.375em 0.5em;
	border: 1px solid var(--color-border);
	border-radius: 0.5em;
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	transition: 0.5s;
	line-height: 1.5em;
}
.form-input.error {
	border-color: red;
}
.form-video {
	outline-color: var(--color-index);
	padding: 0.5rem 0.5rem;
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.5rem;
	font-size: 1em;
	background-color: #fff;
	max-width: 400px;
}
.form-video video{
	width: 100%;
}

div.form-input {
	display: flex;
}
div.form-input input {
	border: none;
	width: 100%;
	box-sizing: border-box;
	font-size: 1em;
	outline: none;
}

.form-noborder {
	box-sizing: border-box;
	line-height: 1.5rem;
	font-size: 1em;
	border: 0 !important;
	width: 100%;
	outline: none !important;
}
.form-number:hover,
.form-number:active,
.form-number.hover,
.form-number.active,
.form-label:hover,
.form-label:active,
.form-label.hover,
.form-label.active,
.form-video:hover,
.form-video:active,
.form-video.hover,
.form-video.active{
	border: 1px solid var(--color-index);
	transform: translateY(-1px);
}
.form-input:hover,
.form-input:active,
.form-input.hover,
.form-input.active{
	border: 1px solid var(--color-index);
}
.form .form-item,form .form-item{
	margin-bottom: 1em;
}
.form-select {
	font: 400 1rem Arial;
	outline: none;
	outline-color: var(--color-index);
	border: 1px solid var(--color-border);
	border-radius: 0.5em;
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	transition: 0.5s;
	padding: 0.525em 0.5em;
	line-height: 1.5em;
}
.form-select:hover, .form-select:active, .form-select.hover.form-select.active {
	border: 1px solid var(--color-index);
	outline: unset;
	background-color: var(--color-index);
	color: #fff;
}
.form-select option {
	outline: none;
	font-weight: normal;
	white-space: initial;
	min-height: initial;
	outline-color: var(--color-index);
	padding: 0.35em 0.5em;
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 1em; /* width: 100%; */
	transition: 0.5s;
	color: var(--color-index);
}
.form-button {
	font: 400 1rem Arial;
	padding: 0.375em 0.5em;
	vertical-align: bottom;
	outline: none;
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	transition: 0.5s;
	line-height: 1.5em;
	display: inline-block;
	background:var(--color-index) linear-gradient(164deg, var(--color-index), #ffffff4d);
}

.form-button:active, .form-button:hover, .form-button.active, .form-button.hover {
	box-shadow: inset 0 0 6px 1px #fff;
	background-image: linear-gradient(344deg, var(--color-index), #ffffff4d);
}
.form-button.disabled {
	background-color: var(--color-border);
}
.form-textarea {
	box-sizing: border-box;
	outline-color: var(--color-index);
	padding: 0.338em;
	border: 1px solid var(--color-border);
	border-radius: 0.5em;
	width: 100%;
	font: 400 1rem Arial;
	line-height: 1.2;
	outline: unset;
}
.form-textarea:hover, .form-textarea:active, .form-textarea:focus, .form-textarea.hover.form-textarea.active, .form-textarea.focus {
	border: 1px solid var(--color-index);
}
.form-noradiusl {
	border-top-left-radius: unset !important;
	border-bottom-left-radius: unset !important;
}
.form-noradiusr {
	border-top-right-radius: unset !important;
	border-bottom-right-radius: unset !important;
}
.form.form-line {
	display: flex;
}
.form.form-line .line-auto {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	max-width: 100%;
}
.form.form-line .line-other {
	-ms-flex: 1 0 auto;
	flex: 1 0 0;
	max-width: 100%;
}
.form.form-line>input {
	flex: auto;
	width: 100%;
	outline-color: var(--color-index);
	border: 1px solid var(--color-border);
}
.form.form-line>select {
	flex: none;
	outline-color: var(--color-index);
	padding: 0.5em 0.75em;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
}
.form.form-line>button, .form.form-line>a {
	flex: none;
}
.form.form-line>.form-other {
	flex: auto;
	width: 100%;
	outline-color: var(--color-index);
	padding: 0.5em 0.75em;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
}
.form.form-line>.form-auto {
	flex: none;
	outline-color: var(--color-index);
	padding: 0.5em 0.75em;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
}
.form.form-search {
	display: flex;
}
.form.form-search>.form-search-card {
	flex: auto;
}
.form.form-search>.search-btn {
	flex: none;
}
.form.form-search .form-search-card input {
	flex: auto;
	width: 100%;
	outline-color: var(--color-index);
	border: 1px solid var(--color-border);
	font: 400 1em Arial;
	display: inline-block;
	vertical-align: bottom;
	outline: none;
	outline-color: var(--color-index);
	padding: 0.375em 0.5em;
	border-radius: 0.5em;
	box-sizing: border-box;
	background-color: #fff;
	transition: 0.5s;
	line-height: 1.5em;
}
.form.form-search button, .form.form-search a {
	flex: none;
	height: 100%;
}
.form-label {
	display: inline-block;
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	cursor: pointer;
	min-width: 1rem;
	min-height: 1rem;
	padding: 0.375em 0.5em;
	line-height: 1.5em;
	border-radius: 0.25rem;
	margin-right: 0.25em;
}
.form-label:last-child {
	margin-right: 0;
}
.form-label>span {
	color: #333;
}
.form-label>input {
	display: none;
}
.form-label.hover {
	background-color: var(--color-sub-index);
	filter: opacity(0.95);
}
.form-label.hover>span {
	color: #fff;
}
.form-label:hover {
	filter: opacity(1);
}
.form-label.label-list{
	display: list-item;
	margin-left: 2rem;
	list-style: upper-alpha;
	margin-bottom: 0.5rem;
}

/*图片默认图层*/
.form-image.image-default {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0OTJFRDJCQUNBNUZGMDExOTdFRkQwMUY4MEExOENEMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEI4NDJEMjVGQ0IxMUYwQTkyREM3Rjk1RjYyMENBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEI4NDJEMTVGQ0IxMUYwQTkyREM3Rjk1RjYyMENBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjREMkVEMkJBQ0E1RkYwMTE5N0VGRDAxRjgwQTE4Q0QwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ5MkVEMkJBQ0E1RkYwMTE5N0VGRDAxRjgwQTE4Q0QwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MyuTqgAAAAZQTFRF////zMzMOOqqgwAAABhJREFUeNpiYIQDBgQY0oLDxBsIQYAAAwCltADJzmw8TwAAAABJRU5ErkJggg==');
}
.form-image:before {
	content: "";
	display: block;
}
.form-image.image-fit-cover>img {
	object-fit: cover;
}
.form-image.image-fit-fill>img {
	object-fit: fill;
}
.form-image.image-fit-contain>img {
	object-fit: contain;
}
.form-image.image-fit-none>img {
	object-fit: none;
}
.form-image.image-fit-scaledown>img {
	object-fit: scale-down;
}
.form-image.image-fit-full>img {
	object-fit: fill;
	width: 100%;
	height: 100%;
}
.form-image.image-inline {
	display: inline-grid;
}
.form-image>img {
	width: 100%;
	object-fit: cover;
}
.form-image>.card-controller {
	display: none;
}
.form-image:hover>.card-controller {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
}
.form-image>.image-controller {
	display: none;
}
.form-image:hover>.image-controller {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
}
.form-image>.image-mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.form-image.image-sign {
	box-sizing: border-box;
	border: 1px solid var(--color-border);
}
.form-image.image-sign>img {
	box-sizing: border-box;
}
.form-image>.image-mask.mask-light {
	background-color: #ffffffcc;
}
.form-image.image-border {
	border: 1px solid var(--color-index);
	box-shadow: inset 0 0 0 1px #fffc;
}
.form-image.image-1x1:before {
	margin-top: 100%;
}
.form-image.image-16x11:before {
	margin-top: 68.75%;
}
.form-image.image-16x9:before {
	margin-top: 56.25%;
}
.form-image.image-4x3:before {
	margin-top: 75%;
}
.form-image.image-2x1:before {
	margin-top: 50%;
}
.form-image.image-25x12:before {
	margin-top: 48%;
}
.form-image.image-20x9:before {
	margin-top: 45%;
}
.form-image.image-16x7:before {
	margin-top: 43.75%;
}
.form-image.image-8x3:before {
	margin-top: 37.5%;
}
.form-image.image-3x1:before {
	margin-top: 33.333333%;
}
.form-imageimage-4x1:before {
	margin-top: 25%;
}
.form-image.image-5x1:before {
	margin-top: 20%;
}
.form-image.image-6x1:before {
	margin-top: 16.666666%;
}
.form-image.image-3x4:before {
	margin-top: 133.333333%;
}
.form-image.image-5x7:before {
	margin-top: 140%;
}
.form-image.image-9x16:before {
	margin-top: 177.777777%;
}
.form-image.image-circle {
	border-radius: 50%;
	overflow: hidden;
}
.form-image.image-circle:before {
	margin-top: 100%;
}
.form-image.image-1x1>img, .form-image.image-16x9>img, .form-image.image-16x11>img, .form-image.image-4x3>img, .form-image.image-2x1>img, .form-image.image-25x12>img, .form-image.image-20x9>img, .form-image.image-16x7>img, .form-image.image-8x3>img, .form-image.image-3x1>img, .form-image.image-4x1>img, .form-image.image-5x1>img, .form-image.image-6x1>img, .form-image.image-3x4>img, .form-image.image-5x7>img, .form-image.image-9x16>img, .form-image.image-circle>img {
	position: absolute;
	height: 100%;
	top: 0;
}
.form-image.image-radius-1 {
	border-radius: 0.125rem;
	overflow: hidden;
}
.form-image.image-radius-2 {
	border-radius: 0.25rem;
	overflow: hidden;
}
.form-image.image-radius-3 {
	border-radius: 0.375rem;
	overflow: hidden;
}
.form-image.image-radius-4 {
	border-radius: 0.5rem;
	overflow: hidden;
}
.form-image.image-radius-5 {
	border-radius: 0.625rem;
	overflow: hidden;
}
.form-image.image-radius-6 {
	border-radius: 0.75rem;
	overflow: hidden;
}
.form-image.image-radius-7 {
	border-radius: 0.875rem;
	overflow: hidden;
}
.form-image.image-radius-8 {
	border-radius: 1rem;
	overflow: hidden;
}
.form-image.image-radius-9 {
	border-radius: 1.25rem;
	overflow: hidden;
}
.form-image.image-radius-10 {
	border-radius: 1.5rem;
	overflow: hidden;
}
.form-image.image-radius-11 {
	border-radius: 1.75rem;
	overflow: hidden;
}
.form-image.image-radius-12 {
	border-radius: 2.0rem;
	overflow: hidden;
}
.form-image.image-radius-13 {
	border-radius: 2.25rem;
	overflow: hidden;
}
.form-image.image-radius-14 {
	border-radius: 2.5rem;
	overflow: hidden;
}
.form-image.image-radius-15 {
	border-radius: 2.75rem;
	overflow: hidden;
}
.form-image.image-radius-16 {
	border-radius: 3rem;
	overflow: hidden;
}
.form-image.image-control-h img {
	width: auto;
	height: 100%;
}
.form-image.image-animate>img {
	transition: 0.5s;
}
.form-image.image-animate:hover>img {
	transform: scale(1.2);
	transition: 0.5s;
}
.form-image img {
	display: inline-block;
	border: 1px solid var(--color-border);
	min-width: 4rem;
	min-height: 4rem;
	max-width: 200px;
	max-height: 200px;
	object-fit: cover;
}
@media screen and (max-width: 420px) {
.form-image {
	width: 80%;
}
.form-image img {
	width: 100%;
}
}
/**
	* 图链集定制样式
*/
.form-imgurls-item {
	width: 240px;
	height: 135px;
	position: relative;
	display: inline-block;
	border: 2px solid;
	border-color: var(--color-border);
	margin-bottom: 0.225rem;
	margin-right: 0.25rem;
}
.form-imgurls-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.form-imgurls-item>.controller {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: transparent;
}
.form-imgurls-item>.controller>input {
	background: transparent;
}
.form-imgurls-item>.controldel {
	position: absolute;
	right: 0.25rem;
	top: 0;
	width: 1rem;
	height: 1rem;
	padding: 0.25rem;
	display: grid;
	cursor: pointer;/* background: #fff; */
}
.form-imgurls-item>.controlprev {
	position: absolute;
	left: 0.25rem;
	top: 35%;
	background-color: #00000073;
	text-align: left;
	display: grid;
	align-items: center;
	padding: 0.25rem;
	cursor: pointer;
	color: #fff;
}
.form-imgurls-item>.controlnext {
	position: absolute;
	right: 0.25rem;
	top: 35%;
	background: #00000073;
	text-align: right;
	align-items: center;
	display: grid;
	padding: 0.25rem;
	cursor: pointer;
	color: #fff;
}
.form-number {
	display: inline-flex;
	font: 400 1em Arial;
	vertical-align: bottom;
	outline: none;
	outline-color: var(--color-index);
	border: 1px solid var(--color-border);
	border-radius: 0.5em;
	box-sizing: border-box;
	background-color: #fff;
	transition: 0.5s;
	line-height: 1.5em;
	overflow: hidden;
	width: min-content;
}
.form-number.number-small{
	font-size: small;	
}
.form-number .number-win {
    flex-grow: 1;
    min-width: 1rem;
    height: 100%;
    border: unset;
    outline: var(--color-index);
    text-align: center;
    font-size: 1em;
    padding: 0.375em 0.5em;
}
.form-number input {
    border: unset;
    outline: var(--color-index);
    text-align: center;
    font-size: 1em;
	padding: 0.375em 0.5em;
	box-sizing: border-box;
}
.form-number .number-del {
	padding: 0.375em 0.5em;
	background-color: var(--color-border);
}
.form-number .number-add {
	padding: 0.375em 0.5em;
	background-color: var(--color-border);
}
@supports not (color: var(--color-index)) {
	.form-input {
		outline-color: #519;
		border: 1px solid #dddddd;
	}
	.form-video {
		outline-color: #519;
		border: 1px solid #dddddd;
	}
	.form-video-pre {
		background-color:#dddddd;
	}
	.form-video-prebar {
		background-color: #519;
	}
	.form-input:hover, .form-input:active, .form-input.hover.form-input.active, .form-number:hover, .form-number:active, .form-number.hover.form-number.active, .form-label:hover, .form-label:active, .form-label.hover.form-label.active {
		border: 1px solid #519;
	}
	.form-select {
		outline-color: #519;
		border: 1px solid #dddddd;
	}
	.form-select:hover, .form-select:active, .form-select.hover.form-select.active {
		border: 1px solid #519;
		background-color: #519;
	}
	.form-select option {
		outline-color: #519;
		border: 1px solid #dddddd;
		color: #519;
	}
	.form-button {
		border: 1px solid #dddddd;
		background: #519 linear-gradient(164deg, #519, #ffffff4d);
	}

	.form-button:active, .form-button:hover, .form-button.active, .form-button.hover {
		background-image: linear-gradient(344deg, #519, #ffffff4d);
	}
	.form-button.disabled {
		background-color:#ddd;
	}
	.form-textarea {
		outline-color: #519;
		border: 1px solid #ddd;
	}
	.form-textarea:hover, .form-textarea:active, .form-textarea:focus, .form-textarea.hover.form-textarea.active, .form-textarea.focus {
		border: 1px solid #519;
	}
	.form.form-line>input {
		outline-color: #519;
		border: 1px solid #ddd;
	}
	.form.form-line>select {
		outline-color: #519;
		border: 1px solid #ddd;
	}
	.form.form-line>.form-other {
		outline-color: #519;
		border: 1px solid #ddd;
	}
	.form.form-line>.form-auto {
		outline-color: #519;
		border: 1px solid #ddd;
	}
	.form.form-search .form-search-card input {
		outline-color: #519;
		border: 1px solid #ddd;
	}
	.form-label.hover {
		background-color: #519;
	}
	.form-image.card.card-image img {
		border: 1px solid #ddd;
	}
	.form-imgurls-item {
		border-color: #ddd;
	}
	.form-number {
		outline-color: #519;
		border: 1px solid #ddd;
	}
	.form-number .number-win {
		outline: #519;
	}
	.form-number input {
		outline: #519;
	}
	.form-number .number-del {
		background-color: #ddd;
	}
	.form-number .number-add {
		background-color: #ddd;
	}
}
/*表单内容区域增强*/
.form.form-item-large .form-input
,.form.form-item-large .form-label
,.form.form-item-large .form-button
,.form.form-item-large .form-select
,.form.form-item-large .form-checkbox
{
	line-height: 2em;
}
/**  */
.color-index {
	color: var(--color-index);
}
.color-subindex {
	color: var(--color-sub-index);
}
.color-white {
	color: white;
}
.color-red {
	color: red;
}
.color-blue {
	color: blue;
}
.color-green {
	color: green;
}
.color-tips {
	color: #dfdfdf;
}
.color-warning {
	color: #f0ad4e;
}
.color-error {
	color: #F44336;
}
.color-success {
	color: #43A047;
}
.color-failed {
	color: #393939;
}
.color-text {
	color: #3a3a3a;
}
.color-disabled {
	color: #ccc
}
/**
 * 六种颜色简单搭配
 * 模板样式一
 */
.color-tp1-1 {
	color: #d5885f;
}
.color-tp1-2 {
	color: #83111b;
}
.color-tp1-3 {
	color: #969135;
}
.color-tp1-4 {
	color: #e5cab5;
}
.color-tp1-5 {
	color: #97bcc2;
}
.color-tp1-6 {
	color: #cbd0d4;
}
/**
 *  六种颜色简单搭配二
 */
.color-tp2-1 {
	color: #e79a86;
}
.color-tp2-2 {
	color: #97ac9d;
}
.color-tp2-3 {
	color: #898a85;
}
.color-tp2-4 {
	color: #d69171;
}
.color-tp2-5 {
	color: #2f3b76;
}
.color-tp2-6 {
	color: #baa8a4;
}
/*
	* 色环颜色
*/
.color-red {
	color: #f9001e;
}
.color-orange {
	color: #ff8500;
}
.color-yellow {
	color: #fff100;
}
.color-green {
	color: #00a218;
}
.color-cyan {
	color: cyan;
}
.color-blue {
	color: #024cb9;
}
.color-purple {
	color: #a30598;
}

 /** 关于基础模块数据的加载 */
/******************************************************/
/***************      page    ***********************/
/******************************************************/
.page {
	box-sizing: border-box;
}
.page>.page-head, .page>.page-body, .page>.page-foot {
	position: relative;
	overflow: hidden;
}
/*精心设计的一个页面*/
.page.page-kuoqiui{background-size: 100% 100%;}

.page.page-a4{
	padding-left:120px;
	padding-right:120px;
	width: 794px;
	margin: auto;
	border-left: 2px solid var(--color-border);
	border-right: 2px solid var(--color-border);
}
.page.page-a4>.page-head{
	padding-top: 48px;
	height: 48px;
}
.page.page-a4>.page-body{}
.page.page-a4>.page-foot{
	padding-bottom: 48px;
	height: 48px;
}

.page.page-fixed {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.page.page-fixed.fixed-mobile {
}
.page.page-fixed.fixed-mobile:first-child {
}
.page.page-fixed.fixed-mobile:last-child {
}
.page.page-fixed>.page-head {
	overflow: unset;
	flex: none;
}
.page.page-fixed>.page-body {
	overflow-x: hidden;
	overflow-y: auto;
	    flex: auto;
}
.page.page-fixed>.page-foot {
	overflow: unset;
	    flex: none;
}
.page.page-fixed.fixed-center {
	justify-content: center;
    align-items: center;
}
.page.page-fixed.fixed-center>.page-head {
	flex: auto;
}
.page.page-fixed.fixed-center>.page-body {
	margin: auto;
	flex: none;
}
.page.page-fixed.fixed-center>.page-foot {
	flex: auto;
}

/**
	* 单纯的垂直居中
*/
.page.page-fixed.fixed-hcenter {
	justify-content: center;
}
.page.page-fixed.fixed-hcenter>.page-head {
	flex: auto;
}
.page.page-fixed.fixed-hcenter>.page-body {
	flex: none;
}
.page.page-fixed.fixed-hcenter>.page-foot {
	flex: auto;
}

.page.page-infixed {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	display: grid;
	grid-template-rows: max-content auto max-content;
}
/*full page 页面信息*/
.page.page-full {
	position: relative;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-rows: max-content auto max-content;
	height: 100%;
}
.page.page-full>.page-body {
	overflow: auto;
}
.page.page-full.full-nohead {
	grid-template-rows: auto max-content;
}
.page.page-full.full-nofoot {
	grid-template-rows: max-content auto;
}
.page.page-full.full-none {
	grid-template-rows: unset;
}
/* 模型页面，这个主要是实现了部分功能的页面 */
.page.page-model {
	position: relative;
	display: grid;
	grid-template-rows: max-content auto max-content;
}
.page.page-model>.page-body {
	overflow: auto;
}
/*
	类似菜单布局的左右布局方式，
*/
.page.page-model.model-menus{
	display: flex;
	grid-template-rows: max-content auto max-content;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.page.page-model.model-menus>.page-head{}
.page.page-model.model-menus>.page-body{
	flex: auto;
}
.page.page-model.model-menus>.page-foot{}




.page.page-infixed>.page-body {
	overflow: auto;
}
/*分页模块的相关控制*/
ul.pager {
	display: inline-flex;
	margin: initial;
	padding: initial;
}
ul.pager.pager-small {
	font-size: smaller;
}
ul.pager li {
	list-style: none;
	text-align: center;
	border-right: 1px solid var(--color-index);
	padding: 0.25em 1em;
	border-top: 1px solid var(--color-index);
	border-bottom: 1px solid var(--color-index);
}
ul.pager a {
	text-decoration: none;
	color: var(--color-index);
}
ul.pager li:first-child {
	border-left: 1px solid var(--color-index);
}
ul.pager li.active {
	background-color: var(--color-index);
}
ul.pager li.active a {
	color: #fff;
}
/*
	* 这个是输出打印文档的专属页面模块设计
*/
.page.page-print {
	position: relative;
}
.page.page-print.print-a4 {
	width: 720px;
	border: 1px solid var(--color-border);
	margin: auto;
}
 /** 关于基础页面模块数据的加载 */
/******************************************************/
/***************      margin    ***********************/
/******************************************************/
.mg-auto { margin: auto; }
.mg-none { margin: inherit; }
.mgi-auto { margin: auto !important; }
.mgi-none { margin: unset !important; }
.mg-1 { margin: 1px; }
.mg-2 { margin: 2px; }
.mg-3 { margin: 3px; }
.mg-4 { margin: 4px; }
.mg-5 { margin: 5px; }
.mg-6 { margin: 6px; }
.mg-7 { margin: 7px; }
.mg-8 { margin: 8px; }
.mg-9 { margin: 9px; }
.mg-10 { margin: 10px; }
.mg-15 { margin: 15px; }
.mg-16 { margin: 16px; }
.mg-18 { margin: 18px; }
.mg-20 { margin: 20px; }
.mg-32 { margin: 32px; }
.mg-64 { margin: 64px; }
.mgrem-1 { margin: 0.125rem; }
.mgrem-2 { margin: 0.250rem; }
.mgrem-3 { margin: 0.375rem; }
.mgrem-4 { margin: 0.500rem; }
.mgrem-5 { margin: 0.625rem; }
.mgrem-6 { margin: 0.750rem; }
.mgrem-7 { margin: 0.875rem; }
.mgrem-8 { margin: 1.000rem; }
.mgrem-9 { margin: 1.250rem; }
.mgrem-10 { margin: 1.500rem; }
.mgt-0 { margin-top: 0; }
.mgt-1 { margin-top: 1px; }
.mgt-2 { margin-top: 2px; }
.mgt-3 { margin-top: 3px; }
.mgt-4 { margin-top: 4px; }
.mgt-5 { margin-top: 5px; }
.mgt-6 { margin-top: 6px; }
.mgt-7 { margin-top: 7px; }
.mgt-8 { margin-top: 8px; }
.mgt-9 { margin-top: 9px; }
.mgt-10 { margin-top: 10px; }
.mgt-15 { margin-top: 15px; }
.mgt-16 { margin-top: 16px; }
.mgt-18 { margin-top: 18px; }
.mgt-20 { margin-top: 20px; }
.mgt-32 { margin-top: 32px; }
.mgt-64 { margin-top: 64px; }
.mgt-128 { margin-top: 128px; }
.mgr-0 { margin-right: 0; }
.mgr-1 { margin-right: 1px; }
.mgr-2 { margin-right: 2px; }
.mgr-3 { margin-right: 3px; }
.mgr-4 { margin-right: 4px; }
.mgr-5 { margin-right: 5px; }
.mgr-6 { margin-right: 6px; }
.mgr-7 { margin-right: 7px; }
.mgr-8 { margin-right: 8px; }
.mgr-9 { margin-right: 9px; }
.mgr-10 { margin-right: 10px; }
.mgr-15 { margin-right: 15px; }
.mgr-16 { margin-right: 16px; }
.mgr-18 { margin-right: 18px; }
.mgr-20 { margin-right: 20px; }
.mgr-32 { margin-right: 32px; }
.mgr-64 { margin-right: 64px; }
.mgb-0 { margin-bottom: 0; }
.mgb-1 { margin-bottom: 1px; }
.mgb-2 { margin-bottom: 2px; }
.mgb-3 { margin-bottom: 3px; }
.mgb-4 { margin-bottom: 4px; }
.mgb-5 { margin-bottom: 5px; }
.mgb-6 { margin-bottom: 6px; }
.mgb-7 { margin-bottom: 7px; }
.mgb-8 { margin-bottom: 8px; }
.mgb-9 { margin-bottom: 9px; }
.mgb-10 { margin-bottom: 10px; }
.mgb-15 { margin-bottom: 15px; }
.mgb-16 { margin-bottom: 16px; }
.mgb-18 { margin-bottom: 18px; }
.mgb-20 { margin-bottom: 20px; }
.mgb-32 { margin-bottom: 32px; }
.mgb-64 { margin-bottom: 64px; }
.mgl-0 { margin-left: 0; }
.mgl-1 { margin-left: 1px; }
.mgl-2 { margin-left: 2px; }
.mgl-3 { margin-left: 3px; }
.mgl-4 { margin-left: 4px; }
.mgl-5 { margin-left: 5px; }
.mgl-6 { margin-left: 6px; }
.mgl-7 { margin-left: 7px; }
.mgl-8 { margin-left: 8px; }
.mgl-9 { margin-left: 9px; }
.mgl-10 { margin-left: 10px; }
.mgl-15 { margin-left: 15px; }
.mgl-16 { margin-left: 16px; }
.mgl-18 { margin-left: 18px; }
.mgl-20 { margin-left: 20px; }
.mgl-32 { margin-left: 32px; }
.mgl-64 { margin-left: 64px; }
.mgi-0 { margin: 0 !important; }
.mgi-1 { margin: 1px !important; }
.mgi-2 { margin: 2px !important; }
.mgi-3 { margin: 3px !important; }
.mgi-4 { margin: 4px !important; }
.mgi-5 { margin: 5px !important; }
.mgi-6 { margin: 6px !important; }
.mgi-7 { margin: 7px !important; }
.mgi-8 { margin: 8px !important; }
.mgi-9 { margin: 9px !important; }
.mgi-10 { margin: 10px !important; }
.mgi-16 { margin: 16px !important; }
.mgi-18 { margin: 18px !important; }
.mgi-20 { margin: 20px !important; }
.mgi-32 { margin: 32px !important; }
.mgi-64 { margin: 64px !important; }
.mgti-0 { margin-top: 0 !important; }
.mgti-1 { margin-top: 1px !important; }
.mgti-2 { margin-top: 2px !important; }
.mgti-3 { margin-top: 3px !important; }
.mgti-4 { margin-top: 4px !important; }
.mgti-5 { margin-top: 5px !important; }
.mgti-6 { margin-top: 6px !important; }
.mgti-7 { margin-top: 7px !important; }
.mgti-8 { margin-top: 8px !important; }
.mgti-9 { margin-top: 9px !important; }
.mgti-10 { margin-top: 10px !important; }
.mgti-16 { margin-top: 16px !important; }
.mgti-18 { margin-top: 18px !important; }
.mgti-20 { margin-top: 20px !important; }
.mgti-32 { margin-top: 32px !important; }
.mgti-64 { margin-top: 64px !important; }
.mgri-0 { margin-right: 0 !important; }
.mgri-1 { margin-right: 1px !important; }
.mgri-2 { margin-right: 2px !important; }
.mgri-3 { margin-right: 3px !important; }
.mgri-4 { margin-right: 4px !important; }
.mgri-5 { margin-right: 5px !important; }
.mgri-6 { margin-right: 6px !important; }
.mgri-7 { margin-right: 7px !important; }
.mgri-8 { margin-right: 8px !important; }
.mgri-9 { margin-right: 9px !important; }
.mgri-10 { margin-right: 10px !important; }
.mgri-16 { margin-right: 16px !important; }
.mgri-18 { margin-right: 18px !important; }
.mgri-20 { margin-right: 20px !important; }
.mgri-32 { margin-right: 32px !important; }
.mgri-64 { margin-right: 64px !important; }
.mgbi-0 { margin-bottom: 0 !important; }
.mgbi-1 { margin-bottom: 1px !important; }
.mgbi-2 { margin-bottom: 2px !important; }
.mgbi-3 { margin-bottom: 3px !important; }
.mgbi-4 { margin-bottom: 4px !important; }
.mgbi-5 { margin-bottom: 5px !important; }
.mgbi-6 { margin-bottom: 6px !important; }
.mgbi-7 { margin-bottom: 7px !important; }
.mgbi-8 { margin-bottom: 8px !important; }
.mgbi-9 { margin-bottom: 9px !important; }
.mgbi-10 { margin-bottom: 10px !important; }
.mgbi-16 { margin-bottom: 16px !important; }
.mgbi-18 { margin-bottom: 18px !important; }
.mgbi-20 { margin-bottom: 20px !important; }
.mgbi-32 { margin-bottom: 32px !important; }
.mgbi-64 { margin-bottom: 64px !important; }
.mgli-0 { margin-left: 0 !important; }
.mgli-1 { margin-left: 1px !important; }
.mgli-2 { margin-left: 2px !important; }
.mgli-3 { margin-left: 3px !important; }
.mgli-4 { margin-left: 4px !important; }
.mgli-5 { margin-left: 5px !important; }
.mgli-6 { margin-left: 6px !important; }
.mgli-7 { margin-left: 7px !important; }
.mgli-8 { margin-left: 8px !important; }
.mgli-9 { margin-left: 9px !important; }
.mgli-10 { margin-left: 10px !important; }
.mgli-16 { margin-left: 16px !important; }
.mgli-18 { margin-left: 18px !important; }
.mgli-20 { margin-left: 20px !important; }
.mgli-32 { margin-left: 32px !important; }
.mgli-64 { margin-left: 64px !important; }
.mgremt-1 { margin-top: 0.125rem; }
.mgremt-2 { margin-top: 0.250rem; }
.mgremt-3 { margin-top: 0.375rem; }
.mgremt-4 { margin-top: 0.500rem; }
.mgremt-5 { margin-top: 0.625rem; }
.mgremt-6 { margin-top: 0.750rem; }
.mgremt-7 { margin-top: 0.875rem; }
.mgremt-8 { margin-top: 1.000rem; }
.mgremt-9 { margin-top: 1.250rem; }
.mgremt-10 { margin-top: 1.500rem; }
.mgremt-11 { margin-top: 2.000rem; }
.mgremt-12 { margin-top: 2.500rem; }
.mgremt-13 { margin-top: 3.000rem; }
.mgremt-14 { margin-top: 3.500rem; }
.mgremt-15 { margin-top: 4.000rem; }
.mgremt-16 { margin-top: 4.500rem; }
.mgremt-17 { margin-top: 5.000rem; }
.mgremt-18 { margin-top: 5.500rem; }
.mgremt-19 { margin-top: 6.000rem; }
.mgremt-20 { margin-top: 6.500rem; }
.mgremr-1 { margin-right: 0.125rem; }
.mgremr-2 { margin-right: 0.250rem; }
.mgremr-3 { margin-right: 0.375rem; }
.mgremr-4 { margin-right: 0.500rem; }
.mgremr-5 { margin-right: 0.625rem; }
.mgremr-6 { margin-right: 0.750rem; }
.mgremr-7 { margin-right: 0.875rem; }
.mgremr-8 { margin-right: 1.000rem; }
.mgremr-9 { margin-right: 1.250rem; }
.mgremr-10 { margin-right: 1.500rem; }
.mgremb-1 { margin-bottom: 0.125rem; }
.mgremb-2 { margin-bottom: 0.250rem; }
.mgremb-3 { margin-bottom: 0.375rem; }
.mgremb-4 { margin-bottom: 0.500rem; }
.mgremb-5 { margin-bottom: 0.625rem; }
.mgremb-6 { margin-bottom: 0.750rem; }
.mgremb-7 { margin-bottom: 0.875rem; }
.mgremb-8 { margin-bottom: 1.000rem; }
.mgremb-9 { margin-bottom: 1.250rem; }
.mgremb-10 { margin-bottom: 1.500rem; }
.mgreml-1 { margin-left: 0.125rem; }
.mgreml-2 { margin-left: 0.250rem; }
.mgreml-3 { margin-left: 0.375rem; }
.mgreml-4 { margin-left: 0.500rem; }
.mgreml-5 { margin-left: 0.625rem; }
.mgreml-6 { margin-left: 0.750rem; }
.mgreml-7 { margin-left: 0.875rem; }
.mgreml-8 { margin-left: 1.000rem; }
.mgreml-9 { margin-left: 1.250rem; }
.mgreml-10 { margin-left: 1.500rem; }
.mgremi-1 { margin: 0.125rem !important; }
.mgremi-2 { margin: 0.250rem !important; }
.mgremi-3 { margin: 0.375rem !important; }
.mgremi-4 { margin: 0.500rem !important; }
.mgremi-5 { margin: 0.625rem !important; }
.mgremi-6 { margin: 0.750rem !important; }
.mgremi-7 { margin: 0.875rem !important; }
.mgremi-8 { margin: 1.000rem !important; }
.mgremi-9 { margin: 1.250rem !important; }
.mgremi-10 { margin: 1.500rem !important; }
.mgremti-1 { margin-top: 0.125rem !important; }
.mgremti-2 { margin-top: 0.250rem !important; }
.mgremti-3 { margin-top: 0.375rem !important; }
.mgremti-4 { margin-top: 0.500rem !important; }
.mgremti-5 { margin-top: 0.625rem !important; }
.mgremti-6 { margin-top: 0.750rem !important; }
.mgremti-7 { margin-top: 0.875rem !important; }
.mgremti-8 { margin-top: 1.000rem !important; }
.mgremti-9 { margin-top: 1.250rem !important; }
.mgremti-10 { margin-top: 1.500rem !important; }
.mgremri-1 { margin-right: 0.125rem !important; }
.mgremri-2 { margin-right: 0.250rem !important; }
.mgremri-3 { margin-right: 0.375rem !important; }
.mgremri-4 { margin-right: 0.500rem !important; }
.mgremri-5 { margin-right: 0.625rem !important; }
.mgremri-6 { margin-right: 0.750rem !important; }
.mgremri-7 { margin-right: 0.875rem !important; }
.mgremri-8 { margin-right: 1.000rem !important; }
.mgremri-9 { margin-right: 1.250rem !important; }
.mgremri-10 { margin-right: 1.500rem !important; }
.mgrembi-1 { margin-bottom: 0.125rem !important; }
.mgrembi-2 { margin-bottom: 0.250rem !important; }
.mgrembi-3 { margin-bottom: 0.375rem !important; }
.mgrembi-4 { margin-bottom: 0.500rem !important; }
.mgrembi-5 { margin-bottom: 0.625rem !important; }
.mgrembi-6 { margin-bottom: 0.750rem !important; }
.mgrembi-7 { margin-bottom: 0.875rem !important; }
.mgrembi-8 { margin-bottom: 1.000rem !important; }
.mgrembi-9 { margin-bottom: 1.250rem !important; }
.mgrembi-10 { margin-bottom: 1.500rem !important; }
.mgremli-1 { margin-left: 0.125rem !important; }
.mgremli-2 { margin-left: 0.250rem !important; }
.mgremli-3 { margin-left: 0.375rem !important; }
.mgremli-4 { margin-left: 0.500rem !important; }
.mgremli-5 { margin-left: 0.625rem !important; }
.mgremli-6 { margin-left: 0.750rem !important; }
.mgremli-7 { margin-left: 0.875rem !important; }
.mgremli-8 { margin-left: 1.000rem !important; }
.mgremli-9 { margin-left: 1.250rem !important; }
.mgremli-10 { margin-left: 1.500rem !important; }
.mgt-auto { margin-top: auto; }
.mgt-none { margin-top: unset; }
.mgr-auto { margin-right: auto; }
.mgr-none { margin-right: unset; }
.mgb-auto { margin-bottom: auto; }
.mgb-none { margin-bottom: unset; }
.mgl-auto { margin-left: auto; }
.mgl-none { margin-left: unset; }
.mgti-auto { margin-top: auto !important; }
.mgti-none { margin-top: unset !important; }
.mgri-auto { margin-right: auto !important; }
.mgri-none { margin-right: unset !important; }
.mgbi-auto { margin-bottom: auto !important; }
.mgbi-none { margin-bottom: unset !important; }
.mgli-auto { margin-left: auto !important; }
.mgli-none { margin-left: unset !important; }
.mgtp-10{ margin-top:10%;}
.mgtp-20{ margin-top:20%;}
.mgtp-30{ margin-top:30%;}
.mgtp-40{ margin-top:40%;}
.mgtp-50{ margin-top:50%;}
.mgtp-60{ margin-top:60%;}
.mgtp-70{ margin-top:70%;}
.mgtp-80{ margin-top:80%;}
.mgtp-90{ margin-top:90%;}
.mgtp-100{ margin-top:100%;}
/******************************************************/
/***************      padding    **********************/
/******************************************************/
.pd-auto { padding: auto; }
.pd-none { padding: unset; }
.pd-1 { padding: 1px; }
.pd-2 { padding: 2px; }
.pd-3 { padding: 3px; }
.pd-4 { padding: 4px; }
.pd-5 { padding: 5px; }
.pd-6 { padding: 6px; }
.pd-7 { padding: 7px; }
.pd-8 { padding: 8px; }
.pd-9 { padding: 9px; }
.pd-10 { padding: 10px; }
.pd-15 { padding: 15px; }
.pd-16 { padding: 16px; }
.pd-18 { padding: 18px; }
.pd-20 { padding: 20px; }
.pd-32 { padding: 32px; }
.pd-64 { padding: 64px; }
.pdt-auto { padding-top: auto; }
.pdt-none { padding-top: unset; }
.pdt-0 { padding-top: 0; }
.pdt-1 { padding-top: 1px; }
.pdt-2 { padding-top: 2px; }
.pdt-3 { padding-top: 3px; }
.pdt-4 { padding-top: 4px; }
.pdt-5 { padding-top: 5px; }
.pdt-6 { padding-top: 6px; }
.pdt-7 { padding-top: 7px; }
.pdt-8 { padding-top: 8px; }
.pdt-9 { padding-top: 9px; }
.pdt-10 { padding-top: 10px; }
.pdt-15 { padding-top: 15px; }
.pdt-16 { padding-top: 16px; }
.pdt-18 { padding-top: 18px; }
.pdt-20 { padding-top: 20px; }
.pdt-32 { padding-top: 32px; }
.pdt-64 { padding-top: 64px; }
.pdr-auto { padding-right: auto; }
.pdr-none { padding-right: unset; }
.pdr-0 { padding-right: 0; }
.pdr-1 { padding-right: 1px; }
.pdr-2 { padding-right: 2px; }
.pdr-3 { padding-right: 3px; }
.pdr-4 { padding-right: 4px; }
.pdr-5 { padding-right: 5px; }
.pdr-6 { padding-right: 6px; }
.pdr-7 { padding-right: 7px; }
.pdr-8 { padding-right: 8px; }
.pdr-9 { padding-right: 9px; }
.pdr-10 { padding-right: 10px; }

.pdr-15 { padding-right: 15px; }
.pdr-16 { padding-right: 16px; }
.pdr-18 { padding-right: 18px; }
.pdr-20 { padding-right: 20px; }
.pdr-32 { padding-right: 32px; }
.pdr-64 { padding-right: 64px; }
.pdb-auto { padding-bottom: auto; }
.pdb-none { padding-bottom: unset; }
.pdb-0 { padding-bottom: 0; }
.pdb-1 { padding-bottom: 1px; }
.pdb-2 { padding-bottom: 2px; }
.pdb-3 { padding-bottom: 3px; }
.pdb-4 { padding-bottom: 4px; }
.pdb-5 { padding-bottom: 5px; }
.pdb-6 { padding-bottom: 6px; }
.pdb-7 { padding-bottom: 7px; }
.pdb-8 { padding-bottom: 8px; }
.pdb-9 { padding-bottom: 9px; }
.pdb-10 { padding-bottom: 10px; }
.pdb-15 { padding-bottom: 15px; }
.pdb-16 { padding-bottom: 16px; }
.pdb-18 { padding-bottom: 18px; }
.pdb-20 { padding-bottom: 20px; }
.pdb-32 { padding-bottom: 32px; }
.pdb-64 { padding-bottom: 64px; }
.pdl-auto { padding-left: auto; }
.pdl-none { padding-left: unset; }
.pdl-0 { padding-left: 0; }
.pdl-1 { padding-left: 1px; }
.pdl-2 { padding-left: 2px; }
.pdl-3 { padding-left: 3px; }
.pdl-4 { padding-left: 4px; }
.pdl-5 { padding-left: 5px; }
.pdl-6 { padding-left: 6px; }
.pdl-7 { padding-left: 7px; }
.pdl-8 { padding-left: 8px; }
.pdl-9 { padding-left: 9px; }
.pdl-10 { padding-left: 10px; }
.pdl-15 { padding-left: 15px; }
.pdl-15 { padding-left: 15px; }
.pdl-16 { padding-left: 16px; }
.pdl-18 { padding-left: 18px; }
.pdl-20 { padding-left: 20px; }
.pdl-32 { padding-left: 32px; }
.pdl-64 { padding-left: 64px; }
.pdi-auto { padding: auto !important; }
.pdi-none { padding: unset !important; }
.pdi-0 { padding: 0 !important; }
.pdi-1 { padding: 1px !important; }
.pdi-2 { padding: 2px !important; }
.pdi-3 { padding: 3px !important; }
.pdi-4 { padding: 4px !important; }
.pdi-5 { padding: 5px !important; }
.pdi-6 { padding: 6px !important; }
.pdi-7 { padding: 7px !important; }
.pdi-8 { padding: 8px !important; }
.pdi-9 { padding: 9px !important; }
.pdi-10 { padding: 10px !important; }
.pdi-15 { padding: 15px !important; }
.pdi-16 { padding: 16px !important; }
.pdi-18 { padding: 18px !important; }
.pdi-20 { padding: 20px !important; }
.pdi-32 { padding: 32px !important; }
.pdi-64 { padding: 64px !important; }
.pdti-auto { padding-top: auto !important; }
.pdti-none { padding-top: unset !important; }
.pdti-0 { padding-top: 0 !important; }
.pdti-1 { padding-top: 1px !important; }
.pdti-2 { padding-top: 2px !important; }
.pdti-3 { padding-top: 3px !important; }
.pdti-4 { padding-top: 4px !important; }
.pdti-5 { padding-top: 5px !important; }
.pdti-6 { padding-top: 6px !important; }
.pdti-7 { padding-top: 7px !important; }
.pdti-8 { padding-top: 8px !important; }
.pdti-9 { padding-top: 9px !important; }
.pdti-10 { padding-top: 10px !important; }
.pdti-15 { padding-top: 15px !important; }
.pdti-16 { padding-top: 16px !important; }
.pdti-18 { padding-top: 18px !important; }
.pdti-20 { padding-top: 20px !important; }
.pdti-32 { padding-top: 32px !important; }
.pdti-64 { padding-top: 64px !important; }
.pdri-auto { padding-right: auto !important; }
.pdri-none { padding-right: unset !important; }
.pdri-0 { padding-right: 0 !important; }
.pdri-1 { padding-right: 1px !important; }
.pdri-2 { padding-right: 2px !important; }
.pdri-3 { padding-right: 3px !important; }
.pdri-4 { padding-right: 4px !important; }
.pdri-5 { padding-right: 5px !important; }
.pdri-6 { padding-right: 6px !important; }
.pdri-7 { padding-right: 7px !important; }
.pdri-8 { padding-right: 8px !important; }
.pdri-9 { padding-right: 9px !important; }
.pdri-10 { padding-right: 10px !important; }
.pdri-15 { padding-right: 15px !important; }
.pdri-16 { padding-right: 16px !important; }
.pdri-18 { padding-right: 18px !important; }
.pdri-20 { padding-right: 20px !important; }
.pdri-32 { padding-right: 32px !important; }
.pdri-64 { padding-right: 64px !important; }
.pdbi-auto { padding-bottom: auto !important; }
.pdbi-none { padding-bottom: unset !important; }
.pdbi-0 { padding-bottom: 0 !important; }
.pdbi-1 { padding-bottom: 1px !important; }
.pdbi-2 { padding-bottom: 2px !important; }
.pdbi-3 { padding-bottom: 3px !important; }
.pdbi-4 { padding-bottom: 4px !important; }
.pdbi-5 { padding-bottom: 5px !important; }
.pdbi-6 { padding-bottom: 6px !important; }
.pdbi-7 { padding-bottom: 7px !important; }
.pdbi-8 { padding-bottom: 8px !important; }
.pdbi-9 { padding-bottom: 9px !important; }
.pdbi-10 { padding-bottom: 10px !important; }
.pdbi-15 { padding-bottom: 15px !important; }
.pdbi-16 { padding-bottom: 16px !important; }
.pdbi-18 { padding-bottom: 18px !important; }
.pdbi-20 { padding-bottom: 20px !important; }
.pdbi-32 { padding-bottom: 32px !important; }
.pdbi-64 { padding-bottom: 64px !important; }
.pdli-auto { padding-left: auto !important; }
.pdli-none { padding-left: unset !important; }
.pdli-0 { padding-left: 0 !important; }
.pdli-1 { padding-left: 1px !important; }
.pdli-2 { padding-left: 2px !important; }
.pdli-3 { padding-left: 3px !important; }
.pdli-4 { padding-left: 4px !important; }
.pdli-5 { padding-left: 5px !important; }
.pdli-6 { padding-left: 6px !important; }
.pdli-7 { padding-left: 7px !important; }
.pdli-8 { padding-left: 8px !important; }
.pdli-9 { padding-left: 9px !important; }
.pdli-10 { padding-left: 10px !important; }
.pdli-15 { padding-left: 15px !important; }
.pdli-16 { padding-left: 16px !important; }
.pdli-18 { padding-left: 18px !important; }
.pdli-20 { padding-left: 20px !important; }
.pdli-32 { padding-left: 32px !important; }
.pdli-64 { padding-left: 64px !important; }

/**
  * padding 相关操作
*/
.pdrem-auto { padding: auto; }
.pdrem-none { padding: unset; }
.pdrem-1 { padding: 0.125rem; }
.pdrem-2 { padding: 0.25rem; }
.pdrem-3 { padding: 0.375rem; }
.pdrem-4 { padding: 0.5rem; }
.pdrem-5 { padding: 0.625rem; }
.pdrem-6 { padding: 0.75rem; }
.pdrem-7 { padding: 0.875rem; }
.pdrem-8 { padding: 1rem; }
.pdrem-9 { padding: 1.25rem; }
.pdrem-10 { padding: 1.5rem; }
.pdrem-11 { padding: 1.75rem; }
.pdrem-12 { padding: 2rem; }
.pdrem-13 { padding: 2.25rem; }
.pdrem-14 { padding: 2.5rem; }
.pdrem-15 { padding: 2.75rem; }
.pdrem-16 { padding: 3rem; }
.pdremt-auto { padding-top: auto; }
.pdremt-none { padding-top: unset; }
.pdremt-1 { padding-top: 0.125rem; }
.pdremt-2 { padding-top: 0.25rem; }
.pdremt-3 { padding-top: 0.375rem; }
.pdremt-4 { padding-top: 0.5rem; }
.pdremt-5 { padding-top: 0.625rem; }
.pdremt-6 { padding-top: 0.75rem; }
.pdremt-7 { padding-top: 0.875rem; }
.pdremt-8 { padding-top: 1rem; }
.pdremt-9 { padding-top: 1.25rem; }
.pdremt-10 { padding-top: 1.5rem; }
.pdremt-11 { padding-top: 1.75rem; }
.pdremt-12 { padding-top: 2rem; }
.pdremt-13 { padding-top: 2.25rem; }
.pdremt-14 { padding-top: 2.5rem; }
.pdremt-15 { padding-top: 2.75rem; }
.pdremt-16 { padding-top: 3rem; }
.pdremr-auto { padding-right: auto; }
.pdremr-none { padding-right: unset; }
.pdremr-1 { padding-right: 0.125rem; }
.pdremr-2 { padding-right: 0.25rem; }
.pdremr-3 { padding-right: 0.375rem; }
.pdremr-4 { padding-right: 0.5rem; }
.pdremr-5 { padding-right: 0.625rem; }
.pdremr-6 { padding-right: 0.75rem; }
.pdremr-7 { padding-right: 0.875rem; }
.pdremr-8 { padding-right: 1rem; }
.pdremr-9 { padding-right: 1.24rem; }
.pdremr-10 { padding-right: 1.5rem; }
.pdremr-11 { padding-right: 1.75rem; }
.pdremr-12 { padding-right: 2rem; }
.pdremr-13 { padding-right: 2.25rem; }
.pdremr-14 { padding-right: 2.5rem; }
.pdremr-15 { padding-right: 2.75rem; }
.pdremr-16 { padding-right: 3rem; }
.pdremb-auto { padding-bottom: auto; }
.pdremb-none { padding-bottom: unset; }
.pdremb-1 { padding-bottom: 0.125rem; }
.pdremb-2 { padding-bottom: 0.25rem; }
.pdremb-3 { padding-bottom: 0.375rem; }
.pdremb-4 { padding-bottom: 0.5rem; }
.pdremb-5 { padding-bottom: 0.625rem; }
.pdremb-6 { padding-bottom: 0.75rem; }
.pdremb-7 { padding-bottom: 0.875rem; }
.pdremb-8 { padding-bottom: 1rem; }
.pdremb-9 { padding-bottom: 1.24rem; }
.pdremb-10 { padding-bottom: 1.5rem; }
.pdremb-11 { padding-bottom: 1.75rem; }
.pdremb-12 { padding-bottom: 2rem; }
.pdremb-13 { padding-bottom: 2.25rem; }
.pdremb-14 { padding-bottom: 2.5rem; }
.pdremb-15 { padding-bottom: 2.75rem; }
.pdremb-16 { padding-bottom: 3rem; }
.pdreml-auto { padding-left: auto; }
.pdreml-none { padding-left: unset; }
.pdreml-1 { padding-left: 0.125rem; }
.pdreml-2 { padding-left: 0.25rem; }
.pdreml-3 { padding-left: 0.375rem; }
.pdreml-4 { padding-left: 0.5rem; }
.pdreml-5 { padding-left: 0.625rem; }
.pdreml-6 { padding-left: 0.75rem; }
.pdreml-7 { padding-left: 0.875rem; }
.pdreml-8 { padding-left: 1rem; }
.pdreml-9 { padding-left: 1.24rem; }
.pdreml-10 { padding-left: 1.5rem; }
.pdreml-11 { padding-left: 1.75rem; }
.pdreml-12 { padding-left: 2rem; }
.pdreml-13 { padding-left: 2.25rem; }
.pdreml-14 { padding-left: 2.5rem; }
.pdreml-15 { padding-left: 2.75rem; }
.pdreml-16 { padding-left: 3rem; }
.pdremi-auto { padding: auto; }
.pdremi-none { padding: unset; }
.pdremi-1 { padding: 0.125rem !important; }
.pdremi-2 { padding: 0.25rem !important; }
.pdremi-3 { padding: 0.375rem !important; }
.pdremi-4 { padding: 0.5rem !important; }
.pdremi-5 { padding: 0.625rem !important; }
.pdremi-6 { padding: 0.75rem !important; }
.pdremi-7 { padding: 0.875rem !important; }
.pdremi-8 { padding: 1rem !important; }
.pdremi-9 { padding: 1.25rem !important; }
.pdremi-10 { padding: 1.5rem !important; }
.pdremi-11 { padding: 1.75rem !important; }
.pdremi-12 { padding: 2rem !important; }
.pdremi-13 { padding: 2.25rem !important; }
.pdremi-14 { padding: 2.5rem !important; }
.pdremi-15 { padding: 2.75rem !important; }
.pdremi-16 { padding: 3rem !important; }
.pdremti-auto { padding-top: auto !important; }
.pdremti-none { padding-top: unset !important; }
.pdremti-1 { padding-top: 0.125rem !important; }
.pdremti-2 { padding-top: 0.25rem !important; }
.pdremti-3 { padding-top: 0.375rem !important; }
.pdremti-4 { padding-top: 0.5rem !important; }
.pdremti-5 { padding-top: 0.625rem !important; }
.pdremti-6 { padding-top: 0.75rem !important; }
.pdremti-7 { padding-top: 0.875rem !important; }
.pdremti-8 { padding-top: 1rem !important; }
.pdremti-9 { padding-top: 1.25rem !important; }
.pdremti-10 { padding-top: 1.5rem !important; }
.pdremti-11 { padding-top: 1.75rem !important; }
.pdremti-12 { padding-top: 2rem !important; }
.pdremti-13 { padding-top: 2.25rem !important; }
.pdremti-14 { padding-top: 2.5rem !important; }
.pdremti-15 { padding-top: 2.75rem !important; }
.pdremti-16 { padding-top: 3rem !important; }
.pdremri-auto { padding-right: auto !important; }
.pdremri-none { padding-right: unset !important; }
.pdremri-1 { padding-right: 0.125rem !important; }
.pdremri-2 { padding-right: 0.25rem !important; }
.pdremri-3 { padding-right: 0.375rem !important; }
.pdremri-4 { padding-right: 0.5rem !important; }
.pdremri-5 { padding-right: 0.625rem !important; }
.pdremri-6 { padding-right: 0.75rem !important; }
.pdremri-7 { padding-right: 0.875rem !important; }
.pdremri-8 { padding-right: 1rem !important; }
.pdremri-9 { padding-right: 1.24rem !important; }
.pdremri-10 { padding-right: 1.5rem !important; }
.pdremri-11 { padding-right: 1.75rem !important; }
.pdremri-12 { padding-right: 2rem !important; }
.pdremri-13 { padding-right: 2.25rem !important; }
.pdremri-14 { padding-right: 2.5rem !important; }
.pdremri-15 { padding-right: 2.75rem !important; }
.pdremri-16 { padding-right: 3rem !important; }
.pdrembi-auto { padding-bottom: auto !important; }
.pdrembi-none { padding-bottom: unset !important; }
.pdrembi-1 { padding-bottom: 0.125rem !important; }
.pdrembi-2 { padding-bottom: 0.25rem !important; }
.pdrembi-3 { padding-bottom: 0.375rem !important; }
.pdrembi-4 { padding-bottom: 0.5rem !important; }
.pdrembi-5 { padding-bottom: 0.625rem !important; }
.pdrembi-6 { padding-bottom: 0.75rem !important; }
.pdrembi-7 { padding-bottom: 0.875rem !important; }
.pdrembi-8 { padding-bottom: 1rem !important; }
.pdrembi-9 { padding-bottom: 1.24rem !important; }
.pdrembi-10 { padding-bottom: 1.5rem !important; }
.pdrembi-11 { padding-bottom: 1.75rem !important; }
.pdrembi-12 { padding-bottom: 2rem !important; }
.pdrembi-13 { padding-bottom: 2.25rem !important; }
.pdrembi-14 { padding-bottom: 2.5rem !important; }
.pdrembi-15 { padding-bottom: 2.75rem !important; }
.pdrembi-16 { padding-bottom: 3rem !important; }
.pdremli-auto { padding-left: auto !important; }
.pdremli-none { padding-left: unset !important; }
.pdremli-1 { padding-left: 0.125rem !important; }
.pdremli-2 { padding-left: 0.25rem !important; }
.pdremli-3 { padding-left: 0.375rem !important; }
.pdremli-4 { padding-left: 0.5rem !important; }
.pdremli-5 { padding-left: 0.625rem !important; }
.pdremli-6 { padding-left: 0.75rem !important; }
.pdremli-7 { padding-left: 0.875rem !important; }
.pdremli-8 { padding-left: 1rem !important; }
.pdremli-9 { padding-left: 1.24rem !important; }
.pdremli-10 { padding-left: 1.5rem !important; }
.pdremli-11 { padding-left: 1.75rem !important; }
.pdremli-12 { padding-left: 2rem !important; }
.pdremli-13 { padding-left: 2.25rem !important; }
.pdremli-14 { padding-left: 2.5rem !important; }
.pdremli-15 { padding-left: 2.75rem !important; }
.pdremli-16 { padding-left: 3rem !important; }
@media print {
    @page {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
    @page printLand{
        margin: 12mm auto;
        size: A4 landscape; /* 设置为横向打印 */
    }
    @page printPort{
        margin: 12mm auto;
        size: A4 portrait; /* 设置为纵向打印 */
    }
    .print-show{
        visibility:visible !important;
    }
    .print-hide{
        visibility:hidden !important;
    }
    .print-break {
        page-break-before: always; /* 通过在某个元素前插入分页符实现分页 */
    }
}