森中灵 最后提交于11月前 整理V8.0.6

@charset "utf-8";
/*
 * 版权所有 (C) 2015 知启蒙(ZHIQIM) 保留所有权利。[遇见知启蒙，邂逅框架梦]
 * 
 * https://zhiqim.org/project/zhiqim_framework/zhiqim_ui.htm
 *
 * Zhiqim UI is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *          http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 */

/*********************************************************/
/*********************************************************/
/*****************     Ⅰ：通用定义      ******************/
/*********************************************************/
/*********************************************************/

/***********************************************/
/* 第一部分：标准标记定义 */
/***********************************************/

/***********************************************/
/* 1.1：HTML5新增模块 */
/***********************************************/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
svg:not(:root){overflow:hidden;}

/***********************************************/
/* 1.2：全局标记一致性定义 */
/***********************************************/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{
    font-family:"微软雅黑","宋体",Arial,sans-serif;
    overflow-x:hidden;overflow-y:auto;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    height:100%;
}
body{color:#333;background-color:#fff;}
body,form,figure{margin:0;}
img{border:0;vertical-align:middle;max-width:100%;max-height:100%;-ms-interpolation-mode:bicubic;}
img[src=""],img:not([src]){opacity:0;}
p{margin:0px;padding:0px;}
hr{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0;border:0;border-top:1px solid #eee;margin:1em 0;}

fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}

ul,dl,ol,li{list-style:none;padding:0;margin:0;}
li{line-height:1.25em;}

/* 设置A标签透明背景无下划线 ，获取焦点时为虚线，覆盖时无突出效果，有下划线*/
a,a:visited{color:#333;text-decoration:none;background-color:transparent;}
a:active,a:hover{color:#06c;outline:0;text-decoration:underline;}

/***********************************************/
/* 1.3：表单一致性定义 */
/***********************************************/

/** 统一Firefox默认按扭和输入框padding 0 2px，修改成统一无内边距 */
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
optgroup{font-weight:bold;}
button,input,select,optgroup,textarea{color:inherit;font:inherit;margin:0;outline:none;/** 取消webkit默认选中边框 */}
button{overflow:visible;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:not-allowed;}
textarea{overflow:auto;word-wrap:break-word;resize:none;/**不支持缩放*/}
button,select{text-transform:none;}/*capitalize首字母大写 | uppercase统一大写 | lowercase | none | inherit*/
/** 单多选按钮有2像素偏下,IE高度和背景白色问题，修改成高度为13px，背景透明  */
input[type="checkbox"],input[type="radio"]{margin-top:-2px;border:0;padding:0;vertical-align:middle;height:13px;background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/** 移动设备上webkit自定义数字框高度自动 */
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
/** 移动设备上webkit自定义搜索框为文本字段，宽高设置采用content-box */
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
/** 移动设备上webkit自定义搜索框按钮取消原生样式 */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}


/***********************************************/
/* 1.4：文本标记一致性定义 */
/***********************************************/

/** 设置上标和下标字体是系统定义的75%，元素放置在父元素的基线上，以便在下面单独定义上下浮 */
b{font-weight:bold;}
i{font-style:italic;}
u{text-decoration:underline;}
del{text-decoration:line-through;}
sub,sup{position:relative;vertical-align:baseline;line-height:0;font-size:75%;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
small{font-size:80%;}/* 设置小号字体是系统定义字体的80% */
mark{background:#ff0;color:#000;}/* 设置文本标记颜色为通用的黑色+黄底#ffff00 */
abbr[title]{border-bottom:1px dotted;}/* 设置缩短标签下加虚线 */
@-moz-document url-prefix() {abbr[title]{border-bottom:none;}}

/** 设置代码字体为linux默认字体，风格等 */
code,kbd,pre,samp{font-family:Consolas,"Courier New",Menlo,Monaco,"微软雅黑";font-size:1em;}
code,kbd,pre{border-radius:4px;}
code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;}
kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none;}
pre{overflow:auto;display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;}
pre code{padding:0;font-size:inherit;color:#c7254e;white-space:pre-wrap;background-color:transparent;border-radius:0;}

zcover{position:relative;display:inline-block;}

/***********************************************/
/* 第二部分：图标定义 */
/***********************************************/

/***********************************************/
/* 2.1：字体图标 */
/***********************************************/

@font-face {
    font-family:"z-font";
    src:url('font/zhiqim.eot');
    src:url('font/zhiqim.eot?#iefix') format('embedded-opentype'),
    url('font/zhiqim.woff') format('woff'),
    url('font/zhiqim.ttf') format('truetype'),
    url('font/zhiqim.svg#z-font') format('svg');
}

/** 字体图标不支持斜体，以便使用i标签来定义<i class="z-font z-config"></i> */
.z-font{
    font-family:"z-font" !important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:0.2px;
    -moz-osx-font-smoothing:grayscale;
    position:relative;
    bottom:-2px;
}

/** 操作类（f000-f03f） */
.z-font.z-config:before{content:"\f000";}
.z-font.z-add:before{content:"\f001";}
.z-font.z-modify:before{content:"\f002";}
.z-font.z-delete:before{content:"\f003";}
.z-font.z-query:before{content:"\f004";}
.z-font.z-previous:before{content:"\f005";}
.z-font.z-next:before{content:"\f006";}
.z-font.z-open:before{content:"\f007";}
.z-font.z-close:before{content:"\f008";}
.z-font.z-upload:before{content:"\f009";}
.z-font.z-save:before{content:"\f00a";}
.z-font.z-finish:before{content:"\f00a";}
.z-font.z-return:before{content:"\f00b";}
.z-font.z-refresh:before{content:"\f00c";}
.z-font.z-success:before{content:"\f00d";}
.z-font.z-error:before{content:"\f00e";}
.z-font.z-setting:before{content:"\f00f";}
.z-font.z-share:before{content:"\f010";}
.z-font.z-download:before{content:"\f011";position:relative;bottom:1px;}

/** 操作类（f000-f03f第二批） */
.z-font.z-f-addfile:before{content:"\f012";}
.z-font.z-f-address:before{content:"\f013";}
.z-font.z-f-praise:before{content:"\f014";}
.z-font.z-f-diss:before{content:"\f015";}
.z-font.z-f-display:before{content:"\f016";}
.z-font.z-f-nodisplay:before{content:"\f017";}
.z-font.z-f-negative:before{content:"\f018";}
.z-font.z-f-skin:before{content:"\f019";}
.z-font.z-f-copy:before{content:"\f01a";} 
.z-font.z-f-tips:before{content:"\f01b";}     
.z-font.z-f-notice:before{content:"\f01c";} 
.z-font.z-f-signin:before{content:"\f01d";}
.z-font.z-f-consult:before{content:"\f01e";}
.z-font.z-f-message:before{content:"\f01f";}
.z-font.z-f-community:before{content:"\f020";}
.z-font.z-f-info:before{content:"\f021";}
.z-font.z-f-wangwang:before{content:"\f022";}
.z-font.z-f-space:before{content:"\f023";}
.z-font.z-f-problem:before{content:"\f024";}
.z-font.z-f-warning:before{content:"\f025";}
.z-font.z-f-play:before{content:"\f026";}
.z-font.z-f-hot:before{content:"\f027";}
.z-font.z-f-safe:before{content:"\f028";}
.z-font.z-f-task:before{content:"\f029";}
.z-font.z-f-assignment:before{content:"\f02a";}
.z-font.z-f-activity:before{content:"\f02b";}
.z-font.z-f-edit:before{content:"\f02c";}
.z-font.z-f-function:before{content:"\f02d";}
.z-font.z-f-serve:before{content:"\f02e";}
.z-font.z-f-more:before{content:"\f02f";}
.z-font.z-f-on:before{content:"\f030";}
.z-font.z-f-off:before{content:"\f031";}
.z-font.z-f-hyperlink:before{content:"\f032";}
.z-font.z-f-unhyperlink:before{content:"\f033";}
.z-font.z-f-undo:before{content:"\f034";}
.z-font.z-f-redo:before{content:"\f035";}
.z-font.z-f-clearformat:before{content:"\f036";}
.z-font.z-f-clearall:before{content:"\f037";}
.z-font.z-f-selectall:before{content:"\f038";}

/** 文档类（f040-f05f） */
.z-font.z-folder:before{content:"\f040";}
.z-font.z-collect:before{content:"\f041";}
.z-font.z-briefcase:before{content:"\f042";}
.z-font.z-image-text:before{content:"\f043";}
.z-font.z-text:before{content:"\f044";}
.z-font.z-picture:before{content:"\f045";}
.z-font.z-video:before{content:"\f046";}
.z-font.z-voice:before{content:"\f047";}
.z-font.z-camera:before{content:"\f048";}
.z-font.z-print:before{content:"\f049";}

/** 文档类（f040-f05f,f140-f15f第二批） */
.z-font.z-f-code:before{content:"\f04a";}
.z-font.z-f-order:before{content:"\f04b";}
.z-font.z-f-news:before{content:"\f04c";}
.z-font.z-f-course:before{content:"\f04d";}
.z-font.z-f-userinfo:before{content:"\f04e";}
.z-font.z-f-tag:before{content:"\f04f";}
.z-font.z-f-templet:before{content:"\f050";}
.z-font.z-f-project:before{content:"\f051";}
.z-font.z-f-doc:before{content:"\f052";}
.z-font.z-f-htm:before{content:"\f053";}
.z-font.z-f-pdf:before{content:"\f054";}
.z-font.z-f-ppt:before{content:"\f055";}
.z-font.z-f-txt:before{content:"\f056";}
.z-font.z-f-srt:before{content:"\f057";}
.z-font.z-f-xls:before{content:"\f058";}
.z-font.z-f-iso:before{content:"\f059";}
.z-font.z-f-rar:before{content:"\f05a";}
.z-font.z-f-zip:before{content:"\f05b";}
.z-font.z-f-background:before{content:"\f05c";}
.z-font.z-f-bold:before{content:"\f05d";}
.z-font.z-f-aligncenter:before{content:"\f05e";}
.z-font.z-f-alignleft:before{content:"\f05f";}
.z-font.z-f-alignright:before{content:"\f140";}
.z-font.z-f-sourcecode:before{content:"\f141";}
.z-font.z-f-fontcolor:before{content:"\f142";}
.z-font.z-f-italic:before{content:"\f143";}
.z-font.z-f-underline:before{content:"\f144";}
.z-font.z-f-superscript:before{content:"\f145";}
.z-font.z-f-subscript:before{content:"\f146";}
.z-font.z-f-image:before{content:"\f147";}
.z-font.z-f-unorderedlist:before{content:"\f148";}
.z-font.z-f-orderedlist:before{content:"\f149";}
.z-font.z-f-strikethrough:before{content:"\f14a";}
.z-font.z-f-symbol:before{content:"\f14b";}

/** 设备类（f060-f07f） */
.z-font.z-computer:before{content:"\f060";}
.z-font.z-phone:before{content:"\f061";}
.z-font.z-monitor:before{content:"\f062";}
.z-font.z-email:before{content:"\f063";}
.z-font.z-internet:before{content:"\f064";}
.z-font.z-switch:before{content:"\f065";}
.z-font.z-wifi:before{content:"\f066";}
.z-font.z-cloud:before{content:"\f067";}
.z-font.z-port:before{content:"\f068";}

/** 设备类（f060-f07f第二批） */

.z-font.z-f-telephone:before{content:"\f069";}
.z-font.z-f-treemodel:before{content:"\f06a";}
.z-font.z-f-qrcode:before{content:"\f06b";}
.z-font.z-f-database:before{content:"\f06c";}
.z-font.z-f-email-open:before{content:"\f06d";}

/** 图表类（f080-f09f） */
.z-font.z-list:before{content:"\f080";}
.z-font.z-apps:before{content:"\f081";}
.z-font.z-pie-chart:before{content:"\f082";}
.z-font.z-histogram:before{content:"\f083";}
.z-font.z-graph:before{content:"\f084";}
.z-font.z-diagram:before{content:"\f085";}
.z-font.z-arrow-down:before{content:"\f086";}
.z-font.z-arrow-up:before{content:"\f087";}
.z-font.z-arrow-left:before{content:"\f088";}
.z-font.z-arrow-right:before{content:"\f089";}
.z-font.z-arrowhead-down:before{content:"\f08a";}
.z-font.z-arrowhead-up:before{content:"\f08b";}
.z-font.z-arrowhead-left:before{content:"\f08c";}
.z-font.z-arrowhead-right:before{content:"\f08d";}

/** 图表类（f080-f09f第二批） */

.z-font.z-f-list:before{content:"\f08e";}
.z-font.z-f-bill:before{content:"\f08f";}
.z-font.z-f-pie-chart:before{content:"\f090";}
.z-font.z-f-report-forms:before{content:"\f091";}
.z-font.z-f-table:before{content:"\f092";}
.z-font.z-f-line-chart:before{content:"\f093";}

/** 实体类（f0a0-f0bf） */
.z-font.z-customer:before{content:"\f0a0";}
.z-font.z-cash:before{content:"\f0a1";}
.z-font.z-house:before{content:"\f0a2";}
.z-font.z-flower:before{content:"\f0a3";}
.z-font.z-box:before{content:"\f0a4";}
.z-font.z-desk:before{content:"\f0a5";}
.z-font.z-gift:before{content:"\f0a6";}
.z-font.z-lock:before{content:"\f0a7";}

/** 实体类（f0a0-f0bf第二批） */
.z-font.z-f-flag:before{content:"\f0a8";}
.z-font.z-f-lock:before{content:"\f0a9";}
.z-font.z-f-unlock:before{content:"\f0aa";}
.z-font.z-f-money:before{content:"\f0ab";}
.z-font.z-f-upstage:before{content:"\f0ac";}
.z-font.z-f-shopcart:before{content:"\f0ad";}
.z-font.z-f-heart:before{content:"\f0ae";}
.z-font.z-f-bell:before{content:"\f0af";}
.z-font.z-f-alarm-clock:before{content:"\f0b0";}
.z-font.z-f-clock:before{content:"\f0b1";}
.z-font.z-f-calendar:before{content:"\f0b2";}
.z-font.z-f-shop:before{content:"\f0b3";}
.z-font.z-f-five-star:before{content:"\f0b4";}
.z-font.z-f-warehouse:before{content:"\f0b5";}
.z-font.z-f-coupon:before{content:"\f0b6";}
.z-font.z-f-card:before{content:"\f0b7";}
.z-font.z-f-diamond:before{content:"\f0b8";}
.z-font.z-f-compass:before{content:"\f0b9";}
.z-font.z-f-goods:before{content:"\f0ba";}
.z-font.z-f-key:before{content:"\f0bb";}
.z-font.z-f-gold:before{content:"\f0bc";}
.z-font.z-f-smiling:before{content:"\f0bd";}
.z-font.z-f-car:before{content:"\f0be";}
.z-font.z-f-people:before{content:"\f0bf";}

/***********************************************/
/* 2.4：圆圈圆角定义 */
/***********************************************/

.z-round{display:inline-block;width:16px;height:16px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;text-align:center;line-height:16px;}
.z-round.z-white{background-color:#fff;color:#999;}
.z-round.z-black{background-color:#000;color:#fff;}
.z-round.z-gray{background-color:#666;color:#fff;}
.z-round.z-red{background-color:#ea4a36;color:#fff;}
.z-round.z-orange{background-color:#ff6600;color:#fff;}
.z-round.z-yellow{background-color:#fac603;color:#fff;}
.z-round.z-green{background-color:#43cd6e;color:#fff;}
.z-round.z-cyan{background-color:#009899;color:#fff;}
.z-round.z-blue{background-color:#28a3ef;color:#fff;}
.z-round.z-purple{background-color:#9e70ca;color:#fff;}

/***********************************************/
/* 第三部分：文本、颜色和块定义 */
/***********************************************/

/***********************************************/
/* 3.1：文本通用样式定义 */
/***********************************************/

/** 文本粗斜体，下划线删除线，小号上下标等 **/
.z-bold{font-weight:bold;}
.z-italic{font-style:italic;}
.z-underline{text-decoration:underline;}
.z-delline{text-decoration:line-through;}
.z-small{font-size:80%;}
.z-sub,.z-sup{position:relative;vertical-align:baseline;line-height:0;font-size:75%;}
.z-sup{top:-0.5em;}
.z-sub{bottom:-0.25em;}
.z-mark{background:#ff0;color:#000;}/* 设置文本标记颜色为通用的黑色+黄底#ffff00 */
.z-abbr[title]{border-bottom:1px dotted;}/* 设置缩短标签下加虚线 */
.z-event-none{pointer-events: none;}
.z-placeholder{position:absolute;left:0;top:0;fallback:false;overflow:hidden;color:#999;font-size:14px;line-height:22px;pointer-events: none;}
.z-weight-normal{font-weight:normal;}
.z-style-normal{font-style:normal;}

/** 文本字体大小 */
.z-px10{font-size:10px;}
.z-px11{font-size:11px;}
.z-px12{font-size:12px;}
.z-px13{font-size:13px;}
.z-px14{font-size:14px;}
.z-px15{font-size:15px;}
.z-px16{font-size:16px;}
.z-px17{font-size:17px;}
.z-px18{font-size:18px;}
.z-px19{font-size:19px;}
.z-px20{font-size:20px;}
.z-px22{font-size:22px;}
.z-px24{font-size:24px;}
.z-px26{font-size:26px;}
.z-px30{font-size:30px;}
.z-px40{font-size:40px;}
.z-px50{font-size:50px;}

.zi-px10{font-size:10px !important;}
.zi-px11{font-size:11px !important;}
.zi-px12{font-size:12px !important;}
.zi-px13{font-size:13px !important;}
.zi-px14{font-size:14px !important;}
.zi-px15{font-size:15px !important;}
.zi-px16{font-size:16px !important;}
.zi-px17{font-size:17px !important;}
.zi-px18{font-size:18px !important;}
.zi-px19{font-size:19px !important;}
.zi-px20{font-size:20px !important;}
.zi-px22{font-size:22px !important;}
.zi-px24{font-size:24px !important;}
.zi-px26{font-size:26px !important;}
.zi-px30{font-size:30px !important;}
.zi-px40{font-size:40px !important;}
.zi-px50{font-size:50px !important;}

/** 文本排列方式 */
.z-text-left{text-align:left;}
.z-text-right{text-align:right;}
.z-text-center{text-align:center;}
.z-text-top{vertical-align:top;}
.z-text-middle{vertical-align:middle;}
.z-text-bottom{vertical-align:bottom;}

.zi-text-left{text-align:left !important;}
.zi-text-right{text-align:right !important;}
.zi-text-center{text-align:center !important;}
.zi-text-top{vertical-align:top !important;}
.zi-text-middle{vertical-align:middle !important;}
.zi-text-bottom{vertical-align:bottom !important;}

/** 文本换行、不换行，省略和隐藏 */
.z-text-break{word-break:break-all; word-wrap:break-word;}
.z-text-pre{white-space:pre;}
.z-text-prewrap{white-space:pre-wrap;}
.z-text-preline{white-space:pre-line;}
.z-text-nowrap{white-space:nowrap;}
.z-text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;}
.z-text-clip{text-overflow:clip;overflow:hidden;white-space:nowrap;display:inline-block;}
.z-text-hide{display:none;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}

/** 设置代码字体为linux默认字体，风格等 */
.z-code,.z-kbd,.z-pre,.z-samp{font-family:Consolas,"Courier New",Menlo,Monaco,"微软雅黑";font-size:1em;}
.z-code,.z-kbd,.z-pre{border-radius:4px;display:block;}
.z-code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;line-height:1.42857143;}
.z-kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.z-kbd .z-kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none;}
.z-pre{overflow:auto;display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;}
.z-pre .z-code{padding:0;font-size:inherit;color:#c7254e;white-space:pre-wrap;background-color:transparent;border-radius:0;}

.zi-code,.zi-kbd,.zi-pre,.zi-samp{font-family:Consolas,"Courier New",Menlo,Monaco,"微软雅黑" !important;}

.z-user-select-none{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
}

/***********************************************/
/* 3.2：颜色通用样式定义 */
/***********************************************/

/** 标准颜色定义 */
.z-color-white{color:white;}
.z-color-black{color:black;}
.z-color-gray{color:gray;}
.z-color-red{color:red;}
.z-color-orange{color:orange;}
.z-color-yellow{color:yellow;}
.z-color-green{color:green;}
.z-color-cyan{color:cyan;}
.z-color-blue{color:blue;}
.z-color-purple{color:purple;}
.z-color-333{color:#333;}
.z-color-666{color:#666;}
.z-color-999{color:#999;}
.z-color-ccc{color:#ccc;}

.zi-color-white{color:white !important;}
.zi-color-black{color:black !important;}
.zi-color-gray{color:gray !important;}
.zi-color-red{color:red !important;}
.zi-color-orange{color:orange !important;}
.zi-color-yellow{color:yellow !important;}
.zi-color-green{color:green !important;}
.zi-color-cyan{color:cyan !important;}
.zi-color-blue{color:blue !important;}
.zi-color-purple{color:purple !important;}
.zi-color-333{color:#333 !important;}
.zi-color-666{color:#666 !important;}
.zi-color-999{color:#999 !important;}
.zi-color-ccc{color:#ccc !important;}

/** 文本颜色定义 **/
.z-text-black{color:#333;}
.z-text-white{color:#fffff0;}
.z-text-gray{color:#ccc;}
.z-text-red{color:#e8351f;}
.z-text-orange{color:#fe4615;}
.z-text-yellow{color:#ffd700;}
.z-text-green{color:#006400;}
.z-text-cyan{color:#008b8b;}
.z-text-blue{color:#0066cc;}
.z-text-purple{color:#ba55d3;}

.zi-text-black{color:#333 !important;}
.zi-text-white{color:#fffff0 !important;}
.zi-text-gray{color:#ccc !important;}
.zi-text-red{color:#e8351f !important;}
.zi-text-orange{color:#fe4615 !important;}
.zi-text-yellow{color:#ffd700 !important;}
.zi-text-green{color:#006400 !important;}
.zi-text-cyan{color:#008b8b !important;}
.zi-text-blue{color:#0066cc !important;}
.zi-text-purple{color:#ba55d3 !important;}

/** 背景颜色定义 **/
.z-bg-333{background-color:#333;}
.z-bg-666{background-color:#666;}
.z-bg-999{background-color:#999;}
.z-bg-ccc{background-color:#ccc;}

.z-bg-black{background-color:#000;}
.z-bg-white{background-color:#fff;}
.z-bg-gray{background-color:#f5f5f5;}
.z-bg-red{background-color:#ffe4e1;}
.z-bg-orange{background-color:#f5deb3;}
.z-bg-yellow{background-color:#ffe;}
.z-bg-green{background-color:#f0fff0;}
.z-bg-cyan{background-color:#e1ffff;}
.z-bg-blue{background-color:#f0f8ff;}
.z-bg-purple{background-color:#e6e6fa;}

.z-bg-none{background:none;}

.zi-bg-black{background-color:#000 !important;}
.zi-bg-white{background-color:#fff !important;}
.zi-bg-gray{background-color:#f5f5f5 !important;}
.zi-bg-red{background-color:#ffe4e1 !important;}
.zi-bg-orange{background-color:#f5deb3 !important;}
.zi-bg-yellow{background-color:#ffe !important;}
.zi-bg-green{background-color:#f0fff0 !important;}
.zi-bg-cyan{background-color:#e1ffff !important;}
.zi-bg-blue{background-color:#f0f8ff !important;}
.zi-bg-purple{background-color:#e6e6fa !important;}

.z-bg-gray-deep{background-color:#d3d3d3;}
.z-bg-red-deep{background-color:#ea4a36;}
.z-bg-orange-deep{background-color:#ff6600;}
.z-bg-yellow-deep{background-color:#fac603;}
.z-bg-green-deep{background-color:#43cd6e;}
.z-bg-cyan-deep{background-color:#009899;}
.z-bg-blue-deep{background-color:#2a689d;}
.z-bg-purple-deep{background-color:#9e70ca;}

.zi-bg-gray-deep{background-color:#d3d3d3 !important;}
.zi-bg-red-deep{background-color:#ea4a36 !important;}
.zi-bg-orange-deep{background-color:#ff6600 !important;}
.zi-bg-yellow-deep{background-color:#fac603 !important;}
.zi-bg-green-deep{background-color:#43cd6e !important;}
.zi-bg-cyan-deep{background-color:#009899 !important;}
.zi-bg-blue-deep{background-color:#2a689d !important;}
.zi-bg-purple-deep{background-color:#9e70ca !important;}

.zi-bg-none{background:none !important;}

/** 边框颜色定义 **/
.z-bd{border:1px solid #d3d3d3;}
.z-bd-t{border-top:1px solid #d3d3d3;}
.z-bd-l{border-left:1px solid #d3d3d3;}
.z-bd-r{border-right:1px solid #d3d3d3;}
.z-bd-b{border-bottom:1px solid #d3d3d3;}
.z-bd.z-red{border:1px solid #ea4a36;}
.z-bd-t.z-red{border-top:1px solid #ea4a36;}
.z-bd-l.z-red{border-left:1px solid #ea4a36;}
.z-bd-r.z-red{border-right:1px solid #ea4a36;}
.z-bd-b.z-red{border-bottom:1px solid #ea4a36;}
.z-bd.z-orange{border:1px solid #ff6600;}
.z-bd-t.z-orange{border-top:1px solid #ff6600;}
.z-bd-l.z-orange{border-left:1px solid #ff6600;}
.z-bd-r.z-orange{border-right:1px solid #ff6600;}
.z-bd-b.z-orange{border-bottom:1px solid #ff6600;}
.z-bd.z-yellow{border:1px solid #fac603;}
.z-bd-t.z-yellow{border-top:1px solid #fac603;}
.z-bd-l.z-yellow{border-left:1px solid #fac603;}
.z-bd-r.z-yellow{border-right:1px solid #fac603;}
.z-bd-b.z-yellow{border-bottom:1px solid #fac603;}
.z-bd.z-green{border:1px solid #43cd6e;}
.z-bd-t.z-green{border-top:1px solid #43cd6e;}
.z-bd-l.z-green{border-left:1px solid #43cd6e;}
.z-bd-r.z-green{border-right:1px solid #43cd6e;}
.z-bd-b.z-green{border-bottom:1px solid #43cd6e;}
.z-bd.z-cyan{border:1px solid #009899;}
.z-bd-t.z-cyan{border-top:1px solid #009899;}
.z-bd-l.z-cyan{border-left:1px solid #009899;}
.z-bd-r.z-cyan{border-right:1px solid #009899;}
.z-bd-b.z-cyan{border-bottom:1px solid #009899;}
.z-bd.z-blue{border:1px solid #2a689d;}
.z-bd-t.z-blue{border-top:1px solid #2a689d;}
.z-bd-l.z-blue{border-left:1px solid #2a689d;}
.z-bd-r.z-blue{border-right:1px solid #2a689d;}
.z-bd-b.z-blue{border-bottom:1px solid #2a689d;}
.z-bd.z-purple{border:1px solid #9e70ca;}
.z-bd-t.z-purple{border-top:1px solid #9e70ca;}
.z-bd-l.z-purple{border-left:1px solid #9e70ca;}
.z-bd-r.z-purple{border-right:1px solid #9e70ca;}
.z-bd-b.z-purple{border-bottom:1px solid #9e70ca;}

/** 边框圆角定义 **/
.z-bd-rd0{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.z-bd-rd1{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.z-bd-rd2{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.z-bd-rd3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.z-bd-rd5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.z-bd-rd8{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.z-bd-rd10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.z-bd-rd50p{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.z-bd-rd-circle{-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;}

.z-bd-rd-tl3{-webkit-border-top-left-radius:3px;-moz-border-top-left-radius:3px;border-top-left-radius:3px;}
.z-bd-rd-tl5{-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;border-top-left-radius:5px;}
.z-bd-rd-tl8{-webkit-border-top-left-radius:8px;-moz-border-top-left-radius:8px;border-top-left-radius:8px;}
.z-bd-rd-tl10{-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;border-top-left-radius:10px;}

.z-bd-rd-tr3{-webkit-border-top-right-radius:3px;-moz-border-top-right-radius:3px;border-top-right-radius:3px;}
.z-bd-rd-tr5{-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;border-top-right-radius:5px;}
.z-bd-rd-tr8{-webkit-border-top-right-radius:8px;-moz-border-top-right-radius:8px;border-top-right-radius:8px;}
.z-bd-rd-tr10{-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;border-top-right-radius:10px;}

.z-bd-rd-bl3{-webkit-border-bottom-left-radius:3px;-moz-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}
.z-bd-rd-bl5{-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}
.z-bd-rd-bl8{-webkit-border-bottom-left-radius:8px;-moz-border-bottom-left-radius:8px;border-bottom-left-radius:8px;}
.z-bd-rd-bl10{-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;border-bottom-left-radius:10px;}

.z-bd-rd-br3{-webkit-border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
.z-bd-rd-br5{-webkit-border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}
.z-bd-rd-br8{-webkit-border-bottom-right-radius:8px;-moz-border-bottom-right-radius:8px;border-bottom-right-radius:8px;}
.z-bd-rd-br10{-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;border-bottom-right-radius:10px;}

.z-bd-rd-l3{
    -webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;
    -moz-border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;border-bottom-left-radius:3px;
}
.z-bd-rd-l5{
    -webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;
    -moz-border-top-left-radius:5px;-moz-border-bottom-left-radius:5px;bottom-left-radius:5px;
}
.z-bd-rd-l8{
    -webkit-border-top-left-radius:8px;-webkit-border-bottom-left-radius:8px;border-bottom-left-radius:8px;
    -moz-border-top-left-radius:8px;-moz-border-bottom-left-radius:8px;bottom-left-radius:8px;
}
.z-bd-rd-l10{
    -webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;
    -moz-border-top-left-radius:10px;-moz-border-bottom-left-radius:10px;bottom-left-radius:10px;
}
.z-bd-rd-l-circle{
    -webkit-border-top-left-radius:1000px;-webkit-border-bottom-left-radius:1000px;border-bottom-left-radius:1000px;
    -moz-border-top-left-radius:1000px;-moz-border-bottom-left-radius:1000px;bottom-left-radius:1000px;
}

.z-bd-rd-r3{
    -webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;bottom-right-radius:3px;
    -moz-border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;bottom-right-radius:3px;
}
.z-bd-rd-r5{
    -webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
    -moz-border-top-right-radius:5px;-moz-border-bottom-right-radius:5px;bottom-right-radius:5px;
}
.z-bd-rd-r8{
    -webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px;
    -moz-border-top-right-radius:8px;-moz-border-bottom-right-radius:8px;bottom-right-radius:8px;
}
.z-bd-rd-r10{
    -webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;
    -moz-border-top-right-radius:10px;-moz-border-bottom-right-radius:10px;border-bottom-right-radius:10px;
}
.z-bd-rd-r-circle{
    -webkit-border-top-right-radius:1000px;-webkit-border-bottom-right-radius:1000px;border-bottom-right-radius:1000px;
    -moz-border-top-right-radius:1000px;-moz-border-bottom-right-radius:1000px;border-bottom-right-radius:1000px;
}

.z-bd-rd-t3{
    -webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;
    -moz-border-top-left-radius:3px;-moz-border-top-right-radius:3px;border-top-right-radius:3px;
}
.z-bd-rd-t5{
    -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;
    -moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;border-top-right-radius:5px;
}
.z-bd-rd-t8{
    -webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;
    -moz-border-top-left-radius:8px;-moz-border-top-right-radius:8px;border-top-right-radius:8px;
}
.z-bd-rd-t10{
    -webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;
    -moz-border-top-left-radius:10px;-moz-border-top-right-radius:10px;border-top-right-radius:10px;
}
.z-bd-rd-t-circle{
    -webkit-border-top-left-radius:1000px;-webkit-border-top-right-radius:1000px;border-top-right-radius:1000px;
    -moz-border-top-left-radius:1000px;-moz-border-top-right-radius:1000px;border-top-right-radius:1000px;
}

.z-bd-rd-b3{
    -webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;
    -moz-border-bottom-left-radius:3px;-moz-border-bottom-right-radius:3px;border-bottom-right-radius:3px;
}
.z-bd-rd-b5{
    -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
    -moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
}
.z-bd-rd-b8{
    -webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px;
    -moz-border-bottom-left-radius:8px;-moz-border-bottom-right-radius:8px;bottom-right-radius:8px;
}
.z-bd-rd-b10{
    -webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;
    -moz-border-bottom-left-radius:10px;-moz-border-bottom-right-radius:10px;border-bottom-right-radius:10px;
}
.z-bd-rd-b-circle{
    -webkit-border-bottom-left-radius:1000px;-webkit-border-bottom-right-radius:1000px;border-bottom-right-radius:1000px;
    -moz-border-bottom-left-radius:1000px;-moz-border-bottom-right-radius:1000px;border-bottom-right-radius:1000px;
}

.z-bd-none{border:none;}
.z-bd-t-none{border-top:none;}
.z-bd-b-none{border-bottom:none;}
.z-bd-l-none{border-left:none;}
.z-bd-r-none{border-right:none;}

.zi-bd{border:1px solid #d3d3d3 !important;}
.zi-bd-t{border-top:1px solid #d3d3d3 !important;}
.zi-bd-l{border-left:1px solid #d3d3d3 !important;}
.zi-bd-r{border-right:1px solid #d3d3d3 !important;}
.zi-bd-b{border-bottom:1px solid #d3d3d3 !important;}
.zi-bd.z-red{border:1px solid #ea4a36 !important;}
.zi-bd-t.z-red{border-top:1px solid #ea4a36 !important;}
.zi-bd-l.z-red{border-left:1px solid #ea4a36 !important;}
.zi-bd-r.z-red{border-right:1px solid #ea4a36 !important;}
.zi-bd-b.z-red{border-bottom:1px solid #ea4a36 !important;}
.zi-bd.z-orange{border:1px solid #ff6600 !important;}
.zi-bd-t.z-orange{border-top:1px solid #ff6600 !important;}
.zi-bd-l.z-orange{border-left:1px solid #ff6600 !important;}
.zi-bd-r.z-orange{border-right:1px solid #ff6600 !important;}
.zi-bd-b.z-orange{border-bottom:1px solid #ff6600 !important;}
.zi-bd.z-yellow{border:1px solid #fac603 !important;}
.zi-bd-t.z-yellow{border-top:1px solid #fac603 !important;}
.zi-bd-l.z-yellow{border-left:1px solid #fac603 !important;}
.zi-bd-r.z-yellow{border-right:1px solid #fac603 !important;}
.zi-bd-b.z-yellow{border-bottom:1px solid #fac603 !important;}
.zi-bd.z-green{border:1px solid #43cd6e !important;}
.zi-bd-t.z-green{border-top:1px solid #43cd6e !important;}
.zi-bd-l.z-green{border-left:1px solid #43cd6e !important;}
.zi-bd-r.z-green{border-right:1px solid #43cd6e !important;}
.zi-bd-b.z-green{border-bottom:1px solid #43cd6e !important;}
.zi-bd.z-cyan{border:1px solid #009899 !important;}
.zi-bd-t.z-cyan{border-top:1px solid #009899 !important;}
.zi-bd-l.z-cyan{border-left:1px solid #009899 !important;}
.zi-bd-r.z-cyan{border-right:1px solid #009899 !important;}
.zi-bd-b.z-cyan{border-bottom:1px solid #009899 !important;}
.zi-bd.z-blue{border:1px solid #2a689d !important;}
.zi-bd-t.z-blue{border-top:1px solid #2a689d !important;}
.zi-bd-l.z-blue{border-left:1px solid #2a689d !important;}
.zi-bd-r.z-blue{border-right:1px solid #2a689d !important;}
.zi-bd-b.z-blue{border-bottom:1px solid #2a689d !important;}
.zi-bd.z-purple{border:1px solid #9e70ca !important;}
.zi-bd-t.z-purple{border-top:1px solid #9e70ca !important;}
.zi-bd-l.z-purple{border-left:1px solid #9e70ca !important;}
.zi-bd-r.z-purple{border-right:1px solid #9e70ca !important;}
.zi-bd-b.z-purple{border-bottom:1px solid #9e70ca !important;}

.zi-bd-rd0{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;}
.zi-bd-rd1{-webkit-border-radius:1px !important;-moz-border-radius:1px !important;border-radius:1px !important;}
.zi-bd-rd2{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;border-radius:2px !important;}
.zi-bd-rd3{-webkit-border-radius:3px !important;-moz-border-radius:3px !important;border-radius:3px !important;}
.zi-bd-rd5{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.zi-bd-rd8{-webkit-border-radius:8px !important;-moz-border-radius:8px !important;border-radius:8px !important;}
.zi-bd-rd10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}
.zi-bd-rd50p{-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;}
.zi-bd-rd-circle{-webkit-border-radius:1000px !important;-moz-border-radius:1000px !important;border-radius:1000px !important;}

.zi-bd-rd-tl3{-webkit-border-top-left-radius:3px !important;-moz-border-top-left-radius:3px !important;border-top-left-radius:3px !important;}
.zi-bd-rd-tl5{-webkit-border-top-left-radius:5px !important;-moz-border-top-left-radius:5px !important;border-top-left-radius:5px !important;}
.zi-bd-rd-tl8{-webkit-border-top-left-radius:8px !important;-moz-border-top-left-radius:8px !important;border-top-left-radius:8px !important;}
.zi-bd-rd-tl10{-webkit-border-top-left-radius:10px !important;-moz-border-top-left-radius:10px !important;border-top-left-radius:10px !important;}

.zi-bd-rd-tr3{-webkit-border-top-right-radius:3px !important;-moz-border-top-right-radius:3px !important;border-top-right-radius:3px !important;}
.zi-bd-rd-tr5{-webkit-border-top-right-radius:5px !important;-moz-border-top-right-radius:5px !important;border-top-right-radius:5px !important;}
.zi-bd-rd-tr8{-webkit-border-top-right-radius:8px !important;-moz-border-top-right-radius:8px !important;border-top-right-radius:8px !important;}
.zi-bd-rd-tr10{-webkit-border-top-right-radius:10px !important;-moz-border-top-right-radius:10px !important;border-top-right-radius:10px !important;}

.zi-bd-rd-bl3{-webkit-border-bottom-left-radius:3px !important;-moz-border-bottom-left-radius:3px !important;border-bottom-left-radius:3px !important;}
.zi-bd-rd-bl5{-webkit-border-bottom-left-radius:5px !important;-moz-border-bottom-left-radius:5px !important;border-bottom-left-radius:5px !important;}
.zi-bd-rd-bl8{-webkit-border-bottom-left-radius:8px !important;-moz-border-bottom-left-radius:8px !important;border-bottom-left-radius:8px !important;}
.zi-bd-rd-bl10{-webkit-border-bottom-left-radius:10px !important;-moz-border-bottom-left-radius:10px !important;border-bottom-left-radius:10px !important;}

.zi-bd-rd-br3{-webkit-border-bottom-right-radius:3px !important;-moz-border-bottom-right-radius:3px !important;border-bottom-right-radius:3px !important;}
.zi-bd-rd-br5{-webkit-border-bottom-right-radius:5px !important;-moz-border-bottom-right-radius:5px !important;border-bottom-right-radius:5px !important;}
.zi-bd-rd-br8{-webkit-border-bottom-right-radius:8px !important;-moz-border-bottom-right-radius:8px !important;border-bottom-right-radius:8px !important;}
.zi-bd-rd-br10{-webkit-border-bottom-right-radius:10px !important;-moz-border-bottom-right-radius:10px !important;border-bottom-right-radius:10px !important;}

.zi-bd-rd-l3{
    -webkit-border-top-left-radius:3px !important;-webkit-border-bottom-left-radius:3px !important;border-bottom-left-radius:3px !important;
    -moz-border-top-left-radius:3px !important;-moz-border-bottom-left-radius:3px !important;border-bottom-left-radius:3px !important;
}
.zi-bd-rd-l5{
    -webkit-border-top-left-radius:5px !important;-webkit-border-bottom-left-radius:5px !important;border-bottom-left-radius:5px !important;
    -moz-border-top-left-radius:5px !important;-moz-border-bottom-left-radius:5px !important;border-bottom-left-radius:5px !important;
}
.zi-bd-rd-l8{
    -webkit-border-top-left-radius:8px !important;-webkit-border-bottom-left-radius:8px !important;border-bottom-left-radius:8px !important;
    -moz-border-top-left-radius:8px !important;-moz-border-bottom-left-radius:8px !important;border-bottom-left-radius:8px !important;
}
.zi-bd-rd-l10{
    -webkit-border-top-left-radius:10px !important;-webkit-border-bottom-left-radius:10px !important;border-bottom-left-radius:10px !important;
    -moz-border-top-left-radius:10px !important;-moz-border-bottom-left-radius:10px !important;border-bottom-left-radius:10px !important;
}
.zi-bd-rd-l-circle{
    -webkit-border-top-left-radius:1000px !important;-webkit-border-bottom-left-radius:1000px !important;border-bottom-left-radius:1000px !important;
    -moz-border-top-left-radius:1000px !important;-moz-border-bottom-left-radius:1000px !important;border-bottom-left-radius:1000px !important;
}

.zi-bd-rd-r3{
    -webkit-border-top-right-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;border-bottom-right-radius:3px !important;
    -moz-border-top-right-radius:3px !important;-moz-border-bottom-right-radius:3px !important;border-bottom-right-radius:3px !important;
}
.zi-bd-rd-r5{
    -webkit-border-top-right-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;border-bottom-right-radius:5px !important;
    -moz-border-top-right-radius:5px !important;-moz-border-bottom-right-radius:5px !important;border-bottom-right-radius:5px !important;
}
.zi-bd-rd-r8{
    -webkit-border-top-right-radius:8px !important;-webkit-border-bottom-right-radius:8px !important;border-bottom-right-radius:8px !important;
    -moz-border-top-right-radius:8px !important;-moz-border-bottom-right-radius:8px !important;border-bottom-right-radius:8px !important;
}
.zi-bd-rd-r10{
    -webkit-border-top-right-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;border-bottom-right-radius:10px !important;
    -moz-border-top-right-radius:10px !important;-moz-border-bottom-right-radius:10px !important;border-bottom-right-radius:10px !important;
}
.zi-bd-rd-r-circle{
    -webkit-border-top-right-radius:1000px !important;-webkit-border-bottom-right-radius:1000px !important;border-bottom-right-radius:1000px !important;
    -moz-border-top-right-radius:1000px !important;-moz-border-bottom-right-radius:1000px !important;border-bottom-right-radius:1000px !important;
}

.zi-bd-rd-t3{
    -webkit-border-top-left-radius:3px !important;-webkit-border-top-right-radius:3px !important;border-top-right-radius:3px !important;
    -moz-border-top-left-radius:3px !important;-moz-border-top-right-radius:3px !important;border-top-right-radius:3px !important;
}
.zi-bd-rd-t5{
    -webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;border-top-right-radius:5px !important;
    -moz-border-top-left-radius:5px !important;-moz-border-top-right-radius:5px !important;border-top-right-radius:5px !important;
}
.zi-bd-rd-t8{
    -webkit-border-top-left-radius:8px !important;-webkit-border-top-right-radius:8px !important;border-top-right-radius:8px !important;
    -moz-border-top-left-radius:8px !important;-moz-border-top-right-radius:8px !important;border-top-right-radius:8px !important;
}
.zi-bd-rd-t10{
    -webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;border-top-right-radius:10px !important;
    -moz-border-top-left-radius:10px !important;-moz-border-top-right-radius:10px !important;border-top-right-radius:10px !important;
}
.zi-bd-rd-t-circle{
    -webkit-border-top-left-radius:1000px !important;-webkit-border-top-right-radius:1000px !important;border-top-right-radius:1000px !important;
    -moz-border-top-left-radius:1000px !important;-moz-border-top-right-radius:1000px !important;border-top-right-radius:1000px !important;
}

.zi-bd-rd-b3{
    -webkit-border-bottom-left-radius:3px !important;-webkit-border-bottom-right-radius:3px !important;border-bottom-right-radius:3px !important;
    -moz-border-bottom-left-radius:3px !important;-moz-border-bottom-right-radius:3px !important;border-bottom-right-radius:3px !important;
}
.zi-bd-rd-b5{
    -webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;border-bottom-right-radius:5px !important;
    -moz-border-bottom-left-radius:5px !important;-moz-border-bottom-right-radius:5px !important;border-bottom-right-radius:5px !important;
}
.zi-bd-rd-b8{
    -webkit-border-bottom-left-radius:8px !important;-webkit-border-bottom-right-radius:8px !important;border-bottom-right-radius:8px !important;
    -moz-border-bottom-left-radius:8px !important;-moz-border-bottom-right-radius:8px !important;border-bottom-right-radius:8px !important;
}
.zi-bd-rd-b10{
    -webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;border-bottom-right-radius:10px !important;
    -moz-border-bottom-left-radius:10px !important;-moz-border-bottom-right-radius:10px !important;border-bottom-right-radius:10px !important;
}
.zi-bd-rd-b-circle{
    -webkit-border-bottom-left-radius:1000px !important;-webkit-border-bottom-right-radius:1000px !important;border-bottom-right-radius:1000px !important;
    -moz-border-bottom-left-radius:1000px !important;-moz-border-bottom-right-radius:1000px !important;border-bottom-right-radius:1000px !important;
}

.zi-bd-none{border:none !important;}
.zi-bd-t-none{border-top:none !important;}
.zi-bd-b-none{border-bottom:none !important;}
.zi-bd-l-none{border-left:none !important;}
.zi-bd-r-none{border-right:none !important;}

/***********************************************/
/* 3.3：块状态通用样式定义 */
/***********************************************/

/** 清除浮动层 **/
.z-clearfix:{*zoom:1;}
.z-clearfix:before,.z-clearfix:after {content:"";display:table;}
.z-clearfix:after{clear:both;}

/** 清除阴影效果 **/
.z-shadow-none{box-shadow:none;}
.zi-shadow-none{box-shadow:none !important;}

/** 块状态 **/
.z-hide{display:none;}
.z-show{display:inline;}
.z-show-b{display:block;}
.z-show-ib{display:inline-block;}
.z-show-if{display:inline-flex;}

.zi-hide{display:none !important;}
.zi-show{display:inline !important;}
.zi-show-b{display:block !important;}
.zi-show-ib{display:inline-block !important;}
.zi-show-if{display:inline-flex !important;}

/** 保留占位的显示和隐藏 **/
.z-visible{visibility:visible;}
.z-hidden{visibility:hidden;}
.z-hidden-fixed{position:fixed;top:0;left:0;width:1px;height:1px;background:transparent !important;border:none !important;box-shadow:none !important;}

.zi-visible{visibility:visible !important;}
.zi-hidden{visibility:hidden !important;}

/** 块对齐 **/
.z-float-left{float:left;}
.z-float-right{float:right;}
.z-float-center{margin-left:auto;margin-right:auto;}

.zi-float-left{float:left !important;}
.zi-float-right{float:right !important;}
.zi-float-center{margin-left:auto !important;margin-right:auto !important;}

/** 块定位 **/
.z-fixed{position:fixed;}
.z-absolute{position:absolute;}
.z-relative{position:relative;}
.z-relative-left{position:relative;float:left;}
.z-relative-right{position:relative;float:right;}
.z-relative-center{position:relative;margin-left:auto;margin-right:auto;}

.z-fixed-tl0{position:fixed;top:0;left:0;}
.z-absolute-tl0{position:absolute;top:0;left:0;}
.z-absolute-center-middle{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}

.zi-fixed{position:fixed !important;}
.zi-absolute{position:absolute !important;}
.zi-relative{position:relative !important;}
.zi-relative-left{position:relative !important;float:left !important;}
.zi-relative-right{position:relative !important;float:right !important;}
.zi-relative-center{position:relative !important;margin-left:auto !important;margin-right:auto !important;}
.zi-absolute-center-middle{position:absolute !important;margin:auto !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;}

.z-t0{top:0;}.z-b0{bottom:0;}.z-l0{left:0;}.z-r0{right:0;}

/** 块溢出的三种情况 **/
.z-overflow-scroll{overflow:scroll;}
.z-overflow-hidden{overflow:hidden;}
.z-overflow-auto{overflow:auto;}
.z-overflow-x-scroll{overflow-x:scroll;}
.z-overflow-x-hidden{overflow-x:hidden;}
.z-overflow-x-auto{overflow-x:auto;}
.z-overflow-y-scroll{overflow-y:scroll;}
.z-overflow-y-hidden{overflow-y:hidden;}
.z-overflow-y-auto{overflow-y:auto;}

.zi-overflow-hidden{overflow:hidden !important;}
.zi-overflow-x-hidden{overflow-x:hidden !important;}
.zi-overflow-y-hidden{overflow-y:hidden !important;}

/** 块鼠标和输入法样式 **/
.z-pointer{cursor:pointer;}
.z-forbidden{cursor:not-allowed;}
.z-ime-disabled{ime-mode: disabled;}
.zi-pointer{cursor:pointer !important;}
.zi-forbidden{cursor:not-allowed !important;}
.zi-ime-disabled{ime-mode: disabled !important;}

/*********************************************************/
/*********************************************************/
/*****************   Ⅱ：mobile 定义    ******************/
/*********************************************************/
/*********************************************************/


/***********************************************/
/* 第一部分：标准标记定义 */
/***********************************************/

/***********************************************/
/* 1.2：全局标记一致性定义 */
/***********************************************/

a:active,a:hover{text-decoration:none;}

input,select,textarea{-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;box-shadow: 0 0 0px 1000px #fff inset !important;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none !important;margin:0;}

@media screen and (max-width: 320px) {
    html {
        font-size:83.33px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 321px) and (max-width:360px) {
    html {
        font-size:96px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 361px) and (max-width:375px) {
    html {
        font-size:100px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 376px) and (max-width:393px) {
    html {
        font-size:104.8px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 394px) and (max-width:412px) {
    html {
        font-size:109.86px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 413px) and (max-width:414px) {
    html {
        font-size:110.4px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 415px) and (max-width:480px) {
    html {
        font-size:128px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 481px) and (max-width:540px) {
    html {
        font-size:144px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 541px) and (max-width:640px) {
    html {
        font-size:170.66px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 641px) and (max-width:720px) {
    html {
        font-size:192px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 721px) and (max-width:768px) {
    html {
        font-size:204.8px;
        font-size:26.66667vw
    }
}
@media screen and (min-width: 769px) {
    html {
        font-size:204.8px
    }
}

html,body{width:100%;height:100%;position:relative;overflow:hidden;}
body{font-size:0.16rem;}

/***********************************************/
/* 1.4：文本标记一致性定义 */
/***********************************************/

/* 设置标题文字大小 颜色*/
h1{font-size:2em;margin:.67em 0;}
h2{font-size:1.5em;margin:.83em 0;}
h3{font-size:1.17em;margin:1em 0;}

/***********************************************/
/* 第二部分：图标定义 */
/***********************************************/

/***********************************************/
/* 2.1：字体图标 */
/***********************************************/

/***********************************************/
/* 2.2：图片图标 */
/***********************************************/

/** 图标，默认16px，其他尺寸在里面设置 */
.z-ico{display:inline-block;vertical-align:middle;width:16px;height:16px;background-repeat:no-repeat;}

/** 定义充值图标 */
.z-ico.z-pay{width:56px;height:56px;background-image:url(image/ico_pay.png);background-position:0 0;}
.z-ico.z-pay.alipay{background-position:0 0;}
.z-ico.z-pay.weixin{background-position:-61px 0;}
.z-ico.z-pay.qq{background-position:-122px 0;}
.z-ico.z-pay.chinaunion{background-position:-183px 0;}
.z-ico.z-pay.sms{background-position:0 -61px;}
.z-ico.z-pay.phone{background-position:-61px -61px;}
.z-ico.z-pay.paypal{background-position:-122px -61px;}
.z-ico.z-pay.atm{background-position:-183px -61px;}
.z-ico.z-pay.tenpay{background-position:0 -122px;}

.z-ico.z-pay.weibo{background-position:-61px -122px;}
.z-ico.z-pay.baidu{background-position:-122px -122px;}
.z-ico.z-pay.chinamobile{background-position:-183px -122px;}
.z-ico.z-pay.unicom{background-position:0 -183px;}
.z-ico.z-pay.telecom{background-position:-61px -183px;}

/***********************************************/
/* 2.4：圆圈圆角定义 */
/***********************************************/

.z-round{display:inline-block;width:.16rem;height:.16rem;line-height:.16rem;font-size:.2rem;border-radius:50%;text-align:center;}

/* 小气泡/徽章 */
.z-badge{
    position:absolute;
    top:.02rem;
    left:50%;
    margin-left:.1rem;
    z-index:99;
    height:.16rem;
    min-width:.16rem;
    padding:0 .04rem;
    font-size:.12rem;
    line-height:.16rem;
    color:white;
    vertical-align:top;
    background:red;
    border-radius:.16rem;
}

/***********************************************/
/* 第三部分：文本、颜色和块定义 */
/***********************************************/

/***********************************************/
/* 3.1：文本通用样式定义 */
/***********************************************/

/** 文本字体大小 */
.z-h1{font-size:0.32rem;line-height:normal;font-weight:bold;display:block;margin:0.2rem 0;}
.z-h2{font-size:0.24rem;line-height:normal;font-weight:bold;display:block;margin:0.19rem 0;}
.z-h3{font-size:0.18rem;line-height:normal;font-weight:bold;display:block;margin:0.18rem 0;}

.z-rem12{font-size:.12rem;}
.z-rem13{font-size:.13rem;}
.z-rem14{font-size:.14rem;}
.z-rem15{font-size:.15rem;}
.z-rem16{font-size:.16rem;}
.z-rem17{font-size:.17rem;}
.z-rem18{font-size:.18rem;}
.z-rem19{font-size:.19rem;}
.z-rem20{font-size:.2rem;}
.z-rem22{font-size:.22rem;}
.z-rem24{font-size:.24rem;}
.z-rem25{font-size:.25rem;}
.z-rem26{font-size:.26rem;}
.z-rem28{font-size:.28rem;}
.z-rem30{font-size:.3rem;}
.z-rem32{font-size:.32rem;}
.z-rem35{font-size:.35rem;}
.z-rem36{font-size:.36rem;}
.z-rem40{font-size:.4rem;}
.z-rem50{font-size:.50rem;}

.zi-rem12{font-size:.12rem !important;}
.zi-rem13{font-size:.13rem !important;}
.zi-rem14{font-size:.14rem !important;}
.zi-rem15{font-size:.15rem !important;}
.zi-rem16{font-size:.16rem !important;}
.zi-rem17{font-size:.17rem !important;}
.zi-rem18{font-size:.18rem !important;}
.zi-rem19{font-size:.19rem !important;}
.zi-rem20{font-size:.2rem !important;}
.zi-rem22{font-size:.22rem !important;}
.zi-rem24{font-size:.24rem !important;}
.zi-rem25{font-size:.25rem !important;}
.zi-rem26{font-size:.26rem !important;}
.zi-rem28{font-size:.28rem !important;}
.zi-rem30{font-size:.3rem !important;}
.zi-rem32{font-size:.32rem !important;}
.zi-rem35{font-size:.35rem !important;}
.zi-rem36{font-size:.36rem !important;}
.zi-rem40{font-size:.4rem !important;}
.zi-rem50{font-size:.50rem !important;}

/** box盒子隐藏文本 **/
[class*=z-text-ellipsis-]{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden;text-overflow:ellipsis;}
.z-text-ellipsis-line{-webkit-line-clamp:1;}
.z-text-ellipsis-2line{-webkit-line-clamp:2;}
.z-text-ellipsis-3line{-webkit-line-clamp:3;}
.z-text-ellipsis-4line{-webkit-line-clamp:4;}

/***********************************************/
/* 3.2：颜色通用样式定义 */
/***********************************************/

/** 边框颜色定义 **/
.z-bd,[class*=z-bd-]{border-color:#e5e5e5;}
.zi-bd,[class*=zi-bd-]{border-color:#e5e5e5 !important;}

.z-bd-rem{border:.05rem solid #e5e5e5;}
.z-bd-t-rem{border-top:.05rem solid #e5e5e5;}
.z-bd-r-rem{border-right:.05rem solid #e5e5e5;}
.z-bd-b-rem{border-bottom:.05rem solid #e5e5e5;}
.z-bd-l-rem{border-left:.05rem solid #e5e5e5;}

.z-bd-rem{border:.05rem solid #e5e5e5 !important;}
.z-bd-t-rem{border-top:.05rem solid #e5e5e5 !important;}
.z-bd-r-rem{border-right:.05rem solid #e5e5e5 !important;}
.z-bd-b-rem{border-bottom:.05rem solid #e5e5e5 !important;}
.z-bd-l-rem{border-left:.05rem solid #e5e5e5 !important;}

.zi-bd-rem{border:.05rem solid #e5e5e5 !important;}

/** 块宽度 **/
.z-w0{width:0;}
.z-w10{width:.1rem;}.z-w12{width:.12rem;}
.z-w14{width:.14rem;}.z-w15{width:.15rem;}
.z-w16{width:.16rem;}.z-w18{width:.18rem;}
.z-w20{width:.2rem;}.z-w22{width:.22rem;}
.z-w24{width:.24rem;}.z-w25{width:.25rem;}
.z-w28{width:.28rem;}.z-w30{width:.3rem;}
.z-w35{width:.35rem;}.z-w40{width:.4rem;}
.z-w45{width:.45rem;}.z-w50{width:.5rem;}
.z-w55{width:.55rem;}.z-w60{width:.6rem;}
.z-w65{width:.65rem;}.z-w70{width:.7rem;}
.z-w75{width:.75rem;}.z-w80{width:.8rem;}
.z-w85{width:.85rem;}.z-w90{width:.9rem;}
.z-w95{width:.95rem;}.z-w100{width:1rem;}
.z-w110{width:1.1rem;}.z-w120{width:1.2rem;}
.z-w130{width:1.3rem;}.z-w140{width:1.4rem;}
.z-w150{width:1.5rem;}.z-w160{width:1.6rem;}
.z-w170{width:1.7rem;}.z-w180{width:1.8rem;}
.z-w190{width:1.9rem;}.z-w200{width:2rem;}
.z-w230{width:2.3rem;}.z-w250{width:2.5rem;}
.z-w270{width:2.7rem;}.z-w300{width:3rem;}
.z-w400{width:4rem;}.z-w500{width:5rem;}
.z-w600{width:6rem;}.z-w700{width:7rem;}
.z-w800{width:8rem;}

.zi-w0{width:0 !important;}
.zi-w10{width:.1rem !important;}.zi-w12{width:.12rem !important;}
.zi-w14{width:.14rem !important;}.zi-w15{width:.15rem !important;}
.zi-w16{width:.16rem !important;}.zi-w18{width:.18rem !important;}
.zi-w20{width:.2rem !important;}.zi-w22{width:.22rem !important;}
.zi-w24{width:.24rem !important;}.zi-w25{width:.25rem !important;}
.zi-w28{width:.28rem !important;}.zi-w30{width:.3rem !important;}
.zi-w35{width:.35rem !important;}.zi-w40{width:.4rem !important;}
.zi-w45{width:.45rem !important;}.zi-w50{width:.5rem !important;}
.zi-w55{width:.55rem !important;}.zi-w60{width:.6rem !important;}
.zi-w65{width:.65rem !important;}.zi-w70{width:.7rem !important;}
.zi-w75{width:.75rem !important;}.zi-w80{width:.8rem !important;}
.zi-w85{width:.85rem !important;}.zi-w90{width:.9rem !important;}
.zi-w95{width:.95rem !important;}.zi-w100{width:1rem !important;}
.zi-w110{width:1.1rem !important;}.zi-w120{width:1.2rem !important;}
.zi-w130{width:1.3rem !important;}.zi-w140{width:1.4rem !important;}
.zi-w150{width:1.5rem !important;}.zi-w160{width:1.6rem !important;}
.zi-w170{width:1.7rem !important;}.zi-w180{width:1.8rem !important;}
.zi-w190{width:1.9rem !important;}.zi-w200{width:2rem !important;}
.zi-w230{width:2.3rem !important;}.zi-w250{width:2.5rem !important;}
.zi-w270{width:2.7rem !important;}.zi-w300{width:3rem !important;}
.zi-w400{width:4rem !important;}.zi-w500{width:5rem !important;}
.zi-w600{width:6rem !important;}.zi-w700{width:7rem !important;}
.zi-w800{width:8rem !important;}

.z-w5p{width:5%;}.z-w8p{width:8%;}
.z-w10p{width:10%;}.z-w12p{width:12%;}
.z-w15p{width:15%;}.z-w30p{width:30%;}
.z-w40p{width:40%;}.z-w60p{width:60%;}
.z-w70p{width:70%;}.z-w80p{width:80%;}
.z-w90p{width:90%;}.z-w100p{width:100%;}
.z-w100p2,.z-w50p{width:50%;}
.z-w100p3{width:33.333333%;}
.z-w100p4,.z-w25p{width:25%;}
.z-w100p5,.z-w20p{width:20%;}
.z-w100p6{width:16.666666%;}
.z-w100p7{width:14.285714%;}
.z-w100p8{width:12.5%;}
.z-w100p9{width:11.111111%;}

.zi-w5p{width:5% !important;}.zi-w8p{width:8% !important;}
.zi-w10p{width:10% !important;}.zi-w12p{width:12% !important;}
.zi-w15p{width:15% !important;}.zi-w30p{width:30% !important;}
.zi-w40p{width:40% !important;}.zi-w60p{width:60% !important;}
.zi-w70p{width:70% !important;}.zi-w80p{width:80% !important;}
.zi-w90p{width:90% !important;}.zi-w100p{width:100% !important;}
.zi-w100p2,.zi-w50p{width:50% !important;}
.zi-w100p3{width:33.333333% !important;}
.zi-w100p4,.zi-w25p{width:25% !important;}
.zi-w100p5,.zi-w20p{width:20% !important;}
.zi-w100p6{width:16.666666% !important;}
.zi-w100p7{width:14.285714% !important;}
.zi-w100p8{width:12.5% !important;}
.zi-w100p9{width:11.111111% !important;}

.z-h0{height:0;}
.z-h10{height:.1rem;}.z-h12{height:.12rem;}
.z-h14{height:.14rem;}.z-h15{height:.15rem;}
.z-h16{height:.16rem;}.z-h18{height:.18rem;}
.z-h20{height:.2rem;}.z-h22{height:.22rem;}
.z-h24{height:.24rem;}.z-h25{height:.25rem;}
.z-h28{height:.28rem;}.z-h30{height:.3rem;}
.z-h32{height:.32rem;}.z-h35{height:.35rem;}
.z-h40{height:.4rem;}.z-h45{height:.45rem;}
.z-h50{height:.5rem;}.z-h55{height:.55rem;}
.z-h60{height:.6rem;}.z-h65{height:.65rem;}
.z-h70{height:.7rem;}.z-h75{height:.75rem;}
.z-h80{height:.8rem;}.z-h85{height:.85rem;}
.z-h90{height:.9rem;}.z-h95{height:.95rem;}
.z-h100{height:1rem;}.z-h110{height:1.1rem;}
.z-h120{height:1.2rem;}.z-h130{height:1.3rem;}
.z-h140{height:1.4rem;}.z-h150{height:1.5rem;}
.z-h160{height:1.6rem;}.z-h170{height:1.7rem;}
.z-h180{height:1.8rem;}.z-h190{height:1.9rem;}
.z-h200{height:2rem;}.z-h300{height:3rem;}
.z-h400{height:4rem;}.z-h500{height:5rem;}

.zi-h0{height:0 !important;}
.zi-h10{height:.1rem !important;}.zi-h12{height:.12rem !important;}
.zi-h14{height:.14rem !important;}.zi-h15{height:.15rem !important;}
.zi-h16{height:.16rem !important;}.zi-h18{height:.18rem !important;}
.zi-h20{height:.2rem !important;}.zi-h22{height:.22rem !important;}
.zi-h24{height:.24rem !important;}.zi-h25{height:.25rem !important;}
.zi-h28{height:.28rem !important;}.zi-h30{height:.3rem !important;}
.zi-h32{height:.32rem !important;}.zi-h35{height:.35rem !important;}
.zi-h40{height:.4rem !important;}.zi-h45{height:.45rem !important;}
.zi-h50{height:.5rem !important;}.zi-h55{height:.55rem !important;}
.zi-h60{height:.6rem !important;}.zi-h65{height:.65rem !important;}
.zi-h70{height:.7rem !important;}.zi-h75{height:.75rem !important;}
.zi-h80{height:.8rem !important;}.zi-h85{height:.85rem !important;}
.zi-h90{height:.9rem !important;}.zi-h95{height:.95rem !important;}
.zi-h100{height:1rem !important;}.zi-h110{height:1.1rem !important;}
.zi-h120{height:1.2rem !important;}.zi-h130{height:1.3rem !important;}
.zi-h140{height:1.4rem !important;}.zi-h150{height:1.5rem !important;}
.zi-h160{height:1.6rem !important;}.zi-h170{height:1.7rem !important;}
.zi-h180{height:1.8rem !important;}.zi-h190{height:1.9rem !important;}
.zi-h200{height:2rem !important;}.zi-h300{height:3rem !important;}
.zi-h400{height:4rem !important;}.zi-h500{height:5rem !important;}

.z-h5p{height:5%;}.z-h8p{height:8%;}
.z-h10p{height:10%;}.z-h12p{height:12%;}
.z-h15p{height:15%;}.z-h20p{height:20%;}
.z-h30p{height:30%;}.z-h40p{height:40%;}
.z-h50p{height:50%;}.z-h60p{height:60%;}
.z-h70p{height:70%;}.z-h80p{height:80%;}
.z-h90p{height:90%;}.z-h100p{height:100%;}

.zi-h5p{height:5% !important;}.zi-h8p{height:8% !important;}
.zi-h10p{height:10% !important;}.zi-h12p{height:12% !important;}
.zi-h15p{height:15% !important;}.zi-h20p{height:20% !important;}
.zi-h30p{height:30% !important;}.zi-h40p{height:40% !important;}
.zi-h50p{height:50% !important;}.zi-h60p{height:60% !important;}
.zi-h70p{height:70% !important;}.zi-h80p{height:80% !important;}
.zi-h90p{height:90% !important;}.zi-h100p{height:100% !important;}

.z-lh0{line-height:0;}.z-lh10{line-height:.1rem;}
.z-lh12{line-height:.12rem;}.z-lh14{line-height:.14rem;}
.z-lh15{line-height:.15rem;}.z-lh16{line-height:.16rem;}
.z-lh18{line-height:.18rem;}.z-lh20{line-height:.2rem;}
.z-lh22{line-height:.22rem;}.z-lh24{line-height:.24rem;}
.z-lh25{line-height:.25rem;}.z-lh28{line-height:.28rem;}
.z-lh30{line-height:.3rem;}.z-lh32{line-height:.32rem;}
.z-lh35{line-height:.35rem;}.z-lh40{line-height:.4rem;}
.z-lh45{line-height:.45rem;}.z-lh50{line-height:.5rem;}
.z-lh55{line-height:.55rem;}.z-lh60{line-height:.6rem;}
.z-lh70{line-height:.7rem;}.z-lh80{line-height:.8rem;}
.z-lh90{line-height:.9rem;}.z-lh100{line-height:1rem;}

.zi-lh0{line-height:0 !important;}.zi-lh10{line-height:.1rem !important;}
.zi-lh12{line-height:.12rem !important;}.zi-lh14{line-height:.14rem !important;}
.zi-lh15{line-height:.15rem !important;}.zi-lh16{line-height:.16rem !important;}
.zi-lh18{line-height:.18rem !important;}.zi-lh20{line-height:.2rem !important;}
.zi-lh22{line-height:.22rem !important;}.zi-lh24{line-height:.24rem !important;}
.zi-lh25{line-height:.25rem !important;}.zi-lh28{line-height:.28rem !important;}
.zi-lh30{line-height:.3rem !important;}.zi-lh32{line-height:.32rem !important;}
.zi-lh35{line-height:.35rem !important;}.zi-lh40{line-height:.4rem !important;}
.zi-lh45{line-height:.45rem !important;}.zi-lh50{line-height:.5rem !important;}
.zi-lh55{line-height:.55rem !important;}.zi-lh60{line-height:.6rem !important;}
.zi-lh70{line-height:.7rem !important;}.zi-lh80{line-height:.8rem !important;}
.zi-lh90{line-height:.9rem !important;}.zi-lh100{line-height:1rem !important;}

.z-lh100p{line-height:100%;}.z-lh110p{line-height:110%;}
.z-lh120p{line-height:120%;}.z-lh130p{line-height:130%;}
.z-lh140p{line-height:140%;}.z-lh150p{line-height:150%;}
.z-lh180p{line-height:180%;}.z-lh200p{line-height:200%;}
.z-lh250p{line-height:250%;}.z-lh300p{line-height:300%;}

.zi-lh100p{line-height:100% !important;}.zi-lh110p{line-height:110% !important;}
.zi-lh120p{line-height:120% !important;}.zi-lh130p{line-height:130% !important;}
.zi-lh140p{line-height:140% !important;}.zi-lh150p{line-height:150% !important;}
.zi-lh180p{line-height:180% !important;}.zi-lh200p{line-height:200% !important;}
.zi-lh250p{line-height:250% !important;}.zi-lh300p{line-height:300% !important;}

.z-pd0{padding:0;}.z-pd1{padding:.01rem;}
.z-pd2{padding:.02rem;}.z-pd3{padding:.03rem;}
.z-pd4{padding:.04rem;}.z-pd5{padding:.05rem;}
.z-pd6{padding:.06rem;}.z-pd7{padding:.07rem;}
.z-pd8{padding:.08rem;}.z-pd9{padding:.09rem;}
.z-pd10{padding:.1rem;}.z-pd12{padding:.12rem;}
.z-pd14{padding:.14rem;}.z-pd15{padding:.15rem;}
.z-pd16{padding:.16rem;}.z-pd18{padding:.18rem;}
.z-pd20{padding:.2rem;}.z-pd24{padding:.24rem;}
.z-pd25{padding:.25rem;}.z-pd26{padding:.26rem;}
.z-pd28{padding:.28rem;}.z-pd30{padding:.3rem;}

.z-pd-l0{padding-left:0;}.z-pd-l1{padding-left:.01rem;}
.z-pd-l2{padding-left:.02rem;}.z-pd-l3{padding-left:.03rem;}
.z-pd-l4{padding-left:.04rem;}.z-pd-l5{padding-left:.05rem;}
.z-pd-l6{padding-left:.06rem;}.z-pd-l7{padding-left:.07rem;}
.z-pd-l8{padding-left:.08rem;}.z-pd-l9{padding-left:.09rem;}
.z-pd-l10{padding-left:.1rem;}.z-pd-l12{padding-left:.12rem;}
.z-pd-l14{padding-left:.14rem;}.z-pd-l15{padding-left:.15rem;}
.z-pd-l16{padding-left:.16rem;}.z-pd-l18{padding-left:.18rem;}
.z-pd-l20{padding-left:.2rem;}.z-pd-l24{padding-left:.24rem;}
.z-pd-l25{padding-left:.25rem;}.z-pd-l26{padding-left:.26rem;}
.z-pd-l28{padding-left:.28rem;}.z-pd-l30{padding-left:.3rem;}

.z-pd-r0{padding-right:0;}.z-pd-r1{padding-right:.01rem;}
.z-pd-r2{padding-right:.02rem;}.z-pd-r3{padding-right:.03rem;}
.z-pd-r4{padding-right:.04rem;}.z-pd-r5{padding-right:.05rem;}
.z-pd-r6{padding-right:.06rem;}.z-pd-r7{padding-right:.07rem;}
.z-pd-r8{padding-right:.08rem;}.z-pd-r9{padding-right:.09rem;}
.z-pd-r10{padding-right:.1rem;}.z-pd-r12{padding-right:.12rem;}
.z-pd-r14{padding-right:.14rem;}.z-pd-r15{padding-right:.15rem;}
.z-pd-r16{padding-right:.16rem;}.z-pd-r18{padding-right:.18rem;}
.z-pd-r20{padding-right:.2rem;}.z-pd-r24{padding-right:.24rem;}
.z-pd-r25{padding-right:.25rem;}.z-pd-r26{padding-right:.26rem;}
.z-pd-r28{padding-right:.28rem;}.z-pd-r30{padding-right:.3rem;}

.z-pd-t0{padding-top:0;}.z-pd-t1{padding-top:.01rem;}
.z-pd-t2{padding-top:.02rem;}.z-pd-t3{padding-top:.03rem;}
.z-pd-t4{padding-top:.04rem;}.z-pd-t5{padding-top:.05rem;}
.z-pd-t6{padding-top:.06rem;}.z-pd-t7{padding-top:.07rem;}
.z-pd-t8{padding-top:.08rem;}.z-pd-t9{padding-top:.09rem;}
.z-pd-t10{padding-top:.1rem;}.z-pd-t12{padding-top:.12rem;}
.z-pd-t14{padding-top:.14rem;}.z-pd-t15{padding-top:.15rem;}
.z-pd-t16{padding-top:.16rem;}.z-pd-t18{padding-top:.18rem;}
.z-pd-t20{padding-top:.2rem;}.z-pd-t24{padding-top:.24rem;}
.z-pd-t25{padding-top:.25rem;}.z-pd-t26{padding-top:.26rem;}
.z-pd-t28{padding-top:.28rem;}.z-pd-t30{padding-top:.3rem;}

.z-pd-b0{padding-bottom:0;}.z-pd-b1{padding-bottom:.01rem;}
.z-pd-b2{padding-bottom:.02rem;}.z-pd-b3{padding-bottom:.03rem;}
.z-pd-b4{padding-bottom:.04rem;}.z-pd-b5{padding-bottom:.05rem;}
.z-pd-b6{padding-bottom:.06rem;}.z-pd-b7{padding-bottom:.07rem;}
.z-pd-b8{padding-bottom:.08rem;}.z-pd-b9{padding-bottom:.09rem;}
.z-pd-b10{padding-bottom:.1rem;}.z-pd-b12{padding-bottom:.12rem;}
.z-pd-b14{padding-bottom:.14rem;}.z-pd-b15{padding-bottom:.15rem;}
.z-pd-b16{padding-bottom:.16rem;}.z-pd-b18{padding-bottom:.18rem;}
.z-pd-b20{padding-bottom:.2rem;}.z-pd-b24{padding-bottom:.24rem;}
.z-pd-b25{padding-bottom:.25rem;}.z-pd-b26{padding-bottom:.26rem;}
.z-pd-b28{padding-bottom:.28rem;}.z-pd-b30{padding-bottom:.3rem;}

.z-pd-lr0{padding-left:0;padding-right:0;}.z-pd-lr1{padding-left:.01rem;padding-right:.01rem;}
.z-pd-lr2{padding-left:.02rem;padding-right:.02rem;}.z-pd-lr3{padding-left:.03rem;padding-right:.03rem;}
.z-pd-lr4{padding-left:.04rem;padding-right:.04rem;}.z-pd-lr5{padding-left:.05rem;padding-right:.05rem;}
.z-pd-lr6{padding-left:.06rem;padding-right:.06rem;}.z-pd-lr7{padding-left:.07rem;padding-right:.07rem;}
.z-pd-lr8{padding-left:.08rem;padding-right:.08rem;}.z-pd-lr9{padding-left:.09rem;padding-right:.09rem;}
.z-pd-lr10{padding-left:.1rem;padding-right:.1rem;}.z-pd-lr12{padding-left:.12rem;padding-right:.12rem;}
.z-pd-lr14{padding-left:.14rem;padding-right:.14rem;}.z-pd-lr15{padding-left:.15rem;padding-right:.15rem;}
.z-pd-lr16{padding-left:.16rem;padding-right:.16rem;}.z-pd-lr18{padding-left:.18rem;padding-right:.18rem;}
.z-pd-lr20{padding-left:.2rem;padding-right:.2rem;}.z-pd-lr24{padding-left:.24rem;padding-right:.24rem;}
.z-pd-lr25{padding-left:.25rem;padding-right:.25rem;}.z-pd-lr26{padding-left:.26rem;padding-right:.26rem;}
.z-pd-lr28{padding-left:.28rem;padding-right:.28rem;}.z-pd-lr30{padding-left:.3rem;padding-right:.3rem;}

.z-pd-tb0{padding-top:0;padding-bottom:0;}.z-pd-tb1{padding-top:.01rem;padding-bottom:.01rem;}
.z-pd-tb2{padding-top:.02rem;padding-bottom:.02rem;}.z-pd-tb3{padding-top:.03rem;padding-bottom:.03rem;}
.z-pd-tb4{padding-top:.04rem;padding-bottom:.04rem;}.z-pd-tb5{padding-top:.05rem;padding-bottom:.05rem;}
.z-pd-tb6{padding-top:.06rem;padding-bottom:.06rem;}.z-pd-tb7{padding-top:.07rem;padding-bottom:.07rem;}
.z-pd-tb8{padding-top:.08rem;padding-bottom:.08rem;}.z-pd-tb9{padding-top:.09rem;padding-bottom:.09rem;}
.z-pd-tb10{padding-top:.1rem;padding-bottom:.1rem;}.z-pd-tb12{padding-top:.12rem;padding-bottom:.12rem;}
.z-pd-tb14{padding-top:.14rem;padding-bottom:.14rem;}.z-pd-tb15{padding-top:.15rem;padding-bottom:.15rem;}
.z-pd-tb16{padding-top:.16rem;padding-bottom:.16rem;}.z-pd-tb18{padding-top:.18rem;padding-bottom:.18rem;}
.z-pd-tb20{padding-top:.2rem;padding-bottom:.2rem;}.z-pd-tb24{padding-top:.24rem;padding-bottom:.24rem;}
.z-pd-tb25{padding-top:.25rem;padding-bottom:.25rem;}.z-pd-tb26{padding-top:.26rem;padding-bottom:.26rem;}
.z-pd-tb28{padding-top:.28rem;padding-bottom:.28rem;}.z-pd-tb30{padding-top:.3rem;padding-bottom:.3rem;}

.zi-pd0{padding:0 !important;}.zi-pd1{padding:.01rem !important;}
.zi-pd2{padding:.02rem !important;}.zi-pd3{padding:.03rem !important;}
.zi-pd4{padding:.04rem !important;}.zi-pd5{padding:.05rem !important;}
.zi-pd6{padding:.06rem !important;}.zi-pd7{padding:.07rem !important;}
.zi-pd8{padding:.08rem !important;}.zi-pd9{padding:.09rem !important;}
.zi-pd10{padding:.1rem !important;}.zi-pd12{padding:.12rem !important;}
.zi-pd14{padding:.14rem !important;}.zi-pd15{padding:.15rem !important;}
.zi-pd16{padding:.16rem !important;}.zi-pd18{padding:.18rem !important;}
.zi-pd20{padding:.2rem !important;}.zi-pd24{padding:.24rem !important;}
.zi-pd25{padding:.25rem !important;}.zi-pd26{padding:.26rem !important;}
.zi-pd28{padding:.28rem !important;}.zi-pd30{padding:.3rem !important;}

.zi-pd-l0{padding-left:0 !important;}.zi-pd-l1{padding-left:.01rem !important;}
.zi-pd-l2{padding-left:.02rem !important;}.zi-pd-l3{padding-left:.03rem !important;}
.zi-pd-l4{padding-left:.04rem !important;}.zi-pd-l5{padding-left:.05rem !important;}
.zi-pd-l6{padding-left:.06rem !important;}.zi-pd-l7{padding-left:.07rem !important;}
.zi-pd-l8{padding-left:.08rem !important;}.zi-pd-l9{padding-left:.09rem !important;}
.zi-pd-l10{padding-left:.1rem !important;}.zi-pd-l12{padding-left:.12rem !important;}
.zi-pd-l14{padding-left:.14rem !important;}.zi-pd-l15{padding-left:.15rem !important;}
.zi-pd-l16{padding-left:.16rem !important;}.zi-pd-l18{padding-left:.18rem !important;}
.zi-pd-l20{padding-left:.2rem !important;}.zi-pd-l24{padding-left:.24rem !important;}
.zi-pd-l25{padding-left:.25rem !important;}.zi-pd-l26{padding-left:.26rem !important;}
.zi-pd-l28{padding-left:.28rem !important;}.zi-pd-l30{padding-left:.3rem !important;}

.zi-pd-r0{padding-right:0 !important;}.zi-pd-r1{padding-right:.01rem !important;}
.zi-pd-r2{padding-right:.02rem !important;}.zi-pd-r3{padding-right:.03rem !important;}
.zi-pd-r4{padding-right:.04rem !important;}.zi-pd-r5{padding-right:.05rem !important;}
.zi-pd-r6{padding-right:.06rem !important;}.zi-pd-r7{padding-right:.07rem !important;}
.zi-pd-r8{padding-right:.08rem !important;}.zi-pd-r9{padding-right:.09rem !important;}
.zi-pd-r10{padding-right:.1rem !important;}.zi-pd-r12{padding-right:.12rem !important;}
.zi-pd-r14{padding-right:.14rem !important;}.zi-pd-r15{padding-right:.15rem !important;}
.zi-pd-r16{padding-right:.16rem !important;}.zi-pd-r18{padding-right:.18rem !important;}
.zi-pd-r20{padding-right:.2rem !important;}.zi-pd-r24{padding-right:.24rem !important;}
.zi-pd-r25{padding-right:.25rem !important;}.zi-pd-r26{padding-right:.26rem !important;}
.zi-pd-r28{padding-right:.28rem !important;}.zi-pd-r30{padding-right:.3rem !important;}

.zi-pd-t0{padding-top:0 !important;}.zi-pd-t1{padding-top:.01rem !important;}
.zi-pd-t2{padding-top:.02rem !important;}.zi-pd-t3{padding-top:.03rem !important;}
.zi-pd-t4{padding-top:.04rem !important;}.zi-pd-t5{padding-top:.05rem !important;}
.zi-pd-t6{padding-top:.06rem !important;}.zi-pd-t7{padding-top:.07rem !important;}
.zi-pd-t8{padding-top:.08rem !important;}.zi-pd-t9{padding-top:.09rem !important;}
.zi-pd-t10{padding-top:.1rem !important;}.zi-pd-t12{padding-top:.12rem !important;}
.zi-pd-t14{padding-top:.14rem !important;}.zi-pd-t15{padding-top:.15rem !important;}
.zi-pd-t16{padding-top:.16rem !important;}.zi-pd-t18{padding-top:.18rem !important;}
.zi-pd-t20{padding-top:.2rem !important;}.zi-pd-t24{padding-top:.24rem !important;}
.zi-pd-t25{padding-top:.25rem !important;}.zi-pd-t26{padding-top:.26rem !important;}
.zi-pd-t28{padding-top:.28rem !important;}.zi-pd-t30{padding-top:.3rem !important;}

.zi-pd-b0{padding-bottom:0 !important;}.zi-pd-b1{padding-bottom:.01rem !important;}
.zi-pd-b2{padding-bottom:.02rem !important;}.zi-pd-b3{padding-bottom:.03rem !important;}
.zi-pd-b4{padding-bottom:.04rem !important;}.zi-pd-b5{padding-bottom:.05rem !important;}
.zi-pd-b6{padding-bottom:.06rem !important;}.zi-pd-b7{padding-bottom:.07rem !important;}
.zi-pd-b8{padding-bottom:.08rem !important;}.zi-pd-b9{padding-bottom:.09rem !important;}
.zi-pd-b10{padding-bottom:.1rem !important;}.zi-pd-b12{padding-bottom:.12rem !important;}
.zi-pd-b14{padding-bottom:.14rem !important;}.zi-pd-b15{padding-bottom:.15rem !important;}
.zi-pd-b16{padding-bottom:.16rem !important;}.zi-pd-b18{padding-bottom:.18rem !important;}
.zi-pd-b20{padding-bottom:.2rem !important;}.zi-pd-b24{padding-bottom:.24rem !important;}
.zi-pd-b25{padding-bottom:.25rem !important;}.zi-pd-b26{padding-bottom:.26rem !important;}
.zi-pd-b28{padding-bottom:.28rem !important;}.zi-pd-b30{padding-bottom:.3rem !important;}

.zi-pd-lr0{padding-left:0 !important;padding-right:0 !important;}.zi-pd-lr1{padding-left:.01rem !important;padding-right:.01rem !important;}
.zi-pd-lr2{padding-left:.02rem !important;padding-right:.02rem !important;}.zi-pd-lr3{padding-left:.03rem !important;padding-right:.03rem !important;}
.zi-pd-lr4{padding-left:.04rem !important;padding-right:.04rem !important;}.zi-pd-lr5{padding-left:.05rem !important;padding-right:.05rem !important;}
.zi-pd-lr6{padding-left:.06rem !important;padding-right:.06rem !important;}.zi-pd-lr7{padding-left:.07rem !important;padding-right:.07rem !important;}
.zi-pd-lr8{padding-left:.08rem !important;padding-right:.08rem !important;}.zi-pd-lr9{padding-left:.09rem !important;padding-right:.09rem !important;}
.zi-pd-lr10{padding-left:.1rem !important;padding-right:.1rem !important;}.zi-pd-lr12{padding-left:.12rem !important;padding-right:.12rem !important;}
.zi-pd-lr14{padding-left:.14rem !important;padding-right:.14rem !important;}.zi-pd-lr15{padding-left:.15rem !important;padding-right:.15rem !important;}
.zi-pd-lr16{padding-left:.16rem !important;padding-right:.16rem !important;}.zi-pd-lr18{padding-left:.18rem !important;padding-right:.18rem !important;}
.zi-pd-lr20{padding-left:.2rem !important;padding-right:.2rem !important;}.zi-pd-lr24{padding-left:.24rem !important;padding-right:.24rem !important;}
.zi-pd-lr25{padding-left:.25rem !important;padding-right:.25rem !important;}.zi-pd-lr26{padding-left:.26rem !important;padding-right:.26rem !important;}
.zi-pd-lr28{padding-left:.28rem !important;padding-right:.28rem !important;}.zi-pd-lr30{padding-left:.3rem !important;padding-right:.3rem !important;}

.zi-pd-tb0{padding-top:0 !important;padding-bottom:0 !important;}.zi-pd-tb1{padding-top:.01rem !important;padding-bottom:.01rem !important;}
.zi-pd-tb2{padding-top:.02rem !important;padding-bottom:.02rem !important;}.zi-pd-tb3{padding-top:.03rem !important;padding-bottom:.03rem !important;}
.zi-pd-tb4{padding-top:.04rem !important;padding-bottom:.04rem !important;}.zi-pd-tb5{padding-top:.05rem !important;padding-bottom:.05rem !important;}
.zi-pd-tb6{padding-top:.06rem !important;padding-bottom:.06rem !important;}.zi-pd-tb7{padding-top:.07rem !important;padding-bottom:.07rem !important;}
.zi-pd-tb8{padding-top:.08rem !important;padding-bottom:.08rem !important;}.zi-pd-tb9{padding-top:.09rem !important;padding-bottom:.09rem !important;}
.zi-pd-tb10{padding-top:.1rem !important;padding-bottom:.1rem !important;}.zi-pd-tb12{padding-top:.12rem !important;padding-bottom:.12rem !important;}
.zi-pd-tb14{padding-top:.14rem !important;padding-bottom:.14rem !important;}.zi-pd-tb15{padding-top:.15rem !important;padding-bottom:.15rem !important;}
.zi-pd-tb16{padding-top:.16rem !important;padding-bottom:.16rem !important;}.zi-pd-tb18{padding-top:.18rem !important;padding-bottom:.18rem !important;}
.zi-pd-tb20{padding-top:.2rem !important;padding-bottom:.2rem !important;}.zi-pd-tb24{padding-top:.24rem !important;padding-bottom:.24rem !important;}
.zi-pd-tb25{padding-top:.25rem !important;padding-bottom:.25rem !important;}.zi-pd-tb26{padding-top:.26rem !important;padding-bottom:.26rem !important;}
.zi-pd-tb28{padding-top:.28rem !important;padding-bottom:.28rem !important;}.zi-pd-tb30{padding-top:.3rem !important;padding-bottom:.3rem !important;}

.z-mg-0{margin:0;}.z-mg1{margin:.01rem;}
.z-mg2{margin:.02rem;}.z-mg3{margin:.03rem;}
.z-mg4{margin:.04rem;}.z-mg5{margin:.05rem;}
.z-mg6{margin:.06rem;}.z-mg7{margin:.07rem;}
.z-mg8{margin:.08rem;}.z-mg9{margin:.09rem;}
.z-mg10{margin:.1rem;}.z-mg12{margin:.12rem;}
.z-mg14{margin:.14rem;}.z-mg15{margin:.15rem;}
.z-mg16{margin:.16rem;}.z-mg18{margin:.18rem;}
.z-mg20{margin:.2rem;}.z-mg24{margin:.24rem;}
.z-mg25{margin:.25rem;}.z-mg26{margin:.26rem;}
.z-mg28{margin:.28rem;}.z-mg30{margin:.3rem;}

.z-mg-l0{margin-left:0;}.z-mg-l1{margin-left:.01rem;}
.z-mg-l2{margin-left:.02rem;}.z-mg-l3{margin-left:.03rem;}
.z-mg-l4{margin-left:.04rem;}.z-mg-l5{margin-left:.05rem;}
.z-mg-l6{margin-left:.06rem;}.z-mg-l7{margin-left:.07rem;}
.z-mg-l8{margin-left:.08rem;}.z-mg-l9{margin-left:.09rem;}
.z-mg-l10{margin-left:.1rem;}.z-mg-l12{margin-left:.12rem;}
.z-mg-l14{margin-left:.14rem;}.z-mg-l15{margin-left:.15rem;}
.z-mg-l16{margin-left:.16rem;}.z-mg-l18{margin-left:.18rem;}
.z-mg-l20{margin-left:.2rem;}.z-mg-l24{margin-left:.24rem;}
.z-mg-l25{margin-left:.25rem;}.z-mg-l26{margin-left:.26rem;}
.z-mg-l28{margin-left:.28rem;}.z-mg-l30{margin-left:.3rem;}

.z-mg-r0{margin-right:0;}.z-mg-r1{margin-right:.01rem;}
.z-mg-r2{margin-right:.02rem;}.z-mg-r3{margin-right:.03rem;}
.z-mg-r4{margin-right:.04rem;}.z-mg-r5{margin-right:.05rem;}
.z-mg-r6{margin-right:.06rem;}.z-mg-r7{margin-right:.07rem;}
.z-mg-r8{margin-right:.08rem;}.z-mg-r9{margin-right:.09rem;}
.z-mg-r10{margin-right:.1rem;}.z-mg-r12{margin-right:.12rem;}
.z-mg-r14{margin-right:.14rem;}.z-mg-r15{margin-right:.15rem;}
.z-mg-r16{margin-right:.16rem;}.z-mg-r18{margin-right:.18rem;}
.z-mg-r20{margin-right:.2rem;}.z-mg-r24{margin-right:.24rem;}
.z-mg-r25{margin-right:.25rem;}.z-mg-r26{margin-right:.26rem;}
.z-mg-r28{margin-right:.28rem;}.z-mg-r30{margin-right:.3rem;}

.z-mg-t0{margin-top:0;}.z-mg-t1{margin-top:.01rem;}
.z-mg-t2{margin-top:.02rem;}.z-mg-t3{margin-top:.03rem;}
.z-mg-t4{margin-top:.04rem;}.z-mg-t5{margin-top:.05rem;}
.z-mg-t6{margin-top:.06rem;}.z-mg-t7{margin-top:.07rem;}
.z-mg-t8{margin-top:.08rem;}.z-mg-t9{margin-top:.09rem;}
.z-mg-t10{margin-top:.1rem;}.z-mg-t12{margin-top:.12rem;}
.z-mg-t14{margin-top:.14rem;}.z-mg-t15{margin-top:.15rem;}
.z-mg-t16{margin-top:.16rem;}.z-mg-t18{margin-top:.18rem;}
.z-mg-t20{margin-top:.2rem;}.z-mg-t24{margin-top:.24rem;}
.z-mg-t25{margin-top:.25rem;}.z-mg-t26{margin-top:.26rem;}
.z-mg-t28{margin-top:.28rem;}.z-mg-t30{margin-top:.3rem;}

.z-mg-b0{margin-bottom:0;}.z-mg-b1{margin-bottom:.01rem;}
.z-mg-b2{margin-bottom:.02rem;}.z-mg-b3{margin-bottom:.03rem;}
.z-mg-b4{margin-bottom:.04rem;}.z-mg-b5{margin-bottom:.05rem;}
.z-mg-b6{margin-bottom:.06rem;}.z-mg-b7{margin-bottom:.07rem;}
.z-mg-b8{margin-bottom:.08rem;}.z-mg-b9{margin-bottom:.09rem;}
.z-mg-b10{margin-bottom:.1rem;}.z-mg-b12{margin-bottom:.12rem;}
.z-mg-b14{margin-bottom:.14rem;}.z-mg-b15{margin-bottom:.15rem;}
.z-mg-b16{margin-bottom:.16rem;}.z-mg-b18{margin-bottom:.18rem;}
.z-mg-b20{margin-bottom:.2rem;}.z-mg-b24{margin-bottom:.24rem;}
.z-mg-b25{margin-bottom:.25rem;}.z-mg-b26{margin-bottom:.26rem;}
.z-mg-b28{margin-bottom:.28rem;}.z-mg-b30{margin-bottom:.3rem;}

.z-mg-l-1{margin-left:-.01rem;}.z-mg-l-2{margin-left:-.02rem;}
.z-mg-l-3{margin-left:-.03rem;}.z-mg-l-4{margin-left:-.04rem;}
.z-mg-l-5{margin-left:-.05rem;}.z-mg-l-6{margin-left:-.06rem;}
.z-mg-l-7{margin-left:-.07rem;}.z-mg-l-8{margin-left:-.08rem;}
.z-mg-l-9{margin-left:-.09rem;}.z-mg-l-10{margin-left:-.1rem;}
.z-mg-l-12{margin-left:-.12rem;}.z-mg-l-14{margin-left:-.14rem;}
.z-mg-l-15{margin-left:-.15rem;}.z-mg-l-16{margin-left:-.16rem;}
.z-mg-l-18{margin-left:-.18rem;}.z-mg-l-20{margin-left:-.2rem;}
.z-mg-l-24{margin-left:-.24rem;}.z-mg-l-25{margin-left:-.25rem;}
.z-mg-l-26{margin-left:-.26rem;}.z-mg-l-28{margin-left:-.28rem;}
.z-mg-l-30{margin-left:-.3rem;}

.z-mg-r-1{margin-right:-.01rem;}.z-mg-r-2{margin-right:-.02rem;}
.z-mg-r-3{margin-right:-.03rem;}.z-mg-r-4{margin-right:-.04rem;}
.z-mg-r-5{margin-right:-.05rem;}.z-mg-r-6{margin-right:-.06rem;}
.z-mg-r-7{margin-right:-.07rem;}.z-mg-r-8{margin-right:-.08rem;}
.z-mg-r-9{margin-right:-.09rem;}.z-mg-r-10{margin-right:-.1rem;}
.z-mg-r-12{margin-right:-.12rem;}.z-mg-r-14{margin-right:-.14rem;}
.z-mg-r-15{margin-right:-.15rem;}.z-mg-r-16{margin-right:-.16rem;}
.z-mg-r-18{margin-right:-.18rem;}.z-mg-r-20{margin-right:-.2rem;}
.z-mg-r-24{margin-right:-.24rem;}.z-mg-r-25{margin-right:-.25rem;}
.z-mg-r-26{margin-right:-.26rem;}.z-mg-r-28{margin-right:-.28rem;}
.z-mg-r-30{margin-right:-.3rem;}

.z-mg-t-1{margin-top:-.01rem;}.z-mg-t-2{margin-top:-.02rem;}
.z-mg-t-3{margin-top:-.03rem;}.z-mg-t-4{margin-top:-.04rem;}
.z-mg-t-5{margin-top:-.05rem;}.z-mg-t-6{margin-top:-.06rem;}
.z-mg-t-7{margin-top:-.07rem;}.z-mg-t-8{margin-top:-.08rem;}
.z-mg-t-9{margin-top:-.09rem;}.z-mg-t-10{margin-top:-.1rem;}
.z-mg-t-12{margin-top:-.12rem;}.z-mg-t-14{margin-top:-.14rem;}
.z-mg-t-15{margin-top:-.15rem;}.z-mg-t-16{margin-top:-.16rem;}
.z-mg-t-18{margin-top:-.18rem;}.z-mg-t-20{margin-top:-.2rem;}
.z-mg-t-24{margin-top:-.24rem;}.z-mg-t-25{margin-top:-.25rem;}
.z-mg-t-26{margin-top:-.26rem;}.z-mg-t-28{margin-top:-.28rem;}
.z-mg-t-30{margin-top:-.3rem;}

.z-mg-b-1{margin-bottom:-.01rem;}.z-mg-b-2{margin-bottom:-.02rem;}
.z-mg-b-3{margin-bottom:-.03rem;}.z-mg-b-4{margin-bottom:-.04rem;}
.z-mg-b-5{margin-bottom:-.05rem;}.z-mg-b-6{margin-bottom:-.06rem;}
.z-mg-b-7{margin-bottom:-.07rem;}.z-mg-b-8{margin-bottom:-.08rem;}
.z-mg-b-9{margin-bottom:-.09rem;}.z-mg-b-10{margin-bottom:-.1rem;}
.z-mg-b-12{margin-bottom:-.12rem;}.z-mg-b-14{margin-bottom:-.14rem;}
.z-mg-b-15{margin-bottom:-.15rem;}.z-mg-b-16{margin-bottom:-.16rem;}
.z-mg-b-18{margin-bottom:-.18rem;}.z-mg-b-20{margin-bottom:-.2rem;}
.z-mg-b-24{margin-bottom:-.24rem;}.z-mg-b-25{margin-bottom:-.25rem;}
.z-mg-b-26{margin-bottom:-.26rem;}.z-mg-b-28{margin-bottom:-.28rem;}
.z-mg-b-30{margin-bottom:-.3rem;}

.z-mg-lr1{margin-left:.01rem;margin-right:.01rem;}.z-mg-lr2{margin-left:.02rem;margin-right:.02rem;}
.z-mg-lr3{margin-left:.03rem;margin-right:.03rem;}.z-mg-lr4{margin-left:.04rem;margin-right:.04rem;}
.z-mg-lr5{margin-left:.05rem;margin-right:.05rem;}.z-mg-lr6{margin-left:.06rem;margin-right:.06rem;}
.z-mg-lr7{margin-left:.07rem;margin-right:.07rem;}.z-mg-lr8{margin-left:.08rem;margin-right:.08rem;}
.z-mg-lr9{margin-left:.09rem;margin-right:.09rem;}.z-mg-lr10{margin-left:.1rem;margin-right:.1rem;}
.z-mg-lr12{margin-left:.12rem;margin-right:.12rem;}.z-mg-lr14{margin-left:.14rem;margin-right:.14rem;}
.z-mg-lr15{margin-left:.15rem;margin-right:.15rem;}.z-mg-lr16{margin-left:.16rem;margin-right:.16rem;}
.z-mg-lr18{margin-left:.18rem;margin-right:.18rem;}.z-mg-lr20{margin-left:.2rem;margin-right:.2rem;}
.z-mg-lr24{margin-left:.24rem;margin-right:.24rem;}.z-mg-lr25{margin-left:.25rem;margin-right:.25rem;}
.z-mg-lr26{margin-left:.26rem;margin-right:.26rem;}.z-mg-lr28{margin-left:.28rem;margin-right:.28rem;}
.z-mg-lr30{margin-left:.3rem;margin-right:.3rem;}

.z-mg-tb1{margin-top:.01rem;margin-bottom:.01rem;}.z-mg-tb2{margin-top:.02rem;margin-bottom:.02rem;}
.z-mg-tb3{margin-top:.03rem;margin-bottom:.03rem;}.z-mg-tb4{margin-top:.04rem;margin-bottom:.04rem;}
.z-mg-tb5{margin-top:.05rem;margin-bottom:.05rem;}.z-mg-tb6{margin-top:.06rem;margin-bottom:.06rem;}
.z-mg-tb7{margin-top:.07rem;margin-bottom:.07rem;}.z-mg-tb8{margin-top:.08rem;margin-bottom:.08rem;}
.z-mg-tb9{margin-top:.09rem;margin-bottom:.09rem;}.z-mg-tb10{margin-top:.1rem;margin-bottom:.1rem;}
.z-mg-tb12{margin-top:.12rem;margin-bottom:.12rem;}.z-mg-tb14{margin-top:.14rem;margin-bottom:.14rem;}
.z-mg-tb15{margin-top:.15rem;margin-bottom:.15rem;}.z-mg-tb16{margin-top:.16rem;margin-bottom:.16rem;}
.z-mg-tb18{margin-top:.18rem;margin-bottom:.18rem;}.z-mg-tb20{margin-top:.2rem;margin-bottom:.2rem;}
.z-mg-tb24{margin-top:.24rem;margin-bottom:.24rem;}.z-mg-tb25{margin-top:.25rem;margin-bottom:.25rem;}
.z-mg-tb26{margin-top:.26rem;margin-bottom:.26rem;}.z-mg-tb28{margin-top:.28rem;margin-bottom:.28rem;}
.z-mg-tb30{margin-top:.3rem;margin-bottom:.3rem;}

.z-mg-auto{margin:auto;}
.z-mg-l-auto{margin-left:auto;}
.z-mg-r-auto{margin-right:auto;}
.z-mg-t-auto{margin-top:auto;}
.z-mg-b-auto{margin-bottom:auto;}
.z-mg-lr-auto{margin-left:auto;margin-right:auto;}
.z-mg-tb-auto{margin-top:auto;margin-bottom:auto;}

.zi-mg0{margin:0 !important;}.zi-mg1{margin:.01rem !important;}
.zi-mg2{margin:.02rem !important;}.zi-mg3{margin:.03rem !important;}
.zi-mg4{margin:.04rem !important;}.zi-mg5{margin:.05rem !important;}
.zi-mg6{margin:.06rem !important;}.zi-mg7{margin:.07rem !important;}
.zi-mg8{margin:.08rem !important;}.zi-mg9{margin:.09rem !important;}
.zi-mg10{margin:.1rem !important;}.zi-mg12{margin:.12rem !important;}
.zi-mg14{margin:.14rem !important;}.zi-mg15{margin:.15rem !important;}
.zi-mg16{margin:.16rem !important;}.zi-mg18{margin:.18rem !important;}
.zi-mg20{margin:.2rem !important;}.zi-mg24{margin:.24rem !important;}
.zi-mg25{margin:.25rem !important;}.zi-mg26{margin:.26rem !important;}
.zi-mg28{margin:.28rem !important;}.zi-mg30{margin:.3rem !important;}

.zi-mg-l0{margin-left:0 !important;}.zi-mg-l1{margin-left:.01rem !important;}
.zi-mg-l2{margin-left:.02rem !important;}.zi-mg-l3{margin-left:.03rem !important;}
.zi-mg-l4{margin-left:.04rem !important;}.zi-mg-l5{margin-left:.05rem !important;}
.zi-mg-l6{margin-left:.06rem !important;}.zi-mg-l7{margin-left:.07rem !important;}
.zi-mg-l8{margin-left:.08rem !important;}.zi-mg-l9{margin-left:.09rem !important;}
.zi-mg-l10{margin-left:.1rem !important;}.zi-mg-l12{margin-left:.12rem !important;}
.zi-mg-l14{margin-left:.14rem !important;}.zi-mg-l15{margin-left:.15rem !important;}
.zi-mg-l16{margin-left:.16rem !important;}.zi-mg-l18{margin-left:.18rem !important;}
.zi-mg-l20{margin-left:.2rem !important;}.zi-mg-l24{margin-left:.24rem !important;}
.zi-mg-l25{margin-left:.25rem !important;}.zi-mg-l26{margin-left:.26rem !important;}
.zi-mg-l28{margin-left:.28rem !important;}.zi-mg-l30{margin-left:.3rem !important;}

.zi-mg-r0{margin-right:0 !important;}.zi-mg-r1{margin-right:.01rem !important;}
.zi-mg-r2{margin-right:.02rem !important;}.zi-mg-r3{margin-right:.03rem !important;}
.zi-mg-r4{margin-right:.04rem !important;}.zi-mg-r5{margin-right:.05rem !important;}
.zi-mg-r6{margin-right:.06rem !important;}.zi-mg-r7{margin-right:.07rem !important;}
.zi-mg-r8{margin-right:.08rem !important;}.zi-mg-r9{margin-right:.09rem !important;}
.zi-mg-r10{margin-right:.1rem !important;}.zi-mg-r12{margin-right:.12rem !important;}
.zi-mg-r14{margin-right:.14rem !important;}.zi-mg-r15{margin-right:.15rem !important;}
.zi-mg-r16{margin-right:.16rem !important;}.zi-mg-r18{margin-right:.18rem !important;}
.zi-mg-r20{margin-right:.2rem !important;}.zi-mg-r24{margin-right:.24rem !important;}
.zi-mg-r25{margin-right:.25rem !important;}.zi-mg-r26{margin-right:.26rem !important;}
.zi-mg-r28{margin-right:.28rem !important;}.zi-mg-r30{margin-right:.3rem !important;}

.zi-mg-t0{margin-top:0 !important;}.zi-mg-t1{margin-top:.01rem !important;}
.zi-mg-t2{margin-top:.02rem !important;}.zi-mg-t3{margin-top:.03rem !important;}
.zi-mg-t4{margin-top:.04rem !important;}.zi-mg-t5{margin-top:.05rem !important;}
.zi-mg-t6{margin-top:.06rem !important;}.zi-mg-t7{margin-top:.07rem !important;}
.zi-mg-t8{margin-top:.08rem !important;}.zi-mg-t9{margin-top:.09rem !important;}
.zi-mg-t10{margin-top:.1rem !important;}.zi-mg-t12{margin-top:.12rem !important;}
.zi-mg-t14{margin-top:.14rem !important;}.zi-mg-t15{margin-top:.15rem !important;}
.zi-mg-t16{margin-top:.16rem !important;}.zi-mg-t18{margin-top:.18rem !important;}
.zi-mg-t20{margin-top:.2rem !important;}.zi-mg-t24{margin-top:.24rem !important;}
.zi-mg-t25{margin-top:.25rem !important;}.zi-mg-t26{margin-top:.26rem !important;}
.zi-mg-t28{margin-top:.28rem !important;}.zi-mg-t30{margin-top:.3rem !important;}

.zi-mg-b0{margin-bottom:0 !important;}.zi-mg-b1{margin-bottom:.01rem !important;}
.zi-mg-b2{margin-bottom:.02rem !important;}.zi-mg-b3{margin-bottom:.03rem !important;}
.zi-mg-b4{margin-bottom:.04rem !important;}.zi-mg-b5{margin-bottom:.05rem !important;}
.zi-mg-b6{margin-bottom:.06rem !important;}.zi-mg-b7{margin-bottom:.07rem !important;}
.zi-mg-b8{margin-bottom:.08rem !important;}.zi-mg-b9{margin-bottom:.09rem !important;}
.zi-mg-b10{margin-bottom:.1rem !important;}.zi-mg-b12{margin-bottom:.12rem !important;}
.zi-mg-b14{margin-bottom:.14rem !important;}.zi-mg-b15{margin-bottom:.15rem !important;}
.zi-mg-b16{margin-bottom:.16rem !important;}.zi-mg-b18{margin-bottom:.18rem !important;}
.zi-mg-b20{margin-bottom:.2rem !important;}.zi-mg-b24{margin-bottom:.24rem !important;}
.zi-mg-b25{margin-bottom:.25rem !important;}.zi-mg-b26{margin-bottom:.26rem !important;}
.zi-mg-b28{margin-bottom:.28rem !important;}.zi-mg-b30{margin-bottom:.3rem !important;}

.zi-mg-l-1{margin-left:-.01rem !important;}.zi-mg-l-2{margin-left:-.02rem !important;}
.zi-mg-l-3{margin-left:-.03rem !important;}.zi-mg-l-4{margin-left:-.04rem !important;}
.zi-mg-l-5{margin-left:-.05rem !important;}.zi-mg-l-6{margin-left:-.06rem !important;}
.zi-mg-l-7{margin-left:-.07rem !important;}.zi-mg-l-8{margin-left:-.08rem !important;}
.zi-mg-l-9{margin-left:-.09rem !important;}.zi-mg-l-10{margin-left:-.1rem !important;}
.zi-mg-l-12{margin-left:-.12rem !important;}.zi-mg-l-14{margin-left:-.14rem !important;}
.zi-mg-l-15{margin-left:-.15rem !important;}.zi-mg-l-16{margin-left:-.16rem !important;}
.zi-mg-l-18{margin-left:-.18rem !important;}.zi-mg-l-20{margin-left:-.2rem !important;}
.zi-mg-l-24{margin-left:-.24rem !important;}.zi-mg-l-25{margin-left:-.25rem !important;}
.zi-mg-l-26{margin-left:-.26rem !important;}.zi-mg-l-28{margin-left:-.28rem !important;}
.zi-mg-l-30{margin-left:-.3rem !important;}

.zi-mg-r-1{margin-right:-.01rem !important;}.zi-mg-r-2{margin-right:-.02rem !important;}
.zi-mg-r-3{margin-right:-.03rem !important;}.zi-mg-r-4{margin-right:-.04rem !important;}
.zi-mg-r-5{margin-right:-.05rem !important;}.zi-mg-r-6{margin-right:-.06rem !important;}
.zi-mg-r-7{margin-right:-.07rem !important;}.zi-mg-r-8{margin-right:-.08rem !important;}
.zi-mg-r-9{margin-right:-.09rem !important;}.zi-mg-r-10{margin-right:-.1rem !important;}
.zi-mg-r-12{margin-right:-.12rem !important;}.zi-mg-r-14{margin-right:-.14rem !important;}
.zi-mg-r-15{margin-right:-.15rem !important;}.zi-mg-r-16{margin-right:-.16rem !important;}
.zi-mg-r-18{margin-right:-.18rem !important;}.zi-mg-r-20{margin-right:-.2rem !important;}
.zi-mg-r-24{margin-right:-.24rem !important;}.zi-mg-r-25{margin-right:-.25rem !important;}
.zi-mg-r-26{margin-right:-.26rem !important;}.zi-mg-r-28{margin-right:-.28rem !important;}
.zi-mg-r-30{margin-right:-.3rem !important;}

.zi-mg-t-1{margin-top:-.01rem !important;}.zi-mg-t-2{margin-top:-.02rem !important;}
.zi-mg-t-3{margin-top:-.03rem !important;}.zi-mg-t-4{margin-top:-.04rem !important;}
.zi-mg-t-5{margin-top:-.05rem !important;}.zi-mg-t-6{margin-top:-.06rem !important;}
.zi-mg-t-7{margin-top:-.07rem !important;}.zi-mg-t-8{margin-top:-.08rem !important;}
.zi-mg-t-9{margin-top:-.09rem !important;}.zi-mg-t-10{margin-top:-.1rem !important;}
.zi-mg-t-12{margin-top:-.12rem !important;}.zi-mg-t-14{margin-top:-.14rem !important;}
.zi-mg-t-15{margin-top:-.15rem !important;}.zi-mg-t-16{margin-top:-.16rem !important;}
.zi-mg-t-18{margin-top:-.18rem !important;}.zi-mg-t-20{margin-top:-.2rem !important;}
.zi-mg-t-24{margin-top:-.24rem !important;}.zi-mg-t-25{margin-top:-.25rem !important;}
.zi-mg-t-26{margin-top:-.26rem !important;}.zi-mg-t-28{margin-top:-.28rem !important;}
.zi-mg-t-30{margin-top:-.3rem !important;}

.zi-mg-b-1{margin-bottom:.01rem !important;}.zi-mg-b-2{margin-bottom:.02rem !important;}
.zi-mg-b-3{margin-bottom:.03rem !important;}.zi-mg-b-4{margin-bottom:.04rem !important;}
.zi-mg-b-5{margin-bottom:.05rem !important;}.zi-mg-b-6{margin-bottom:.06rem !important;}
.zi-mg-b-7{margin-bottom:.07rem !important;}.zi-mg-b-8{margin-bottom:.08rem !important;}
.zi-mg-b-9{margin-bottom:.09rem !important;}.zi-mg-b-10{margin-bottom:.1rem !important;}
.zi-mg-b-12{margin-bottom:.12rem !important;}.zi-mg-b-14{margin-bottom:.14rem !important;}
.zi-mg-b-15{margin-bottom:.15rem !important;}.zi-mg-b-16{margin-bottom:.16rem !important;}
.zi-mg-b-18{margin-bottom:.18rem !important;}.zi-mg-b-20{margin-bottom:.2rem !important;}
.zi-mg-b-24{margin-bottom:.24rem !important;}.zi-mg-b-25{margin-bottom:.25rem !important;}
.zi-mg-b-26{margin-bottom:.26rem !important;}.zi-mg-b-28{margin-bottom:.28rem !important;}
.zi-mg-b-30{margin-bottom:.3rem !important;}

.zi-mg-lr1{margin-left:.01rem !important;margin-right:.01rem !important;}.zi-mg-lr2{margin-left:.02rem !important;margin-right:.02rem !important;}
.zi-mg-lr3{margin-left:.03rem !important;margin-right:.03rem !important;}.zi-mg-lr4{margin-left:.04rem !important;margin-right:.04rem !important;}
.zi-mg-lr5{margin-left:.05rem !important;margin-right:.05rem !important;}.zi-mg-lr6{margin-left:.06rem !important;margin-right:.06rem !important;}
.zi-mg-lr7{margin-left:.07rem !important;margin-right:.07rem !important;}.zi-mg-lr8{margin-left:.08rem !important;margin-right:.08rem !important;}
.zi-mg-lr9{margin-left:.09rem !important;margin-right:.09rem !important;}.zi-mg-lr10{margin-left:.1rem !important;margin-right:.1rem !important;}
.zi-mg-lr12{margin-left:.12rem !important;margin-right:.12rem !important;}.zi-mg-lr14{margin-left:.14rem !important;margin-right:.14rem !important;}
.zi-mg-lr15{margin-left:.15rem !important;margin-right:.15rem !important;}.zi-mg-lr16{margin-left:.16rem !important;margin-right:.16rem !important;}
.zi-mg-lr18{margin-left:.18rem !important;margin-right:.18rem !important;}.zi-mg-lr20{margin-left:.2rem !important;margin-right:.2rem !important;}
.zi-mg-lr24{margin-left:.24rem !important;margin-right:.24rem !important;}.zi-mg-lr25{margin-left:.25rem !important;margin-right:.25rem !important;}
.zi-mg-lr26{margin-left:.26rem !important;margin-right:.26rem !important;}.zi-mg-lr28{margin-left:.28rem !important;margin-right:.28rem !important;}
.zi-mg-lr30{margin-left:.3rem !important;margin-right:.3rem !important;}

.zi-mg-tb1{margin-top:.01rem !important;margin-bottom:.01rem !important;}.zi-mg-tb2{margin-top:.02rem !important;margin-bottom:.02rem !important;}
.zi-mg-tb3{margin-top:.03rem !important;margin-bottom:.03rem !important;}.zi-mg-tb4{margin-top:.04rem !important;margin-bottom:.04rem !important;}
.zi-mg-tb5{margin-top:.05rem !important;margin-bottom:.05rem !important;}.zi-mg-tb6{margin-top:.06rem !important;margin-bottom:.06rem !important;}
.zi-mg-tb7{margin-top:.07rem !important;margin-bottom:.07rem !important;}.zi-mg-tb8{margin-top:.08rem !important;margin-bottom:.08rem !important;}
.zi-mg-tb9{margin-top:.09rem !important;margin-bottom:.09rem !important;}.zi-mg-tb10{margin-top:.1rem !important;margin-bottom:.1rem !important;}
.zi-mg-tb12{margin-top:.12rem !important;margin-bottom:.12rem !important;}.zi-mg-tb14{margin-top:.14rem !important;margin-bottom:.14rem !important;}
.zi-mg-tb15{margin-top:.15rem !important;margin-bottom:.15rem !important;}.zi-mg-tb16{margin-top:.16rem !important;margin-bottom:.16rem !important;}
.zi-mg-tb18{margin-top:.18rem !important;margin-bottom:.18rem !important;}.zi-mg-tb20{margin-top:.2rem !important;margin-bottom:.2rem !important;}
.zi-mg-tb24{margin-top:.24rem !important;margin-bottom:.24rem !important;}.zi-mg-tb25{margin-top:.25rem !important;margin-bottom:.25rem !important;}
.zi-mg-tb26{margin-top:.26rem !important;margin-bottom:.26rem !important;}.zi-mg-tb28{margin-top:.28rem !important;margin-bottom:.28rem !important;}
.zi-mg-tb30{margin-top:.3rem !important;margin-bottom:.3rem !important;}

.z-mg-t-1px{margin-top:-1px;}
.z-mg-r-1px{margin-right:-1px;}
.z-mg-l-1px{margin-left:-1px;}
.z-mg-b-1px{margin-bottom:-1px;}

.zi-mg-t-1px{margin-top:-1px !important;}
.zi-mg-r-1px{margin-right:-1px !important;}
.zi-mg-l-1px{margin-left:-1px !important;}
.zi-mg-b-1px{margin-bottom:-1px !important;}

.zi-mg-auto{margin:auto !important;}
.zi-mg-l-auto{margin-left:auto !important;}
.zi-mg-r-auto{margin-right:auto !important;}
.zi-mg-t-auto{margin-top:auto !important;}
.zi-mg-b-auto{margin-bottom:auto !important;}
.zi-mg-lr-auto{margin-left:auto !important;margin-right:auto !important;}
.zi-mg-tb-auto{margin-top:auto !important;margin-bottom:auto !important;}

/***********************************************/
/* 第四部分：表格样式定义 */
/***********************************************/

/***********************************************/
/* 第五部分：表单样式定义 */
/***********************************************/

/** 输入框相关 */
.z-input {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    font-family:inherit;
    display:block;
    width:100%;
    height:.45rem;
    padding:0;
    margin:0;
    font-size:.16rem;
    color:#333;
    background:none;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:#e5e5e5;
    vertical-align:middle;
    border-radius:0;
    outline:0;
    /*box-shadow:none;*/
    -webkit-transition:border .2s;
    transition:border .2s;
    position:relative;
}

.z-input:focus,.z-input.z-active{border-color:#cccccc;}
.z-input.z-red:focus,.z-input.z-red.z-active{border-color:#ea4a36;}
.z-input.z-orange:focus,.z-input.z-orange.z-active{border-color:#ff6600;}
.z-input.z-yellow:focus,.z-input.z-yellow.z-active{border-color:#fac603;}
.z-input.z-green:focus,.z-input.z-green.z-active{border-color:#43cd6e;}
.z-input.z-cyan:focus,.z-input.z-cyan.z-active{border-color:#009899;}
.z-input.z-blue:focus,.z-input.z-blue.z-active{border-color:#28a3ef;}
.z-input.z-purple:focus,.z-input.z-purple.z-active{border-color:#9e70ca;}

.z-input.z-xsmall{padding:0 .03rem;font-size:.12rem;height:.3rem;}
.z-input.z-small {padding:0 .03rem;font-size:.14rem;height:.4rem;}
.z-input.z-large {padding:0 .06rem;font-size:.17rem;height:.5rem;}
.z-input.z-xlarge {padding:0 .08rem;font-size:.18rem;height:.6rem;}

/** 输入列表 **/
.z-input-list{font-size:.16rem;margin-top:.15rem;}
.z-input-list>li{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    margin-bottom:.12rem;
    line-height:.45rem;
    position:relative;
    border-bottom:1px solid #e5e5e5;
}
.z-input-list>li:last-child{margin-bottom:0;}
.z-input-list>li>*{white-space:nowrap;}
.z-input-list>li>*:not(input){-webkit-flex:none;flex:none;}
.z-input-list>li>*:first-child:not(input),.z-input-list>li>*:not(input)+input{margin-left:.1rem;}
.z-input-list>li>*:last-child:not(input){margin-right:.1rem;}
.z-input-list input{-webkit-flex:auto;flex:auto;border-width:0;}
/*按钮处理*/
.z-input-list .z-button,.z-input-list .z-button-flex{width:auto;height:.45rem;line-height:.45rem;border:none;}

/** 输入框组 **/
.z-input-row{
    -webkit-align-self:center;
    align-self:center;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-align-items:center;
    align-items:center;
    height:.5rem;
    padding:.03rem .15rem .02rem;
    position:relative;
}
.z-input-row:after{content:"";width:100%;height:1px;position:absolute;right:0;bottom:0;left:0;background:#e5e5e5;z-index:9;}
.z-input-row>label,
.z-input-row>label>.z-font,
.z-input-row>label>.z-input-text,
.z-input-row>input,
.z-input-row>select{height:100%;min-width:0;}
.z-input-row>label{-ms-flex:0 0 auto;flex:0 0 auto;max-width:50%;}
.z-input-row>label,.z-input-row>label>.z-font,
.z-input-row>label>.z-input-text{
    -webkit-align-self:center;
    align-self:center;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
}

.z-input-row>label>.z-input-text{max-width:100%;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;}
.z-input-row>label>.z-font{bottom:0;font-size:.2rem;margin-right:.02rem;}
.z-input-row>input,.z-input-row>select{
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    color:#333;
    background-color:#fff;
    padding:0 .08rem;
    /*box-shadow:none;*/
    border-width:1px;
    border-style:solid;
    border-radius:inherit;
}
.z-input-row:not(.z-bordered)>input,
.z-input-row:not(.z-bordered)>select{border:none;}
.z-input-row:not(.z-bordered)>input:first-child,
.z-input-row:not(.z-bordered)>select:first-child{padding:0;}
.z-input-row>select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}

/* 选择按钮的输入组 */
.z-input-row>input[type=checkbox],.z-input-row>input[type=radio]{padding:0;margin:0 .08rem;-webkit-flex:0 0 auto;flex:0 0 auto;}


/* 带边框输入组 */
.z-input-row.z-bordered{padding:0;margin-top:.15rem;margin-bottom:.15rem;}
.z-input-row.z-bordered:after{content:none;}
.z-input-row.z-bordered>label{padding-left:.12rem;padding-right:.12rem;background:#fcfcfc;background-clip:padding-box;border-style:solid;border-color:#e5e5e5;}
.z-input-row.z-bordered>label:first-child{border-width:1px 0 1px 1px;}
.z-input-row.z-bordered>label:last-child{border-width:1px 1px 1px 0;}

/* 带圆角输入组 */
[class*=z-bd-rd].z-input-row.z-bordered{border-radius:0 0 0 0 !important;}
.z-input-row.z-bordered.z-bd-rd3>label:first-child,
.z-input-row.z-bordered.z-bd-rd3>input:first-child,
.z-input-row.z-bordered.z-bd-rd3>select:first-child{border-top-left-radius:3px !important;border-bottom-left-radius:3px !important;}
.z-input-row.z-bordered.z-bd-rd3>label:last-child,
.z-input-row.z-bordered.z-bd-rd3>input:last-child,
.z-input-row.z-bordered.z-bd-rd3>select:last-child{border-top-right-radius:3px !important;border-bottom-right-radius:3px !important;}

.z-input-row.z-bordered.z-bd-rd5>label:first-child,
.z-input-row.z-bordered.z-bd-rd5>input:first-child,
.z-input-row.z-bordered.z-bd-rd5>select:first-child{border-top-left-radius:5px !important;border-bottom-left-radius:5px !important;}
.z-input-row.z-bordered.z-bd-rd5>label:last-child,
.z-input-row.z-bordered.z-bd-rd5>input:last-child,
.z-input-row.z-bordered.z-bd-rd5>select:last-child{border-top-right-radius:5px !important;border-bottom-right-radius:5px !important;}

.z-input-row.z-bordered.z-bd-rd10>label:first-child,
.z-input-row.z-bordered.z-bd-rd10>input:first-child,
.z-input-row.z-bordered.z-bd-rd10>select:first-child{border-top-left-radius:10px !important;border-bottom-left-radius:10px !important;}
.z-input-row.z-bordered.z-bd-rd10>label:last-child,
.z-input-row.z-bordered.z-bd-rd10>input:last-child,
.z-input-row.z-bordered.z-bd-rd10>select:last-child{border-top-right-radius:10px !important;border-bottom-right-radius:10px !important;}

.z-input-row.z-bordered.z-bd-rd-circle>label:first-child,
.z-input-row.z-bordered.z-bd-rd-circle>input:first-child,
.z-input-row.z-bordered.z-bd-rd-circle>select:first-child{padding-left:.4rem;border-top-left-radius:1000px !important;border-bottom-left-radius:1000px !important;}
.z-input-row.z-bordered.z-bd-rd-circle>label:last-child,
.z-input-row.z-bordered.z-bd-rd-circle>input:last-child,
.z-input-row.z-bordered.z-bd-rd-circle>select:last-child{padding-right:.4rem;border-top-right-radius:1000px !important;border-bottom-right-radius:1000px !important;}

/** 数字输入框，支持增减按钮 **/
.z-numInput,.z-numInput>.z-btn-minus,.z-numInput>.z-btn-plus,.z-numInput>input[type=text]{
    -webkit-align-self:center;
    align-self:center;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
}
.z-numInput>.z-btn-minus,.z-numInput>.z-btn-plus,.z-numInput>input[type=text]{height:.24rem;border-style:solid;border-color:#d5d5d5;font-size:.14rem;}
.z-numInput>input[type=text]{width:.3rem;border-width:1px;text-align:center;color:#333;}
.z-numInput>.z-btn-minus,.z-numInput>.z-btn-plus{width:.24rem;color:#999;font-size:.16rem;background:#fcfcfc;}
.z-numInput>.z-btn-minus{border-width:1px 0 1px 1px;}
.z-numInput>.z-btn-plus{border-width:1px 1px 1px 0;}
/**竖版**/
.z-numInput.z-direction-column{width:.3rem;}
.z-numInput.z-direction-column>.z-btn-minus,.z-numInput.z-direction-column>.z-btn-plus,.z-numInput.z-direction-column>input[type=text]{width:100%;}
.z-numInput.z-direction-column>.z-btn-minus{border-width:1px 1px 0 1px;}
.z-numInput.z-direction-column>.z-btn-plus{border-width:0 1px 1px 1px;}

/** 多选框 / 单选框 / 切换按钮*/
input.z-checkbox,input.z-radio,input.z-switch{
    display:inline-block;
    width:.24rem;
    height:.24rem;
    padding:0;
    margin:0;
    position:relative;
    -webkit-appearance:none;
    border:0;
    background:0 0;
    outline:0;
    vertical-align:middle;
    box-shadow:none;
}
input.z-checkbox:hover,input.z-radio:hover,input.z-switch:hover{border:none;}
input.z-switch{width:.4rem}
input.z-checkbox:before,input.z-radio:before,input.z-switch:before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;top:0;right:0;bottom:0;
    border:1px solid #dfe0e1;
    border-radius:1000px;
    box-sizing:border-box;
    background-clip:content-box;
}

/** 多选框 */
input.z-checkbox:before{
    color:#ffffff;
    font-family:"z-font";
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:0.2px;
    -moz-osx-font-smoothing:grayscale;
    position:relative;
    text-align:center;
    line-height:.25rem;
    font-size:.15rem;
}
input.z-checkbox:checked:before{content:"\f00d";background:#00a2eb;border:none;}

/*几种大小的多选框*/
input.z-checkbox.z-xsmall{width:.18rem;height:.18rem;}
input.z-checkbox.z-small{width:.2rem;height:.2rem;}
input.z-checkbox.z-large{width:.28rem;height:.28rem;}
input.z-checkbox.z-xlarge{width:.32rem;height:.32rem;}

input.z-checkbox.z-xsmall:before{line-height:.19rem;font-size:.12rem;}
input.z-checkbox.z-small:before{line-height:.21rem;font-size:.14rem;}
input.z-checkbox.z-large:before{line-height:.29rem;font-size:.16rem;}
input.z-checkbox.z-xlarge:before{line-height:.33rem;font-size:.18rem;}

/** 单选框 */
input.z-radio:checked:after{
    content:"";
    display:block;
    width:60%;
    height:60%;
    position:absolute;
    left:20%;
    top:20%;
    border-radius:1000px;
    background-clip:content-box;
    background:#00a2eb;
}

/*几种大小的单选框*/
input.z-radio.z-xsmall{width:.18rem;height:.18rem;}
input.z-radio.z-small{width:.2rem;height:.2rem;}
input.z-radio.z-large{width:.28rem;height:.28rem;}
input.z-radio.z-xlarge{width:.32rem;height:.32rem;}

/** 切换按钮 */
input.z-switch:before{background:#fcfcfc;-webkit-transition:background-color .2s;transition:background-color .2s;}
input.z-switch:after{
    content:"";
    width:.24rem;
    height:.24rem;
    border:1px solid #dfe0e1;
    border-radius:1000px;
    position:absolute;
    background-color:#ffffff;
    left:0;
    -webkit-transition:left .2s;
    transition:left .2s;
}
input.z-switch:checked:before{background-color:#00a2eb;}
input.z-switch:checked:after{left:.16rem;}

/*几种大小的切换按钮*/
input.z-switch.z-xsmall{width:.3rem;height:.18rem;}
input.z-switch.z-small{width:.35rem;height:.2rem;}
input.z-switch.z-large{width:.5rem;height:.28rem;}
input.z-switch.z-xlarge{width:.6rem;height:.32rem;}

input.z-switch.z-xsmall:after{width:.18rem;height:.18rem;}
input.z-switch.z-xsmall:checked:after{left:.12rem;}
input.z-switch.z-small:after{width:.2rem;height:.2rem;}
input.z-switch.z-small:checked:after{left:.15rem;}
input.z-switch.z-large:after{width:.28rem;height:.28rem;}
input.z-switch.z-large:checked:after{left:.22rem;}
input.z-switch.z-xlarge:after{width:.32rem;height:.32rem;}
input.z-switch.z-xlarge:checked:after{left:.28rem;}


/** 文本框相关 */
.z-textarea{
    font-family:"微软雅黑","宋体";
    width:100%;
    padding:.05rem;
    font-size:.14rem;
    background-color:#fff;
    border:1px solid #e5e5e5;
    /*box-shadow:none;*/
}

.z-textarea.z-red:focus,.z-textarea.z-red.z-active{border-color:#ea4a36;}
.z-textarea.z-orange:focus,.z-textarea.z-orange.z-active{border-color:#ff6600;}
.z-textarea.z-yellow:focus,.z-textarea.z-yellow.z-active{border-color:#fac603;}
.z-textarea.z-green:focus,.z-textarea.z-green.z-active{border-color:#43cd6e;}
.z-textarea.z-cyan:focus,.z-textarea.z-cyan.z-active{border-color:#009899;}
.z-textarea.z-blue:focus,.z-textarea.z-blue.z-active{border-color:#28a3ef;}
.z-textarea.z-purple:focus,.z-textarea.z-purple.z-active{border-color:#9e70ca;}

/** 选择框相关 */
.z-select{
    font-family:"微软雅黑","宋体";
    display:inline-block;
    vertical-align:middle;
    padding:.03rem .04rem;
    height:.3rem;
    line-height:.22rem;
    font-size:.16rem;
    color:#000;
    background-color:#fff;
    border:1px solid #e5e5e5;
    /*box-shadow:none;*/
}

.z-select.z-red:focus,.z-select.z-red.z-active{border-color:#ea4a36;}
.z-select.z-orange:focus,.z-select.z-orange.z-active{border-color:#ff6600;}
.z-select.z-yellow:focus,.z-select.z-yellow.z-active{border-color:#fac603;}
.z-select.z-green:focus,.z-select.z-green.z-active{border-color:#43cd6e;}
.z-select.z-cyan:focus,.z-select.z-cyan.z-active{border-color:#009899;}
.z-select.z-blue:focus,.z-select.z-blue.z-active{border-color:#28a3ef;}
.z-select.z-purple:focus,.z-select.z-purple.z-active{border-color:#9e70ca;}

/** 按钮相关--行内按钮 */
.z-button,.z-button-flex{
    background-color:#FFFFFF;
    color:#008bd2;
    text-align:center;
    cursor:pointer;
    font-size:.16rem;
    box-shadow:none;
}
.z-button{
    display:inline-block;
    vertical-align:middle;
    padding:0 .16rem;
    height:.4rem;
    line-height:.39rem;
    margin-bottom:0;
    position:relative;
}
/** 默认为灰色确认按钮 */
.z-button{color:#333;border:1px solid #e5e5e5;}
.z-button:active{background-color:#dfdfdf;}

/** 提供除默认之外的四种默认大小风格 */
.z-button.z-xsmall{padding:0 .08rem;height:.25rem;line-height:.23rem;font-size:.12rem;}
.z-button.z-small{padding:0 .1rem;height:.3rem;line-height:.29rem;font-size:.14rem;}
.z-button.z-large{padding:0 .24rem;height:.45rem;line-height:.44rem;font-size:.18rem;}
.z-button.z-xlarge{padding:0 .3rem;height:.5rem;line-height:.49rem;font-size:.2rem;}

/** 定义字体图标比文本大2像素，和文本间隔4像素 */
.z-button.z-font{bottom:0;}
.z-button .z-font{margin-right:.04rem;font-size:.14rem;line-height:1;}
.z-button.z-large .z-font{font-size:.17rem;}
.z-button.z-xlarge .z-font{font-size:.18rem;}

/** 定义图片上移2像素并，提供默认的图标 */
.z-button img{display:inline-block;vertical-align:middle;margin-top:-2px;}
.z-button .z-checkbox,.z-button .z-radio{margin-right:5px;margin-top:-1px;}
.z-button.z-large .z-checkbox,.z-button.z-xlarge .z-checkbox,.z-button.z-large .z-radio,.z-button.z-xlarge .z-radio{margin-right:.08rem;margin-top:-2px;}

/** 按钮--块按钮 **/
.z-button-flex{
    display:-webkit-flex;
    display:flex;
    -webkit-flex:1 1 0;
    flex:1 1 0;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    width:100%;
    height:.45rem;
    padding:0 .1rem;
    position:relative;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border:none;
}
/** 定义确认按钮，背景色为红橙黄绿青蓝紫 */
.z-button.z-red,
.z-button-flex.z-red{color:#fff;background:#ea4a36;border-color:#ea4a36;}
.z-button.z-orange,
.z-button-flex.z-orange{color:#fff;background:#ff6600;border-color:#ff6600;}
.z-button.z-yellow,
.z-button-flex.z-yellow{color:#fff;background:#fac603;border-color:#fac603;}
.z-button.z-green,
.z-button-flex.z-green{color:#fff;background:#43cd6e;border-color:#43cd6e;}
.z-button.z-cyan,
.z-button-flex.z-cyan{color:#fff;background:#009899;border-color:#009899;}
.z-button.z-blue,
.z-button-flex.z-blue{color:#fff;background:#28a3ef;border-color:#28a3ef;}
.z-button.z-purple,
.z-button-flex.z-purple{color:#fff;background:#9e70ca;border-color:#9e70ca;}

/** 定义纯色按钮，选中时为指定的颜色，支持红橙黄绿青蓝紫*/
.z-button.z-red.z-active,
.z-button-flex.z-red.z-active{color:#ea4a36;background:none;border-color:#ea4a36;}
.z-button.z-orange,
.z-button-flex.z-orange{color:#fff;background:#ff6600;border-color:#ff6600;}
.z-button.z-yellow,
.z-button-flex.z-yellow{color:#fff;background:#fac603;border-color:#fac603;}
.z-button.z-green,
.z-button-flex.z-green{color:#fff;background:#43cd6e;border-color:#43cd6e;}
.z-button.z-cyan,
.z-button-flex.z-cyan{color:#fff;background:#009899;border-color:#009899;}
.z-button.z-blue,
.z-button-flex.z-blue{color:#fff;background:#28a3ef;border-color:#28a3ef;}
.z-button.z-purple,
.z-button-flex.z-purple{color:#fff;background:#9e70ca;border-color:#9e70ca;}

/** 定义确认按钮，边框色为红橙黄绿青蓝紫 */
.z-button.z-active{color:#333;background:none;border-color:#333;}
.z-button.z-red-bd,
.z-button-flex.z-red-bd{color:#ea4a36;background:none;border-color:#ea4a36;}
.z-button.z-orange-bd,
.z-button-flex.z-orange-bd{color:#ff6600;background:none;border-color:#ff6600;}
.z-button.z-yellow-bd,
.z-button-flex.z-yellow-bd{color:#fac603;background:none;border-color:#fac603;}
.z-button.z-green-bd,
.z-button-flex.z-green-bd{color:#43cd6e;background:none;border-color:#43cd6e;}
.z-button.z-cyan-bd,
.z-button-flex.z-cyan-bd{color:#009899;background:none;border-color:#009899;}
.z-button.z-blue-bd,
.z-button-flex.z-blue-bd{color:#28a3ef;background:none;border-color:#28a3ef;}
.z-button.z-purple-bd,
.z-button-flex.z-purple-bd{color:#9e70ca;background:none;border-color:#9e70ca;}

/** 定义边框按钮，选中时为指定的颜色，支持红橙黄绿青蓝紫*/
.z-button.z-red-bd.z-active:after,
.z-button.z-orange-bd.z-active:after,
.z-button.z-yellow-bd.z-active:after,
.z-button.z-green-bd.z-active:after,
.z-button.z-cyan-bd.z-active:after,
.z-button.z-blue-bd.z-active:after,
.z-button.z-purple-bd.z-active:after{
    position:absolute;
    width:10px;
    height:10px;
    line-height:0;
    bottom:0;
    right:0;
    content:url(image/ico_button_bg_black.png);
}
.z-button.z-purple-bd.z-active{border-color:#9e70ca;}
.z-button.z-red-bd.z-active:after{content:url(image/ico_button_bg_red.png);}
.z-button.z-orange-bd.z-active:after{content:url(image/ico_button_bg_orange.png);}
.z-button.z-yellow-bd.z-active:after{content:url(image/ico_button_bg_yellow.png);}
.z-button.z-green-bd.z-active:after{content:url(image/ico_button_bg_green.png);}
.z-button.z-cyan-bd.z-active:after{content:url(image/ico_button_bg_cyan.png);}
.z-button.z-blue-bd.z-active:after{content:url(image/ico_button_bg_blue.png);}
.z-button.z-purple-bd.z-active:after{content:url(image/ico_button_bg_purple.png);}

/** 块按钮的选中 */
.z-button-flex.z-red-bd.z-active{color:#fff;background:#ea4a36;border-color:#ea4a36;}
.z-button-flex.z-orange-bd.z-active{color:#fff;background:#ff6600;border-color:#ff6600;}
.z-button-flex.z-yellow-bd.z-active{color:#fff;background:#fac603;border-color:#fac603;}
.z-button-flex.z-green-bd.z-active{color:#fff;background:#43cd6e;border-color:#43cd6e;}
.z-button-flex.z-cyan-bd.z-active{color:#fff;background:#009899;border-color:#009899;}
.z-button-flex.z-blue-bd.z-active{color:#fff;background:#28a3ef;border-color:#28a3ef;}
.z-button-flex.z-purple-bd.z-active{color:#fff;background:#9e70ca;border-color:#9e70ca;}

/** 定义按钮不可用 */
.z-button.z-disabled,
.z-button-flex.z-disabled,
.z-button[disabled],
.z-button-flex[disabled],
.z-button.z-disabled.z-active,
.z-button-flex.z-disabled.z-active,
.z-button[disabled].z-active,
.z-button-flex[disabled].z-active{
    color:#bbb !important;
    cursor:not-allowed !important;
    events-pointer:none !important;
}

/* 按钮组(并列按钮) */
.z-button-row,.z-button-column{
    -webkit-align-self:center;
    align-self:center;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    background-color:#ffffff;
}
.z-button-column{-webkit-flex-direction:column;flex-direction:column;}

.z-button-row>.z-button,
.z-button-row>.z-button-flex,
.z-button-column>.z-button,
.z-button-column>.z-button-flex{border-radius:0 0 0 0;width:100%;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;border:1px solid #e5e5e5;}
.z-button-row>.z-button[class*=z-w],.z-button-row>.z-button-flex[class*=z-w],
.z-button-row>.z-button[class*=zi-w],.z-button-row>.z-button-flex[class*=zi-w]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
.z-button-row>.z-button{margin:.1rem 0 .1rem .1rem;}
.z-button-row>.z-button-flex{margin-left:-1px;}
.z-button-row>.z-button:first-child,
.z-button-row>.z-button-flex:first-child{margin-left:0;}

.z-button-column>.z-button{margin-top:.1rem;}
.z-button-column>.z-button-flex{margin-top:-1px;}
.z-button-column>.z-button:first-child,
.z-button-column>.z-button-flex:first-child{margin-top:0;}

/* 按钮组的圆角 */
[class*=z-bd-rd].z-button-row,
[class*=z-bd-rd].z-button-row>.z-button-flex{border-radius:0;}

.z-button-row.z-bd-rd1>.z-button{border-radius:1px;}
.z-button-row.z-bd-rd1>.z-button-flex:first-child{border-top-left-radius:1px;border-bottom-left-radius:1px;}
.z-button-row.z-bd-rd1>.z-button-flex:last-child{border-top-right-radius:1px;border-bottom-right-radius:1px;}
.z-button-row.z-bd-rd2>.z-button{border-radius:2px;}
.z-button-row.z-bd-rd2>.z-button-flex:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px;}
.z-button-row.z-bd-rd2>.z-button-flex:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;}
.z-button-row.z-bd-rd3>.z-button{border-radius:3px;}
.z-button-row.z-bd-rd3>.z-button-flex:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.z-button-row.z-bd-rd3>.z-button-flex:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.z-button-row.z-bd-rd5>.z-button{border-radius:5px;}
.z-button-row.z-bd-rd5>.z-button-flex:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.z-button-row.z-bd-rd5>.z-button-flex:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.z-button-row.z-bd-rd8>.z-button{border-radius:8px;}
.z-button-row.z-bd-rd8>.z-button-flex:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.z-button-row.z-bd-rd8>.z-button-flex:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.z-button-row.z-bd-rd10>.z-button{border-radius:10px;}
.z-button-row.z-bd-rd10>.z-button-flex:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.z-button-row.z-bd-rd10>.z-button-flex:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.z-button-row.z-bd-rd-circle>.z-button{border-radius:1000px;}
.z-button-row.z-bd-rd-circle>.z-button-flex:first-child{border-top-left-radius:1000px;border-bottom-left-radius:1000px;}
.z-button-row.z-bd-rd-circle>.z-button-flex:last-child{border-top-right-radius:1000px;border-bottom-right-radius:1000px;}

/***********************************************/
/* 第六部分：步骤条定义 */
/***********************************************/

/************************************************************/
/* 第七部分：标签页定义
/************************************************************/
.z-tabnav>.z-active{color:#0894ec;border-color:#0894ec;z-index:100;}
.z-tabs>*{display:none !important;}
.z-tabs>.z-active{display:block !important;}
.z-tabnav{position:relative}
.z-tabnav>nav>ul,.z-tabnav-main>nav>ul{
    -webkit-align-self:center;
    align-self:center;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    position:relative;
    font-size:0;
}
.z-tabnav>nav li,.z-tabnav-main>nav li{
    display:block;
    text-decoration:none;
    text-align:center;
    color:#5f646e;
    font-size:0.16rem;
    width:100%;
    height:.45rem;
    line-height:.45rem;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:#e5e5e5;
    border-radius:0;
    white-space:nowrap;
    overflow:hidden;
    position:relative;
    text-overflow:ellipsis;
}
.z-tabnav>nav li.z-active{border-color:#28a3ef;color:#28a3ef;cursor:default;}
.z-tabnav>section{position:relative;width:100%;height:auto;min-height:1rem;}
.z-tabnav>section>div{position:relative;width:100%;height:auto;min-height:1rem;background-color:#fff;display:none;}
.z-tabnav>section>div.z-active{display:block !important;}

.z-tabnav.z-bordered>nav{border:1px solid #e5e5e5;border-bottom:none;background-color:#f5f5f5;}
.z-tabnav.z-bordered>nav>ul{margin-top:.18rem;}
.z-tabnav.z-bordered>nav li{border:1px solid transparent;}
.z-tabnav.z-bordered>nav li:first-child{border-left:none;}
.z-tabnav.z-bordered>nav li:last-child{border-right:none;}
.z-tabnav.z-bordered>nav li.z-active{color:#5f646e;border-color:#e5e5e5 #e5e5e5 transparent #e5e5e5;background-color:#fff;cursor:default;}
.z-tabnav.z-bordered>section,.z-tabnav>section.z-bordered {border:1px solid #e5e5e5;border-top:none;}

.z-tabnav.z-default{min-height:.45rem;color:#666;border-radius:2px;}
.z-tabnav.z-default>nav{font-size:.16rem;line-height:.45rem;}
.z-tabnav.z-default>nav>ul,.z-tabnav.z-red>nav>ul,.z-tabnav.z-orange>nav>ul,.z-tabnav.z-yellow>nav>ul,
.z-tabnav.z-green>nav>ul,.z-tabnav.z-cyan>nav>ul,.z-tabnav.z-blue>nav>ul,.z-tabnav.z-purple>nav>ul{
    margin-top:0;
}
.z-tabnav.z-default>nav>ul li,.z-tabnav.z-red>nav>ul li,.z-tabnav.z-orange>nav>ul li,.z-tabnav.z-yellow>nav>ul li,
.z-tabnav.z-green>nav>ul li,.z-tabnav.z-cyan>nav>ul li,.z-tabnav.z-blue>nav>ul li,.z-tabnav.z-purple>nav>ul li{
    background:#f6f6f6;
    border-color:transparent !important;
}
.z-tabnav.z-default>nav li.z-active{color:#fff;border-color:transparent;background:#333;cursor:default;}

.z-tabnav.z-red>nav li.z-active{color:#fff;background:#ea4a36;}
.z-tabnav.z-orange>nav li.z-active{color:#fff;background:#ff6600;}
.z-tabnav.z-yellow>nav li.z-active{color:#fff;background:#fac603;}
.z-tabnav.z-green>nav li.z-active{color:#fff;background:#43cd6e;}
.z-tabnav.z-cyan>nav li.z-active{color:#fff;background:#009899;}
.z-tabnav.z-blue>nav li.z-active{color:#fff;background:#28a3ef;}
.z-tabnav.z-purple>nav li.z-active{color:#fff;background:#9e70ca;}

/************************************************************/
/* 第八部分：可编辑文本定义
/************************************************************/

/************************************************************/
/* 第九部分：对话框样式定义
/************************************************************/

/***********************************************/
/* 第十部分：浮动窗定义 */
/***********************************************/

/***********************************************/
/* 第十一部分：日历样式定义 */
/***********************************************/

/***********************************************/
/* 第十二部分：下拉列表定义 */
/***********************************************/

/***********************************************/
/* 第十三部分：整体容器布局定义 */
/***********************************************/
.z-bar-top,.z-bar-bottom{position:absolute;width:100%;height:.5rem;left:0;right:0;text-align:center;background-color:#ffffff;}
.z-bar-top .z-font,.z-bar-bottom .z-font{bottom:0;}
.z-bar-top.z-small,.z-bar-bottom.z-small{height:.45rem;}
.z-container{position:absolute;width:100%;left:0;right:0;top:0;bottom:0;background-color:#ffffff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.z-bar-top~.z-container{top:.5rem;}
.z-bar-bottom~.z-container{bottom:.5rem;}
.z-bar-top.z-small~.z-container{top:.45rem;}
.z-bar-bottom.z-small~.z-container{bottom:.45rem;}

/* 顶部bar条 */
.z-bar-top{line-height:.5rem;top:0;border-bottom:1px solid #e7e7e7;}
.z-bar-top.z-small{line-height:.45rem;}
.z-bar-top>.top-title,.z-bar-top-inner>.top-title{
    padding:0 .9rem;
    text-align:center;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    -webkit-line-clamp:1;
}
.z-bar-top>.top-left,.z-bar-top>.top-right,
.z-bar-top-inner>.top-left,.z-bar-top-inner>.top-right{position:absolute;top:0;bottom:0;}
.z-bar-top>.top-left,.z-bar-top-inner>.top-left{left:0;padding-left:.1rem;}
.z-bar-top>.top-right,.z-bar-top-inner>.top-right{right:0;padding-right:.1rem;}
/* 内容内部顶部 bar 条 */
.z-bar-top-inner{height:.45rem;line-height:.4rem;position:relative;border-bottom:.05rem solid #e5e5e5;}

/* 底部bar条 */
.z-bar-bottom{
    line-height:1.1;
    bottom:0;
    border-top:1px solid #e7e7e7;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    font-size:.12rem;
}
.z-bar-bottom>*{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;
    -webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}
.z-bar-bottom .z-font{font-size:.22rem;margin-bottom:.01rem;}
.z-bar-bottom>[class*=z-w],
.z-bar-bottom>[class*=zi-w]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
.z-bar-bottom.z-small{line-height:1.1;}
.z-bar-bottom.z-small .z-font{font-size:.2rem;}
.z-bar-bottom .z-button,.z-bar-bottom .z-button-flex{height:100%;}

/*限制分布*/
.z-direction-column{-webkit-flex-direction:column;flex-direction:column;}
.z-flex-none{-webkit-flex:0 0 auto !important;-ms-flex:0 0 auto;flex:0 0 auto !important;}
.z-justify-start{-webkit-justify-content:flex-start !important;justify-content:flex-start !important;}
.z-justify-end{-webkit-justify-content:flex-end !important;justify-content:flex-end !important;}
.z-justify-center{-webkit-justify-content:center !important;justify-content:center !important;}
.z-justify-between{-webkit-justify-content:space-between !important;justify-content:space-between !important;}
.z-justify-around{-webkit-justify-content:space-around !important;justify-content:space-around !important;}
.z-flex-start{-webkit-align-items:flex-start !important;align-items:flex-start !important;}
.z-flex-end{-webkit-align-items:flex-end !important;align-items:flex-end !important;}
.z-flex-center{-webkit-align-items:center !important;align-items:center !important;}
.z-flex-stretch{-webkit-align-items:stretch !important;align-items:stretch !important;}

/***********************************************/
/* 第十四部分：卡片列表 */
/***********************************************/
.z-card-list{margin-top:.08rem;background-color:#ffffff;}
.z-card-list .list-item,
.z-card-list .list-item .item-left,
.z-card-list .list-item .item-right{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-align-items:center;
    align-items:center;
    line-height:.2rem;
    border:none;
    position:relative;
}
.z-card-list .list-item{min-height:.5rem;padding:.1rem .15rem;-webkit-justify-content:space-between;justify-content:space-between;}
.z-card-list .list-item+.list-item{border-top:1px solid #e5e5e5;}
.z-card-list .list-item .item-left{font-size:.16rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;}
.z-card-list .list-item .item-right{color:#999;font-size:.14rem;-webkit-justify-content:flex-end;justify-content:flex-end;}
.z-card-list .list-item .item-list{font-size:.14rem;}
.z-card-list .list-item .item-list>li{line-height:inherit;display:-webkit-flex;display:flex;}
.z-card-list .list-item .item-list>li>.list-name{
    -webkit-flex:none;
    flex:none;
    color:#999;
    width:.75rem;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    -webkit-line-clamp:1;
}
.z-card-list .list-item .item-list>li>.list-cont{}
.z-card-list .z-font{bottom:0px;font-size:.16rem;}
.z-card-list .z-font:last-child{margin-left:.1rem;}

/***********************************************/
/* 第十五部分：图文列表/链接 */
/***********************************************/
.z-flexBox{
    -webkit-align-self:center;
    align-self:center;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    border-width:0;
    border-style:solid;
    border-color:#e5e5e5;
    position:relative;
    background-color:#ffffff;
}

/*边框*/
.z-flexBox+.z-flexBox:before,
.z-flexBox.z-last:after{content:"";width:100%;height:1px;right:0;left:0;position:absolute;background:#e5e5e5;z-index:9;}

.z-flexBox+.z-flexBox:before{top:0;}
.z-flexBox:not(.z-direction-column)>.z-flexBox+.z-flexBox:before{width:1px;height:100%;right:auto;top:0;}

.z-flexBox.z-last:after{bottom:0;}
.z-flexBox:not(.z-direction-column)>.z-flexBox.z-last:after{width:1px;height:100%;left:auto;top:0;}
.z-flexBox.z-left{-webkit-align-items:flex-start;align-items:flex-start;}

/*定义自动缩放列排版*/
.z-flexBox>*{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}
.z-flexBox>[class*=z-w],
.z-flexBox>[class*=z-w],
.z-flexBox>[class*=zi-w]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}

/*图文混排*/
.z-flexBox>.z-list-main,.z-flexBox>.z-list-after{
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
}
/*图片*/
.z-flexBox>.z-list-media{margin-right:.1rem;max-width:1.5rem;max-height:1.5rem;position:relative;background-color:#f5f5f5;}
.z-flexBox>.z-list-media>img{position:absolute;width:auto;height:auto;left:0;top:0;right:0;bottom:0;margin:auto;}
/*文本*/
.z-flexBox>.z-list-main{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-align-self:flex-start;align-self:flex-start;}
.z-flexBox>.z-list-main>.z-list-title,
.z-flexBox>.z-list-main>.z-list-info,
.z-flexBox>.z-list-main>.z-list-desc{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;line-height:.18rem;}
.z-flexBox>.z-list-main>.z-list-title{font-size:.14rem;height:.36rem;-webkit-line-clamp:2;}
.z-flexBox>.z-list-main>.z-list-info{margin-top:.02rem;color:#777;font-size:.12rem;height:.18rem;-webkit-line-clamp:1;}
.z-flexBox>.z-list-main>.z-list-desc{margin-top:.05rem;font-size:.14rem;-webkit-line-clamp:1;}
/*精简图文排版*/
.z-flexBox.z-simple>.z-list-media{max-width:1rem;max-height:1rem;}
.z-flexBox.z-simple>.z-list-main{-webkit-align-self:center;align-self:center;}
.z-flexBox.z-simple>.z-list-main>.z-list-title{height:.18rem;-webkit-line-clamp:1;}
.z-flexBox.z-simple>.z-list-main>.z-list-desc{display:none;}
/*图文排版右侧*/
.z-flexBox>.z-list-after{-webkit-align-lists:center;align-lists:center;color:#999;margin-left:.1rem;font-size:.12rem;}
.z-flexBox>.z-list-after .z-font{bottom:0;margin-left:.05rem;font-size:.18rem;}

/***********************************************/
/* 第十六部分：滚动banner图 */
/***********************************************/
.z-slider{position:relative;width:100%;}
.z-slider .z-slider-touch,
.z-slider .z-slider-touch>li{position:absolute;width:100%;height:100%;left:0;top:0;transition-property:transform;background:#fff;}
.z-slider .z-slider-touch>li.z-active{z-index:9;}
.z-slider .z-slider-touch>li a{display:-webkit-flex;display:flex;width:100%;height:100%;position:relative;overflow:hidden;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.z-slider .z-slider-touch>li img{-webkit-flex:1 1 auto;flex:1 1 auto;max-height:none;}
.z-slider .z-slider-tab{position:absolute;width:100%;height:.2rem;padding-top:.07rem;left:0;bottom:0;text-align:center;z-index:10;background-color:rgba(255,255,255,.15)}
.z-slider .z-slider-tab>span{display:inline-block;width:.06rem;height:.06rem;vertical-align:top;margin:0 .02rem;border-radius:50%;background-color:rgba(0,0,0,.5);}
.z-slider .z-slider-tab>span.z-active{background-color:#ffffff;}

/***********************************************/
/* 第十七部分：手机端popup */
/***********************************************/
.z-popup{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:999;display:none;}

.z-popup .z-popup-bg,.z-popup .z-popup-main{position:absolute;top:0;right:0;bottom:0;left:0;}
.z-popup .z-popup-bg{background:rgba(0,0,0,.3);z-index:1;visibility:hidden;opacity:0;-webkit-transition:all .4s;transition:all .4s;}
.z-popup .z-popup-main{background:#ffffff;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;}
.z-popup.z-left .z-popup-main{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
.z-popup.z-top .z-popup-main{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
.z-popup.z-right .z-popup-main{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
.z-popup.z-bottom .z-popup-main{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}

.z-popup.z-popup-fadeIn .z-popup-bg{visibility:visible;opacity:1;}
.z-popup.z-popup-fadeOut .z-popup-main,
.z-popup.z-popup-fadeIn .z-popup-main{-webkit-transition:-webkit-transform .4s;transition:transform .4s;}
.z-popup.z-popup-fadeIn .z-popup-main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.z-popup.z-left.z-overlay-part .z-popup-main{right:25%;}
.z-popup.z-top.z-overlay-part .z-popup-main{bottom:auto;}
.z-popup.z-right.z-overlay-part .z-popup-main{left:25%;}
.z-popup.z-bottom.z-overlay-part .z-popup-main{top:auto;}

.z-popup .z-popup-title{line-height:.45rem;text-align:center;position:relative;border-bottom:1px solid #f5f5f5;}
.z-popup .z-popup-sure,.z-popup .z-popup-cancel{height:.45rem;line-height:.45rem;font-size:.14rem;position:absolute;top:0;padding:0 .1rem;color:#777;}
.z-popup .z-popup-sure.z-font,.z-popup .z-popup-cancel.z-font,
.z-popup .z-popup-sure .z-font,.z-popup .z-popup-cancel .z-font{font-size:.2rem;}
.z-popup.z-top .z-popup-title .z-popup-sure,
.z-popup.z-bottom .z-popup-title .z-popup-sure,
.z-popup.z-left .z-popup-title .z-popup-sure{right:0;}
.z-popup.z-top .z-popup-title .z-popup-cancel,
.z-popup.z-bottom .z-popup-title .z-popup-cancel,
.z-popup.z-left .z-popup-title .z-popup-cancel{left:0;}
.z-popup.z-right .z-popup-title .z-popup-sure{left:0;}
.z-popup.z-right .z-popup-title .z-popup-cancel{right:0;}
.z-popup .z-popup-main>.z-popup-cancel{height:.35rem;line-height:.35rem;right:0;}

.z-popup-main .z-popup-content{-webkit-flex:1 1 auto;flex:1 1 auto;}

/***********************************************/
/* 第十八部分：定义动画 */
/***********************************************/
@keyframes rotate360 {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes rotate360 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}