/* 
	*CSS Document 
	*这里是基础的关于kuoqiUI布局部分的引入文件
*/
@import "./library/root.css"; /** 关于基础模块数据的加载 */
@import "./library/icon.css";/** 关于图标模块的加载 */
@import "./library/fill.css";/** 关于填充模块的信息 */
@import "./library/label.css";/** 关于label模块的信息 */
@import "./library/btn.css";/** 关于按钮模块的信息 */
@import "./library/card.css";/** 关于按钮模块的信息 */
@import "./library/color.css"; /** 关于基础模块数据的加载 */
@import "./library/text.css"; /** 关于基础文本模块数据的加载 */
@import "./library/page.css"; /** 关于基础页面模块数据的加载 */

/**
 * 栅格化铺满的容器
 */
.container-fluid { width: 100%; padding-right: 0.95em; padding-left: 0.95em; margin-right: auto; margin-left: auto; box-sizing: border-box; position: relative; }
.container { 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: 1200px) {
.container { max-width: 1190px; }
}
@media (min-width: 1680px) {
.container { max-width: 1670px; }
}
/**
    * 宽屏的容器
 */
.container-wide { 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-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; }
}


.mg-none { margin: inherit; }
.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; }
.mgt-128 { margin-top: 128px; }
.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-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; }

















