/* CSS Document */
/**
  * version : base
  * createBy : kuoqi
  * createTime : 2020-10-21
*/
:root {
 --color-index:#ff7c20;
 --color-reindex:#d0d;
 --color-sub-index: #fd7f56;
 --color-suber-index: #ff8761;
 --color-sub-reindex:#d0d;
 --color-del:#d76f4f;
 --blue:#007bff;
 --indigo:#6610f2;
 --purple:#6f42c1;
 --pink:#e83e8c;
 --red:#dc3545;
 --orange:#fd7e14;
 --yellow:#ffc107;
 --green:#28a745;
 --teal:#20c997;
 --cyan:#17a2b8;
 --white:#fff;
 --gray:#6c757d;
 --gray-dark:#343a40;
 --primary:#007bff;
 --secondary:#6c757d;
 --success:#28a745;
 --info:#17a2b8;
 --warning:#ffc107;
 --danger:#dc3545;
 --light:#f8f9fa;
 --dark:#343a40;
 --bgcolor-sbumit: #d76541;
 --fontsize: 16px;
 --btn-padding: 2px 10px;
 --btn-margin: 2px;
 --btn-height: 32px;
 --btn-line-height: 30px;
 --btn-border-radius: 2px;
 --btn-border: 1px solid;
 --header-height: 50px;
 --border-color: #cccccc;
 /*新版本开始使用*/
 --color-info: #616161;
 --color-reinfo:#fff;
 --pagehead-height:44px;
 --pagemenu-width:120px;
 --line-height: 32px;
 --pagefoot-height:60px;
}
*::selection {
	background: rgba(244, 67, 54, 0.27);
}
 *::-moz-selection {
 background: rgba(215, 101, 65, 0.4);
}
@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
    }
}
.fl{float:left;}
 .fr{float:right;}
 .hide{display:none;}
  .hidden{display:none !important}
