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

:root { 	/* 常用6种色系 */
 --color-1:#2E528B;
 --color-2:#3368A2;
 --color-3:#3B93C4;
 --color-4:#82D4F6;
 --color-5:#B6DFEF;
 --color-6:#CBE4EF;
 --color-index:#3368A2;
 --color-form-border:#dddddd;/*关于form模块的表格的边框默认颜色。选中之后边框颜色自动变更为主颜色*/
 --color-sub-index: #5280b3;
 --color-border: #dddddd;
 --color-gray:gray;
 /* 简单的tab的线的颜色控制 */
 --color-tabsimple:var(--color-gray);
}
*::selection {
	background: rgba(244, 67, 54, 0.27);
}
*::-moz-selection {
 background: rgba(215, 101, 65, 0.4);
}
::-webkit-scrollbar-track-piece {
 background-color:#fff
}

::-webkit-scrollbar {
 width: 2px;
 height: 6px;
}

::-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: 6px;
 height: 6px
}

 ::-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;
}
a {
	-webkit-tap-highlight-color: transparent;
}
a.init {
	text-decoration: none;
	color: initial;
}
.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;
}
/* 栅格化片段代码 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 1 auto;
	flex: 0 1 auto;
	max-width: 100%;
}
.col-other {
	position: relative;
	-ms-flex: 1 0 auto;
	flex: 1 0 0;
	max-width: 100%;
}
.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: 769px) {
.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: 1201px) {
.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: 420px) {
.col-xs {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	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;}
.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
}
.line-1 {
	border-top: 1px solid var(--color-index);
	height: 0;
}
.line-info {
	border-top: 1px solid var(--color-index);
	height: 0;
}
.line-tips {
	border-top: 1px solid #dddddd;
	height: 0;
}
.line-subinfo {
	border-top: 1px solid var(--color-index);
	height: 0;
}
/**
 * 栅格化铺满的容器
 */
.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;
}
@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%;
}

.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;} /** 关于基础模块数据的加载 */
/* CSS Document */
/* table */

.table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.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-toggle {
	width: 100%;
	border: 1px solid #dadada;
}
.table.table-toggle tr {
}
.table.table-toggle>thead {
	background-color: #dfdfdf;
	color: #393939;
}
.table.table-toggle th {
	padding: 0.25em;
}
.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;
}
.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;
	box-shadow: inset 0px 0px 1px #e5e5e5;
}
.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 .th-sticky {
	position: sticky;
	right: 0;
	background-color: var(--color-index);
}
.table .td-sticky {
	position: sticky;
	right: 0;
}
.table-kuoqiui-head {
	display: inline-flex;
	text-align: left;
	align-items: center;
	width: 100%;
	font-size: 1em;
}
.table-kuoqiui-headbox {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	flex: auto;
}
.table-kuoqiui-headicon {
	margin-left: 0.25rem;
}
.table-kuoqiui-headiconup {
	font-size: 0.4em;
	cursor: pointer;
}
.table-kuoqiui-headicondown {
	font-size: 0.4em;
	cursor: pointer;
}
.table-kuoqiui-headiconup:hover {
}
.table-kuoqiui-headicondown:hover {
}
.table-kuoqiui-headempty {
	flex: auto;
}
.table-kuoqiui-headlimit {
	height: 1em;
	width: 2px;
	background-color: #fff;
	cursor: col-resize;
	margin-left: 0.25rem;
}
.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-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 tr td{
	word-break: break-all;
}
.table tr.tr-green td {
}
.table tr.tr-green:nth-child(2n) td {
	background-color: #82df86;
}
.table.table-print {
}
.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;
}
table.table-print .table-inner, .table.table-print .table-inner {
	border: unset;
}
table.table-print tr {
	border-right: unset;
	border-left: unset;
	border-bottom: 1px solid gray;
}
table.table-print td {
	border-top: unset;
	border-bottom: unset;
	border-right: 1px solid gray;
}
table.table-print tr:first-child {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
table.table-print td:first-child {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}
table.table-print .border-none {
	border: none !important;
}
 
/* 
	*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;
    /* vertical-align: middle; */
    /* display: inline-flex; */
    font-style: normal;
    }