.mgrem-auto { margin: auto; }
.mgrem-none { margin: unset; }
.mgrem-1 { margin: 0.125rem; }
.mgrem-2 { margin: 0.25rem; }
.mgrem-3 { margin: 0.375rem; }
.mgrem-4 { margin: 0.5rem; }
.mgrem-5 { margin: 0.625rem; }
.mgrem-6 { margin: 0.75rem; }
.mgrem-7 { margin: 0.875rem; }
.mgrem-8 { margin: 1rem; }
.mgrem-9 { margin: 1.25rem; }
.mgrem-10 { margin: 1.5rem; }
.mgrem-11 { margin: 2.0rem; }
.mgrem-12 { margin: 2.5rem; }
.mgrem-13 { margin: 3.0rem; }
.mgrem-14 { margin: 4.0rem; }
.mgrem-15 { margin: 5.0rem; }
.mgremt-auto { margin-top: auto; }
.mgremt-none { margin-top: unset; }
.mgremt-1 { margin-top: 0.125rem; }
.mgremt-2 { margin-top: 0.25rem; }
.mgremt-3 { margin-top: 0.375rem; }
.mgremt-4 { margin-top: 0.5rem; }
.mgremt-5 { margin-top: 0.625rem; }
.mgremt-6 { margin-top: 0.75rem; }
.mgremt-7 { margin-top: 0.875rem; }
.mgremt-8 { margin-top: 1rem; }
.mgremt-9 { margin-top: 1.25rem; }
.mgremt-10 { margin-top: 1.5rem; }
.mgremt-11 { margin-top: 2.0rem; }
.mgremt-12 { margin-top: 2.5rem; }
.mgremt-13 { margin-top: 3.0rem; }
.mgremt-14 { margin-top: 4.0rem; }
.mgremt-15 { margin-top: 5.0rem; }
.mgremr-auto { margin-right: auto; }
.mgremr-none { margin-right: unset; }
.mgremr-1 { margin-right: 0.125rem; }
.mgremr-2 { margin-right: 0.25rem; }
.mgremr-3 { margin-right: 0.375rem; }
.mgremr-4 { margin-right: 0.5rem; }
.mgremr-5 { margin-right: 0.625rem; }
.mgremr-6 { margin-right: 0.75rem; }
.mgremr-7 { margin-right: 0.875rem; }
.mgremr-8 { margin-right: 1rem; }
.mgremr-9 { margin-right: 1.25rem; }
.mgremr-10 { margin-right : 1.5rem; }
.mgremb-auto { margin-bottom: auto; }
.mgremb-none { margin-bottom: unset; }
.mgremb-1 { margin-bottom: 0.125rem; }
.mgremb-2 { margin-bottom: 0.25rem; }
.mgremb-3 { margin-bottom: 0.375rem; }
.mgremb-4 { margin-bottom: 0.5rem; }
.mgremb-5 { margin-bottom: 0.625rem; }
.mgremb-6 { margin-bottom: 0.75rem; }
.mgremb-7 { margin-bottom: 0.875rem; }
.mgremb-8 { margin-bottom: 1rem; }
.mgremb-9 { margin-bottom: 1.25rem; }
.mgremb-10 { margin-bottom: 1.5rem; }
.mgreml-auto { margin-left: auto; }
.mgreml-none { margin-left: unset; }
.mgreml-1 { margin-left: 0.125rem; }
.mgreml-2 { margin-left: 0.25rem; }
.mgreml-3 { margin-left: 0.375rem; }
.mgreml-4 { margin-left: 0.5rem; }
.mgreml-5 { margin-left: 0.625rem; }
.mgreml-6 { margin-left: 0.75rem; }
.mgreml-7 { margin-left: 0.875rem; }
.mgreml-8 { margin-left: 1rem; }
.mgreml-9 { margin-left: 1.25rem; }
.mgreml-10 { margin-left: 1.5rem; }
.mgremi-auto { margin: auto !important; }
.mgremi-none { margin: unset !important; }
.mgremi-1 { margin: 0.125rem !important; }
.mgremi-2 { margin: 0.25rem !important; }
.mgremi-3 { margin: 0.375rem !important; }
.mgremi-4 { margin: 0.5rem !important; }
.mgremi-5 { margin: 0.625rem !important; }
.mgremi-6 { margin: 0.75rem !important; }
.mgremi-7 { margin: 0.875rem !important; }
.mgremi-8 { margin: 1rem !important; }
.mgremi-9 { margin: 1.25rem !important; }
.mgremi-10 { margin: 1.5rem !important; }
.mgremti-auto { margin-top: auto !important; }
.mgremti-none { margin-top: unset !important; }
.mgremti-1 { margin-top: 0.125rem !important; }
.mgremti-2 { margin-top: 0.25rem !important; }
.mgremti-3 { margin-top: 0.375rem !important; }
.mgremti-4 { margin-top: 0.5rem !important; }
.mgremti-5 { margin-top: 0.625rem !important; }
.mgremti-6 { margin-top: 0.75rem !important; }
.mgremti-7 { margin-top: 0.875rem !important; }
.mgremti-8 { margin-top: 1rem !important; }
.mgremti-9 { margin-top: 1.25rem !important; }
.mgremti-10 { margin-top: 1.5rem !important; }
.mgremri-auto { margin-right: auto !important; }
.mgremri-none { margin-right: unset !important; }
.mgremri-1 { margin-right: 0.125rem !important; }
.mgremri-2 { margin-right: 0.25rem !important; }
.mgremri-3 { margin-right: 0.375rem !important; }
.mgremri-4 { margin-right: 0.5rem !important; }
.mgremri-5 { margin-right: 0.625rem !important; }
.mgremri-6 { margin-right: 0.75rem !important; }
.mgremri-7 { margin-right: 0.875rem !important; }
.mgremri-8 { margin-right: 1rem !important; }
.mgremri-9 { margin-right: 1.25rem !important; }
.mgremri-10 { margin-right : 1.5rem !important; }
.mgrembi-auto { margin-bottom: auto !important; }
.mgrembi-none { margin-bottom: unset !important; }
.mgrembi-1 { margin-bottom: 0.125rem !important; }
.mgrembi-2 { margin-bottom: 0.25rem !important; }
.mgrembi-3 { margin-bottom: 0.375rem !important; }
.mgrembi-4 { margin-bottom: 0.5rem !important; }
.mgrembi-5 { margin-bottom: 0.625rem !important; }
.mgrembi-6 { margin-bottom: 0.75rem !important; }
.mgrembi-7 { margin-bottom: 0.875rem !important; }
.mgrembi-8 { margin-bottom: 1rem !important; }
.mgrembi-9 { margin-bottom: 1.25rem !important; }
.mgrembi-10 { margin-bottom: 1.5rem !important; }
.mgremli-auto { margin-left: auto !important; }
.mgremli-none { margin-left: unset !important; }
.mgremli-1 { margin-left: 0.125rem !important; }
.mgremli-2 { margin-left: 0.25rem !important; }
.mgremli-3 { margin-left: 0.375rem !important; }
.mgremli-4 { margin-left: 0.5rem !important; }
.mgremli-5 { margin-left: 0.625rem !important; }
.mgremli-6 { margin-left: 0.75rem !important; }
.mgremli-7 { margin-left: 0.875rem !important; }
.mgremli-8 { margin-left: 1rem !important; }
.mgremli-9 { margin-left: 1.25rem !important; }
.mgremli-10 { margin-left: 1.5rem !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; }
/**
	* elelemt width init
*/
.wdrem-auto { width: auto; }
.wdremi-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%; }