/**
  * 栅格化布局模块
*/
.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}
.conatiner-point{
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	position: relative;
}
.conatiner-point>div{

position: absolute;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	min-height: 1px;
	max-width: 100%;
	box-sizing: border-box;
}
 @media (min-width: 768px) {
.container {
	width: 750px;
}
}
 @media (min-width: 992px) {
.container {
	width: 970px;
}
}
 @media (min-width: 1200px) {
.container {
	width: 1170px;
}
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.row-flex {
	display: flex;
}
.col-flex-auto {
	flex: inherit;
	display: flex;
	flex-shrink: 0;
}
.col-flex-other {
	flex: auto;
	display: flex;
}
.col-flex-none {
	display: initial;
}
.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 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}
.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}
.col-flex{
	display:flex;
}
.col-other{
	-ms-flex: 1 0 auto;
	flex: 1 1 0;
}
.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;
}
.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: 360px) {
.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%;
}
}
/**
  * height 相关操作
*/
.hgp{height:inherit;}
.hgs{
	height:initial;
}
/**
  * width 相关操作
*/
.wdr-1 { width: 1rem; flex-basis:1rem;}
.wdr-2 { width: 2rem; flex-basis:2rem}
.wdr-3 {  width: 3rem; flex-basis:3rem}
.wdr-4 {  width: 4rem; flex-basis:4rem}
.wdr-5 {  width: 5rem; flex-basis:5rem}
.wdr-6 {  width: 6rem; flex-basis:6rem}
.wdr-7 {  width: 7rem; flex-basis:7rem}
.wdr-8 {  width: 8rem; flex-basis:8rem}
.wdr-9 {  width: 9rem; flex-basis:9rem}
.wdr-10 { width: 10rem; flex-basis:10rem}
.wdr-11 { width: 11rem; flex-basis:11rem}
.wdr-12 { width: 12rem; flex-basis:12rem}
.wdr-13 { width: 13rem; flex-basis:13rem}
.wdr-14 { width: 14rem; flex-basis:14rem}
.wdr-15 { width: 15rem; flex-basis:15rem}
.wdr-16 { width: 16rem; flex-basis:16rem}
.wdp-10 { width: 10%; flex-basis:10%}
.wdp-20 { width: 20%; flex-basis:20%}
.wdp-30 { width: 30%; flex-basis:30%}
.wdp-40 { width: 40%; flex-basis:40%}
.wdp-50 { width: 50%; flex-basis:50%}
.wdp-60 { width: 60%; flex-basis:60%}
.wdp-70 { width: 70%; flex-basis:70%}
.wdp-80 { width: 80%; flex-basis:80%}
.wdp-90 { width: 90%; flex-basis:90%}
.wdp-100 { width: 100%; flex-basis:100%}
.wdpi-10 { width: 10% !important; flex-basis:10% !important}
.wdpi-20 { width: 20% !important; flex-basis:20% !important}
.wdpi-30 { width: 30% !important; flex-basis:30% !important}
.wdpi-40 { width: 40% !important; flex-basis:40% !important}
.wdpi-50 { width: 50% !important; flex-basis:50% !important}
.wdpi-60 { width: 60% !important; flex-basis:60% !important}
.wdpi-70 { width: 70% !important; flex-basis:70% !important}
.wdpi-80 { width: 80% !important; flex-basis:80% !important}
.wdpi-90 { width: 90% !important; flex-basis:90% !important}
.wdpi-100 { width: 100% !important; flex-basis:100% !important}
.hgr-1 { height: 1rem; }
.hgr-2 { height: 2rem; }
.hgr-3 {  height: 3rem; }
.hgr-4 {  height: 4rem; }
.hgr-5 {  height: 5rem; }
.hgr-6 {  height: 6rem; }
.hgr-7 {  height: 7rem; }
.hgr-8 {  height: 8rem; }
.hgr-9 {  height: 9rem; }
.hgr-10 { height: 10rem; }
.hgr-11 { height: 11rem; }
.hgr-12 { height: 12rem; }
.hgr-13 { height: 13rem; }
.hgr-14 { height: 14rem; }
.hgr-15 { height: 15rem; }
.hgr-16 { height: 16rem; }
/**
  * margin 相关操作
*/
.mg-auto {
	margin: auto;
}
.mg-none {
	margin: unset;
}
.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;
}
.mgt-auto {
	margin-top: auto;
}
.mgt-none {
	margin-top: unset;
}
.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;
}
.mgr-auto {
	margin-right: auto;
}
.mgr-none {
	margin-right: unset;
}
.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-auto {
	margin-bottom: auto;
}
.mgb-none {
	margin-bottom: unset;
}
.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-auto {
	margin-left: auto;
}
.mgl-none {
	margin-left: unset;
}
.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-auto {
	margin: auto !important;
}
.mgi-none {
	margin: unset !important;
}
.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-auto {
	margin-top: auto !important;
}
.mgti-none {
	margin-top: unset !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-auto {
	margin-right: auto !important;
}
.mgri-none {
	margin-right: unset !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-auto {
	margin-bottom: auto !important;
}
.mgbi-none {
	margin-bottom: unset !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-auto {
	margin-left: auto !important;
}
.mgli-none {
	margin-left: unset !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;
}
/**
  * 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-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;
}
/**
  * 常规页面布局
*/
.page {
}
.page.page-small {
	font-size: small;
}
.page.page-smaller {
	font-size: smaller;
}
.page.page-large {
	font-size: large;
}
.page.page-larger {
	font-size: larger;
}
.page.page-container {
	display: block;
	grid-template-rows: 44px auto 40px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	border: 1px solid #000;
}
.page.page-container>.page-head {
	border-bottom: 1px solid;
	position: relative;
	height: 32px;
	grid-template-columns: 120px auto 160px;
	display: grid;
	height: 32px;
}
.page.page-container>.page-body {position: absolute;top: 32px;bottom: 0;left: 0;right: 0;}
.page.page-container>.page-foot {
}
.page.page-container .__menuList {
	background-color: #efefef;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
	display: grid;
	grid-template-columns: auto 12px;
	width: 120px;
	float: left;
	height: 100%;
	position: absolute;
}
.page.page-container .__menuList .rightbar {
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	width: 12px;
	background-color: var(--color-reinfo);
	border-right: 2px solid var(--color-info);
	border-color: var(--color-info);
	box-shadow: 1px 0px 2px var(--color-info);
}
.page.page-container .__iframe iframe {
	box-sizing: border-box;
	border: 0;
}
.page.page-grid {
}
.page.page-full {
}
.page.page-lis {
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.page.page-lis>.page-head{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: var(--pagehead-height);
    background-color: var(--color-index);
}
.page.page-lis>.page-body{
    position: absolute;
    left: 0;
    right: 0;
    overflow: auto;
    top: var(--pagehead-height);
    bottom: var(--pagefoot-height);
}
.page.page-lis>.page-foot{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--pagefoot-height);
}
.page.page-detail {
}
.page.page-fixed{
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
}
.page.page-fixed>.page-head{
    position: relative;
    width: 100%;
    top: 0;
}
.page.page-fixed>.page-body{
    position: absolute;
}
.page.page-fixed>.page-foot{
    position: absolute;
    width: 100%;
    bottom: 0;
}
ul.pager { padding: 2px 6px; text-align: end; }
ul.pager li { display: inline-block; padding: 0 6px; background-color: #f67851; margin: 0 2px; border-radius: 2px; }
ul.pager a { color: #fff; text-decoration: none; }
ul.pager a.active, .ul.pager a:active, .ul.pager a:hover, .ul.pager a.hover { }

/**
  * [table]资源
  * todo--table表格
*/
.table{
	border-collapse: collapse;
    border-spacing: 0;
    font-size: 15px;
    border-color: #fff;
    width: 100%;	
}
.table tr:hover, .table tr:active, .table tr.hover, .table tr.active{
	
background-color: var(--light);
}
.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-line 行表格布局模式*/
.table.table-line {
	width: 100%;
}
.table.table-line tr {
	box-shadow: 0px -1px 1px #f3f3f3;
}
.table.table-line th {
	background-color: var(--color-sub-index);
	border-color: #bcbcbc;
	color: #fff;
}
.table.table-line td {
	color: #424242;
	line-height: 28px;
	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);
}
.table.table-line ul.table-pager{
    padding-left: 0;
    margin: 0 auto;
}
.table.table-line ul.table-pager li{
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
}
.table.table-line ul.table-pager a{
    text-decoration: none;
    color: var(--color-index);
}
.table.table-line ul.table-pager li.hover,.table.table-line ul.table-pager li.active{

}
.table.table-line ul.table-pager li.hover a,.table.table-line ul.table-pager li.active a{
	
color: var(--color-reindex);
}
/*table-toggle 带效果的切换布局模式*/
.table.table-toggle {
	width: 100%;
}
.table.table-toggle tr {
	box-shadow: 0px -1px 1px #f3f3f3;
}
.table.table-toggle th {
	background-color: var(--color-sub-index);
	border-color: #bcbcbc;
	color: #fff;
}
.table.table-toggle td {
	color: #424242;
	line-height: 28px;
	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);
}
.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);
}
/**
  * [表单]资源
  * todo--form表单资源
*/
.form {
}
.form-small {
	font-size: small;
}
.form-smaller {
	font-size: smaller;
}
.form-input {
	font-size: inherit;
	outline-color: var(--color-index);
	border-width: 1px;
	padding: 6px 8px;
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	width: 100%;
}
.form-textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 48px;
	box-sizing: border-box;
}
.form-inputfull {
	font-size: inherit;
	outline-color: var(--color-index);
	border-width: 1px;
	padding: 6px 8px;
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	width: 100%;
	box-sizing: border-box;
}
.form.form-line .group-row {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 6px;
	margin-bottom: 16px;
	padding: 15px;
}
.form.form-line .group-row:before {
	content: "";
}
.form.form-line .group-row:after {
	content: "";
}
.form.form-line .group-row .name {
	font-size: 15px;
	float: left;
	width: 24%;
	text-align: end;
	color: #656565;
}
.form.form-line .group-row .value {
	padding-left: 26%;
	color: #464646;
}
.form.form-line .group-row .reset-radio {
	padding: 2px 6px;
}
.form.form-line .group-row .title {
}
.form.form-line .group-row input {
	width: 100%;
	line-height: 30px;
	height: 30px;
	outline-color: #c6c6c6;
	border-radius: 2px;
	border-width: 1px;
	border-color: #bcbcbc;
	border-style: solid;
	padding: 0 2px;
}
.form.form-line .group-row textarea {
	outline-color: #c6c6c6;
	border-radius: 2px;
	border-width: 1px;
	border-color: #bcbcbc;
	border-style: solid;
	padding: 0 2px;
	min-height: 80px;
	width: 100%;
	max-width: 100%;
}
.form.form-line .group-row select {
	line-height: 30px;
	width: 100%;
	height: 32px;
	outline-color: #c6c6c6;
	border-radius: 2px;
	border-width: 1px;
	border-color: #bcbcbc;
	border-style: solid;
	padding: 0 2px;
	color: #757575;
}
.form.form-line .group-row option {
	line-height: 30px;
	width: 100%;
	color: #3f7441;
	font-size: 15px;
	display: list-item;
}
.form.form-line .group-row input[type="checkbox"] {
	width: 16px;
	height: 16px;
}
.form.form-line .group-row input[type="radio"] {
	width: 16px;
	line-height: 16px;
	height: 16px;
}
.form.form-line .form-cover-img {
	width: 200px;
	height: 200px;
	display: inline-block;
	border: 1px solid #a3a3a3;
	border-radius: 2px;
	box-shadow: 0px 0px 1px #000;
}
.form.form-line.form-line-widther .name {
	width: 15%;
}
.form.form-line.form-line-widther .value {
	padding-left: 16%;
}
form.form-flex .form-flex {
	display: flex;
}
form.form-flex .form-flex .form-flex-auto {
	flex: inherit;
	display: flex;
	flex-shrink: 0;
}
form.form-flex .form-flex .form-flex-other {
	flex: auto;
	display: flex;
}
form.form-flex .form-flex .form-flex-none {
	display: initial;
}
.form .form-valicodeInput { border: 1px solid var(--border-color); float: left; border-radius: 2px; line-height: var(--line-height); width: 100%; height: var(--line-height); outline-color: var(--color-index); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: var(--border-color); padding: 6px; width: calc(100% - 6rem); }
.form .form-valicodeBtn {width: 6rem !important;outline: none;line-height: var(--line-height);box-sizing: border-box;background-color: var(--color-index);height: var(--line-height);border-color: var(--border-color);border-width: 1px;color: #fff;}
.form .form-valicodeBtn.disabled { background-color: #c1c1c1; cursor: no-drop; }

/**
  * [panel]布局
*/
.panel.panel-border {
	border: 1px solid;
	border-radius: 2px;
}
.panel.panel-fold.panel-horizontal {
	display: block;
}
.panel.panel-fold.panel-horizontal .panel-head {
	display: flex;
}
.panel.panel-fold.panel-vertical {
	display: flex;
}
/**
  * [line]资源
  * todo--线条模块
*/
.line{
    display: block;
    width: 100%;
    clear: both;
    border-bottom-color: initial;
    box-sizing: border-box;
    border-width:0px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}
.line-double{
	
border-top-width: 1px;
	
border-top-style: solid;
}
.line-info{
    border-color: var(--color-info);
}
.line-subinfo{
    border-color: var(--color-suber-index);
}
.line-333{
	 border-color: #333333;
}
.line-666{
	 border-color: #666666;
}
.line-999{
	 border-color: #999999;
}
.line-aaa{
	 border-color: #aaaaaa;
}
.line-ccc{
	 border-color: #cccccc;
}
.line-fff{
	 border-color: #ffffff;
}
.line-tips{
    border-color: #f1f1f1;
}
/**
  * [文本模块]文本模块
  * todo--边框布局
*/
.border{box-sizing:border-box;}
.border-card-simple{
    border: 1px solid;
    border-radius: 2px;
}
/**
  * [文本模块]文本模块
  * todo--text布局
*/
.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 {
}
.text-b {
}
.text-j {text-align: justify;text-align-last: justify;}
.text-c {
	text-align: center;
	justify-items: center;
	align-items: center;
	text-align: center;
}
.text-hc {
	align-items: center;
}
.text-vc {
}
.layout-c {
}
.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; }
/**
  * [btn]模块
  * todo--按钮模块
*/
.btn {
	border: 1px solid;
    list-style-type: none;
    text-decoration: none;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    display: inline-block;
    transition: 0.4s;
    line-height: normal;
    box-sizing: border-box;
    opacity: 0.95;
    font-size: initial;
    background-color: initial;
    padding: 5px 10px;
}
.btn:active,.btn.active,.btn:hover,.btn.hover{
	opacity:1;
	transition: 0.4s;
}
.btn.btn-radio input{
    display: none;
}
.btn.btn-radiusnone{
	border-radius: 0px;
}
.btn.btn-radius{
	border-radius:6px;
}
.btn.btn-radiusall{
	border-radius:32px;
}
.btn.btn-normal {
	padding: 10px 15px;
	font-size: initial;
}
.btn.btn-small {
	font-size: smaller;
	padding: 5px 10px;
}
.btn.btn-smaller {
	font-size: x-small;
	padding: 2px 5px;
}
.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-disabled {
	background-color: #d1d1d1;
}
.btn.disabled {
	background-color: #ccc;
	border-color: #cccccc;
}
.btn.btn-none {
	background: none;
}
.btn.btn-add {
	border-color: #21abe0;
	background-color: #21abe0;
	color: #fff;
}
.btn.btn-add-hollow {
	border-color: #21abe0;
	color: #21abe0;
}
.btn.btn-ask {
	background-color: #f9f91e;
	border-color: #f9f91e;
	color: #fff;
	
}
.btn.btn-ask-hollow {
	border-color: #f9f91e;
	color: #f9f91e;
}
.btn.btn-black {
	background-color: black;
	border-color: black;
	color: #fff;
}
.btn.btn-black-hollow {
	border-color: black;
	color: black;
}
.btn.btn-blue {
	background-color: blue;
	border-color: blue;
	color: #fff;
}
.btn.btn-blue-hollow {
	border-color: blue;
	color: blue;
}
.btn.btn-del {
	background-color: var(--color-del);
	color: #fff;
	border-color: var(--color-del);
	background-image: none;
}
.btn.btn-del-hollow {
	color: var(--color-del);
	border-color: var(--color-del);
	background-image: none;
}
.btn.btn-edit {
	background-color: #4caf50;
	border-color: #4caf50;
	color: #ffffff;
}
.btn.btn-edit-hollow {	
	border-color: #4caf50;
	color: #4caf50;
}
.btn.btn-error {	
	background-color: #F44336;
	border-color: #F44336;
	color: #fff;
}
.btn.btn-error-hollow {
	border-color: #F44336;
	color: #F44336;
}
.btn.btn-failed {
	background-color: #adadad;
	border-color: #adadad;
	color: #fff;
}
.btn.btn-failed-hollow {
	border-color: #adadad;
	color: #adadad;
}
.btn.btn-green {
	background-color: green;
	border-color: green;
	color: #fff;
}
.btn.btn-green-hollow {
	border-color: green;
	color: green;
}
.btn.btn-index {
	background-color: var(--color-index);
	border-color: var(--color-index);
	color: #fff;
}
.btn.btn-index-hollow {
	border-color: var(--color-index);
	color: var(--color-index);
}
.btn.btn-info {
	border-color: var(--color-info);
	background-color: var(--color-info);
	color: #fefefe;
}
.btn.btn-info-hollow {
	border-color: var(--color-info);
	color: var(--color-info);
}
.btn.btn-radio {
	border-color: #4CAF50;
	background-color: #4CAF50;
	color: #fefefe;
}
.btn.btn-radio-hollow {
	border-color: #4CAF50;
	color: #4CAF50;
}
.btn.btn-red {
	background-color: red;
	color: #fff;
	border-color: red;
	background-image: none;
}
.btn.btn-red-hollow {
	color: red;
	border-color: red;
	background-image: none;
	background-color: initial;
}
.btn.btn-save {
	background-color: #ce5148;
	border-color: #ce5148;
	color: #fff;
}
.btn.btn-save-hollow {
	border-color: #ce5148;
	color: #ce5148;
}
.btn.btn-search {
	background-color: #b3190e;
	border-color: #b3190e;
	color: #fff;
}
.btn.btn-search-hollow {
	border-color: #b3190e;
	color: #b3190e;
}
.btn.btn-submit {
	background-color: #ff7b52;
	border-color: #ff7b52;
	color: #fff;
}
.btn.btn-submit-hollow {
	border-color: #ff7b52;
	color: #ff7b52;
}
.btn.btn-success {
	background-color: #43A047;
	border-color: #43A047;
	color: #fff;
}

.btn.btn-success-hollow {
	border-color: #43A047;
	color: #43A047;
}
.btn.btn-tab {
	background-color: #34a59b;
	border-color: #34a59b;
	color: #fff;
}
.btn.btn-tab-hollow {
	border-color: #34a59b;
	color: #34a59b;
}
.btn.btn-warning {
	background-color: #FF5722;
	border-color: #FF5722;
	color: #fefefe;
}
.btn.btn-warning-hollow {
	border-color: #FF5722;
	color: #FF5722;
}
.btn.btn-white {
	background-color: #fff;
	border-color: #fff;
	color: #333;
}
.btn.btn-white-hollow {
	border-color: #fff;
	color: #fff;
}





/**
  * [card]卡片布局
  * todo--card布局
*/
.card {display: block;}
.card.card-s400 {
	max-width: 400px;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}
.card.card-s600 {
	max-width: 600px;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}
.card.card-s800 {
	max-width: 800px;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}
.card.card-border {
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	border-color: var(--border-color);
}
.card.card-radius{
	border-radius:6px;
}
.card-border-normal {
}
.card.card-info{
	border-color:var(--color-info);
}
.card.card-crumb {  }
.card.card-crumb ul { margin: 0; padding: 0; }
.card.card-crumb li { display: inline-block; list-style-type: none; }
.card.card-crumb a { color: #666; }
.card.card-crumb span { }
.card.card-crumb i { }
/*常规空白卡片*/
.card.card-emptys { }
.card.card-emptys .card-logo { text-align: center; }
.card.card-emptys .card-logo img { width: 40%; }
.card.card-emptys .card-descs { text-align: center; }
.card.card-lines { padding: 0px 0.6em; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; margin: 1rem 0; width: 100%; }

/**
  * 
*/
.card.card-layout-formValicode{
	
display: flex;
	
width: 100%;
}
.card.card-layout-formValicode input{
    flex: auto;
}
.card.card-layout-formValicode button{}
.card.card-layout-image {
	border: 1px dashed #d00;
	display: inline-flex;
}
.card.card-layout-image .card-body {
	display: inline-grid;
}
.card.card-layout-image .card-body img {
	min-width: 40px;
	min-height: 40px;
	max-width: 160px;
	max-height: 160px;
}
.card.card-layout-mapoint{
    width: 100%;
}
.card.card-layout-mapoint .card-foot{
    display: flex;
}
.card.card-layout-mapoint .card-foot>div{}
.card.card-layout-lineparams {
	width: 100%;
}
.card.card-layout-lineparams .card-body {
}
.card.card-layout-lineparams .card-foot {
	text-align: end;
}
.card.card-layout-lineparams [data-layout="data-item"] {
	display: flex;
	margin-top: 5px;
}
.card.card-layout-lineparams [data-layout="data-item"]:first-child {
	margin-top: 0;
}
.card.card-layout-lineparams [data-layout="data-item"] input {
	line-height: inherit;
	outline-color: var(--color-index);
}
.card.card-layout-lineparams [data-layout="data-item"] button {
}
.card.card-layout-lineparams [data-ktype="api-addBtn"] {
	display: initial;
}
.card.card-layout-slide {
	min-height: 60px;
	width: 100%;
	border: 1px solid;
	box-shadow: inset 0px 0px 2px 1px;
	border-radius: 4px;
}
.card.card-layout-slide .card-head {
	border-bottom: 1px solid;
	margin: 5px 5px 0px 5px;
}
.card.card-layout-slide .card-body {
}
.card.card-layout-slide section {
	padding: 5px;
}
.card.card-layout-slide aside {
	position: relative;
	display: inline-table;
	border: 1px solid;
	margin: 5px;
	transition: 0.5s;
}
.card.card-layout-slide .card-body button {
	position: absolute;
	border-width: 1px;
	opacity: 0;
	transition: 0.5s;
}
.card.card-layout-slide img {
	min-width: 90px;
	max-width: 200px;
	height: 120px;
	min-height: 120px;
	position: relative;
	background-image: url(./img/icon-pic.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.card.card-layout-slide input {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0px 0px 2px 1px;
	border-width: 1px;
	padding: 2px 5px;
	opacity: 0;
	transition: 0.5s;
}
.card.card-layout-slide [data-layout="d"] {
	right: 0;
}
.card.card-layout-slide [data-layout="l"] {
	top: 50%;
	left: 0;
}
.card.card-layout-slide [data-layout="r"] {
	top: 50%;
	right: 0;
}
.card.card-layout-slide aside:hover {
	box-shadow: 1px 1px 1px;
	transition: 0.5s;
}
.card.card-layout-slide aside:hover button {
	opacity: 1;
	transition: 0.5s;
}
.card.card-layout-slide aside:hover input {
	opacity: 1;
	transition: 0.5s;
}
.card.card-layout-videoplayer{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.card.card-layout-videoplayer .card-videoplayer-head{
    background: #d00;
    position: relative;
}
.card.card-layout-videoplayer .card-videoplayer-body{
    position: relative;
}
.card.card-layout-videoplayer .card-videoplayer-ctls{
    background: #d00;
    position: relative;
}
.card-flex {
	display: flex;
}
a.card-flex{text-decoration:none;}
.card-flex .card-flex-auto {
	flex: inherit;
	display: flex;
	flex-shrink: 0;
}
.card-flex .card-flex-other {
	flex: auto;
	display: flex;
}
.card-flex .card-flex-none {
	display: initial;
}
/*tab选项卡卡片*/
.card.card-tab { }
.card.card-tab.card-fill { }
.card.card-tab .card-tab-ctls { }
.card.card-tab .card-tab-ctls:after { content: ""; display: block; clear: both; }
.card.card-tab .card-tab-acts { }
.card.card-tab [data-tab-ctl] { display: inline-block; }
.card.card-tab [data-tab-ctl].open { color: var(--color-index); }
.card.card-tab [data-tab-act] { display: none; }
.card.card-tab [data-tab-act].open { display: block; }
.card.card-tab.card-fill .card-tab-ctls { border: 1px solid var(--color-index); border-radius: 3px; }
.card.card-tab.card-fill .card-tab-acts { }
.card.card-tab.card-fill [data-tab-ctl] { display: inline-block; border-right: 1px solid var(--color-index); float: left; border-bottom: 0; padding: 2px 6px; border-left: 0; }
.card.card-tab.card-fill [data-tab-ctl]:first-child { }
.card.card-tab.card-fill [data-tab-ctl]:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.card.card-tab.card-fill [data-tab-ctl].open { color: var(--page-head-color); background-color: var(--color-index); }
.card.card-tab.card-fill [data-tab-act] { display: none; }
.card.card-tab.card-fill [data-tab-act].open { display: block; }
.card.card-tab.card-simple { }
.card.card-tab.card-simple.card-fill { }
.card.card-tab.card-simple .card-tab-ctls { }
.card.card-tab.card-simple .card-tab-ctls:after { content: ""; display: block; clear: both; }
.card.card-tab.card-simple .card-tab-acts { }
.card.card-tab.card-simple [data-tab-ctl] { }
.card.card-tab.card-simple [data-tab-ctl].open { }
.card.card-tab.card-simple [data-tab-act] { display: none; }
.card.card-tab.card-simple [data-tab-act].open { display: block; }
.card.card-tab.card-simple.card-fill .card-tab-ctls { border: none; }
.card.card-tab.card-simple.card-fill .card-tab-acts { }
.card.card-tab.card-simple.card-fill [data-tab-ctl] { border-right: none; float: none; }
.card.card-tab.card-simple.card-fill [data-tab-ctl]:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.card.card-tab.card-simple.card-fill [data-tab-ctl]:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.card.card-tab.card-simple.card-fill [data-tab-ctl].open { color: var(--color-index); border-bottom: 1px solid var(--color-index); padding-bottom: 6px; background-color: initial; }
.card.card-tab.card-simple.card-fill [data-tab-act] { display: none; }
.card.card-tab.card-simple.card-fill [data-tab-act].open { display: block; }

/**
  * [填充资源]资源
*/
.fill {
	background-color: #f6f6f6;
}
.fill.fill-info {
	background-color: var(--color-info);
}
.fill.fill-subinfo {
	background-color: var(--color-sub-index);
}
.fill.fill-add {
	background-color: #21abe0;
}
.fill.fill-edit {
	background-color: #4caf50;
}
.fill.fill-del {
	background-color: #d76f4f;
}
.fill.fill-success {
	background-color: #43A047;
}
.fill.fill-error {
	background-color: #F44336;
}
.fill.fill-failed {
	background-color: #adadad;
}
.fill.fill-warning {
	background-color: #f0ad4e;
}
.fill.fill-ask {
	background-color: #f9f91e;
}
.fill.fill-white {
	background-color: white;
}
.fill.fill-red {
	background-color: red;
}
.fill.fill-green {
	background-color: green;
}
.fill.fill-blue {
	background-color: blue;
}
.fill.fill-black {
	background-color: black;
}
.fill.artic-conts * {
	word-break: break-word;
}
.fill.artic-conts img {
	max-width:100%;
}
/**
  * [label]资源
*/
.label {
	display: inline-block;
	background-color: #0000;
	border: none;
	outline: none;
	transition: 0.5s;
	text-decoration: none;
	font-size: initial;
	list-style-type: none;
}
.label.label-normal {
	font-size: 16px;
	line-height: normal;
}
.label.label-small {
	font-size: small;
}
.label.label-smaller {
	font-size: smaller;
}
.label.label-large {
	font-size: large;
}
.label.label-larger {
	font-size: larger;
}
.label.label-add {
	color: #d00;
}
.label.label-ask {
	color: #f9f91e;
}
.label.label-black {
	color: black;
}
.label.label-blue {
	color: blue;
}
.label.label-btn {
	cursor: pointer;
}
.label.label-conts {
	color: #666;
}
.label.label-del {
	color: #d76f4f;
}
.label.label-delete {
	text-decoration: line-through;
}
.label.label-edit {
	color: #b4dd83;
}
.label.label-error {
	color: #F44336;
}
.label.label-failed {
	color: #adadad;
}
.label.label-green {
	color: green;
}
.label.label-index {
	color: var(--color-index);
}
.label.label-info {
	color: var(--color-info);
}

.label.label-limit {
}
.label.label-red {
	color: var(--red);
}
.label.label-reinfo {
	color: var(--color-reinfo);
}
.label.label-submit {
	color: #F93;
}
.label.label-subtit {
	color: var(--color-info);
	font-weight: bold;
	padding: 0;
}
.label.label-success {
	color: #43A047;
}
.label.label-tips {
	color: #999;
}
.label.label-title {
	color: var(--color-info);
	font-size: larger;
	font-weight: bold;
}
.label.label-url{
	word-break:break-all;
}
.label.label-warning {
	color: #f0ad4e;
}
.label.label-weight {
	font-weight: bold;
}
.label.label-weighter {
	font-weight: bolder;
}
.label.label-white {
	color: white;
}
/**
  * [menu]资源
*/
ul.menu.menu-small {
	font-size: small;
}
ul.menu {
	margin: 0;
	padding: 0;
}
ul.menu.menu-folding * {
	word-wrap: break-word;
	font-size: inherit;
}
ul.menu.menu-folding {
	position: relative;
	overflow-y: auto;
	max-height: 100%;
}
ul.menu.menu-folding ul {
}
ul.menu.menu-folding li {
	line-height: 32px;
	overflow: hidden;
	zoom: 1;
}
ul.menu.menu-folding a {
	line-height: 32px;
	border-bottom: none;
	font-weight: normal;
	color: var(--color-info);
	text-decoration: none;
	cursor: pointer;
	display: block;
	padding: none;
	padding-left: 0;
font-size:;
}
ul.menu.menu-folding span {
	display: block;
	line-height: 32px;
	padding-left: 0;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	font-weight: normal;
	color: var(--color-info);
}
ul.menu.menu-folding i {
}
ul.menu.menu-folding>li {
	line-height: 32px;
	list-style-type: none;/* border: 1px solid #d0d; */
	padding-left: 5px;
}
ul.menu.menu-folding>li>a {
	display: block;
	line-height: 32px;
	padding-left: 0;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	font-weight: normal;
}
ul.menu.menu-folding>li:hover {
	background-color: #e7e7e7;
}
ul.menu.menu-folding>li ul {
	padding-left: 15px;
	transition: 0.5s;
}
ul.menu.menu-folding>li ul li {
}
ul.menu.menu-folding>li ul a {
	color: #d6623d;
}
ul.menu.menu-folding>li ul a:hover {
	color: #d6623d;
	background-color: #fafafa;
}
ul.menu.menu-folding>li ul i {
}
ul.menu.menu-folding>li.open {
}
ul.menu.menu-folding>li.open>a {
}
ul.menu.menu-folding>li>a:hover {
	color: #d6623d;
}
ul.menu.menu-folding>li.open span {
}
ul.menu.menu-folding>li.open>ul {
	display: list-item;
	padding: 3px 8px;
}
ul.menu.menu-folding li.open>ul {
	display: list-item;
	padding: 3px 8px;
}
ul.menu.menu-folding>li.open li {
}
ul.menu.menu-toggle {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
}
ul.menu.menu-toggle>li {
	position: relative;
}
ul.menu.menu-toggle>li:hover {
	background: var(--color-info);
	color: var(--color-reinfo);
	box-shadow: inset 0px 0px 10px 1px #3a3a3a;
}
ul.menu.menu-toggle>li>a {
	display: block;
	cursor: pointer;
	padding: 5px 10px;
}
ul.menu.menu-toggle>li:hover>a {
	color: #fff;
}
ul.menu.menu-toggle>li>span {
}
ul.menu.menu-toggle>li ul {
	position: absolute;
	left: 100%;
	padding-left: 0;
	list-style-type: none;
	top: 0;
	width: 0;
	transition: 0.5s;
	/* overflow: hidden; */
	z-index: 999;
	background: #d00;
}
ul.menu.menu-toggle li:hover>ul {
	display: block;
	transition: 0.5s;
	width: var(--pagemenu-width);
}
ul.menu.menu-toggle li>ul:hover {
	display: block;
	transition: 0.5s;
}
ul.menu.menu-toggle>li ul li {
	background-color: var(--color-info);
	color: var(--color-reinfo);
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	overflow: hidden;
}
ul.menu.menu-toggle li li:hover {
	overflow: initial;
}
ul.menu.menu-toggle>li ul li a {
	font-size: 15px;
	margin-left: 10px;
	display: block;
	margin-right: 10px;
	border-bottom: 1px solid;
}
ul.menu.menu-toggle>[data-ismenu="data-ismenu"]>a:after {
content:"";
position: relative;
width: 16px;
height: 16px;
margin: 4px;
float: right;
background-image:url(./img/icon-rarrow.png);
background-size: 100% 100%;
}
ul.menu.menu-toggle li>a{
	
color: #fff;
text-decoration:none;
font-size:small;
}
ul.menu.menu-toggle>li>a{
	
color: #616161;
}
ul.menu.menu-toggle .menuBtn{
	
padding: 1px 5px;
	
display: inline-block;
	
color: #fff;
}
ul.menu.menu-info{

}
ul.menu.menu-info>li{
	
border-top: 1px solid #fff;
}
ul.menu.menu-info>li:first-child{
	
border-top-width: 0;
}
ul.menu.menu-info .sub-menu{
    padding-left: 0;
}
ul.menu.menu-info .sub-menu a{
    display: block;
    padding: 5px 10px;
}
ul.menu.menu-info .sub-menu span{}
ul.menu.menu-info .sub-menu li{}
ul.menu.menu-info li{
    list-style-type: none;
}
ul.menu.menu-info a{
    text-decoration: none;
    color: #222222;
    transition: 0.5s;
    opacity: 0.9;
    font-size: 15px;
}
ul.menu.menu-info span{}
ul.menu.menu-info>li>a{
	
display: block;
	
background-color: #fefefe;
	
color: var(--color-info);
	
padding: 10px 10px;
	
opacity: 0.9;
	
font-weight: 600;
}

ul.menu.menu-info>li.hover{}
ul.menu.menu-info>li.hover>a{
    opacity: 1;
}
ul.menu.menu-info .sub-menu>li{}
ul.menu.menu-info .sub-menu>li>a{}
ul.menu.menu-info .sub-menu>li.hover{}
ul.menu.menu-info .sub-menu>li.hover>a{
    color: #07C160;
    opacity: 0.9;
}
ul.menu.menu-info .sub-menu>li>span{}
ul.menu.menu-crumb{
    display: flex;
    list-style-type: none;
}
ul.menu.menu-crumb li{
    display: flex;
}
ul.menu.menu-crumb a{
    text-decoration: none;
    color: #666;
}
ul.menu.menu-crumb li:after{
	content:"";
	background-image: url(./img/icon-arrowr.png);
	background-size: 100%;
	width: 16px;
	height: 16px;
	display: inline-block;
}
ul.menu.menu-bbar{
    display: flex;
    text-align-last: center;
}
ul.menu.menu-bbar li{
    list-style-type: none;
    flex: auto;
}
ul.menu.menu-bbar li a {
    text-decoration: none;
    display: block;
    margin: 0 auto;
}
ul.menu.menu-bbar li img,ul.menu.menu-bbar li i{
    display: block;
    margin: 0 auto;
    width: 2rem;
    height: 2rem;
}

ul.menu.menu-bbar li span{
    display: block;
}
/**
  * [icon]资源
  * todo--icon
*/
.icon {
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: center;
	background-blend-mode: darken;
	vertical-align: middle;
	text-align: center;
}
.icon.icon-small {
	width: 14px;
	height: 14px;
}
.icon.icon-smaller {
	width: 12px;
	height: 12px;
}
.icon.icon-add {
	background-image: url(./img/icon-add.png);
	background-size: 100%;
}
.icon.icon-add-white {
	background-image: url(./img/icon-admin-white.png);
	background-size: 100%;
}
.icon.icon-addfile {
	background-image: url(./img/icon-addfile.png);
	background-size: 100%;
}
.icon.icon-addfile-white {
	background-image: url(./img/icon-addfile-white.png);
	background-size: 100%;
}
.icon.icon-addfolder {
	background-image: url(./img/icon-addfolder.png);
	background-size: 100%;
}
.icon.icon-addfolder-white {
	background-image: url(./img/icon-addfolder-white.png);
	background-size: 100%;
}
.icon.icon-addfull {
	background-image: url(./img/icon-addfull.png);
	background-size: 100%;
}
.icon.icon-addfull-white {
	background-image: url(./img/icon-addfull-white.png);
	background-size: 100%;
}
.icon.icon-admin {
	background-image: url(./img/icon-admin.png);
	background-size: 100%;
}
.icon.icon-admin-white {
	background-image: url(./img/icon-admin-white.png);
	background-size: 100%;
}
.icon.icon-arrowd {
	background-image: url(./img/icon-arrowd.png);
	background-size: 100%;
}
.icon.icon-arrowd-white {
	background-image: url(./img/icon-arrowd-white.png);
	background-size: 100%;
}
.icon.icon-arrowl {
	background-image: url(./img/icon-arrowl.png);
	background-size: 100%;
}
.icon.icon-arrowl-white {
	background-image: url(./img/icon-arrowl-white.png);
	background-size: 100%;
}
.icon.icon-arrowr {
	background-image: url(./img/icon-arrowr.png);
	background-size: 100%;
}
.icon.icon-arrowr-white {
	background-image: url(./img/icon-arrowr-white.png);
	background-size: 100%;
}
.icon.icon-arrowu {
	background-image: url(./img/icon-arrowu.png);
	background-size: 100%;
}
.icon.icon-arrowu-white {
	background-image: url(./img/icon-arrowu-white.png);
	background-size: 100%;
}
.icon.icon-authok {
	background-image: url(./img/icon-authok.png);
	background-size: 100%;
}
.icon.icon-back {
	background-image: url(./img/icon-back.png);
	background-size: 100%;
}
.icon.icon-back-white {
	background-image: url(./img/icon-back-white.png);
	background-size: 100%;
}
.icon.icon-bad {
	background-image: url(./img/icon-bad.png);
	background-size: 100%;
}
.icon.icon-bad-white {
	background-image: url(./img/icon-bad-white.png);
	background-size: 100%;
}
.icon.icon-brand {
	background-image: url(./img/icon-brand.png);
	background-size: 100%;
}
.icon.icon-brand-white {
	background-image: url(./img/icon-brand-white.png);
	background-size: 100%;
}
.icon.icon-card {
	background-image: url(./img/icon-card.png);
	background-size: 100%;
}
.icon.icon-card-white {
	background-image: url(./img/icon-card-white.png);
	background-size: 100%;
}
.icon.icon-chat {
	background-image: url(./img/icon-chat.png);
	background-size: 100%;
}
.icon.icon-chat-white {
	background-image: url(./img/icon-chat-white.png);
	background-size: 100%;
}
.icon.icon-checkok {
	background-image: url(./img/icon-checkok.png);
	background-size: 100%;
}
.icon.icon-classify {
	background-image: url(./img/icon-classify.png);
	background-size: 100%;
}
.icon.icon-classify-white {
	background-image: url(./img/icon-classify-white.png);
	background-size: 100%;
}
.icon.icon-close {
	background-image: url(./img/icon-close.png);
	background-size: 100%;
}
.icon.icon-close-white {
	background-image: url(./img/icon-close-white.png);
	background-size: 100%;
}
.icon.icon-collect {
	background-image: url(./img/icon-collect.png);
	background-size: 100%;
}
.icon.icon-collect-red {
	background-image: url(./img/icon-collect-red.png);
	background-size: 100%;
}
.icon.icon-collect-white {
	background-image: url(./img/icon-collect-white.png);
	background-size: 100%;
}
.icon.icon-collectfull {
	background-image: url(./img/icon-collectfull.png);
	background-size: 100%;
}
.icon.icon-collectfull-red {
	background-image: url(./img/icon-collectfull-red.png);
	background-size: 100%;
}
.icon.icon-collectfull-white {
	background-image: url(./img/icon-collectfull-white.png);
	background-size: 100%;
}

.icon.icon-control {
	background-image: url(./img/icon-control.png);
	background-size: 100%;
}
.icon.icon-control-white {
	background-image: url(./img/icon-control-white.png);
	background-size: 100%;
}
.icon.icon-controlh {
	background-image: url(./img/icon-control.png);
	background-size: 100%;
}
.icon.icon-controlh-white {
	background-image: url(./img/icon-control-white.png);
	background-size: 100%;
}
.icon.icon-controlw {
	background-image: url(./img/icon-controlw.png);
	background-size: 100%;
}
.icon.icon-controlw-white {
	background-image: url(./img/icon-controlw-white.png);
	background-size: 100%;
}
.icon.icon-customer {
	background-image: url(./img/icon-customer.png);
	background-size: 100%;
}
.icon.icon-customer-white {
	background-image: url(./img/icon-customer-white.png);
	background-size: 100%;
}
.icon.icon-del {
	background-image: url(./img/icon-del.png);
	background-size: 100%;
}
.icon.icon-del-white {
	background-image: url(./img/icon-del-white.png);
	background-size: 100%;
}
.icon.icon-delfull {
	background-image: url(./img/icon-delfull.png);
	background-size: 100%;
}
.icon.icon-delfull-white {
	background-image: url(./img/icon-delfull-white.png);
	background-size: 100%;
}
.icon.icon-discuss {
	background-image: url(./img/icon-discuss.png);
	background-size: 100%;
}
.icon.icon-discuss-white {
	background-image: url(./img/icon-discuss-white.png);
	background-size: 100%;
}
.icon.icon-download {
	background-image: url(./img/icon-download.png);
	background-size: 100%;
}
.icon.icon-download-white {
	background-image: url(./img/icon-download-white.png);
	background-size: 100%;
}
.icon.icon-edit {
	background-image: url(./img/icon-edit.png);
	background-size: 100%;
}
.icon.icon-edit-white {
	background-image: url(./img/icon-edit-white.png);
	background-size: 100%;
}
.icon.icon-false {
	background-image: url(./img/icon-false.png);
	background-size: 100%;
}
.icon.icon-false-white {
	background-image: url(./img/icon-false-white.png);
	background-size: 100%;
}
.icon.icon-falseb {
	background-image: url(./img/icon-falseb.png);
	background-size: 100%;
}
.icon.icon-falseb-white {
	background-image: url(./img/icon-falseb-white.png);
	background-size: 100%;
}
.icon.icon-file {
	background-image: url(./img/icon-file.png);
	background-size: 100%;
}
.icon.icon-file-white {
	background-image: url(./img/icon-file-white.png);
	background-size: 100%;
}
.icon.icon-filter {
	background-image: url(./img/icon-filter.png);
	background-size: 100%;
}
.icon.icon-filter-white {
	background-image: url(./img/icon-filter-white.png);
	background-size: 100%;
}
.icon.icon-folder {
	background-image: url(./img/icon-folder.png);
	background-size: 100%;
}
.icon.icon-folder-white {
	background-image: url(./img/icon-folder-white.png);
	background-size: 100%;
}
.icon.icon-form {
	background-image: url(./img/icon-form.png);
	background-size: 100%;
}
.icon.icon-form-white {
	background-image: url(./img/icon-form-white.png);
	background-size: 100%;
}
.icon.icon-good {
	background-image: url(./img/icon-good.png);
	background-size: 100%;
}
.icon.icon-good-white {
	background-image: url(./img/icon-good-white.png);
	background-size: 100%;
}
.icon.icon-hand {
	background-image: url(./img/icon-hand.png);
	background-size: 100%;
}
.icon.icon-hand-white {
	background-image: url(./img/icon-hand-white.png);
	background-size: 100%;
}
.icon.icon-help {
	background-image: url(./img/icon-help.png);
	background-size: 100%;
}
.icon.icon-help-white {
	background-image: url(./img/icon-help-white.png);
	background-size: 100%;
}
.icon.icon-home {
	background-image: url(./img/icon-home.png);
	background-size: 100%;
}
.icon.icon-home-white {
	background-image: url(./img/icon-home-white.png);
	background-size: 100%;
}
.icon.icon-insert {
	background-image: url(./img/icon-insert.png);
	background-size: 100%;
}
.icon.icon-induce {
	background-image: url(./img/icon-induce.png);
	background-size: 100%;
}
.icon-induce-white {
	background-image: url(./img/icon-induce-white.png);
	background-size: 100%;
}
.icon.icon-insert-white {
	background-image: url(./img/icon-insert-white.png);
	background-size: 100%;
}
.icon.icon-limit {
	background-image: url(./img/icon-limit.png);
	background-size: 100%;
}
.icon.icon-limit-white {
	background-image: url(./img/icon-limit-white.png);
	background-size: 100%;
}
.icon.icon-list {
	background-image: url(./img/icon-list.png);
	background-size: 100%;
}
.icon.icon-list-white {
	background-image: url(./img/icon-list-white.png);
	background-size: 100%;
}
.icon.icon-lock {
	background-image: url(./img/icon-lock.png);
	background-size: 100%;
}
.icon.icon-lock-white {
	background-image: url(./img/icon-lock-white.png);
	background-size: 100%;
}
.icon.icon-map {
	background-image: url(./img/icon-map.png);
	background-size: 100%;
}
.icon.icon-map-white {
	background-image: url(./img/icon-map-white.png);
	background-size: 100%;
}
.icon.icon-menu {
	background-image: url(./img/icon-menu.png);
	background-size: 100%;
}
.icon.icon-menu-white {
	background-image: url(./img/icon-menu-white.png);
	background-size: 100%;
}
.icon.icon-more {
	background-image: url(./img/icon-more.png);
	background-size: 100%;
}
.icon.icon-more-white {
	background-image: url(./img/icon-more-white.png);
	background-size: 100%;
}
.icon.icon-orderall {
	background-image: url(./img/icon-orderall.png);
	background-size: 100%;
}
.icon.icon-orderall-white {
	background-image: url(./img/icon-orderall-white.png);
	background-size: 100%;
}
.icon.icon-ordercancel {
	background-image: url(./img/icon-ordercancel.png);
	background-size: 100%;
}
.icon.icon-ordercancel-white {
	background-image: url(./img/icon-ordercancel-white.png);
	background-size: 100%;
}
.icon.icon-orderempty {
	background-image: url(./img/icon-orderempty.png);
	background-size: 100%;
}
.icon.icon-orderempty-white {
	background-image: url(./img/icon-orderempty-white.png);
	background-size: 100%;
}
.icon.icon-orderfinish {
	background-image: url(./img/icon-orderfinish.png);
	background-size: 100%;
}
.icon.icon-orderfinish-white {
	background-image: url(./img/icon-orderfinish-white.png);
	background-size: 100%;
}
.icon.icon-ordernpay {
	background-image: url(./img/icon-ordernpay.png);
	background-size: 100%;
}
.icon.icon-ordernpay-white {
	background-image: url(./img/icon-ordernpay-white.png);
	background-size: 100%;
}
.icon.icon-orderpayed {
	background-image: url(./img/icon-orderpayed.png);
	background-size: 100%;
}
.icon.icon-orderpayed-white {
	background-image: url(./img/icon-orderpayed-white.png);
	background-size: 100%;
}


.icon.icon-orderquote {
	background-image: url(./img/icon-orderquote.png);
	background-size: 100%;
}
.icon.icon-orderquote-white {
	background-image: url(./img/icon-orderquote-white.png);
	background-size: 100%;
}
.icon.icon-person {
	background-image: url(./img/icon-person.png);
	background-size: 100%;
}
.icon.icon-person-white {
	background-image: url(./img/icon-person-white.png);
	background-size: 100%;
}
.icon.icon-personfull {
	background-image: url(./img/icon-personfull.png);
	background-size: 100%;
}
.icon.icon-personfull-white {
	background-image: url(./img/icon-personfull-white.png);
	background-size: 100%;
}
.icon.icon-refresh {
	background-image: url(./img/icon-refresh.png);
	background-size: 100%;
}
.icon.icon-refresh-white {
	background-image: url(./img/icon-refresh-white.png);
	background-size: 100%;
}
.icon.icon-returntop {
	background-size: 100%;
	background-image: url(./img/icon-returntop.png);
}
.icon.icon-rewardnum {
	background-image: url(./img/icon-rewardnum.png);
	background-size: 100%;
}
.icon.icon-rewardnum-white {
	background-image: url(./img/icon-rewardnum-white.png);
	background-size: 100%;
}
.icon.icon-scan {
	background-image: url(./img/icon-scan.png);
	background-size: 100%;
}
.icon.icon-scan-white {
	background-image: url(./img/icon-scan-white.png);
	background-size: 100%;
}
.icon.icon-search {
	background-image: url(./img/icon-search.png);
	background-size: 100%;
}
.icon.icon-search-white {
	background-image: url(./img/icon-search-white.png);
	background-size: 100%;
}
.icon.icon-setting {
	background-image: url(./img/icon-setting.png);
	background-size: 100%;
}
.icon.icon-setting-white {
	background-image: url(./img/icon-setting-white.png);
	background-size: 100%;
}
.icon.icon-share {
	background-image: url(./img/icon-share.png);
	background-size: 100%;
}
.icon.icon-share-white {
	background-image: url(./img/icon-share-white.png);
	background-size: 100%;
}
.icon.icon-shopcar {
	background-image: url(./img/icon-shopcar.png);
	background-size: 100%;
}
.icon.icon-shopcar-red {
	background-image: url(./img/icon-shopcar-red.png);
	background-size: 100%;
}
.icon.icon-shopcar-white {
	background-image: url(./img/icon-shopcar-white.png);
	background-size: 100%;
}
.icon.icon-stop {
	background-image: url(./img/icon-stop.png);
	background-size: 100%;
}
.icon.icon-stop-white {
	background-image: url(./img/icon-stop-white.png);
	background-size: 100%;
}
.icon.icon-synt {
	background-image: url(./img/icon-synt.png);
	background-size: 100%;
}
.icon.icon-synt-white {
	background-image: url(./img/icon-synt-white.png);
	background-size: 100%;
}
.icon.icon-system {
	background-image: url(./img/icon-system.png);
	background-size: 100%;
}
.icon.icon-system-white {
	background-image: url(./img/icon-system-white.png);
	background-size: 100%;
}
.icon.icon-table {
	background-image: url(./img/icon-table.png);
	background-size: 100%;
}
.icon.icon-table-white {
	background-image: url(./img/icon-table-white.png);
	background-size: 100%;
}
.icon.icon-ticket {
	background-image: url(./img/icon-ticket.png);
	background-size: 100%;
}
.icon.icon-ticket-white {
	background-image: url(./img/icon-ticket-white.png);
	background-size: 100%;
}
.icon.icon-true {
	background-image: url(./img/icon-true.png);
	background-size: 100%;
}
.icon.icon-true-white {
	background-image: url(./img/icon-true-white.png);
	background-size: 100%;
}
.icon.icon-trueb {
	background-image: url(./img/icon-trueb.png);
	background-size: 100%;
}
.icon.icon-trueb-white {
	background-image: url(./img/icon-trueb-white.png);
	background-size: 100%;
}
.icon.icon-uploadimg {
	background-image: url(./img/icon-uploadimg.png);
	background-size: 100%;
}
.icon.icon-uploadimg-white {
	background-image: url(./img/icon-uploadimg-white.png);
	background-size: 100%;
}
.icon.icon-username {
	background-image: url(./img/icon-username.png);
	background-size: 100%;
}
.icon.icon-username-white {
	background-image: url(./img/icon-username-white.png);
	background-size: 100%;
}
.icon.icon-warning {
	background-image: url(./img/icon-warning.png);
	background-size: 100%;
}
.icon.icon-warning-1 {
	background-image: url(./img/icon-warning-1.png);
	background-size: 100%;
}
.icon.icon-warning-2 {
	background-image: url(./img/icon-warning-2.png);
	background-size: 100%;
}
.icon.icon-warning-3 {
	background-image: url(./img/icon-warning-3.png);
	background-size: 100%;
}
.icon.icon-warning-4 {
	background-image: url(./img/icon-warning-4.png);
	background-size: 100%;
}
.icon.icon-warning-5 {
	background-image: url(./img/icon-warning-5.png);
	background-size: 100%;
}
.icon.icon-warning-6 {
	background-image: url(./img/icon-warning-6.png);
	background-size: 100%;
}

.__iframe{
	
display: block;
	
grid-template-columns: auto 12px;
	
height: 100%;
	
position: absolute;
	
left: 120px;
	
right: 0;
	
overflow: auto;
	
max-height: 100%;
	
display: block;
	
overflow: auto;
	
position: absolute;
	
right: 0;
	
left: 120px;
	
margin-top: 10px;
	
margin-bottom: 10px;
	
top: 0;
	
bottom: 0;
	
box-sizing: border-box;
}
.userPart{
    position: relative;
}
.userPart .userlogo{}
.userPart .username{
    line-height: 32px;
    color: #fff;
    height: 32px;
}
.userPart ul{
    padding-left: 0;
    list-style-type: none;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 0;
    overflow: hidden;
    z-index: 1;
    background: #fff;
}
.userPart:hover ul,.userPart ul:hover {
	height:auto;
	padding-bottom: 15px;
    box-shadow: 0px 0px 2px 1px;
}
.userPart li{
    line-height: 28px;
    border-bottom: 1px solid;
}
.userPart a{
    text-decoration: none;
}
/**关于文本的特殊处理**/
.artic-conts{}
.artic-conts *{
	word-break: break-all; 
	}
.artic-conts span{
	word-break: break-all;
    font-size: 16px !important;	
}