.icon:before {font-family: kuoqi;font-style: initial;content: "";}
.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-mediaquitfullscreen: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-debug:before { content: "\F6999"; }
@keyframes icon-loading { from {
transform: rotate(0deg);
}
to { transform: rotate(360deg); }
}
@-webkit-keyframes icon-loading { from {
transform: rotate(0deg);
}
to { transform: rotate(360deg); }
}
/** 关于图标模块的加载 */
/* 
	*CSS Document
	* 关于图标模块
*/
.fill-1 { background-color: #2E528B; background-color: var(--color-1);     -webkit-print-color-adjust: exact;}
.fill-2 { background-color: #3368A2; background-color: var(--color-2); -webkit-print-color-adjust: exact;}
.fill-3 { background-color: #3B93C4; background-color: var(--color-3); -webkit-print-color-adjust: exact;}
.fill-4 { background-color: #82D4F6; background-color: var(--color-4); -webkit-print-color-adjust: exact;}
.fill-5 { background-color: #B6DFEF; background-color: var(--color-5); -webkit-print-color-adjust: exact;}
.fill-6 { background-color: #CBE4EF; background-color: var(--color-6); -webkit-print-color-adjust: exact;}
.fill-index { background-color: var(--color-index); -webkit-print-color-adjust: exact;}
.fill-info { background-color: var(--color-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-blue { background-color: blue; -webkit-print-color-adjust: exact;}
.fill-black { background-color: black; -webkit-print-color-adjust: exact;}
.fill-tips { background-color: #f1f1f1; -webkit-print-color-adjust: exact;}
.fill-line { height: 1px; background-color: #dedede; -webkit-print-color-adjust: exact;}
.filli-1 { background-color: #2E528B !important; background-color: var(--color-1) !important; -webkit-print-color-adjust: exact;}
.filli-2 { background-color: #3368A2 !important; background-color: var(--color-2) !important; -webkit-print-color-adjust: exact;}
.filli-3 { background-color: #3B93C4 !important; background-color: var(--color-3) !important; -webkit-print-color-adjust: exact;}
.filli-4 { background-color: #82D4F6 !important; background-color: var(--color-4) !important; -webkit-print-color-adjust: exact;}
.filli-5 { background-color: #B6DFEF !important; background-color: var(--color-5) !important; -webkit-print-color-adjust: exact;}
.filli-6 { background-color: #CBE4EF !important; background-color: var(--color-6) !important; -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-roundr-1 { border-radius: 1rem; }
.fill-roundr-2 { border-radius: 2rem; }
.fill-roundr-3 { border-radius: 3rem; }
.fill-roundr-4 { border-radius: 4rem; }
.fill-roundr-5 { border-radius: 5rem; }
.fill-roundr-6 { border-radius: 6rem; }
.fill-roundr-7 { border-radius: 7rem; }
.fill-roundr-8 { border-radius: 8rem; }
.fill-roundr-9 { border-radius: 9rem; }
.fill-roundr-10 { border-radius: 10rem; }
.fill-rounds-1 { border-radius: 0.125rem; }
.fill-rounds-2 { border-radius: 0.25rem; }
.fill-rounds-3 { border-radius: 0.375rem; }
.fill-rounds-4 { border-radius: 0.5rem; }
.fill-rounds-5 { border-radius: 0.625rem; }
.fill-rounds-6 { border-radius: 0.75rem; }
.fill-rounds-7 { border-radius: 0.875rem; }
.fill-rounds-8 { border-radius: 1rem; }
.fill-rounds-9 { border-radius: 1.24rem; }
.fill-rounds-10 { border-radius: 1.5rem; }
.fill-roundp-1 { border-radius: 10%; }
.fill-roundp-2 { border-radius: 20%; }
.fill-roundp-3 { border-radius: 30%; }
.fill-roundp-4 { border-radius: 40%; }
.fill-roundp-5 { border-radius: 50%; }
.fill-roundp-6 { border-radius: 60%; }
.fill-roundp-7 { border-radius: 70%; }
.fill-roundp-8 { border-radius: 80%; }
.fill-roundp-9 { border-radius: 90%; }

.fill-iroundr-1 { border-radius: 1rem !important; }
.fill-iroundr-2 { border-radius: 2rem !important; }
.fill-iroundr-3 { border-radius: 3rem !important; }
.fill-iroundr-4 { border-radius: 4rem !important; }
.fill-iroundr-5 { border-radius: 5rem !important; }
.fill-iroundr-6 { border-radius: 6rem !important; }
.fill-iroundr-7 { border-radius: 7rem !important; }
.fill-iroundr-8 { border-radius: 8rem !important; }
.fill-iroundr-9 { border-radius: 9rem !important; }
.fill-iroundr-10 { border-radius: 10rem !important; }
.fill-irounds-1 { border-radius: 0.125rem !important; }
.fill-irounds-2 { border-radius: 0.25rem !important; }
.fill-irounds-3 { border-radius: 0.375rem !important; }
.fill-irounds-4 { border-radius: 0.5rem !important; }
.fill-irounds-5 { border-radius: 0.625rem !important; }
.fill-irounds-6 { border-radius: 0.75rem !important; }
.fill-irounds-7 { border-radius: 0.875rem !important; }
.fill-irounds-8 { border-radius: 1rem !important; }
.fill-irounds-9 { border-radius: 1.24rem !important; }
.fill-irounds-10 { border-radius: 1.5rem !important; }
.fill-iroundp-1 { border-radius: 10% !important; }
.fill-iroundp-2 { border-radius: 20% !important; }
.fill-iroundp-3 { border-radius: 30% !important; }
.fill-iroundp-4 { border-radius: 40% !important; }
.fill-iroundp-5 { border-radius: 50% !important; }
.fill-iroundp-6 { border-radius: 60% !important; }
.fill-iroundp-7 { border-radius: 70% !important; }
.fill-iroundp-8 { border-radius: 80% !important; }
.fill-iroundp-9 { border-radius: 90% !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: inherit;}
.label.init{
	font-size: initial;	
}
.label.active,
.label.hover,
.label:active,
.label:hover { opacity: 1; transition: 0.5s; }
.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-text { color:#3a3a3a; }
.label.label-underline{text-decoration: underline;}
.label.label-pre{white-space: pre;}
/*color*/
.label.label-1 { color: var(--color-1); }
.label.label-2 { color: var(--color-2); }
.label.label-3 { color: var(--color-3); }
.label.label-4 { color: var(--color-4); }
.label.label-5 { color: var(--color-5); }
.label.label-6 { color: var(--color-6); }
.label.label-index { color: var(--color-index); }
.label.label-subindex { color: var(--color-subindex); }
.label.label-black { color: black; }
.label.label-btn { cursor: pointer; }
.label.label-conts { color: #666; }
.label.label-href { cursor: pointer; text-decoration: underline; }
.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: red; }
.label.label-orange { color: orange; }
.label.label-yellow { color: yellow; }
.label.label-green { color: green; }
.label.label-cyan { color: cyan; }
.label.label-blue { color: blue; }
.label.label-purple { color: purple; }
/* 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模块的信息 */
/* 
	*CSS Document
	* 关于按钮相关
*/
.btn { -webkit-appearance: button; -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: buttontext; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: center; align-items: flex-start; background-color: buttonface; box-sizing: border-box; margin: 0em; font: 400 1em Arial; border-width: 2px; border-style: outset; border-color: buttonface; border-image: initial; border: 1px solid #dedede; list-style-type: none; text-decoration: none; border-radius: 0.25rem; cursor: pointer; display: inline-block; padding: 0.25em 0.5em; line-height: normal; vertical-align: bottom; outline: none; }
.btn:active,
.btn.active,
.btn:hover,
.btn.hover { transition: 0.202s; box-shadow: inset 0px 0px 3px 2px; }
.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-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); }
.btn.btn-quit { color: #fff; background-color: #787878; border-color: #787878; }
.btn.btn-quit-hollow { color: #787878; border-color: #787878; }
.btn.btn-add { color: #fff; border-color: #3b93c4; background-color: #3b93c4; }
.btn.btn-add-hollow { color: #3b93c4; border-color: #3b93c4; }
.btn.btn-del { color: #ffffff; background-color: #e14f45; color: #fff; border-color: #e14f45; }
.btn.btn-del-hollow { color: #e14f45; border-color: #e14f45; }
.btn.btn-edit { text-decoration: none; color: #ffffff; background-color: #4a53a8; border-color: #4a53a8; }
.btn.btn-edit-hollow { color: #4a53a8; border-color: #4a53a8; }
/*--vbase--*/
.btn.btn-ask { background-color: #f0ad4e; color: #fff; border-color: #f0ad4e; }
.btn.btn-ask-hollow { color: #f0ad4e; border-color: #f0ad4e; }
.btn.btn-black { background-color: black; color: #fff; border-color: black; }
.btn.btn-black-hollow { color: black; border-color: black; }
.btn.btn-blue { color: #ffffff; border-color: #2945ff; background-color: #2945ff; }
.btn.btn-blue-hollow { color: #2945ff; border-color: #2945ff; background-color: inherit; }
.btn.btn-error { color: #F44336; border-color: #F44336; }
.btn.btn-error-hollow { color: #fff; background-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; }
.btn.btn-green { background-color: green; color: #fff; border-color: green; }
.btn.btn-green-hollow { color: green; border-color: green; }
.btn.btn-index { color: #fff; background-color: #CBE4EF; background-color: var(--color-index); border-color: #CBE4EF; border-color: var(--color-index); }
.btn.btn-index-hollow { color: var(--color-index); border-color: var(--color-index); }
.btn.btn-info { background-color: var(--color-index); color: #fff; border-color: var(--color-index); background-image: none }
.btn.btn-info-hollow { color: var(--color-index); border-color: var(--color-index); }
.btn.btn-radio:first-child { margin-left: 0; }
.btn.btn-radio { border: 1px solid #4CAF50; margin: 2px; }
.btn.btn-radio span { }
.btn.btn-radio input { display: none; }
.btn.btn-red { background-color: #d02640; color: #fff; border-color: #d02640; }
.btn.btn-red-hollow { color: #d02640; border-color: #d02640; background-color: initial; }
.btn.btn-save { border-color: #60008b; background-color: #60008b; color: #fff; }
.btn.btn-save-hollow { color: #60008b; border-color: #60008b; background-color: initial; }
.btn.btn-search { background-color: #60008b; color: #fff; border-color: #60008b; }
.btn.btn-search-hollow { color: #60008b; border-color: #60008b; }
.btn.btn-select { background-color: #66bb6a; color: #fff; border-color: #66bb6ae6; }
.btn.btn-select-hollow { color: #66bb6a; border-color: #66bb6ae6; }
.btn.btn-shopcar { height: var(--page-foot-height); 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: none; 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; }
.btn.btn-tab { background: #34a59b; }
.btn.btn-warning { background-color: #f0ad4e; color: #fff; border-color: #f0ad4e; }
.btn.btn-warning-hollow { color: #f0ad4e; border-color: #f0ad4e; background-color: initial; }
.btn.btn-white { background-color: #fff; border-color: #fff; color: var(--color-info); }
.btn.btn-white-hollow { color: #fff; border-color: #fff; }
.btn.btn-none { background: none; }
.btn.btn-tips { background-color: #dfdfdf; color: #fff; border-color: #dfdfdf; }
.btn.btn-tips-hollow { color: #dfdfdf; border-color: #dfdfdf; }
.btn.btn-1 { color: #fff; background-color: #2E528B; background-color: var(--color-1); border-color: #2E528B; border-color: var(--color-1); }
.btn.btn-2 { color: #fff; background-color: #3368A2; background-color: var(--color-2); border-color: #3368A2; border-color: var(--color-2); }
.btn.btn-3 { color: #fff; background-color: #3B93C4; background-color: var(--color-3); border-color: #3B93C4; border-color: var(--color-3); }
.btn.btn-4 { color: #fff; background-color: #82D4F6; background-color: var(--color-4); border-color: #82D4F6; border-color: var(--color-4); }
.btn.btn-5 { color: #fff; background-color: #B6DFEF; background-color: var(--color-5); border-color: #B6DFEF; border-color: var(--color-5); }
.btn.btn-6 { color: #fff; background-color: #CBE4EF; background-color: var(--color-6); border-color: #CBE4EF; border-color: var(--color-6); }
.btn.btn-used { background-color: #E57373; color: #fff; }
.btn.btn-choose { color: #fff; background-color: #009688; background-image: linear-gradient(0deg, #009688, #00897B, #009688); border-color: #009688; }
.btn.btn-choose-hollow { color: #009688; background-color: #ffffff; border-color: #009688; }
.btn.btn-disabled { background: #d1d1d1; border-color: #dedede; }
.btn.disabled { background: #ccc !important; border-color: #cccccc !important; }
/** 关于按钮模块的信息 */
/* 
	*CSS Document
	* 强大的卡片布局模块
*/
.card {
	position: relative;
	display: block;
	color: initial;
	text-decoration: initial;
	box-sizing: border-box;
}
.card.card-border {
	border: 1px solid var(--color-form-border);
	border-radius: 0.25rem;
	overflow: hidden;
}
.card.active {
	box-shadow: 1px 1px 2px;
}
.card.card-inner {
	display: inline-block;
}
.card.card-small {
	font-size: small;
}
.card>.card-body {
	position: relative;
}
.card.card-fixed {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.card.card-fixed>.card-body {
	overflow: auto;
}
.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-flex{
	display:flex;	
}
/*文章专属卡片*/
.card.card-artic {
	border-top: 1px dashed #926c32;
	min-height: 160px;
}
.card.card-artic * {
	word-break: break-word;
}
.card.card-artic {
	font-size: inherit;
	font-family: serif;
	margin-bottom: 0.5rem;
}
.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;
}
.card.card-artic .artic-code * {
	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-list {
	background-color: var(--color-4);
	border: 1px solid var(--color-3);
	border-radius: 0.25em;
}
/**
	* 基础的键值对卡片布局
	* 这个布局方式，感觉没什么大用，先留着
 */

/*基础的分割卡片*/
.card.card-line {
	border-top: 1px solid;
	height: 0;
}
.card.card-line.card-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-image: url(./imgs/icon-add.png);
	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 #C2185B;
	border: 1px solid var(--color-form-border);
	box-sizing: border-box;
}
.card.card-cpanel>.card-head {
	position: relative;
	background-color: #C2185B;
	background-color: var(--color-index);
	color: #fff;
	padding: 0.5em;
	filter: opacity(0.95);
}
.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-color: unset;
	color: inherit;
	border-bottom: 1px solid #dedede;
	border-bottom: 1px solid var(--color-border);
	padding: unset;
}
/** card marquee 
	* 需要从外部支撑起整个模块
*/
.card-marquee {
	position: relative;
	width: 100%;
	height: 100%;
}
.card-marquee .marquee-win {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow-y: hidden;
}
.card-marquee .marquee-slider {
	width: max-content;
	position: relative;
	height: 100%;
	margin-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.card-marquee .marquee-item {
	width: auto;
	display: inline-block !important;
	opacity: 0.86;
	box-shadow: 0 0 2px 1px #6e6e6e;
}
.card-marquee .marquee-item>img {
	width: 100%;
}
.card-marquee .marquee-item.active {
	width: auto;
	display: inline-block !important;
	opacity: 1;
	box-shadow: 0 0 2px 1px #ffffff;
}
.card-marquee .marquee-item.active>img {
	width: 100%;
}
.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;
}
.card.card-menus>.card-head {
}
.card.card-menus>.card-body {
	overflow: scroll;
	height: 100%;
}
.card.card-menus .menus-items {
	padding: unset;
	background-color: var(--color-index);
	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-form-border);
	height: 0;
}
.card.card-menus .menus-items li {
	height: 0;
}
.card.card-menus .menus-items>li {
	height: auto;
}
.card.card-menus .menus-items a {
	display: block;
	padding: 0.25em 2em 0.25em 1em;
	color: #fafafa;
	transition: 0.5s;
	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-sub-index);
	transition: 0.5s;
}
.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: #fafafa;
	cursor: pointer;
	font-size: 1em;
}
/* card-progress*/
.card.card-progress {
	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 0px, #81C784 10px);
	background-image: repeating-linear-gradient(60deg, var(--color-index) 0px, var(--color-sub-index) 10px);
}
@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-paginate {
	overflow-y: auto;
	display: block;
	position: relative;
	max-height: 100%;
}
.card.card-paginate>.card-body {
}
.card.card-paginate>.card-foot {
	display: none;
}
/*
	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-inline {
	display: inline-block;
}
.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: 0px;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
}
.card.card-image.image-border {
	border: 1px solid;
	border-color: var(--color-index);
	box-shadow: inset 0 0 0px 1px #fffc;
}
.card.card-image.image-1x1:before {
	content: "";
	display: inline-block;
	margin-top: 100%;
}
.card.card-image.image-16x9:before {
	content: "";
	display: inline-block;
	margin-top: 56.25%;
}
.card.card-image.image-4x3:before {
	content: "";
	display: inline-block;
	margin-top: 75%;
}
.card.card-image.image-2x1:before {
	content: "";
	display: inline-block;
	margin-top: 50%;
}
.card.card-image.image-25x12:before {
	content: "";
	display: inline-block;
	margin-top: 48%;
}
.card.card-image.image-20x9:before {
	content: "";
	display: inline-block;
	margin-top: 45%;
}
.card.card-image.image-16x7:before {
	content: "";
	display: inline-block;
	margin-top: 43.75%;
}
.card.card-image.image-8x3:before {
	content: "";
	display: inline-block;
	margin-top: 37.5%;
}
.card.card-image.image-3x1:before {
	content: "";
	display: inline-block;
	margin-top: 33.333333%;
}
.card.card-image.image-4x1:before {
	content: "";
	display: inline-block;
	margin-top: 25%;
}
.card.card-image.image-5x1:before {
	content: "";
	display: inline-block;
	margin-top: 20%;
}
.card.card-image.image-6x1:before {
	content: "";
	display: inline-block;
	margin-top: 16.666666%;
}
.card.card-image.image-3x4:before {
	content: "";
	display: inline-block;
	margin-top: 133.333333%;
}
.card.card-image.image-5x7:before {
	content: "";
	display: inline-block;
	margin-top: 140%;
}
.card.card-image.image-9x16:before {
	content: "";
	display: inline-block;
	margin-top: 177.777777%;
}
.card.card-image.image-circle {
	border-radius: 50%;
	overflow: hidden;
}
.card.card-image.image-circle:before {
	content: "";
	display: inline-block;
	margin-top: 100%;
}
.card.card-image.image-1x1>img, .card.card-image.image-16x9>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-16x7>img, .card.card-image.image-8x3>img, .card.card-image.image-3x1>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%;
}
.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-label
*/
.card.card-label {
	display: inline-block;
	outline-color: var(--color-base);
	border-width: 1px;
	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: 0em;
}
.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;
	overflow: auto;
}
.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-opacity-1 {
	background: rgba(0, 0, 0, 0.1);
}
.card.card-mask.mask-opacity-2 {
	background: rgba(0, 0, 0, 0.2);
}
.card.card-mask.mask-opacity-3 {
	background: rgba(0, 0, 0, 0.3);
}
.card.card-mask.mask-opacity-4 {
	background: rgba(0, 0, 0, 0.4);
}
.card.card-mask.mask-opacity-5 {
	background: rgba(0, 0, 0, 0.5);
}
.card.card-mask.mask-opacity-6 {
	background: rgba(0, 0, 0, 0.6);
}
.card.card-mask.mask-opacity-7 {
	background: rgba(0, 0, 0, 0.7);
}
.card.card-mask.mask-opacity-8 {
	background: rgba(0, 0, 0, 0.8);
}
.card.card-mask.mask-opacity-9 {
	background: rgba(0, 0, 0, 0.9);
}
.card.card-mask.mask-opacity {
 opacity:background: #000;
}
.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.25em;
	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-nav {
	display: flex;
}
.card.card-nav li {
	list-style-type: none;
}
.card.card-nav>li {
	flex: auto;
	text-align: center;
	position: relative;
}
.card.card-nav>li>ul {
	margin: unset;
	padding: unset;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s;
	position: absolute;
	width: 100%;
}
.card.card-nav>li>ul>li {
}
.card.card-nav li a {
	display: inline-block;
	width: 100%;
}
.card.card-nav>li:active, .card.card-nav>li:hover {
}
.card.card-nav>li:active>ul, .card.card-nav>li:hover>ul {
	max-height: 400px;
}
/*
	* 分页卡片信息
*/
.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-popup {
	position: fixed;
	overflow: hidden;
	border: 1px solid #9E9E9E;
	box-shadow: 0 0 2px 0px #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-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;
	height: 30px;
}
/*
	* 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;
}
.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: 0px;
	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-form-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>* {
	flex: 1 0 0;
	max-width: 100%;
}
.card.card-toggle.toggle-normal>.card-body {
	position: relative;
	background-color: #fff;
}
/*card-tree 树子类型的卡片布局*/
.card.card-tree {
}
.card.card-tree .tree-branch {
	position: relative;
	padding-left: 1em;
	line-height: 1.5rem;
}
.card.card-tree>.tree-branch:last-child .tree-content {
	border-bottom: 1px solid var(--color-border);
}
.card.card-tree .tree-content {
	border-top: 1px solid var(--color-border);
}
.card.card-tree .tree-branch-icon {
	position: absolute;
	left: 0;
	cursor: pointer;
	width: 1em;
	text-align: center;
}
.card.card-tree .tree-branch-icon:after {
	font-family: kuoqi;
	font-style: initial;
	content: "\F6570";
	font-weight: bold;
	font-size: 1.1em;
}
.card.card-tree .tree-branch.closed>.tree-branch-icon:after {
	content: "\F6569";
}
.card.card-tree .tree-branch.closed>.tree-branch {
	display: none;
}
.card.card-tree .tree-branch.hasnext {
	border-left: 1px dashed var(--color-border);
}
/*
@keyframes cardtree-open
    {
    from { height:0;   }
    to {  height:auto;  }
}
@keyframes cardtree-hide
    {
    from { height:auto;   }
    to {  height:0;  }
}

@-webkit-keyframes cardtree-openul
{
    from { height:0;   }
    to {  height:auto;  }
}

@keyframes cardtree-closeul
    {
    from { height:auto;   }
    to {  height:0;  }
}
@-webkit-keyframes cardtree-closeul
{
    from { height:auto;   }
    to {  height:0;}
}*/
.card.card-form-item {
	outline-color: var(--color-index);
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--color-form-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: 0px 0px 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-form-border);
}
.card.card-form-item>.card-body {
}
.card.card-form-item>.card-foot {
	border-top: 1px solid var(--color-form-border);
}
.card.card-form-inpselect {
	display: flex;
	outline-color: var(--color-index);
	border: 1px solid var(--color-index);
	border-radius: 0.25em;
	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.25em;
	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.25em;
	box-sizing: border-box;
	flex: none;
	border: none;
	background-color: var(--color-index);
	color: #fff;
}
/*card card-tab*/
.card.card-tab, .card.card-tabapi {
}
.card.card-tab>.card-head, .card.card-tabapi>.card-head {
	display: flex;
	border-bottom: 1px solid var(--color-index);
}
.card.card-tab>.card-body, .card.card-tabapi>.card-body {
}
.card.card-tab>.card-head>[data-tpid], .card.card-tabapi>.card-head>[data-tpid] {
border: 1px solid var(--color-index);
border-bottom: 0px;
padding: 0.25em;
color: var(--color-index);
cursor: pointer;
}
.card.card-tab>.card-head>[data-tpid].active, .card.card-tabapi>.card-head>[data-tpid].active {
	background-color: var(--color-index);
	color: #fff;
}
.card.card-tab>.card-body>[data-tpid], .card.card-tabapi>.card-body>[data-tpid] {
display: none;
}
.card.card-tab>.card-body>[data-tpid].open, .card.card-tabaapi>.card-body>[data-tpid].open {
	display: block;
}
.card.card-tab>.card-body .tabapi-loading, .card.card-tabapi>.card-body .tabapi-loading {
	padding: 15px;
	text-align: center;
	font-size: 12px;
	color: var(--color-index);
	opacity: 0.8;
}
.card.card-tab[data-format="vertical"], .card.card-tabapi[data-format="vertical"] {
	display: grid;
	grid-template-columns: auto 1fr;
}
.card.card-tab[data-format="vertical"]>.card-head, .card.card-tabapi[data-format="vertical"]>.card-head {
	display: block;
	border: 1px solid var(--color-index);
}
.card.card-tab[data-format="vertical"]>.card-body, .card.card-tabapi[data-format="vertical"]>.card-body {
}
.card.card-tab[data-format="vertical"]>.card-head>[data-tpid], .card.card-tabapi[data-format="vertical"]>.card-head>[data-tpid] {
 border: unset;
 border-bottom: 1px solid var(--color-index);
}
.card.card-tab[data-format="vertical"]>.card-head>[data-tpid]:last-child, .card.card-tabapi[data-format="vertical"]>.card-head>[data-tpid]:last-child {
	border-bottom: unset;
}
.card.card-tab[data-format="vertical"]>.card-head>[data-tpid].active, .card.card-tabapi>.card-head>[data-tpid].active {
	background-color: var(--color-index);
	color: #fff;
}
.card.card-tab[data-format="vertical"]>.card-body>[data-tpid], .card.card-tabapi[data-format="vertical"]>.card-body>[data-tpid] {
}
.card.card-tab[data-format="vertical"]>.card-body>[data-tpid].open, .card.card-tabaapi[data-format="vertical"]>.card-body>[data-tpid].open {
	display: block;
}
.card.card-tab[data-format="vertical"]>.card-body .tabapi-loading, .card.card-tabapi[data-format="vertical"]>.card-body .tabapi-loading {
}
.card.card-tab.tab-simple {
}
.card.card-tab.tab-simple>.card-head, .card.card-tabapi.tab-simple>.card-head {
	border-bottom: 3px solid var(--color-gray);
}
.card.card-tab.tab-simple>.card-head>[data-tpid], .card.card-tabapi.tab-simple>.card-head>[data-tpid] {
 border: unset;
 color: var(--color-tabsimple);
 position: relative;
}
.card.card-tab.tab-simple>.card-head>[data-tpid]:after, .card.card-tabapi.tab-simple>.card-head>[data-tpid]:after {
	content: "";
	position: absolute;
	width: 100%;
	bottom: -3px;
	height: 3px;
	background-color: var(--color-tabsimple);
	left: 0;
}
.card.card-tab.tab-simple>.card-head>[data-tpid].active, .card.card-tabapi.tab-simple>.card-head>[data-tpid].active {
	background-color: unset;
	color: var(--color-index);
}
.card.card-tab.tab-simple>.card-head>[data-tpid].active:after, .card.card-tabapi.tab-simple>.card-head>[data-tpid].active:after {
	background-color: unset;
	color: var(--color-index);
	background-color: var(--color-index);
}
.card.card-input {
	outline-color: var(--color-index);
	padding: 0.375rem 0.5rem;
	border: 1px solid var(--color-form-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 0px 0px 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 {
	border-bottom: 1px solid var(--color-index);
	background-color: var(--color-border);
}
.card.card-tabmenu .tabmenu-tab {
	display: inline-flex;
	max-width: 100%;
}
.card.card-tabmenu .tabmenu-tab li {
	list-style-type: none;
	padding: 0.25rem 0.75rem;
	align-items: center;
	border: 1px solid var(--color-index);
	border-left-width: 0px;
	border-bottom-width: 0;
	border-top-right-radius: 0.5rem;
	border-top-left-radius: 0.5rem;
	transition: 0.4s;
	display: flex;
	position: relative;
	color: var(--color-index);
	background-color: #fff;
}
.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 {
	background-color: var(--color-index);
	color: #fff;
}
.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;
}
.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: #fff;
	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-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-toggle {
	border-bottom: 1px solid #dedede;
	background-color: #fff;
	transition: 0.404s;
}
.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 {
	transition: 0.404s;
}
.card.card-item.item-cpanel {
	box-shadow: 0px 1px 3px 0px #cacaca;
}
.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-innerline {
	border-top: 1px solid var(--color-border);
}
.card.card-item.item-innerline:first-child {
	border-top-width: 0;
}
.card-plugin-slideconfig {
	box-shadow: inset 0px 0px 4px;
	border-radius: 0.25rem;
}
.card-plugin-slideconfig>input {
	display: none;
}
.card-plugin-slideconfig:hover>input {
	display: inline-block;
}
.card.card-ball {
	border: 1px solid var(--color-index);
	border-radius: 50%;
	text-align: center;
	align-items: center;
	display: inline-flex;
	justify-content: center;
	box-shadow: inset 1px 1px 12px 0px var(--color-index);
}
.card.card-ball.ball-red {
	FONT-WEIGHT: 500;
	border-color: #e16e66;
	box-shadow: inset 1px 1px 12px 0px #F44336;
}
.card.card-ball.ball-green {
	border-color: #8BC34A;
	box-shadow: inset 1px 1px 12px 0px #4CAF50;
}
.card.card-ball.ball-golden {
	border-color: #FFC107;
	box-shadow: inset 1px 1px 12px 0px goldenrod;
}
.card.card-ball.ball-silvery {
	border-color: silver;
	box-shadow: inset 1px 1px 12px 0px silver;
}
.card.card-ball.ball-coppery {
	border-color: #deac95;
	box-shadow: inset 1px 1px 12px 0px #deac95;
}
.card.card-ball.ball-1 {
	border: 1px solid var(--color-1);
	box-shadow: inset 1px 1px 12px 0px var(--color-1);
}
.card.card-ball.ball-2 {
	border: 1px solid var(--color-2);
	box-shadow: inset 1px 1px 12px 0px var(--color-2);
}
.card.card-ball.ball-3 {
	border: 1px solid var(--color-3);
	box-shadow: inset 1px 1px 12px 0px var(--color-3);
}
.card.card-ball.ball-4 {
	border: 1px solid var(--color-4);
	box-shadow: inset 1px 1px 12px 0px var(--color-4);
}
.card.card-ball.ball-5 {
	border: 1px solid var(--color-5);
	box-shadow: inset 1px 1px 12px 0px var(--color-5);
}
.card.card-ball.ball-6 {
	border: 1px solid var(--color-6);
	box-shadow: inset 1px 1px 12px 0px var(--color-6);
}
.card.card-imgs {
	outline-color: var(--color-index);
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--color-form-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: 0px 0px 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-form-border);
}
.card.card-imgs>.card-body {
}
.card.card-imgs>.card-body>img {
	width: auto;
	height: 120px;
	box-shadow: 0 0 1px 0px;
	border-radius: 0.25rem;
	margin: 0.25rem;
	margin-left: 0;
}
.card.card-imgs>.card-foot {
	border-top: 1px solid var(--color-form-border);
}
.card.card-full {
	display: grid;
	grid-template-rows: max-content auto max-content;
	position: relative;
	height: 100%;
}
.card.card-full>.card-head {
}
.card.card-full>.card-body {
}
.card.card-full>.card-foot {
}
.card.card-box {
	position: relative;
}
.card.card-box.box-inline {
	display: inline-block;
}
.card.card-box:before {
	content: "";
	margin-top: 100%;
	display: inline-block;
}
.card.card-box>div {
	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: inline-flex;
}
.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;
}
.card.card-crumb a {
	text-decoration: none;
	color: inherit;
}
 @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]{}/** 关于按钮模块的信息 */
/* CSS Document */

.form {
	display: block;
	word-break: break-all;
	margin: 0;
}
.form.form-small {
	font-size: small;
}
.form-input {
	font: 400 1em Arial;
	display: inline-block;
	vertical-align: bottom;
	outline: none;
	outline-color: var(--color-index);
	padding: 0.375em 0.5em;
	border: 1px solid var(--color-form-border);
	border-radius: 0.25em;
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	transition: 0.5s;
	line-height: 1.5em;
}
.form-video {
	outline-color: var(--color-index);
	padding: 0.5rem 0.5rem;
	border: 1px solid var(--color-form-border);
	border-radius: 0.25rem;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.5rem;
	font-size: 1em;
	background-color: #fff;
}
.form-video-pre {
	height: 0.5rem;
	border-radius: 0.125rem;
	margin-bottom: 0.5rem;
	position: relative;
	background-color: var(--color-form-border);
	overflow: hidden;
}
.form-video-prebar {
	position: absolute;
	height: 100%;
	left: 0;
	width: 1px;
	background-color: var(--color-index);
}
div.form-input {
	display: flex;
}
div.form-input input {
	border: none;
	width: 100%;
	box-sizing: border-box;
	font-size: 1em;
	outline: none;
}
div.form-input>*:last-child {
}
.form-noborder {
	box-sizing: border-box;
	line-height: 1.5rem;
	font-size: 1em;
	border: 0;
	width: 100%;
	outline: none;
}
.form-input:hover, .form-input:active, .form-input.hover.form-input.active {
	border: 1px solid var(--color-index);
}
.form-select {
	font: 400 1em Arial;
	outline: none;
	outline-color: var(--color-index);
	border: 1px solid var(--color-form-border);
	border-radius: 0.25em;
	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-form-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 1em Arial;
	padding: 0.375em 0.5em;
	vertical-align: bottom;
	outline: none;
	outline-color: unset;
	border: 1px solid var(--color-form-border);
	border-radius: 0.25rem;
	box-sizing: border-box;
	background-color: var(--color-index);
	color: #fff;
	cursor: pointer;
	transition: 0.5s;
	line-height: 1.5em;
	display: inline-block;
}
.form-button:active, .form-button:hover, .form-button.active, .form-button.hover {
	box-shadow: inset 0px 0px 6px 1px #fff;
}
.form-textarea {
	box-sizing: border-box;
	outline-color: var(--color-index);
	padding: 0.338em;
	border: 1px solid var(--color-form-border);
	border-radius: 0.25em;
	width: 100%;
	font: 400 1em 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-form-border);
}
.form.form-line>select {
	flex: none;
	outline-color: var(--color-index);
	padding: 0.5em 0.75em;
	border: 1px solid var(--color-form-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-form-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-form-border);
	box-sizing: border-box;
}
.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;
	font: 400 1em Arial;
	line-height: 1.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	border-radius: 0.25rem;
}
.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-image.card.card-image img {
	display: inline-block;
    border: 1px solid var(--color-border);
    min-width: 4rem;
    min-height: 4rem;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 420px) {
.form-image.card.card-image {
	width: 80%;
}
.form-image.card.card-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;
}
/**  */
.color-index{
	color:var(--color-index);	
}
.color-red{color:red;}
.color-blue{color:blue;}
.color-green{color:green;}


/**
 * 六种颜色简单搭配
 * 模板样式一
 */
.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;} /** 关于基础模块数据的加载 */
/* 
	*CSS Document
	* 关于text,font...
*/
.text-ch { align-items: 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; align-items: right; justify-items: right; }
.text-t {align-items: flex-start;}
.text-b {align-items: 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; text-align: center; }
.text-hc { align-items: 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;
}
 /** 关于基础文本模块数据的加载 */
/* 
	*CSS Document
	* 关于page模块
*/
.page {
	box-sizing: border-box;
}
.page>.page-head, .page>.page-body, .page>.page-foot {
	position: relative;
	overflow: hidden;
}
.page.page-fixed {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	display: grid;
	grid-template-rows: max-content auto max-content;
}
.page.page-fixed.fixed-mobile {
}
.page.page-fixed.fixed-mobile:first-child {
}
.page.page-fixed.fixed-mobile:last-child {
}
.page.page-fixed>.page-body {
	overflow-x: hidden;
	overflow-y: 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 {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	display: grid;
	grid-template-rows: max-content auto max-content;
}
.page.page-model>.page-body {
	overflow: auto;
}
.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 {
}
 @media print {
 @page {
 margin: 16pt;
 size: A4 portrait; /* 设置打印纸张尺寸和方向 */
}
 @top-left {
 content: "页眉内容";
 font-size: 12pt;
 position: fixed;
 top: -100pt;
 left: 0pt;
}
 @bottom-left {
 content: "页脚内容";
 font-size: 12pt;
 position: fixed;
 bottom: -100pt;
 left: 0pt;
}
 print_show: {
 visibility:visible !important;
}
 print_hide: {
 visibility:hidden !important;
}
 .page-break {
    page-break-before: always; /* 通过在某个元素前插入分页符实现分页 */
  }
}
 /** 关于基础页面模块数据的加载 */
/* CSS Document */

.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: 0px; }
.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: 0px; }
.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: 0px; }
.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: 0px; }
.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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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; }
/* * margin rem top,right bottom,left 的手机版相关的参数信息  * */

.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; }
/* * margin rem import top,right bottom,left 的手机版相关的参数信息  * */
.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: 0px; }
.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: 0px; }
.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: 0px; }
.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: 0px; }
.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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.pdremti-auto { padding-top: auto; }
.pdremti-none { padding-top: unset; }
.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; }
.pdremri-auto { padding-right: auto; }
.pdremri-none { padding-right: unset; }
.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; }
.pdrembi-auto { padding-bottom: auto; }
.pdrembi-none { padding-bottom: unset; }
.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; }
.pdremli-auto { padding-left: auto; }
.pdremli-none { padding-left: unset; }
.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; }