ziqim/zhiqim_ui/release/zhiqim_v1.5.0.r2019010101.css

@charset "utf-8";
/*
 * 版权所有 (C) 2015 知启蒙(ZHIQIM) 保留所有权利。
 * 
 * 指定登记&发行网站： https://www.zhiqim.com/ 欢迎加盟知启蒙，[编程有你，知启蒙一路随行]。
 *
 * 本文采用《知启蒙登记发行许可证》，除非符合许可证，否则不可使用该文件！
 * 1、您可以免费使用、修改、合并、出版发行和分发，再授权软件、软件副本及衍生软件；
 * 2、您用于商业用途时，必须在原作者指定的登记网站，按原作者要求进行登记；
 * 3、您在使用、修改、合并、出版发行和分发时，必须包含版权声明、许可声明，及保留原作者的著作权、商标和专利等知识产权；
 * 4、您在互联网、移动互联网等大众网络下发行和分发再授权软件、软件副本及衍生软件时，必须在原作者指定的发行网站进行发行和分发；
 * 5、您可以在以下链接获取一个完整的许可证副本。
 * 
 * 许可证链接：http://zhiqim.org/licenses/zhiqim_register_publish_license.htm
 *
 * 除非法律需要或书面同意，软件由原始码方式提供，无任何明示或暗示的保证和条件。详见完整许可证的权限和限制。
 */

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

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

/***********************************************/
/* 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;}
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",monospace,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;}

.z-font.z-addfile:before{content:"\f012";}
.z-font.z-address:before{content:"\f013";}
.z-font.z-praise:before{content:"\f014";}
.z-font.z-diss:before{content:"\f015";}
.z-font.z-display:before{content:"\f016";}
.z-font.z-hide:before{content:"\f017";}
.z-font.z-negative:before{content:"\f018";}
.z-font.z-skin:before{content:"\f019";}
.z-font.z-copy:before{content:"\f01a";} 
.z-font.z-tips:before{content:"\f01b";}     
.z-font.z-notice:before{content:"\f01c";} 
.z-font.z-signin:before{content:"\f01d";}
.z-font.z-consult:before{content:"\f01e";}
.z-font.z-message:before{content:"\f01f";}
.z-font.z-community:before{content:"\f020";}
.z-font.z-info:before{content:"\f021";}
.z-font.z-wangwang:before{content:"\f022";}
.z-font.z-space:before{content:"\f023";}
.z-font.z-problem:before{content:"\f024";}
.z-font.z-warning:before{content:"\f025";}
.z-font.z-play:before{content:"\f026";}
.z-font.z-hot:before{content:"\f027";}
.z-font.z-safe:before{content:"\f028";}
.z-font.z-task:before{content:"\f029";}
.z-font.z-assignment:before{content:"\f02a";}
.z-font.z-activity:before{content:"\f02b";}
.z-font.z-edit:before{content:"\f02c";}
.z-font.z-function:before{content:"\f02d";}
.z-font.z-serve:before{content:"\f02e";}
.z-font.z-more:before{content:"\f02f";}
.z-font.z-on:before{content:"\f030";}
.z-font.z-off:before{content:"\f031";}
/** 文档类（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";}

.z-font.z-codesign:before{content:"\f04a";}
.z-font.z-order:before{content:"\f04b";}
.z-font.z-news:before{content:"\f04c";}
.z-font.z-course:before{content:"\f04d";}
.z-font.z-userinfo:before{content:"\f04e";}
.z-font.z-tag:before{content:"\f04f";}
.z-font.z-templet:before{content:"\f050";}
.z-font.z-project:before{content:"\f051";}
.z-font.z-w-doc:before{content:"\f052";}
.z-font.z-w-htm:before{content:"\f053";}
.z-font.z-w-pdf:before{content:"\f054";}
.z-font.z-w-ppt:before{content:"\f055";}
.z-font.z-w-txt:before{content:"\f056";}
.z-font.z-w-srt:before{content:"\f057";}
.z-font.z-w-xls:before{content:"\f058";}
.z-font.z-w-iso:before{content:"\f059";}
.z-font.z-w-rar:before{content:"\f05a";}
.z-font.z-w-zip:before{content:"\f05b";}
/** 设备类（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";}

.z-font.z-telephone:before{content:"\f069";}
.z-font.z-treemodel:before{content:"\f06a";}
.z-font.z-qrcode:before{content:"\f06b";}
.z-font.z-database:before{content:"\f06c";}
.z-font.z-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";}

.z-font.z-list01:before{content:"\f08e";}
.z-font.z-bill:before{content:"\f08f";}
.z-font.z-pie-chart01:before{content:"\f090";}
.z-font.z-report-forms:before{content:"\f091";}
.z-font.z-table:before{content:"\f092";}
.z-font.z-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";}

.z-font.z-flag:before{content:"\f0a8";}
.z-font.z-lock01:before{content:"\f0a9";}
.z-font.z-unlock:before{content:"\f0aa";}
.z-font.z-money:before{content:"\f0ab";}
.z-font.z-upstage:before{content:"\f0ac";}
.z-font.z-shopcart:before{content:"\f0ad";}
.z-font.z-heart:before{content:"\f0ae";}
.z-font.z-bell:before{content:"\f0af";}
.z-font.z-alarm-clock:before{content:"\f0b0";}
.z-font.z-clock:before{content:"\f0b1";}
.z-font.z-timetable:before{content:"\f0b2";}
.z-font.z-shop:before{content:"\f0b3";}
.z-font.z-five-star:before{content:"\f0b4";}
.z-font.z-warehouse:before{content:"\f0b5";}
.z-font.z-coupon:before{content:"\f0b6";}
.z-font.z-card:before{content:"\f0b7";}
.z-font.z-diamond:before{content:"\f0b8";}
.z-font.z-compass:before{content:"\f0b9";}
.z-font.z-goods:before{content:"\f0ba";}
.z-font.z-key:before{content:"\f0bb";}
.z-font.z-gold:before{content:"\f0bc";}
.z-font.z-smiling:before{content:"\f0bd";}
.z-font.z-car:before{content:"\f0be";}
.z-font.z-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",monospace,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",monospace,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;}

.zi-hide{display:none !important;}
.zi-show{display:inline !important;}
.zi-show-b{display:block !important;}
.zi-show-ib{display:inline-block !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;}

/*********************************************************/
/*********************************************************/
/*****************    Ⅱ：WWW 定义      ******************/
/*********************************************************/
/*********************************************************/


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

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

body,table,td,div{font-size:12px;line-height:120%;}

a:focus{color:#06c;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}

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

/* 设置标题文字大小 颜色*/
h1{font-size:24px;color:#333;line-height:150%;}
h2{font-size:22px;color:#333;line-height:150%;}
h3{font-size:20px;color:#333;line-height:150%;}

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

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

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

/** 图标，默认16px，其他尺寸在里面设置 */
.z-ico{display:inline-block;vertical-align:middle;width:16px;height:16px;background-repeat:no-repeat;}
.z-ico.z-confirm{width:36px;height:36px;background-image:url(image/ico_36.png);background-position:0 0;}
.z-ico.z-alert{width:36px;height:36px;background-image:url(image/ico_36.png);background-position:0 -36px;}
.z-ico.z-failure{width:36px;height:36px;background-image:url(image/ico_36.png);background-position:0 -72px;}
.z-ico.z-success{width:36px;height:36px;background-image:url(image/ico_36.png);background-position:0 -108px;}
.z-ico.z-loading{width:33px;height:33px;background-image:url(image/ico_gif_loading_33.gif);}
.z-ico.z-loading.z-small{width:16px;height:16px;background-image:url(image/ico_gif_loading_16.gif);}
.z-ico.z-pen{width:12px;height:12px;background-image:url(image/ico_12.png);background-position:0 0;}
.z-ico.z-close.z-small{width:12px;height:12px;background-image:url(image/ico_12.png);background-position:0 -12px;}
.z-ico.z-close.z-small:hover{background-position:0 -24px;}

.z-ico.z-file{width:32px;height:36px;background-image:url(image/ico_file.png);background-position:0 0;}
.z-ico.z-file.z-word{background-position:-37px 0;}
.z-ico.z-file.z-image{background-position:-74px 0;}
.z-ico.z-file.z-pdf{background-position:-111px 0;}
.z-ico.z-file.z-video{background-position:-148px 0;}
.z-ico.z-file.z-music{background-position:-185px 0;}
.z-ico.z-file.z-text{background-position:-222px 0;}
.z-ico.z-file.z-list{background-position:-259px 0;}
.z-ico.z-file.z-android{background-position:-296px 0;}
.z-ico.z-file.z-png{background-position:-333px 0;}

/** 定义树形菜单图标 16*22px*/ 
.z-ico.z-tree{background-image:url(image/ico_tree.png);}
.z-ico.z-tree.z-root{background-position:0 0;height:22px;}
.z-ico.z-tree.z-lastnode{background-position:-16px 0;height:22px;}
.z-ico.z-tree.z-mlastnode{background-position:-32px 0;height:22px;}
.z-ico.z-tree.z-mnode{background-position:-48px 0;height:22px;}
.z-ico.z-tree.z-node{background-position:-64px 0;height:22px;}
.z-ico.z-tree.z-plastnode{background-position:-80px 0;height:22px;}
.z-ico.z-tree.z-pnode{background-position:-96px 0;height:22px;}
.z-ico.z-tree.z-vertline{background-position:-112px 0;height:22px;}
.z-ico.z-tree.z-blank{background-position:-128px 0;height:22px;}

.z-ico.z-tree.z-root.z-normal{background-position:0 -22px;}
.z-ico.z-tree.z-lastnode.z-normal{background-position:-16px -22px;}
.z-ico.z-tree.z-mlastnode.z-normal{background-position:-32px -22px;}
.z-ico.z-tree.z-mnode.z-normal{background-position:-48px -22px;}
.z-ico.z-tree.z-node.z-normal{background-position:-64px -22px;}
.z-ico.z-tree.z-plastnode.z-normal{background-position:-80px -22px;}
.z-ico.z-tree.z-pnode.z-normal{background-position:-96px -22px;}
.z-ico.z-tree.z-vertline.z-normal{background-position:-112px -22px;}

/** 定义树形菜单图标 16*16px*/ 
.z-ico.z-tree.z-item{background-position:0 -44px;}
.z-ico.z-tree.z-group{background-position:-16px -44px;}
.z-ico.z-tree.z-attribute{background-position:-32px -44px;}
.z-ico.z-tree.z-note{background-position:-48px -44px;}
.z-ico.z-tree.z-user{background-position:-64px -44px;}
.z-ico.z-tree.z-close{background-position:-80px -44px;}
.z-ico.z-tree.z-open{background-position:-96px -44px;}
.z-ico.z-tree.z-search{background-position:-112px -44px;}
.z-ico.z-tree.z-briefcase{background-position:-128px -44px;}

.z-ico.z-tree.z-users{background-position:0 -60px;}
.z-ico.z-tree.z-pass{background-position:-16px -60px;}
.z-ico.z-tree.z-auth{background-position:-32px -60px;}
.z-ico.z-tree.z-address{background-position:-48px -60px;}
.z-ico.z-tree.z-exit{background-position:-64px -60px;}
.z-ico.z-tree.z-help{background-position:-80px -60px;}
.z-ico.z-tree.z-network{background-position:-96px -60px;}
.z-ico.z-tree.z-recycle{background-position:-112px -60px;}
.z-ico.z-tree.z-internet{background-position:-128px -60px;}

/** 定义树形菜单图标 16*30px*/ 
.z-ico.z-tree.z-30{height:30px;}
.z-ico.z-tree.z-30.z-root{background-position:0 -76px;height:30px;}
.z-ico.z-tree.z-30.z-lastnode{background-position:-16px -76px;height:30px;}
.z-ico.z-tree.z-30.z-mlastnode{background-position:-32px -76px;height:30px;}
.z-ico.z-tree.z-30.z-mnode{background-position:-48px -76px;height:30px;}
.z-ico.z-tree.z-30.z-node{background-position:-64px -76px;height:30px;}
.z-ico.z-tree.z-30.z-plastnode{background-position:-80px -76px;height:30px;}
.z-ico.z-tree.z-30.z-pnode{background-position:-96px -76px;height:30px;}
.z-ico.z-tree.z-30.z-vertline{background-position:-112px -76px;height:30px;}
.z-ico.z-tree.z-30.z-blank{background-position:-128px -76px;height:30px;}

.z-ico.z-tree.z-30.z-root.z-normal{background-position:0 -106px;height:30px;}
.z-ico.z-tree.z-30.z-lastnode.z-normal{background-position:-16px -106px;height:30px;}
.z-ico.z-tree.z-30.z-mlastnode.z-normal{background-position:-32px -106px;height:30px;}
.z-ico.z-tree.z-30.z-mnode.z-normal{background-position:-48px -106px;height:30px;}
.z-ico.z-tree.z-30.z-node.z-normal{background-position:-64px -106px;height:30px;}
.z-ico.z-tree.z-30.z-plastnode.z-normal{background-position:-80px -106px;height:30px;}
.z-ico.z-tree.z-30.z-pnode.z-normal{background-position:-96px -106px;height:30px;}
.z-ico.z-tree.z-30.z-vertline.z-normal{background-position:-112px -106px;height:30px;}

/** 定义充值图标 */
.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.3：箭头定义 */
/***********************************************/

/** 箭头标志，默认4像素向下 */
.z-arrow{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;z-index:201;border:solid;border-width:4px 4px 0;border-color:#000 transparent transparent;}
.z-arrow.z-up{border-width:0 4px 4px;border-color:transparent transparent #000;}
.z-arrow.z-left{border-width:4px 4px 4px 0;border-color:transparent #000 transparent transparent;}
.z-arrow.z-right{border-width:4px 0 4px 4px;border-color:transparent transparent transparent #000;}

.z-arrow.z-px5{border-width:5px 5px 0;}
.z-arrow.z-up.z-px5{border-width:0 5px 5px;}
.z-arrow.z-left.z-px5{border-width:5px 5px 5px 0;}
.z-arrow.z-right.z-px5{border-width:5px 0 5px 5px;}

.z-arrow.z-px8{border-width:8px 8px 0;}
.z-arrow.z-up.z-px8{border-width:0 8px 8px;}
.z-arrow.z-left.z-px8{border-width:8px 8px 8px 0;}
.z-arrow.z-right.z-px8{border-width:8px 0 8px 8px;}

/** 上下左右的搂空箭头 */
.z-arrow span{position:absolute;top:-4px;left:-3px;border-style:solid;border-width:3px 3px 0;border-color:#fff transparent transparent;}
.z-arrow.z-px5 span{top:-5px;left:-4px;border-width:4px 4px 0;}
.z-arrow.z-px8 span{top:-8px;left:-7px;border-width:7px 7px 0;}

.z-arrow.z-up span{top:1px;left:-3px;border-width:0 3px 3px;border-color:transparent transparent #fff;}
.z-arrow.z-up.z-px5 span{left:-4px;border-width:0 4px 4px;}
.z-arrow.z-up.z-px8 span{left:-7px;border-width:0 7px 7px;}

.z-arrow.z-left span{left:1px;top:-3px;border-width:3px 3px 3px 0;border-color:transparent #fff transparent transparent;}
.z-arrow.z-left.z-px5 span{top:-4px;border-width:4px 4px 4px 0;}
.z-arrow.z-left.z-px8 span{top:-7px;border-width:7px 7px 7px 0;}

.z-arrow.z-right span{left:-4px;top:-3px;border-width:3px 0 3px 3px;border-color:transparent transparent transparent #fff;}
.z-arrow.z-right.z-px5 span{left:-5px;top:-4px;border-width:4px 0 4px 4px;}
.z-arrow.z-right.z-px8 span{left:-8px;top:-7px;border-width:7px 0 7px 7px;}

/** 上下左右的箭头颜色 */
.z-arrow.z-gray{border-color:#bcbcbc transparent transparent;}
.z-arrow.z-up.z-gray{border-color:transparent transparent #bcbcbc;}
.z-arrow.z-left.z-gray{border-color:transparent #bcbcbc transparent transparent;}
.z-arrow.z-right.z-gray{border-color:transparent transparent transparent #bcbcbc;}

/** 向上下/置顶底箭头图标  */
.z-arrow-move{display:inline-block;width:17px;height:19px;vertical-align:middle;background-image:url(image/ico_arrow_move.png);background-repeat:no-repeat;}
.z-arrow-move.z-top{background-position:0 0;}
.z-arrow-move.z-top:hover{background-position:-17px 0;}
.z-arrow-move.z-top.z-disabled{background-position:-34px 0;}
.z-arrow-move.z-up{background-position:-51px 0;}
.z-arrow-move.z-up:hover{background-position:-68px 0;}
.z-arrow-move.z-up.z-disabled{background-position:-85px 0;}
.z-arrow-move.z-down{background-position:0 -19px;}
.z-arrow-move.z-down:hover{background-position:-17px -19px;}
.z-arrow-move.z-down.z-disabled{background-position:-34px -19px;}
.z-arrow-move.z-bottom{background-position:-51px -19px;}
.z-arrow-move.z-bottom:hover{background-position:-68px -19px;}
.z-arrow-move.z-bottom.z-disabled{background-position:-85px -19px;}

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


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

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

/** 文本字体大小 */
.z-h1{font-size:24px;font-weight:bold;color:#333;line-height:150%;display:block;margin:14px 0;}
.z-h2{font-size:22px;font-weight:bold;color:#333;line-height:150%;display:block;margin:14px 0;}
.z-h3{font-size:20px;font-weight:bold;color:#333;line-height:150%;display:block;margin:14px 0;}

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

/** 块宽度 **/
.z-w20{width:20px;}.z-w30{width:30px;}
.z-w40{width:40px;}.z-w50{width:50px;}
.z-w60{width:60px;}.z-w70{width:70px;}
.z-w80{width:80px;}.z-w90{width:90px;}
.z-w100{width:100px;}.z-w110{width:110px;}
.z-w120{width:120px;}.z-w130{width:130px;}
.z-w140{width:140px;}.z-w150{width:150px;}
.z-w160{width:160px;}.z-w180{width:180px;}
.z-w200{width:200px;}.z-w300{width:300px;}
.z-w400{width:400px;}.z-w500{width:500px;}
.z-w600{width:600px;}.z-w700{width:700px;}
.z-w800{width:800px;}.z-w900{width:900px;}
.z-w1000{width:1000px;}.z-w1200{width:1200px;}

.zi-w20{width:20px !important;}.zi-w30{width:30px !important;}
.zi-w40{width:40px !important;}.zi-w50{width:50px !important;}
.zi-w60{width:60px !important;}.zi-w70{width:70px !important;}
.zi-w80{width:80px !important;}.zi-w90{width:90px !important;}
.zi-w100{width:100px !important;}.zi-w110{width:110px !important;}
.zi-w120{width:120px !important;}.zi-w130{width:130px !important;}
.zi-w140{width:140px !important;}.zi-w150{width:150px !important;}
.zi-w160{width:160px !important;}.zi-w180{width:180px !important;}
.zi-w200{width:200px !important;}.zi-w300{width:300px !important;}
.zi-w400{width:400px !important;}.zi-w500{width:500px !important;}
.zi-w600{width:600px !important;}.zi-w700{width:700px !important;}
.zi-w800{width:800px !important;}.zi-w900{width:900px !important;}
.zi-w1000{width:1000px !important;}.zi-w1200{width:1200px !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-h12{height:12px;}.z-h14{height:14px;}
.z-h16{height:16px;}.z-h18{height:18px;}
.z-h20{height:20px;}.z-h22{height:22px;}
.z-h25{height:25px;}.z-h30{height:30px;}
.z-h35{height:35px;}.z-h40{height:40px;}
.z-h50{height:50px;}.z-h60{height:60px;}
.z-h70{height:70px;}.z-h80{height:80px;}
.z-h90{height:90px;}.z-h100{height:100px;}
.z-h110{height:110px;}.z-h120{height:120px;}
.z-h130{height:130px;}.z-h140{height:140px;}
.z-h150{height:150px;}.z-h200{height:200px;}
.z-h300{height:300px;}.z-h400{height:400px;}
.z-h500{height:500px;}.z-h600{height:600px;}
.z-h700{height:700px;}.z-h800{height:800px;}
.z-h900{height:900px;}.z-h1000{height:1000px;}
.z-h1200{height:1200px;}

.zi-h0{height:0 !important;}
.zi-h12{height:12px !important;}.zi-h14{height:14px !important;}
.zi-h16{height:16px !important;}.zi-h18{height:18px !important;}
.zi-h20{height:20px !important;}.zi-h22{height:22px !important;}
.zi-h25{height:25px !important;}.zi-h30{height:30px !important;}
.zi-h35{height:35px !important;}.zi-h40{height:40px !important;}
.zi-h50{height:50px !important;}.zi-h60{height:60px !important;}
.zi-h70{height:70px !important;}.zi-h80{height:80px !important;}
.zi-h90{height:90px !important;}.zi-h100{height:100px !important;}
.zi-h110{height:110px !important;}.zi-h120{height:120px !important;}
.zi-h130{height:130px !important;}.zi-h140{height:140px !important;}
.zi-h150{height:150px !important;}.zi-h200{height:200px !important;}
.zi-h300{height:300px !important;}.zi-h400{height:400px !important;}
.zi-h500{height:500px !important;}.zi-h600{height:600px !important;}
.zi-h700{height:700px !important;}.zi-h800{height:800px !important;}
.zi-h900{height:900px !important;}.zi-h1000{height:1000px !important;}
.zi-h1200{height:1200px !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-lh10{line-height:10px;}.z-lh12{line-height:12px;}
.z-lh14{line-height:14px;}.z-lh15{line-height:15px;}
.z-lh16{line-height:16px;}.z-lh18{line-height:18px;}
.z-lh20{line-height:20px;}.z-lh22{line-height:22px;}
.z-lh25{line-height:25px;}.z-lh28{line-height:28px;}
.z-lh30{line-height:30px;}.z-lh35{line-height:35px;}
.z-lh40{line-height:40px;}.z-lh50{line-height:50px;}

.zi-lh10{line-height:10px !important;}.zi-lh12{line-height:12px !important;}
.zi-lh14{line-height:14px !important;}.zi-lh15{line-height:15px !important;}
.zi-lh16{line-height:16px !important;}.zi-lh18{line-height:18px !important;}
.zi-lh20{line-height:20px !important;}.zi-lh22{line-height:22px !important;}
.zi-lh25{line-height:25px !important;}.zi-lh28{line-height:28px !important;}
.zi-lh30{line-height:30px !important;}.zi-lh35{line-height:35px !important;}
.zi-lh40{line-height:40px !important;}.zi-lh50{line-height:50px !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-pd3{padding:3px;}.z-pd4{padding:4px;}
.z-pd5{padding:5px;}.z-pd6{padding:6px;}
.z-pd8{padding:8px;}.z-pd10{padding:10px;}
.z-pd12{padding:12px;}.z-pd14{padding:14px;}
.z-pd15{padding:15px;}.z-pd16{padding:16px;}
.z-pd18{padding:18px;}.z-pd20{padding:20px;}

.z-pd-l0{padding-left:0;}
.z-pd-l3{padding-left:3px;}.z-pd-l4{padding-left:4px;}
.z-pd-l5{padding-left:5px;}.z-pd-l6{padding-left:6px;}
.z-pd-l8{padding-left:8px;}.z-pd-l10{padding-left:10px;}
.z-pd-l12{padding-left:12px;}.z-pd-l14{padding-left:14px;}
.z-pd-l15{padding-left:15px;}.z-pd-l16{padding-left:16px;}
.z-pd-l18{padding-left:18px;}.z-pd-l20{padding-left:20px;}

.z-pd-r0{padding-right:0;}
.z-pd-r3{padding-right:3px;}.z-pd-r4{padding-right:4px;}
.z-pd-r5{padding-right:6px;}.z-pd-r6{padding-right:6px;}
.z-pd-r8{padding-right:8px;}.z-pd-r10{padding-right:10px;}
.z-pd-r12{padding-right:12px;}.z-pd-r14{padding-right:14px;}
.z-pd-r15{padding-right:15px;}.z-pd-r16{padding-right:16px;}
.z-pd-r18{padding-right:18px;}.z-pd-r20{padding-right:20px;}

.z-pd-t0{padding-top:0;}
.z-pd-t3{padding-top:3px;}.z-pd-t4{padding-top:4px;}
.z-pd-t5{padding-top:5px;}.z-pd-t6{padding-top:6px;}
.z-pd-t8{padding-top:8px;}.z-pd-t10{padding-top:10px;}
.z-pd-t12{padding-top:12px;}.z-pd-t14{padding-top:14px;}
.z-pd-t15{padding-top:15px;}.z-pd-t16{padding-top:16px;}
.z-pd-t18{padding-top:18px;}.z-pd-t20{padding-top:20px;}

.z-pd-b0{padding-bottom:0;}
.z-pd-b3{padding-bottom:3px;}.z-pd-b4{padding-bottom:4px;}
.z-pd-b5{padding-bottom:5px;}.z-pd-b6{padding-bottom:6px;}
.z-pd-b8{padding-bottom:8px;}.z-pd-b10{padding-bottom:10px;}
.z-pd-b12{padding-bottom:12px;}.z-pd-b14{padding-bottom:14px;}
.z-pd-b15{padding-bottom:15px;}.z-pd-b16{padding-bottom:16px;}
.z-pd-b18{padding-bottom:18px;}.z-pd-b20{padding-bottom:20px;}

.z-pd-lr0{padding-left:0;padding-right:0;}
.z-pd-lr3{padding-left:3px;padding-right:3px;}.z-pd-lr4{padding-left:4px;padding-right:4px;}
.z-pd-lr5{padding-left:5px;padding-right:5px;}.z-pd-lr6{padding-left:6px;padding-right:6px;}
.z-pd-lr8{padding-left:8px;padding-right:8px;}.z-pd-lr10{padding-left:8px;padding-right:8px;}
.z-pd-lr12{padding-left:12px;padding-right:12px;}.z-pd-lr14{padding-left:14px;padding-right:14px;}
.z-pd-lr15{padding-left:15px;padding-right:15px;}.z-pd-lr16{padding-left:16px;padding-right:16px;}
.z-pd-lr18{padding-left:18px;padding-right:18px;}.z-pd-lr20{padding-left:20px;padding-right:20px;}

.z-pd-tb0{padding-top:0;padding-bottom:0;}
.z-pd-tb3{padding-top:3px;padding-bottom:3px;}.z-pd-tb4{padding-top:4px;padding-bottom:4px;}
.z-pd-tb5{padding-top:5px;padding-bottom:5px;}.z-pd-tb6{padding-top:6px;padding-bottom:6px;}
.z-pd-tb8{padding-top:8px;padding-bottom:8px;}.z-pd-tb10{padding-top:8px;padding-bottom:8px;}
.z-pd-tb12{padding-top:12px;padding-bottom:12px;}.z-pd-tb14{padding-top:14px;padding-bottom:14px;}
.z-pd-tb15{padding-top:15px;padding-bottom:15px;}.z-pd-tb16{padding-top:16px;padding-bottom:16px;}
.z-pd-tb18{padding-top:18px;padding-bottom:18px;}.z-pd-tb20{padding-top:20px;padding-bottom:20px;}

.zi-pd0{padding:0 !important;}
.zi-pd3{padding:3px !important;}.zi-pd4{padding:4px !important;}
.zi-pd5{padding:5px !important;}.zi-pd6{padding:6px !important;}
.zi-pd8{padding:8px !important;}.zi-pd10{padding:10px !important;}
.zi-pd12{padding:12px !important;}.zi-pd14{padding:14px !important;}
.zi-pd15{padding:15px !important;}.zi-pd16{padding:16px !important;}
.zi-pd18{padding:18px !important;}.zi-pd20{padding:20px !important;}

.zi-pd-l0{padding-left:0 !important;}
.zi-pd-l3{padding-left:3px !important;}.zi-pd-l4{padding-left:4px !important;}
.zi-pd-l5{padding-left:5px !important;}.zi-pd-l6{padding-left:6px !important;}
.zi-pd-l8{padding-left:8px !important;}.zi-pd-l10{padding-left:10px !important;}
.zi-pd-l12{padding-left:12px !important;}.zi-pd-l14{padding-left:14px !important;}
.zi-pd-l15{padding-left:15px !important;}.zi-pd-l16{padding-left:16px !important;}
.zi-pd-l18{padding-left:18px !important;}.zi-pd-l20{padding-left:20px !important;}

.zi-pd-r0{padding-right:0 !important;}
.zi-pd-r3{padding-right:3px !important;}.zi-pd-r4{padding-right:4px !important;}
.zi-pd-r5{padding-right:6px !important;}.zi-pd-r6{padding-right:6px !important;}
.zi-pd-r8{padding-right:8px !important;}.zi-pd-r10{padding-right:10px !important;}
.zi-pd-r12{padding-right:12px !important;}.zi-pd-r14{padding-right:14px !important;}
.zi-pd-r15{padding-right:15px !important;}.zi-pd-r16{padding-right:16px !important;}
.zi-pd-r18{padding-right:18px !important;}.zi-pd-r20{padding-right:20px !important;}

.zi-pd-t0{padding-top:0 !important;}
.zi-pd-t3{padding-top:3px !important;}.zi-pd-t4{padding-top:4px !important;}
.zi-pd-t5{padding-top:5px !important;}.zi-pd-t6{padding-top:6px !important;}
.zi-pd-t8{padding-top:8px !important;}.zi-pd-t10{padding-top:10px !important;}
.zi-pd-t12{padding-top:12px !important;}.zi-pd-t14{padding-top:14px !important;}
.zi-pd-t15{padding-top:15px !important;}.zi-pd-t16{padding-top:16px !important;}
.zi-pd-t18{padding-top:18px !important;}.zi-pd-t20{padding-top:20px !important;}

.zi-pd-b0{padding-bottom:0 !important;}
.zi-pd-b3{padding-bottom:3px !important;}.zi-pd-b4{padding-bottom:4px !important;}
.zi-pd-b5{padding-bottom:5px !important;}.zi-pd-b6{padding-bottom:6px !important;}
.zi-pd-b8{padding-bottom:8px !important;}.zi-pd-b10{padding-bottom:10px !important;}
.zi-pd-b12{padding-bottom:12px !important;}.zi-pd-b14{padding-bottom:14px !important;}
.zi-pd-b15{padding-bottom:15px !important;}.zi-pd-b16{padding-bottom:16px !important;}
.zi-pd-b18{padding-bottom:18px !important;}.zi-pd-b20{padding-bottom:20px !important;}

.zi-pd-lr0{padding-left:0 !important;padding-right:0 !important;}
.zi-pd-lr3{padding-left:3px !important;padding-right:3px !important;}.zi-pd-lr4{padding-left:4px !important;padding-right:4px !important;}
.zi-pd-lr5{padding-left:5px !important;padding-right:5px !important;}.zi-pd-lr6{padding-left:6px !important;padding-right:6px !important;}
.zi-pd-lr8{padding-left:8px !important;padding-right:8px !important;}.zi-pd-lr10{padding-left:8px !important;padding-right:8px !important;}
.zi-pd-lr12{padding-left:12px !important;padding-right:12px !important;}.zi-pd-lr14{padding-left:14px !important;padding-right:14px !important;}
.zi-pd-lr15{padding-left:15px !important;padding-right:15px !important;}.zi-pd-lr16{padding-left:16px !important;padding-right:16px !important;}
.zi-pd-lr18{padding-left:18px !important;padding-right:18px !important;}.zi-pd-lr20{padding-left:20px !important;padding-right:20px !important;}

.zi-pd-tb0{padding-top:0 !important;padding-bottom:0 !important;}
.zi-pd-tb3{padding-top:3px !important;padding-bottom:3px !important;}.zi-pd-tb4{padding-top:4px !important;padding-bottom:4px !important;}
.zi-pd-tb5{padding-top:5px !important;padding-bottom:5px !important;}.zi-pd-tb6{padding-top:6px !important;padding-bottom:6px !important;}
.zi-pd-tb8{padding-top:8px !important;padding-bottom:8px !important;}.zi-pd-tb10{padding-top:8px !important;padding-bottom:8px !important;}
.zi-pd-tb12{padding-top:12px !important;padding-bottom:12px !important;}.zi-pd-tb14{padding-top:14px !important;padding-bottom:14px !important;}
.zi-pd-tb15{padding-top:15px !important;padding-bottom:15px !important;}.zi-pd-tb16{padding-top:16px !important;padding-bottom:16px !important;}
.zi-pd-tb18{padding-top:18px !important;padding-bottom:18px !important;}.zi-pd-tb20{padding-top:20px !important;padding-bottom:20px !important;}

.z-mg0{margin:0;}.z-mg3{margin:3px;}
.z-mg4{margin:4px;}.z-mg5{margin:5px;}
.z-mg6{margin:6px;}.z-mg8{margin:8px;}
.z-mg10{margin:10px;}.z-mg12{margin:12px;}
.z-mg14{margin:14px;}.z-mg15{margin:15px;}
.z-mg16{margin:16px;}.z-mg18{margin:18px;}
.z-mg20{margin:20px;}.z-mg30{margin:30px;}
.z-mg40{margin:40px;}.z-mg50{margin:50px;}

.z-mg-l0{margin-left:0;}.z-mg-l3{margin-left:3px;}
.z-mg-l4{margin-left:4px;}.z-mg-l5{margin-left:5px;}
.z-mg-l6{margin-left:6px;}.z-mg-l8{margin-left:8px;}
.z-mg-l10{margin-left:10px;}.z-mg-l12{margin-left:12px;}
.z-mg-l14{margin-left:14px;}.z-mg-l15{margin-left:15px;}
.z-mg-l16{margin-left:16px;}.z-mg-l18{margin-left:18px;}
.z-mg-l20{margin-left:20px;}.z-mg-l30{margin-left:30px;}
.z-mg-l40{margin-left:40px;}.z-mg-l50{margin-left:50px;}

.z-mg-r0{margin-right:0;}.z-mg-r3{margin-right:3px;}
.z-mg-r4{margin-right:4px;}.z-mg-r5{margin-right:6px;}
.z-mg-r6{margin-right:6px;}.z-mg-r8{margin-right:8px;}
.z-mg-r10{margin-right:10px;}.z-mg-r12{margin-right:12px;}
.z-mg-r14{margin-right:14px;}.z-mg-r15{margin-right:15px;}
.z-mg-r16{margin-right:16px;}.z-mg-r18{margin-right:18px;}
.z-mg-r20{margin-right:20px;}.z-mg-r30{margin-right:30px;}
.z-mg-r40{margin-right:40px;}.z-mg-r50{margin-right:50px;}

.z-mg-t0{margin-top:0;}.z-mg-t3{margin-top:3px;}
.z-mg-t4{margin-top:4px;}.z-mg-t5{margin-top:5px;}
.z-mg-t6{margin-top:6px;}.z-mg-t8{margin-top:8px;}
.z-mg-t10{margin-top:10px;}.z-mg-t12{margin-top:12px;}
.z-mg-t14{margin-top:14px;}.z-mg-t15{margin-top:15px;}
.z-mg-t16{margin-top:16px;}.z-mg-t18{margin-top:18px;}
.z-mg-t20{margin-top:20px;}.z-mg-t30{margin-top:30px;}
.z-mg-t40{margin-top:40px;}.z-mg-t50{margin-top:50px;}

.z-mg-b0{margin-bottom:0;}.z-mg-b3{margin-bottom:3px;}
.z-mg-b4{margin-bottom:4px;}.z-mg-b5{margin-bottom:5px;}
.z-mg-b6{margin-bottom:6px;}.z-mg-b8{margin-bottom:8px;}
.z-mg-b10{margin-bottom:10px;}.z-mg-b12{margin-bottom:12px;}
.z-mg-b14{margin-bottom:14px;}.z-mg-b15{margin-bottom:15px;}
.z-mg-b16{margin-bottom:16px;}.z-mg-b18{margin-bottom:18px;}
.z-mg-b20{margin-bottom:20px;}.z-mg-b30{margin-bottom:30px;}
.z-mg-b40{margin-bottom:40px;}.z-mg-b50{margin-bottom:50px;}

.z-mg-l-1{margin-left:-1px;}.z-mg-l-2{margin-left:-2px;}
.z-mg-l-3{margin-left:-3px;}.z-mg-l-4{margin-left:-4px;}
.z-mg-l-5{margin-left:-5px;}.z-mg-l-6{margin-left:-6px;}
.z-mg-l-8{margin-left:-8px;}.z-mg-l-10{margin-left:-10px;}
.z-mg-l-12{margin-left:-12px;}.z-mg-l-14{margin-left:-14px;}
.z-mg-l-15{margin-left:-15px;}.z-mg-l-16{margin-left:-16px;}
.z-mg-l-18{margin-left:-18px;}.z-mg-l-20{margin-left:-20px;}

.z-mg-r-1{margin-right:-1px;}.z-mg-r-2{margin-right:-2px;}
.z-mg-r-3{margin-right:-3px;}.z-mg-r-4{margin-right:-4px;}
.z-mg-r-5{margin-right:-5px;}.z-mg-r-6{margin-right:-6px;}
.z-mg-r-8{margin-right:-8px;}.z-mg-r-10{margin-right:-10px;}
.z-mg-r-12{margin-right:-12px;}.z-mg-r-14{margin-right:-14px;}
.z-mg-r-15{margin-right:-15px;}.z-mg-r-16{margin-right:-16px;}
.z-mg-r-18{margin-right:-18px;}.z-mg-r-20{margin-right:-20px;}

.z-mg-t-1{margin-top:-1px;}.z-mg-t-2{margin-top:-2px;}
.z-mg-t-3{margin-top:-3px;}.z-mg-t-4{margin-top:-4px;}
.z-mg-t-5{margin-top:-5px;}.z-mg-t-6{margin-top:-6px;}
.z-mg-t-8{margin-top:-8px;}.z-mg-t-10{margin-top:-10px;}
.z-mg-t-12{margin-top:-12px;}.z-mg-t-14{margin-top:-14px;}
.z-mg-t-15{margin-top:-15px;}.z-mg-t-15{margin-top:-15px;}
.z-mg-t-18{margin-top:-18px;}.z-mg-t-20{margin-top:-20px;}

.z-mg-b-1{margin-bottom:-1px;}.z-mg-b-2{margin-bottom:-2px;}
.z-mg-b-3{margin-bottom:-3px;}.z-mg-b-4{margin-bottom:-4px;}
.z-mg-b-5{margin-bottom:-5px;}.z-mg-b-6{margin-bottom:-6px;}
.z-mg-b-8{margin-bottom:-8px;}.z-mg-b-10{margin-bottom:-10px;}
.z-mg-b-12{margin-bottom:-12px;}.z-mg-b-14{margin-bottom:-14px;}
.z-mg-b-15{margin-bottom:-15px;}.z-mg-b-16{margin-bottom:-16px;}
.z-mg-b-18{margin-bottom:-18px;}.z-mg-b-20{margin-bottom:-20px;}

.z-mg-lr1{margin-left:1px;margin-right:1px;}.z-mg-lr2{margin-left:2px;margin-right:2px;}
.z-mg-lr3{margin-left:3px;margin-right:3px;}.z-mg-lr4{margin-left:4px;margin-right:4px;}
.z-mg-lr5{margin-left:5px;margin-right:5px;}.z-mg-lr6{margin-left:6px;margin-right:6px;}
.z-mg-lr7{margin-left:7px;margin-right:7px;}.z-mg-lr8{margin-left:8px;margin-right:8px;}
.z-mg-lr9{margin-left:9px;margin-right:9px;}.z-mg-lr10{margin-left:10px;margin-right:10px;}
.z-mg-lr12{margin-left:12px;margin-right:12px;}.z-mg-lr14{margin-left:14px;margin-right:14px;}
.z-mg-lr15{margin-left:15px;margin-right:15px;}.z-mg-lr16{margin-left:16px;margin-right:16px;}
.z-mg-lr18{margin-left:18px;margin-right:18px;}.z-mg-lr20{margin-left:20px;margin-right:20px;}
.z-mg-lr24{margin-left:24px;margin-right:24px;}.z-mg-lr25{margin-left:25px;margin-right:25px;}
.z-mg-lr26{margin-left:26px;margin-right:26px;}.z-mg-lr28{margin-left:28px;margin-right:28px;}
.z-mg-lr30{margin-left:30px;margin-right:30px;}

.z-mg-tb1{margin-top:1px;margin-bottom:1px;}.z-mg-tb2{margin-top:2px;margin-bottom:2px;}
.z-mg-tb3{margin-top:3px;margin-bottom:3px;}.z-mg-tb4{margin-top:4px;margin-bottom:4px;}
.z-mg-tb5{margin-top:5px;margin-bottom:5px;}.z-mg-tb6{margin-top:6px;margin-bottom:6px;}
.z-mg-tb7{margin-top:7px;margin-bottom:7px;}.z-mg-tb8{margin-top:8px;margin-bottom:8px;}
.z-mg-tb9{margin-top:9px;margin-bottom:9px;}.z-mg-tb10{margin-top:10px;margin-bottom:10px;}
.z-mg-tb12{margin-top:12px;margin-bottom:12px;}.z-mg-tb14{margin-top:14px;margin-bottom:14px;}
.z-mg-tb15{margin-top:15px;margin-bottom:15px;}.z-mg-tb16{margin-top:16px;margin-bottom:16px;}
.z-mg-tb18{margin-top:18px;margin-bottom:18px;}.z-mg-tb20{margin-top:20px;margin-bottom:20px;}
.z-mg-tb24{margin-top:24px;margin-bottom:24px;}.z-mg-tb25{margin-top:25px;margin-bottom:25px;}
.z-mg-tb26{margin-top:26px;margin-bottom:26px;}.z-mg-tb28{margin-top:28px;margin-bottom:28px;}
.z-mg-tb30{margin-top:30px;margin-bottom:30px;}

.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-mg3{margin:3px !important;}
.zi-mg4{margin:4px !important;}.zi-mg5{margin:5px !important;}
.zi-mg6{margin:6px !important;}.zi-mg8{margin:8px !important;}
.zi-mg10{margin:10px !important;}.zi-mg12{margin:12px !important;}
.zi-mg14{margin:14px !important;}.zi-mg15{margin:15px !important;}
.zi-mg16{margin:16px !important;}.zi-mg18{margin:18px !important;}
.zi-mg20{margin:20px !important;}.zi-mg30{margin:30px !important;}
.zi-mg40{margin:40px !important;}.zi-mg50{margin:50px !important;}

.zi-mg-l0{margin-left:0 !important;}.zi-mg-l3{margin-left:3px !important;}
.zi-mg-l4{margin-left:4px !important;}.zi-mg-l5{margin-left:5px !important;}
.zi-mg-l6{margin-left:6px !important;}.zi-mg-l8{margin-left:8px !important;}
.zi-mg-l10{margin-left:10px !important;}.zi-mg-l12{margin-left:12px !important;}
.zi-mg-l14{margin-left:14px !important;}.zi-mg-l15{margin-left:15px !important;}
.zi-mg-l16{margin-left:16px !important;}.zi-mg-l18{margin-left:18px !important;}
.zi-mg-l20{margin-left:20px !important;}.zi-mg-l30{margin-left:30px !important;}
.zi-mg-l40{margin-left:40px !important;}.zi-mg-l50{margin-left:50px !important;}

.zi-mg-r0{margin-right:0 !important;}.zi-mg-r3{margin-right:3px !important;}
.zi-mg-r4{margin-right:4px !important;}.zi-mg-r5{margin-right:6px !important;}
.zi-mg-r6{margin-right:6px !important;}.zi-mg-r8{margin-right:8px !important;}
.zi-mg-r10{margin-right:10px !important;}.zi-mg-r12{margin-right:12px !important;}
.zi-mg-r14{margin-right:14px !important;}.zi-mg-r15{margin-right:15px !important;}
.zi-mg-r16{margin-right:16px !important;}.zi-mg-r18{margin-right:18px !important;}
.zi-mg-r20{margin-right:20px !important;}.zi-mg-r30{margin-right:30px !important;}
.zi-mg-r40{margin-right:40px !important;}.zi-mg-r50{margin-right:50px !important;}

.zi-mg-t0{margin-top:0 !important;}.zi-mg-t3{margin-top:3px !important;}
.zi-mg-t4{margin-top:4px !important;}.zi-mg-t5{margin-top:5px !important;}
.zi-mg-t6{margin-top:6px !important;}.zi-mg-t8{margin-top:8px !important;}
.zi-mg-t10{margin-top:10px !important;}.zi-mg-t12{margin-top:12px !important;}
.zi-mg-t14{margin-top:14px !important;}.zi-mg-t15{margin-top:15px !important;}
.zi-mg-t16{margin-top:16px !important;}.zi-mg-t18{margin-top:18px !important;}
.zi-mg-t20{margin-top:20px !important;}.zi-mg-t30{margin-top:30px !important;}
.zi-mg-t40{margin-top:40px !important;}.zi-mg-t50{margin-top:50px !important;}

.zi-mg-b0{margin-bottom:0 !important;}.zi-mg-b3{margin-bottom:3px !important;}
.zi-mg-b4{margin-bottom:4px !important;}.zi-mg-b5{margin-bottom:5px !important;}
.zi-mg-b6{margin-bottom:6px !important;}.zi-mg-b8{margin-bottom:8px !important;}
.zi-mg-b10{margin-bottom:10px !important;}.zi-mg-b12{margin-bottom:12px !important;}
.zi-mg-b14{margin-bottom:14px !important;}.zi-mg-b15{margin-bottom:15px !important;}
.zi-mg-b16{margin-bottom:16px !important;}.zi-mg-b18{margin-bottom:18px !important;}
.zi-mg-b20{margin-bottom:20px !important;}.zi-mg-b30{margin-bottom:30px !important;}
.zi-mg-b40{margin-bottom:40px !important;}.zi-mg-b50{margin-bottom:50px !important;}

.zi-mg-t-1{margin-top:-1px !important;}.zi-mg-t-2{margin-top:-2px !important;}
.zi-mg-t-3{margin-top:-3px !important;}.zi-mg-t-4{margin-top:-4px !important;}
.zi-mg-t-5{margin-top:-5px !important;}.zi-mg-t-6{margin-top:-6px !important;}
.zi-mg-t-8{margin-top:-8px !important;}.zi-mg-t-10{margin-top:-10px !important;}
.zi-mg-t-12{margin-top:-12px !important;}.zi-mg-t-14{margin-top:-14px !important;}
.zi-mg-t-15{margin-top:-15px !important;}.zi-mg-t-15{margin-top:-15px !important;}
.zi-mg-t-18{margin-top:-18px !important;}.zi-mg-t-20{margin-top:-20px !important;}

.zi-mg-r-1{margin-right:-1px !important;}.zi-mg-r-2{margin-right:-2px !important;}
.zi-mg-r-3{margin-right:-3px !important;}.zi-mg-r-4{margin-right:-4px !important;}
.zi-mg-r-5{margin-right:-5px !important;}.zi-mg-r-6{margin-right:-6px !important;}
.zi-mg-r-8{margin-right:-8px !important;}.zi-mg-r-10{margin-right:-10px !important;}
.zi-mg-r-12{margin-right:-12px !important;}.zi-mg-r-14{margin-right:-14px !important;}
.zi-mg-r-15{margin-right:-15px !important;}.zi-mg-r-16{margin-right:-16px !important;}
.zi-mg-r-18{margin-right:-18px !important;}.zi-mg-r-20{margin-right:-20px !important;}

.zi-mg-b-1{margin-bottom:-1px !important;}.zi-mg-b-2{margin-bottom:-2px !important;}
.zi-mg-b-3{margin-bottom:-3px !important;}.zi-mg-b-4{margin-bottom:-4px !important;}
.zi-mg-b-5{margin-bottom:-5px !important;}.zi-mg-b-6{margin-bottom:-6px !important;}
.zi-mg-b-8{margin-bottom:-8px !important;}.zi-mg-b-10{margin-bottom:-10px !important;}
.zi-mg-b-12{margin-bottom:-12px !important;}.zi-mg-b-14{margin-bottom:-14px !important;}
.zi-mg-b-15{margin-bottom:-15px !important;}.zi-mg-b-16{margin-bottom:-16px !important;}
.zi-mg-b-18{margin-bottom:-18px !important;}.zi-mg-b-20{margin-bottom:-20px !important;}

.zi-mg-l-1{margin-left:-1px !important;}.zi-mg-l-2{margin-left:-2px !important;}
.zi-mg-l-3{margin-left:-3px !important;}.zi-mg-l-4{margin-left:-4px !important;}
.zi-mg-l-5{margin-left:-5px !important;}.zi-mg-l-6{margin-left:-6px !important;}
.zi-mg-l-8{margin-left:-8px !important;}.zi-mg-l-10{margin-left:-10px !important;}
.zi-mg-l-12{margin-left:-12px !important;}.zi-mg-l-14{margin-left:-14px !important;}
.zi-mg-l-15{margin-left:-15px !important;}.zi-mg-l-16{margin-left:-16px !important;}
.zi-mg-l-18{margin-left:-18px !important;}.zi-mg-l-20{margin-left:-20px !important;}

.zi-mg-lr1{margin-left:1px !important;margin-right:1px !important;}.zi-mg-lr2{margin-left:2px !important;margin-right:2px !important;}
.zi-mg-lr3{margin-left:3px !important;margin-right:3px !important;}.zi-mg-lr4{margin-left:4px !important;margin-right:4px !important;}
.zi-mg-lr5{margin-left:5px !important;margin-right:5px !important;}.zi-mg-lr6{margin-left:6px !important;margin-right:6px !important;}
.zi-mg-lr7{margin-left:7px !important;margin-right:7px !important;}.zi-mg-lr8{margin-left:8px !important;margin-right:8px !important;}
.zi-mg-lr9{margin-left:9px !important;margin-right:9px !important;}.zi-mg-lr10{margin-left:10px !important;margin-right:10px !important;}
.zi-mg-lr12{margin-left:12px !important;margin-right:12px !important;}.zi-mg-lr14{margin-left:14px !important;margin-right:14px !important;}
.zi-mg-lr15{margin-left:15px !important;margin-right:15px !important;}.zi-mg-lr16{margin-left:16px !important;margin-right:16px !important;}
.zi-mg-lr18{margin-left:18px !important;margin-right:18px !important;}.zi-mg-lr20{margin-left:20px !important;margin-right:20px !important;}
.zi-mg-lr24{margin-left:24px !important;margin-right:24px !important;}.zi-mg-lr25{margin-left:25px !important;margin-right:25px !important;}
.zi-mg-lr26{margin-left:26px !important;margin-right:26px !important;}.zi-mg-lr28{margin-left:28px !important;margin-right:28px !important;}
.zi-mg-lr30{margin-left:30px !important;margin-right:30px !important;}

.zi-mg-tb1{margin-top:1px !important;margin-bottom:1px !important;}.zi-mg-tb2{margin-top:2px !important;margin-bottom:2px !important;}
.zi-mg-tb3{margin-top:3px !important;margin-bottom:3px !important;}.zi-mg-tb4{margin-top:4px !important;margin-bottom:4px !important;}
.zi-mg-tb5{margin-top:5px !important;margin-bottom:5px !important;}.zi-mg-tb6{margin-top:6px !important;margin-bottom:6px !important;}
.zi-mg-tb7{margin-top:7px !important;margin-bottom:7px !important;}.zi-mg-tb8{margin-top:8px !important;margin-bottom:8px !important;}
.zi-mg-tb9{margin-top:9px !important;margin-bottom:9px !important;}.zi-mg-tb10{margin-top:10px !important;margin-bottom:10px !important;}
.zi-mg-tb12{margin-top:12px !important;margin-bottom:12px !important;}.zi-mg-tb14{margin-top:14px !important;margin-bottom:14px !important;}
.zi-mg-tb15{margin-top:15px !important;margin-bottom:15px !important;}.zi-mg-tb16{margin-top:16px !important;margin-bottom:16px !important;}
.zi-mg-tb18{margin-top:18px !important;margin-bottom:18px !important;}.zi-mg-tb20{margin-top:20px !important;margin-bottom:20px !important;}
.zi-mg-tb24{margin-top:24px !important;margin-bottom:24px !important;}.zi-mg-tb25{margin-top:25px !important;margin-bottom:25px !important;}
.zi-mg-tb26{margin-top:26px !important;margin-bottom:26px !important;}.zi-mg-tb28{margin-top:28px !important;margin-bottom:28px !important;}
.zi-mg-tb30{margin-top:30px !important;margin-bottom:30px !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;}

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

/** 默认表格无边框，单元格内边距为0 */
.z-table{border-collapse:separate;border-spacing:0;border:0;width:100%;}
.z-table td,.z-table th{padding:0;word-break:break-all;word-wrap:break-word;background-clip:padding-box;}

/** 改成表格td中去 */
.z-table.z-pd3{padding:0;}.z-table.z-pd3>tbody>tr>td,.z-table.z-pd3>tbody>tr>th,.z-table.z-pd3>thead>tr>td,.z-table.z-pd3>thead>tr>th{padding:3px;}
.z-table.z-pd4{padding:0;}.z-table.z-pd4>tbody>tr>td,.z-table.z-pd4>tbody>tr>th,.z-table.z-pd4>thead>tr>td,.z-table.z-pd4>thead>tr>th{padding:4px;}
.z-table.z-pd5{padding:0;}.z-table.z-pd5>tbody>tr>td,.z-table.z-pd5>tbody>tr>th,.z-table.z-pd5>thead>tr>td,.z-table.z-pd5>thead>tr>th{padding:5px;}
.z-table.z-pd6{padding:0;}.z-table.z-pd6>tbody>tr>td,.z-table.z-pd6>tbody>tr>th,.z-table.z-pd6>thead>tr>td,.z-table.z-pd6>thead>tr>th{padding:6px;}
.z-table.z-pd8{padding:0;}.z-table.z-pd8>tbody>tr>td,.z-table.z-pd8>tbody>tr>th,.z-table.z-pd8>thead>tr>td,.z-table.z-pd8>thead>tr>th{padding:8px;}
.z-table.z-pd10{padding:0;}.z-table.z-pd10>tbody>tr>td,.z-table.z-pd10>tbody>tr>th,.z-table.z-pd10>thead>tr>td,.z-table.z-pd10>thead>tr>th{padding:10px;}
.z-table.z-pd12{padding:0;}.z-table.z-pd12>tbody>tr>td,.z-table.z-pd12>tbody>tr>th,.z-table.z-pd12>thead>tr>td,.z-table.z-pd12>thead>tr>th{padding:12px;}
.z-table.z-pd14{padding:0;}.z-table.z-pd14>tbody>tr>td,.z-table.z-pd14>tbody>tr>th,.z-table.z-pd14>thead>tr>td,.z-table.z-pd14>thead>tr>th{padding:14px;}
.z-table.z-pd16{padding:0;}.z-table.z-pd16>tbody>tr>td,.z-table.z-pd16>tbody>tr>th,.z-table.z-pd16>thead>tr>td,.z-table.z-pd16>thead>tr>th{padding:16px;}
.z-table.z-pd18{padding:0;}.z-table.z-pd18>tbody>tr>td,.z-table.z-pd18>tbody>tr>th,.z-table.z-pd18>thead>tr>td,.z-table.z-pd18>thead>tr>th{padding:18px;}
.z-table.z-pd20{padding:0;}.z-table.z-pd20>tbody>tr>td,.z-table.z-pd20>tbody>tr>th,.z-table.z-pd20>thead>tr>td,.z-table.z-pd20>thead>tr>th{padding:20px;}

.z-table.z-pd-t3{padding-top:0;}.z-table.z-pd-t3>tbody>tr>td,.z-table.z-pd-t3>tbody>tr>th,.z-table.z-pd-t3>thead>tr>td,.z-table.z-pd-t3>thead>tr>th{padding-top:3px;}
.z-table.z-pd-t4{padding-top:0;}.z-table.z-pd-t4>tbody>tr>td,.z-table.z-pd-t4>tbody>tr>th,.z-table.z-pd-t4>thead>tr>td,.z-table.z-pd-t4>thead>tr>th{padding-top:4px;}
.z-table.z-pd-t5{padding-top:0;}.z-table.z-pd-t5>tbody>tr>td,.z-table.z-pd-t5>tbody>tr>th,.z-table.z-pd-t5>thead>tr>td,.z-table.z-pd-t5>thead>tr>th{padding-top:5px;}
.z-table.z-pd-t6{padding-top:0;}.z-table.z-pd-t6>tbody>tr>td,.z-table.z-pd-t6>tbody>tr>th,.z-table.z-pd-t6>thead>tr>td,.z-table.z-pd-t6>thead>tr>th{padding-top:6px;}
.z-table.z-pd-t8{padding-top:0;}.z-table.z-pd-t8>tbody>tr>td,.z-table.z-pd-t8>tbody>tr>th,.z-table.z-pd-t8>thead>tr>td,.z-table.z-pd-t8>thead>tr>th{padding-top:8px;}
.z-table.z-pd-t10{padding-top:0;}.z-table.z-pd-t10>tbody>tr>td,.z-table.z-pd-t10>tbody>tr>th,.z-table.z-pd-t10>thead>tr>td,.z-table.z-pd-t10>thead>tr>th{padding-top:10px;}
.z-table.z-pd-t12{padding-top:0;}.z-table.z-pd-t12>tbody>tr>td,.z-table.z-pd-t12>tbody>tr>th,.z-table.z-pd-t12>thead>tr>td,.z-table.z-pd-t12>thead>tr>th{padding-top:12px;}
.z-table.z-pd-t14{padding-top:0;}.z-table.z-pd-t14>tbody>tr>td,.z-table.z-pd-t14>tbody>tr>th,.z-table.z-pd-t14>thead>tr>td,.z-table.z-pd-t14>thead>tr>th{padding-top:14px;}
.z-table.z-pd-t16{padding-top:0;}.z-table.z-pd-t16>tbody>tr>td,.z-table.z-pd-t16>tbody>tr>th,.z-table.z-pd-t16>thead>tr>td,.z-table.z-pd-t16>thead>tr>th{padding-top:16px;}
.z-table.z-pd-t18{padding-top:0;}.z-table.z-pd-t18>tbody>tr>td,.z-table.z-pd-t18>tbody>tr>th,.z-table.z-pd-t18>thead>tr>td,.z-table.z-pd-t18>thead>tr>th{padding-top:18px;}
.z-table.z-pd-t20{padding-top:0;}.z-table.z-pd-t20>tbody>tr>td,.z-table.z-pd-t20>tbody>tr>th,.z-table.z-pd-t20>thead>tr>td,.z-table.z-pd-t20>thead>tr>th{padding-top:20px;}

.z-table.z-pd-l3{padding-left:0;}.z-table.z-pd-l3>tbody>tr>td,.z-table.z-pd-l3>tbody>tr>th,.z-table.z-pd-l3>thead>tr>td,.z-table.z-pd-l3>thead>tr>th{padding-left:3px;}
.z-table.z-pd-l4{padding-left:0;}.z-table.z-pd-l4>tbody>tr>td,.z-table.z-pd-l4>tbody>tr>th,.z-table.z-pd-l4>thead>tr>td,.z-table.z-pd-l4>thead>tr>th{padding-left:4px;}
.z-table.z-pd-l5{padding-left:0;}.z-table.z-pd-l5>tbody>tr>td,.z-table.z-pd-l5>tbody>tr>th,.z-table.z-pd-l5>thead>tr>td,.z-table.z-pd-l5>thead>tr>th{padding-left:5px;}
.z-table.z-pd-l6{padding-left:0;}.z-table.z-pd-l6>tbody>tr>td,.z-table.z-pd-l6>tbody>tr>th,.z-table.z-pd-l6>thead>tr>td,.z-table.z-pd-l6>thead>tr>th{padding-left:6px;}
.z-table.z-pd-l8{padding-left:0;}.z-table.z-pd-l8>tbody>tr>td,.z-table.z-pd-l8>tbody>tr>th,.z-table.z-pd-l8>thead>tr>td,.z-table.z-pd-l8>thead>tr>th{padding-left:8px;}
.z-table.z-pd-l10{padding-left:0;}.z-table.z-pd-l10>tbody>tr>td,.z-table.z-pd-l10>tbody>tr>th,.z-table.z-pd-l10>thead>tr>td,.z-table.z-pd-l10>thead>tr>th{padding-left:10px;}
.z-table.z-pd-l12{padding-left:0;}.z-table.z-pd-l12>tbody>tr>td,.z-table.z-pd-l12>tbody>tr>th,.z-table.z-pd-l12>thead>tr>td,.z-table.z-pd-l12>thead>tr>th{padding-left:12px;}
.z-table.z-pd-l14{padding-left:0;}.z-table.z-pd-l14>tbody>tr>td,.z-table.z-pd-l14>tbody>tr>th,.z-table.z-pd-l14>thead>tr>td,.z-table.z-pd-l14>thead>tr>th{padding-left:14px;}
.z-table.z-pd-l16{padding-left:0;}.z-table.z-pd-l16>tbody>tr>td,.z-table.z-pd-l16>tbody>tr>th,.z-table.z-pd-l16>thead>tr>td,.z-table.z-pd-l16>thead>tr>th{padding-left:16px;}
.z-table.z-pd-l18{padding-left:0;}.z-table.z-pd-l18>tbody>tr>td,.z-table.z-pd-l18>tbody>tr>th,.z-table.z-pd-l18>thead>tr>td,.z-table.z-pd-l18>thead>tr>th{padding-left:18px;}
.z-table.z-pd-l20{padding-left:0;}.z-table.z-pd-l20>tbody>tr>td,.z-table.z-pd-l20>tbody>tr>th,.z-table.z-pd-l20>thead>tr>td,.z-table.z-pd-l20>thead>tr>th{padding-left:20px;}

.z-table.z-pd-r3{padding-right:0;}.z-table.z-pd-r3>tbody>tr>td,.z-table.z-pd-r3>tbody>tr>th,.z-table.z-pd-r3>thead>tr>td,.z-table.z-pd-r3>thead>tr>th{padding-right:3px;}
.z-table.z-pd-r4{padding-right:0;}.z-table.z-pd-r4>tbody>tr>td,.z-table.z-pd-r4>tbody>tr>th,.z-table.z-pd-r4>thead>tr>td,.z-table.z-pd-r4>thead>tr>th{padding-right:4px;}
.z-table.z-pd-r5{padding-right:0;}.z-table.z-pd-r5>tbody>tr>td,.z-table.z-pd-r5>tbody>tr>th,.z-table.z-pd-r5>thead>tr>td,.z-table.z-pd-r5>thead>tr>th{padding-right:5px;}
.z-table.z-pd-r6{padding-right:0;}.z-table.z-pd-r6>tbody>tr>td,.z-table.z-pd-r6>tbody>tr>th,.z-table.z-pd-r6>thead>tr>td,.z-table.z-pd-r6>thead>tr>th{padding-right:6px;}
.z-table.z-pd-r8{padding-right:0;}.z-table.z-pd-r8>tbody>tr>td,.z-table.z-pd-r8>tbody>tr>th,.z-table.z-pd-r8>thead>tr>td,.z-table.z-pd-r8>thead>tr>th{padding-right:8px;}
.z-table.z-pd-r10{padding-right:0;}.z-table.z-pd-r10>tbody>tr>td,.z-table.z-pd-r10>tbody>tr>th,.z-table.z-pd-r10>thead>tr>td,.z-table.z-pd-r10>thead>tr>th{padding-right:10px;}
.z-table.z-pd-r12{padding-right:0;}.z-table.z-pd-r12>tbody>tr>td,.z-table.z-pd-r12>tbody>tr>th,.z-table.z-pd-r12>thead>tr>td,.z-table.z-pd-r12>thead>tr>th{padding-right:12px;}
.z-table.z-pd-r14{padding-right:0;}.z-table.z-pd-r14>tbody>tr>td,.z-table.z-pd-r14>tbody>tr>th,.z-table.z-pd-r14>thead>tr>td,.z-table.z-pd-r14>thead>tr>th{padding-right:14px;}
.z-table.z-pd-r16{padding-right:0;}.z-table.z-pd-r16>tbody>tr>td,.z-table.z-pd-r16>tbody>tr>th,.z-table.z-pd-r16>thead>tr>td,.z-table.z-pd-r16>thead>tr>th{padding-right:16px;}
.z-table.z-pd-r18{padding-right:0;}.z-table.z-pd-r18>tbody>tr>td,.z-table.z-pd-r18>tbody>tr>th,.z-table.z-pd-r18>thead>tr>td,.z-table.z-pd-r18>thead>tr>th{padding-right:18px;}
.z-table.z-pd-r20{padding-right:0;}.z-table.z-pd-r20>tbody>tr>td,.z-table.z-pd-r20>tbody>tr>th,.z-table.z-pd-r20>thead>tr>td,.z-table.z-pd-r20>thead>tr>th{padding-right:20px;}

.z-table.z-pd-b3{padding-bottom:0;}.z-table.z-pd-b3>tbody>tr>td,.z-table.z-pd-b3>tbody>tr>th,.z-table.z-pd-b3>thead>tr>td,.z-table.z-pd-b3>thead>tr>th{padding-bottom:3px;}
.z-table.z-pd-b4{padding-bottom:0;}.z-table.z-pd-b4>tbody>tr>td,.z-table.z-pd-b4>tbody>tr>th,.z-table.z-pd-b4>thead>tr>td,.z-table.z-pd-b4>thead>tr>th{padding-bottom:4px;}
.z-table.z-pd-b5{padding-bottom:0;}.z-table.z-pd-b5>tbody>tr>td,.z-table.z-pd-b5>tbody>tr>th,.z-table.z-pd-b5>thead>tr>td,.z-table.z-pd-b5>thead>tr>th{padding-bottom:5px;}
.z-table.z-pd-b6{padding-bottom:0;}.z-table.z-pd-b6>tbody>tr>td,.z-table.z-pd-b6>tbody>tr>th,.z-table.z-pd-b6>thead>tr>td,.z-table.z-pd-b6>thead>tr>th{padding-bottom:6px;}
.z-table.z-pd-b8{padding-bottom:0;}.z-table.z-pd-b8>tbody>tr>td,.z-table.z-pd-b8>tbody>tr>th,.z-table.z-pd-b8>thead>tr>td,.z-table.z-pd-b8>thead>tr>th{padding-bottom:8px;}
.z-table.z-pd-b10{padding-bottom:0;}.z-table.z-pd-b10>tbody>tr>td,.z-table.z-pd-b10>tbody>tr>th,.z-table.z-pd-b10>thead>tr>td,.z-table.z-pd-b10>thead>tr>th{padding-bottom:10px;}
.z-table.z-pd-b12{padding-bottom:0;}.z-table.z-pd-b12>tbody>tr>td,.z-table.z-pd-b12>tbody>tr>th,.z-table.z-pd-b12>thead>tr>td,.z-table.z-pd-b12>thead>tr>th{padding-bottom:12px;}
.z-table.z-pd-b14{padding-bottom:0;}.z-table.z-pd-b14>tbody>tr>td,.z-table.z-pd-b14>tbody>tr>th,.z-table.z-pd-b14>thead>tr>td,.z-table.z-pd-b14>thead>tr>th{padding-bottom:14px;}
.z-table.z-pd-b16{padding-bottom:0;}.z-table.z-pd-b16>tbody>tr>td,.z-table.z-pd-b16>tbody>tr>th,.z-table.z-pd-b16>thead>tr>td,.z-table.z-pd-b16>thead>tr>th{padding-bottom:16px;}
.z-table.z-pd-b18{padding-bottom:0;}.z-table.z-pd-b18>tbody>tr>td,.z-table.z-pd-b18>tbody>tr>th,.z-table.z-pd-b18>thead>tr>td,.z-table.z-pd-b18>thead>tr>th{padding-bottom:18px;}
.z-table.z-pd-b20{padding-bottom:0;}.z-table.z-pd-b20>tbody>tr>td,.z-table.z-pd-b20>tbody>tr>th,.z-table.z-pd-b20>thead>tr>td,.z-table.z-pd-b20>thead>tr>th{padding-bottom:20px;}

.z-table.z-px10>tbody>tr>td,.z-table.z-px10>tbody>tr>th,.z-table.z-px10>thead>tr>td,.z-table.z-px10>thead>tr>th{font-size:10px;}
.z-table.z-px11>tbody>tr>td,.z-table.z-px11>tbody>tr>th,.z-table.z-px11>thead>tr>td,.z-table.z-px11>thead>tr>th{font-size:11px;}
.z-table.z-px12>tbody>tr>td,.z-table.z-px12>tbody>tr>th,.z-table.z-px12>thead>tr>td,.z-table.z-px12>thead>tr>th{font-size:12px;}
.z-table.z-px13>tbody>tr>td,.z-table.z-px13>tbody>tr>th,.z-table.z-px13>thead>tr>td,.z-table.z-px13>thead>tr>th{font-size:13px;}
.z-table.z-px14>tbody>tr>td,.z-table.z-px14>tbody>tr>th,.z-table.z-px14>thead>tr>td,.z-table.z-px14>thead>tr>th{font-size:14px;}
.z-table.z-px15>tbody>tr>td,.z-table.z-px15>tbody>tr>th,.z-table.z-px15>thead>tr>td,.z-table.z-px15>thead>tr>th{font-size:15px;}
.z-table.z-px16>tbody>tr>td,.z-table.z-px16>tbody>tr>th,.z-table.z-px16>thead>tr>td,.z-table.z-px16>thead>tr>th{font-size:16px;}
.z-table.z-px17>tbody>tr>td,.z-table.z-px17>tbody>tr>th,.z-table.z-px17>thead>tr>td,.z-table.z-px17>thead>tr>th{font-size:17px;}
.z-table.z-px18>tbody>tr>td,.z-table.z-px18>tbody>tr>th,.z-table.z-px18>thead>tr>td,.z-table.z-px18>thead>tr>th{font-size:18px;}
.z-table.z-px19>tbody>tr>td,.z-table.z-px19>tbody>tr>th,.z-table.z-px19>thead>tr>td,.z-table.z-px19>thead>tr>th{font-size:19px;}
.z-table.z-px20>tbody>tr>td,.z-table.z-px20>tbody>tr>th,.z-table.z-px20>thead>tr>td,.z-table.z-px20>thead>tr>th{font-size:20px;}
.z-table.z-px22>tbody>tr>td,.z-table.z-px22>tbody>tr>th,.z-table.z-px22>thead>tr>td,.z-table.z-px22>thead>tr>th{font-size:22px;}
.z-table.z-px24>tbody>tr>td,.z-table.z-px24>tbody>tr>th,.z-table.z-px24>thead>tr>td,.z-table.z-px24>thead>tr>th{font-size:24px;}
.z-table.z-px26>tbody>tr>td,.z-table.z-px26>tbody>tr>th,.z-table.z-px26>thead>tr>td,.z-table.z-px26>thead>tr>th{font-size:26px;}
.z-table.z-px30>tbody>tr>td,.z-table.z-px30>tbody>tr>th,.z-table.z-px30>thead>tr>td,.z-table.z-px30>thead>tr>th{font-size:30px;}
.z-table.z-px40>tbody>tr>td,.z-table.z-px40>tbody>tr>th,.z-table.z-px40>thead>tr>td,.z-table.z-px40>thead>tr>th{font-size:40px;}
.z-table.z-px50>tbody>tr>td,.z-table.z-px50>tbody>tr>th,.z-table.z-px50>thead>tr>td,.z-table.z-px50>thead>tr>th{font-size:50px;}

.z-table.z-lh100p>tbody>tr>td,.z-table.z-lh100p>tbody>tr>th,.z-table.z-lh100p>thead>tr>td,.z-table.z-lh100p>thead>tr>th{line-height:100%;}
.z-table.z-lh110p>tbody>tr>td,.z-table.z-lh110p>tbody>tr>th,.z-table.z-lh110p>thead>tr>td,.z-table.z-lh110p>thead>tr>th{line-height:110%;}
.z-table.z-lh120p>tbody>tr>td,.z-table.z-lh120p>tbody>tr>th,.z-table.z-lh120p>thead>tr>td,.z-table.z-lh120p>thead>tr>th{line-height:120%;}
.z-table.z-lh130p>tbody>tr>td,.z-table.z-lh130p>tbody>tr>th,.z-table.z-lh130p>thead>tr>td,.z-table.z-lh130p>thead>tr>th{line-height:130%;}
.z-table.z-lh140p>tbody>tr>td,.z-table.z-lh140p>tbody>tr>th,.z-table.z-lh140p>thead>tr>td,.z-table.z-lh140p>thead>tr>th{line-height:140%;}
.z-table.z-lh150p>tbody>tr>td,.z-table.z-lh150p>tbody>tr>th,.z-table.z-lh150p>thead>tr>td,.z-table.z-lh150p>thead>tr>th{line-height:150%;}
.z-table.z-lh180p>tbody>tr>td,.z-table.z-lh180p>tbody>tr>th,.z-table.z-lh180p>thead>tr>td,.z-table.z-lh180p>thead>tr>th{line-height:180%;}
.z-table.z-lh200p>tbody>tr>td,.z-table.z-lh200p>tbody>tr>th,.z-table.z-lh200p>thead>tr>td,.z-table.z-lh200p>thead>tr>th{line-height:200%;}
.z-table.z-lh250p>tbody>tr>td,.z-table.z-lh250p>tbody>tr>th,.z-table.z-lh250p>thead>tr>td,.z-table.z-lh250p>thead>tr>th{line-height:250%;}

.z-table.z-lh12>tbody>tr>td,.z-table.z-lh12>tbody>tr>th,.z-table.z-lh12>thead>tr>td,.z-table.z-lh12>thead>tr>th{line-height:12px;}
.z-table.z-lh14>tbody>tr>td,.z-table.z-lh14>tbody>tr>th,.z-table.z-lh14>thead>tr>td,.z-table.z-lh14>thead>tr>th{line-height:14px;}
.z-table.z-lh15>tbody>tr>td,.z-table.z-lh15>tbody>tr>th,.z-table.z-lh15>thead>tr>td,.z-table.z-lh15>thead>tr>th{line-height:15px;}
.z-table.z-lh16>tbody>tr>td,.z-table.z-lh16>tbody>tr>th,.z-table.z-lh16>thead>tr>td,.z-table.z-lh16>thead>tr>th{line-height:16px;}
.z-table.z-lh18>tbody>tr>td,.z-table.z-lh18>tbody>tr>th,.z-table.z-lh18>thead>tr>td,.z-table.z-lh18>thead>tr>th{line-height:18px;}
.z-table.z-lh20>tbody>tr>td,.z-table.z-lh20>tbody>tr>th,.z-table.z-lh20>thead>tr>td,.z-table.z-lh20>thead>tr>th{line-height:20px;}
.z-table.z-lh25>tbody>tr>td,.z-table.z-lh25>tbody>tr>th,.z-table.z-lh25>thead>tr>td,.z-table.z-lh25>thead>tr>th{line-height:25px;}
.z-table.z-lh30>tbody>tr>td,.z-table.z-lh30>tbody>tr>th,.z-table.z-lh30>thead>tr>td,.z-table.z-lh30>thead>tr>th{line-height:30px;}
.z-table.z-lh35>tbody>tr>td,.z-table.z-lh35>tbody>tr>th,.z-table.z-lh35>thead>tr>td,.z-table.z-lh35>thead>tr>th{line-height:35px;}
.z-table.z-lh40>tbody>tr>td,.z-table.z-lh40>tbody>tr>th,.z-table.z-lh40>thead>tr>td,.z-table.z-lh40>thead>tr>th{line-height:40px;}

.z-table.z-h20-tr>tbody>tr,.z-table.z-h20-tr>thead>tr{height:20px;}
.z-table.z-h22-tr>tbody>tr,.z-table.z-h22-tr>thead>tr{height:22px;}
.z-table.z-h25-tr>tbody>tr,.z-table.z-h25-tr>thead>tr{height:25px;}
.z-table.z-h30-tr>tbody>tr,.z-table.z-h30-tr>thead>tr{height:30px;}
.z-table.z-h35-tr>tbody>tr,.z-table.z-h35-tr>thead>tr{height:35px;}
.z-table.z-h40-tr>tbody>tr,.z-table.z-h40-tr>thead>tr{height:40px;}
.z-table.z-h50-tr>tbody>tr,.z-table.z-h50-tr>thead>tr{height:50px;}
.z-table.z-h60-tr>tbody>tr,.z-table.z-h60-tr>thead>tr{height:60px;}
.z-table.z-h70-tr>tbody>tr,.z-table.z-h70-tr>thead>tr{height:70px;}
.z-table.z-h80-tr>tbody>tr,.z-table.z-h80-tr>thead>tr{height:80px;}
.z-table.z-h90-tr>tbody>tr,.z-table.z-h90-tr>thead>tr{height:90px;}
.z-table.z-h100-tr>tbody>tr,.z-table.z-h100-tr>thead>tr{height:100px;}

/** 表格行线，合并边框 */
.z-table.z-bordered-line{border-collapse:collapse;}
.z-table.z-bordered-line>thead>tr>th,
.z-table.z-bordered-line>thead>tr>td,
.z-table.z-bordered-line>tbody>tr>th,
.z-table.z-bordered-line>tbody>tr>td{border:1px solid #d3d3d3;border-left:none;border-right:none;}

.z-table.z-bordered-line.z-red>thead>tr>th,
.z-table.z-bordered-line.z-red>thead>tr>td,
.z-table.z-bordered-line.z-red>tbody>tr>th,
.z-table.z-bordered-line.z-red>tbody>tr>td{border:1px solid #ea4a36;border-left:none;border-right:none;}
.z-table.z-bordered-line.z-orange>thead>tr>th,
.z-table.z-bordered-line.z-orange>thead>tr>td,
.z-table.z-bordered-line.z-orange>tbody>tr>th,
.z-table.z-bordered-line.z-orange>tbody>tr>td{border:1px solid #ff6600;border-left:none;border-right:none;}
.z-table.z-bordered-line.z-yellow>thead>tr>th,
.z-table.z-bordered-line.z-yellow>thead>tr>td,
.z-table.z-bordered-line.z-yellow>tbody>tr>th,
.z-table.z-bordered-line.z-yellow>tbody>tr>td{border:1px solid #fac603;border-left:none;border-right:none;}
.z-table.z-bordered-line.z-green>thead>tr>th,
.z-table.z-bordered-line.z-green>thead>tr>td,
.z-table.z-bordered-line.z-green>tbody>tr>th,
.z-table.z-bordered-line.z-green>tbody>tr>td{border:1px solid #43cd6e;border-left:none;border-right:none;}
.z-table.z-bordered-line.z-cyan>thead>tr>th,
.z-table.z-bordered-line.z-cyan>thead>tr>td,
.z-table.z-bordered-line.z-cyan>tbody>tr>th,
.z-table.z-bordered-line.z-cyan>tbody>tr>td{border:1px solid #009899;border-left:none;border-right:none;}
.z-table.z-bordered-line.z-blue>thead>tr>th,
.z-table.z-bordered-line.z-blue>thead>tr>td,
.z-table.z-bordered-line.z-blue>tbody>tr>th,
.z-table.z-bordered-line.z-blue>tbody>tr>td{border:1px solid #2a689d;border-left:none;border-right:none;}
.z-table.z-bordered-line.z-purple>thead>tr>th,
.z-table.z-bordered-line.z-purple>thead>tr>td,
.z-table.z-bordered-line.z-purple>tbody>tr>th,
.z-table.z-bordered-line.z-purple>tbody>tr>td{border:1px solid #9e70ca;border-left:none;border-right:none;}

/* 删除表格上下边框 */
.z-table.z-bordered-line.zi-bd-t-none>thead>tr:first-child>th,
.z-table.z-bordered-line.zi-bd-t-none>thead>tr:first-child>td,
.z-table.z-bordered-line.zi-bd-t-none>tbody>tr:first-child>th,
.z-table.z-bordered-line.zi-bd-t-none>tbody>tr:first-child>td{border-top:none !important;}

.z-table.z-bordered-line.zi-bd-b-none>thead>tr:first-child>th,
.z-table.z-bordered-line.zi-bd-b-none>thead>tr:first-child>td,
.z-table.z-bordered-line.zi-bd-b-none>tbody>tr:first-child>th,
.z-table.z-bordered-line.zi-bd-b-none>tbody>tr:first-child>td{border-bottom:none !important;}

/** 表格边框 */
.z-table.z-bordered{border:1px solid #d3d3d3;}
.z-table.z-bordered>thead>tr>th,
.z-table.z-bordered>thead>tr>td,
.z-table.z-bordered>tbody>tr>th,
.z-table.z-bordered>tbody>tr>td{border:1px solid #d3d3d3;border-right:none;border-bottom:none;}
.z-table.z-bordered>thead>tr:last-child>th,
.z-table.z-bordered>thead>tr:last-child>td{border-bottom:1px solid #d3d3d3;}

.z-table.z-bordered.z-red{border:1px solid #ea4a36;}
.z-table.z-bordered.z-red>thead>tr>th,
.z-table.z-bordered.z-red>thead>tr>td,
.z-table.z-bordered.z-red>tbody>tr>th,
.z-table.z-bordered.z-red>tbody>tr>td{border:1px solid #ea4a36;border-right:none;border-bottom:none;}
.z-table.z-bordered.z-red>thead>tr:last-child>th,
.z-table.z-bordered.z-red>thead>tr:last-child>td{border-bottom:1px solid #ea4a36;}
.z-table.z-bordered.z-orange{border:1px solid #ff6600;}
.z-table.z-bordered.z-orange>thead>tr>th,
.z-table.z-bordered.z-orange>thead>tr>td,
.z-table.z-bordered.z-orange>tbody>tr>th,
.z-table.z-bordered.z-orange>tbody>tr>td{border:1px solid #ff6600;border-right:none;border-bottom:none;}
.z-table.z-bordered.z-orange>thead>tr:last-child>th,
.z-table.z-bordered.z-orange>thead>tr:last-child>td{border-bottom:1px solid #ff6600;}
.z-table.z-bordered.z-yellow{border:1px solid #fac603;}
.z-table.z-bordered.z-yellow>thead>tr>th,
.z-table.z-bordered.z-yellow>thead>tr>td,
.z-table.z-bordered.z-yellow>tbody>tr>th,
.z-table.z-bordered.z-yellow>tbody>tr>td{border:1px solid #fac603;border-right:none;border-bottom:none;}
.z-table.z-bordered.z-yellow>thead>tr:last-child>th,
.z-table.z-bordered.z-yellow>thead>tr:last-child>td{border-bottom:1px solid #fac603;}
.z-table.z-bordered.z-green{border:1px solid #43cd6e;}
.z-table.z-bordered.z-green>thead>tr>th,
.z-table.z-bordered.z-green>thead>tr>td,
.z-table.z-bordered.z-green>tbody>tr>th,
.z-table.z-bordered.z-green>tbody>tr>td{border:1px solid #43cd6e;border-right:none;border-bottom:none;}
.z-table.z-bordered.z-green>thead>tr:last-child>th,
.z-table.z-bordered.z-green>thead>tr:last-child>td{border-bottom:1px solid #43cd6e;}
.z-table.z-bordered.z-cyan{border:1px solid #009899;}
.z-table.z-bordered.z-cyan>thead>tr>th,
.z-table.z-bordered.z-cyan>thead>tr>td,
.z-table.z-bordered.z-cyan>tbody>tr>th,
.z-table.z-bordered.z-cyan>tbody>tr>td{border:1px solid #009899;border-right:none;border-bottom:none;}
.z-table.z-bordered.z-cyan>thead>tr:last-child>th,
.z-table.z-bordered.z-cyan>thead>tr:last-child>td{border-bottom:1px solid #009899;}
.z-table.z-bordered.z-blue{border:1px solid #2a689d;}
.z-table.z-bordered.z-blue>thead>tr>th,
.z-table.z-bordered.z-blue>thead>tr>td,
.z-table.z-bordered.z-blue>tbody>tr>th,
.z-table.z-bordered.z-blue>tbody>tr>td{border:1px solid #2a689d;border-right:none;border-bottom:none;}
.z-table.z-bordered.z-blue>thead>tr:last-child>th,
.z-table.z-bordered.z-blue>thead>tr:last-child>td{border-bottom:1px solid #2a689d;}
.z-table.z-bordered.z-purple{border:1px solid #9e70ca;}
.z-table.z-bordered.z-purple>thead>tr>th,
.z-table.z-bordered.z-purple>thead>tr>td,
.z-table.z-bordered.z-purple>tbody>tr>th,
.z-table.z-bordered.z-purple>tbody>tr>td{border:1px solid #9e70ca;border-right:none;border-bottom:none;}
.z-table.z-bordered.z-purple>thead>tr:last-child>th,
.z-table.z-bordered.z-purple>thead>tr:last-child>td{border-bottom:1px solid #9e70ca;}

/** 表格第一行上边框不要，第一列左边框不要，放置在颜色之后保证所有颜色上左边框都生效 */
.z-table.z-bordered>thead>tr>th:first-child,
.z-table.z-bordered>thead>tr>td:first-child,
.z-table.z-bordered>tbody>tr>th:first-child,
.z-table.z-bordered>tbody>tr>td:first-child{border-left:none;}
.z-table.z-bordered>thead>tr:first-child>th,
.z-table.z-bordered>thead>tr:first-child>td,
.z-table.z-bordered>tbody>tr:first-child>th,
.z-table.z-bordered>tbody>tr:first-child>td{border-top:none;}

/** 表格边框圆角时要求第一行第一列和最后一列圆角，保证有背景时上面两个是圆角，下面两个需要手动设置 */
.z-table.z-bordered.z-bd-rd5>thead>tr:first-child>th:first-child,
.z-table.z-bordered.z-bd-rd5>thead>tr:first-child>td:first-child,
.z-table.z-bordered.z-bd-rd5>tbody>tr:first-child>th:first-child,
.z-table.z-bordered.z-bd-rd5>tbody>tr:first-child>td:first-child,
.z-table.z-bordered.zi-bd-rd5>thead>tr:first-child>th:first-child,
.z-table.z-bordered.zi-bd-rd5>thead>tr:first-child>td:first-child,
.z-table.z-bordered.zi-bd-rd5>tbody>tr:first-child>th:first-child,
.z-table.z-bordered.zi-bd-rd5>tbody>tr:first-child>td:first-child{border-top-left-radius:5px;}

.z-table.z-bordered.z-bd-rd5>thead>tr:first-child>th:last-child,
.z-table.z-bordered.z-bd-rd5>thead>tr:first-child>td:last-child,
.z-table.z-bordered.z-bd-rd5>tbody>tr:first-child>th:last-child,
.z-table.z-bordered.z-bd-rd5>tbody>tr:first-child>td:last-child,
.z-table.z-bordered.zi-bd-rd5>thead>tr:first-child>th:last-child,
.z-table.z-bordered.zi-bd-rd5>thead>tr:first-child>td:last-child,
.z-table.z-bordered.zi-bd-rd5>tbody>tr:first-child>th:last-child,
.z-table.z-bordered.zi-bd-rd5>tbody>tr:first-child>td:last-child{border-top-right-radius:5px;}

.z-table.z-bordered.z-bd-rd8>thead>tr:first-child>th:first-child,
.z-table.z-bordered.z-bd-rd8>thead>tr:first-child>td:first-child,
.z-table.z-bordered.z-bd-rd8>tbody>tr:first-child>th:first-child,
.z-table.z-bordered.z-bd-rd8>tbody>tr:first-child>td:first-child,
.z-table.z-bordered.zi-bd-rd8>thead>tr:first-child>th:first-child,
.z-table.z-bordered.zi-bd-rd8>thead>tr:first-child>td:first-child,
.z-table.z-bordered.zi-bd-rd8>tbody>tr:first-child>th:first-child,
.z-table.z-bordered.zi-bd-rd8>tbody>tr:first-child>td:first-child{border-top-left-radius:8px;}

.z-table.z-bordered.z-bd-rd8>thead>tr:first-child>th:last-child,
.z-table.z-bordered.z-bd-rd8>thead>tr:first-child>td:last-child,
.z-table.z-bordered.z-bd-rd8>tbody>tr:first-child>th:last-child,
.z-table.z-bordered.z-bd-rd8>tbody>tr:first-child>td:last-child,
.z-table.z-bordered.zi-bd-rd8>thead>tr:first-child>th:last-child,
.z-table.z-bordered.zi-bd-rd8>thead>tr:first-child>td:last-child,
.z-table.z-bordered.zi-bd-rd8>tbody>tr:first-child>th:last-child,
.z-table.z-bordered.zi-bd-rd8>tbody>tr:first-child>td:last-child{border-top-right-radius:8px;}

.z-table.z-bordered.z-bd-rd10>thead>tr:first-child>th:first-child,
.z-table.z-bordered.z-bd-rd10>thead>tr:first-child>td:first-child,
.z-table.z-bordered.z-bd-rd10>tbody>tr:first-child>th:first-child,
.z-table.z-bordered.z-bd-rd10>tbody>tr:first-child>td:first-child,
.z-table.z-bordered.zi-bd-rd10>thead>tr:first-child>th:first-child,
.z-table.z-bordered.zi-bd-rd10>thead>tr:first-child>td:first-child,
.z-table.z-bordered.zi-bd-rd10>tbody>tr:first-child>th:first-child,
.z-table.z-bordered.zi-bd-rd10>tbody>tr:first-child>td:first-child{border-top-left-radius:10px;}

.z-table.z-bordered.z-bd-rd10>thead>tr:first-child>th:last-child,
.z-table.z-bordered.z-bd-rd10>thead>tr:first-child>td:last-child,
.z-table.z-bordered.z-bd-rd10>tbody>tr:first-child>th:last-child,
.z-table.z-bordered.z-bd-rd10>tbody>tr:first-child>td:last-child,
.z-table.z-bordered.zi-bd-rd10>thead>tr:first-child>th:last-child,
.z-table.z-bordered.zi-bd-rd10>thead>tr:first-child>td:last-child,
.z-table.z-bordered.zi-bd-rd10>tbody>tr:first-child>th:last-child,
.z-table.z-bordered.zi-bd-rd10>tbody>tr:first-child>td:last-child{border-top-right-radius:10px;}

/* 删除表格上下边框 */
.z-table.z-bordered.zi-bd-t-none>thead>tr:first-child>th,
.z-table.z-bordered.zi-bd-t-none>thead>tr:first-child>td,
.z-table.z-bordered.zi-bd-t-none>tbody>tr:first-child>th,
.z-table.z-bordered.zi-bd-t-none>tbody>tr:first-child>td{border-top:none !important;}

.z-table.z-bordered.zi-bd-b-none>thead>tr:first-child>th,
.z-table.z-bordered.zi-bd-b-none>thead>tr:first-child>td,
.z-table.z-bordered.zi-bd-b-none>tbody>tr:first-child>th,
.z-table.z-bordered.zi-bd-b-none>tbody>tr:first-child>td{border-bottom:none !important;}

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

/** 输入框相关 */
.z-input {
  font-family:"微软雅黑","宋体";
  display:inline-block;
  vertical-align:middle;
  padding:3px 4px;
  height:30px;
  line-height:22px;
  font-size:14px;
  color:#000;
  background-color:#fff;
  border:1px solid #999;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:border linear .2s, box-shadow linear .2s;
  -moz-transition:border linear .2s, box-shadow linear .2s;
  -o-transition:border linear .2s, box-shadow linear .2s;
  transition:border linear .2s, box-shadow linear .2s;
}

.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:1px 4px;line-height:18px;font-size:12px;height:22px;}
.z-input.z-small {padding:2px 4px;line-height:18px;font-size:12px;height:26px;}
.z-input.z-medium {padding:3px 4px;line-height:22px;font-size:14px;height:30px;}
.z-input.z-large {padding:4px 6px;line-height:24px;font-size:16px;height:34px;}
.z-input.z-xlarge {padding:5px 8px;line-height:26px;font-size:18px;height:38px;}

/** 多选框 */
.z-checkbox{display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #909090;cursor:pointer;}
.z-checkbox:hover{border:2px solid #333;}
.z-checkbox.z-red:hover{border:2px solid #ea4a36;}
.z-checkbox.z-orange:hover{border:2px solid #ff6600;}
.z-checkbox.z-yellow:hover{border:2px solid #fac603;}
.z-checkbox.z-green:hover{border:2px solid #43cd6e;}
.z-checkbox.z-cyan:hover{border:2px solid #009899;}
.z-checkbox.z-blue:hover{border:2px solid #28a3ef;}
.z-checkbox.z-purple:hover{border:2px solid #9e70ca;}

.z-checkbox.z-active{border:1px solid #333;background-color:#333;background-image:url(image/ico_16.png);background-repeat:no-repeat;background-position:0 -192px;}
.z-checkbox.z-red.z-active{border:1px solid #ea4a36;background-color:#ea4a36;}
.z-checkbox.z-orange.z-active{border:1px solid #ff6600;background-color:#ff6600;}
.z-checkbox.z-yellow.z-active{border:1px solid #fac603;background-color:#fac603;}
.z-checkbox.z-green.z-active{border:1px solid #43cd6e;background-color:#43cd6e;}
.z-checkbox.z-cyan.z-active{border:1px solid #009899;background-color:#009899;}
.z-checkbox.z-blue.z-active{border:1px solid #28a3ef;background-color:#28a3ef;}
.z-checkbox.z-purple.z-active{border:1px solid #9e70ca;background-color:#9e70ca;}

.z-checkbox.z-large{width:18px;height:18px;}
.z-checkbox.z-large.z-active{background-position:1px -191px;width:18px;height:18px;}
.z-checkbox.z-xlarge{width:22px;height:22px;}
.z-checkbox.z-xlarge.z-active{background-image:url(image/ico_22.png);background-position:0 -264px;width:22px;height:22px;}


/** 单选框 */
.z-radio{display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #909090;cursor:pointer;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.z-radio:hover{border:2px solid #333;}
.z-radio.z-red:hover{border:2px solid #ea4a36;}
.z-radio.z-orange:hover{border:2px solid #ff6600;}
.z-radio.z-yellow:hover{border:2px solid #fac603;}
.z-radio.z-green:hover{border:2px solid #43cd6e;}
.z-radio.z-cyan:hover{border:2px solid #009899;}
.z-radio.z-blue:hover{border:2px solid #28a3ef;}
.z-radio.z-purple:hover{border:2px solid #9e70ca;}

.z-radio.z-active{border:1px solid #333;background-color:#333;background-image:url(image/ico_16.png);background-repeat:no-repeat;background-position:0 -192px;}
.z-radio.z-red.z-active{border:1px solid #ea4a36;background-color:#ea4a36;}
.z-radio.z-orange.z-active{border:1px solid #ff6600;background-color:#ff6600;}
.z-radio.z-yellow.z-active{border:1px solid #fac603;background-color:#fac603;}
.z-radio.z-green.z-active{border:1px solid #43cd6e;background-color:#43cd6e;}
.z-radio.z-cyan.z-active{border:1px solid #009899;background-color:#009899;}
.z-radio.z-blue.z-active{border:1px solid #28a3ef;background-color:#28a3ef;}
.z-radio.z-purple.z-active{border:1px solid #9e70ca;background-color:#9e70ca;}

.z-radio.z-large{width:18px;height:18px;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;margin-right:2px;}
.z-radio.z-large.z-active{background-position:1px -191px;width:18px;height:18px;}
.z-radio.z-xlarge{width:22px;height:22px;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;margin-right:6px;}
.z-radio.z-xlarge.z-active{background-image:url(image/ico_22.png);background-position:0 -264px;width:22px;height:22px;}

/** 文本框相关 */
.z-textarea{
  font-family:"微软雅黑","宋体";
  padding:3px 4px;
  line-height:22px;
  font-size:14px;
  color:#000;
  background-color:#fff;
  border:1px solid #999;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:border linear .2s, box-shadow linear .2s;
  -moz-transition:border linear .2s, box-shadow linear .2s;
  -o-transition:border linear .2s, box-shadow linear .2s;
  transition:border linear .2s, box-shadow linear .2s;
}

.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-textarea.z-xsmall{padding:1px 4px;line-height:18px;font-size:12px;}
.z-textarea.z-small {padding:2px 4px;line-height:18px;font-size:12px;}
.z-textarea.z-medium {padding:3px 4px;line-height:22px;font-size:14px;}
.z-textarea.z-large {padding:4px 6px;line-height:24px;font-size:16px;}
.z-textarea.z-xlarge {padding:5px 8px;line-height:26px;font-size:18px;}

/** 选择框相关 */
.z-select{
  font-family:"微软雅黑","宋体";
  display:inline-block;
  vertical-align:middle;
  padding:3px 4px;
  height:30px;
  line-height:22px;
  font-size:14px;
  color:#000;
  background-color:#fff;
  border:1px solid #999;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:border linear .2s, box-shadow linear .2s;
  -moz-transition:border linear .2s, box-shadow linear .2s;
  -o-transition:border linear .2s, box-shadow linear .2s;
  transition:border linear .2s, box-shadow linear .2s;
}

.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-select.z-xsmall{padding:1px 4px;line-height:18px;font-size:12px;height:22px;}
.z-select.z-small {padding:2px 4px;line-height:18px;font-size:12px;height:26px;}
.z-select.z-medium {padding:3px 4px;line-height:22px;font-size:14px;height:30px;}
.z-select.z-large {padding:4px 6px;line-height:24px;font-size:16px;height:34px;}
.z-select.z-xlarge {padding:5px 8px;line-height:26px;font-size:18px;height:38px;}

/** 按钮相关 */
.z-button{
  font-family:"微软雅黑","宋体";
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  margin-bottom:0;
  padding:4px 12px;
  line-height:20px;
  cursor:pointer;
  font-size:12px;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  box-sizing:border-box;
}
/** 默认为灰色确认按钮 */
.z-button{color:#333;background-color:#f2f2f2;border:1px solid #c3c3c3;box-shadow:inset 0 0 .5px .5px #f6f6f6;}
.z-button:hover,.z-button:focus{background-color:#f5f5f5;}
.z-button:active{background-color:#dfdfdf;}

/** 默认为灰色确认按钮只读 */
.z-button.z-readonly,.z-button.z-readonly:hover,.z-button.z-readonly:focus,.z-button.z-readonly:active,.z-button.z-readonly.z-active,
.z-button[readonly],.z-button[readonly]:hover,.z-button[readonly]:focus,.z-button[readonly]:active,.z-button[readonly].z-active{
  color:#333;background-color:#f2f2f2;border:1px solid #c3c3c3;box-shadow:inset 0 0 .5px .5px #f6f6f6;cursor:default;
}

/** 定义确认按钮，颜色为红橙黄绿青蓝紫 */
.z-button.z-red{box-shadow:none;color:#fff;background-color:#ea4a36;border:1px solid #e8351f;}
.z-button.z-red:hover,.z-button.z-red:focus{background-color:#ed6a5a;}
.z-button.z-red:active{background-color:#ea4a36;}
.z-button.z-orange{box-shadow:none;color:#fff;background-color:#ff6600;border:1px solid #ff4e00;}
.z-button.z-orange:hover,.z-button.z-orange:focus{background-color:#ff8533;}
.z-button.z-orange:active{background-color:#ff6600;}
.z-button.z-yellow{box-shadow:none;color:#fff;background-color:#fac603;border:1px solid #e1b203;}
.z-button.z-yellow:hover,.z-button.z-yellow:focus{background-color:#fbd238;}
.z-button.z-yellow:active{background-color:#fac603;}
.z-button.z-green{box-shadow:none;color:#fff;background-color:#43cd6e;border:1px solid #34c360;}
.z-button.z-green:hover,.z-button.z-green:focus{background-color:;}
.z-button.z-green:active{background-color:#43cd6e;}
.z-button.z-cyan{box-shadow:none;color:#fff;background-color:#009899;border:1px solid #029394;}
.z-button.z-cyan:hover,.z-button.z-cyan:focus{background-color:#4bb0af;}
.z-button.z-cyan:active{background-color:#009899;}
.z-button.z-blue{box-shadow:none;color:#ffffff;background-color:#28a3ef;border:1px solid #1299ec;}
.z-button.z-blue:hover,.z-button.z-blue:focus{background-color:#4cb9fc;}
.z-button.z-blue:active{background-color:#28a3ef}
.z-button.z-purple{box-shadow:none;color:#fff;background-color:#9e70ca;border:1px solid #9469bd;}
.z-button.z-purple:hover,.z-button.z-purple:focus{background-color:#ac7ed7;}
.z-button.z-purple:active{background-color:#9e70ca;}

/** 定义确认按钮，颜色为红橙黄绿青蓝紫，只读 */
.z-button.z-red.z-readonly,.z-button.z-red.z-readonly:hover,.z-button.z-red.z-readonly:focus,.z-button.z-red.z-readonly:active,.z-button.z-red.z-readonly.z-active,
.z-button.z-red[readonly],.z-button.z-red[readonly]:hover,.z-button.z-red[readonly]:focus,.z-button.z-red[readonly]:active,.z-button.z-red[readonly].z-active{
  box-shadow:none;color:#fff;background-color:#ea4a36;border:1px solid #e8351f;cursor:default;
}
.z-button.z-orange.z-readonly,.z-button.z-orange.z-readonly:hover,.z-button.z-orange.z-readonly:focus,.z-button.z-orange.z-readonly:active,.z-button.z-orange.z-readonly.z-active,
.z-button.z-orange[readonly],.z-button.z-orange[readonly]:hover,.z-button.z-orange[readonly]:focus,.z-button.z-orange[readonly]:active,.z-button.z-orange[readonly].z-active{
  box-shadow:none;color:#fff;background-color:#ff6600;border:1px solid #ff4e00;cursor:default;
}
.z-button.z-yellow.z-readonly,.z-button.z-yellow.z-readonly:hover,.z-button.z-yellow.z-readonly:focus,.z-button.z-yellow.z-readonly:active,.z-button.z-yellow.z-readonly.z-active,
.z-button.z-yellow[readonly],.z-button.z-yellow[readonly]:hover,.z-button.z-yellow[readonly]:focus,.z-button.z-yellow[readonly]:active,.z-button.z-yellow[readonly].z-active{
  box-shadow:none;color:#fff;background-color:#fac603;border:1px solid #e1b203;cursor:default;
}
.z-button.z-green.z-readonly,.z-button.z-green.z-readonly:hover,.z-button.z-green.z-readonly:focus,.z-button.z-green.z-readonly:active,.z-button.z-green.z-readonly.z-active,
.z-button.z-green[readonly],.z-button.z-green[readonly]:hover,.z-button.z-green[readonly]:focus,.z-button.z-green[readonly]:active,.z-button.z-green[readonly].z-active{
  box-shadow:none;color:#fff;background-color:#43cd6e;border:1px solid #34c360;cursor:default;
}
.z-button.z-cyan.z-readonly,.z-button.z-cyan.z-readonly:hover,.z-button.z-cyan.z-readonly:focus,.z-button.z-cyan.z-readonly:active,.z-button.z-cyan.z-readonly.z-active,
.z-button.z-cyan[readonly],.z-button.z-cyan[readonly]:hover,.z-button.z-cyan[readonly]:focus,.z-button.z-cyan[readonly]:active,.z-button.z-cyan[readonly].z-active{
  box-shadow:none;color:#fff;background-color:#009899;border:1px solid #029394;cursor:default;
}
.z-button.z-blue.z-readonly,.z-button.z-blue.z-readonly:hover,.z-button.z-blue.z-readonly:focus,.z-button.z-blue.z-readonly:active,.z-button.z-blue.z-readonly.z-active,
.z-button.z-blue[readonly],.z-button.z-blue[readonly]:hover,.z-button.z-blue[readonly]:focus,.z-button.z-blue[readonly]:active,.z-button.z-blue[readonly].z-active{
  box-shadow:none;color:#ffffff;background-color:#28a3ef;border:1px solid #1299ec;cursor:default;
}
.z-button.z-purple.z-readonly,.z-button.z-purple.z-readonly:hover,.z-button.z-purple.z-readonly:focus,.z-button.z-purple.z-readonly:active,.z-button.z-purple.z-readonly.z-active,
.z-button.z-purple[readonly],.z-button.z-purple[readonly]:hover,.z-button.z-purple[readonly]:focus,.z-button.z-purple[readonly]:active,.z-button.z-purple[readonly].z-active{
  box-shadow:none;color:#fff;background-color:#9e70ca;border:1px solid #9469bd;cursor:default;
}

/** 定义边框按钮，选中时为指定的颜色，支持红橙黄绿青蓝紫，1px选中后变2px，相应地padding-1 */
.z-button.z-bordered{box-shadow:none;color:#333;background-color:#fff;position:relative;}
.z-button.z-bordered.z-hover:hover,.z-button.z-bordered.z-active{border:2px solid #333;padding:3px 11px;}
.z-button.z-bordered.z-large.z-hover:hover,.z-button.z-bordered.z-large.z-active{padding:5px 15px;}
.z-button.z-bordered.z-xlarge.z-hover:hover,.z-button.z-bordered.z-xlarge.z-active{padding:7px 19px;}
.z-button.z-bordered.z-small.z-hover:hover,.z-button.z-bordered.z-small.z-active{padding:1px 11px;}
.z-button.z-bordered.z-xsmall.z-hover:hover,.z-button.z-bordered.z-xsmall.z-active{padding:0px 7px;}
.z-button.z-bordered.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-bordered.z-red-bd.z-hover:hover,.z-button.z-bordered.z-red-bd.z-active{border:2px solid #ea4a36;}
.z-button.z-bordered.z-orange-bd.z-hover:hover,.z-button.z-bordered.z-orange-bd.z-active{border:2px solid #ff6600;}
.z-button.z-bordered.z-yellow-bd.z-hover:hover,.z-button.z-bordered.z-yellow-bd.z-active{border:2px solid #fac603;}
.z-button.z-bordered.z-green-bd.z-hover:hover,.z-button.z-bordered.z-green-bd.z-active{border:2px solid #43cd6e;}
.z-button.z-bordered.z-cyan-bd.z-hover:hover,.z-button.z-bordered.z-cyan-bd.z-active{border:2px solid #009899;}
.z-button.z-bordered.z-blue-bd.z-hover:hover,.z-button.z-bordered.z-blue-bd.z-active{border:2px solid #28a3ef;}
.z-button.z-bordered.z-purple-bd.z-hover:hover,.z-button.z-bordered.z-purple-bd.z-active{border:2px solid #9e70ca;}
.z-button.z-bordered.z-red-bd.z-active:after{content:url(image/ico_button_bg_red.png);}
.z-button.z-bordered.z-orange-bd.z-active:after{content:url(image/ico_button_bg_orange.png);}
.z-button.z-bordered.z-yellow-bd.z-active:after{content:url(image/ico_button_bg_yellow.png);}
.z-button.z-bordered.z-green-bd.z-active:after{content:url(image/ico_button_bg_green.png);}
.z-button.z-bordered.z-cyan-bd.z-active:after{content:url(image/ico_button_bg_cyan.png);}
.z-button.z-bordered.z-blue-bd.z-active:after{content:url(image/ico_button_bg_blue.png);}
.z-button.z-bordered.z-purple-bd.z-active:after{content:url(image/ico_button_bg_purple.png);}

/** 定义边框背景筛选按钮，默认移上和选中时背景变颜色，颜色支持红橙黄绿青蓝紫 */
.z-button.z-bordered-bg{box-shadow:none;color:#333;background-color:#fff;}
.z-button.z-bordered-bg:hover,.z-button.z-bordered-bg.z-active{color:#fff;border:1px solid #333;background-color:#333;}

.z-button.z-bordered-bg.z-red-bd{border:1px solid #ea4a36;}
.z-button.z-bordered-bg.z-orange-bd{border:1px solid #ff6600;}
.z-button.z-bordered-bg.z-yellow-bd{border:1px solid #fac603;}
.z-button.z-bordered-bg.z-green-bd{border:1px solid #43cd6e;}
.z-button.z-bordered-bg.z-cyan-bd{border:1px solid #009899;}
.z-button.z-bordered-bg.z-blue-bd{border:1px solid #28a3ef;}
.z-button.z-bordered-bg.z-purple-bd{border:1px solid #9e70ca;}

.z-button.z-bordered-bg.z-red-bg:hover,.z-button.z-bordered-bg.z-red-bg.z-active{color:#fff;border:1px solid #ea4a36;background-color:#ea4a36;}
.z-button.z-bordered-bg.z-orange-bg:hover,.z-button.z-bordered-bg.z-orange-bg.z-active{color:#fff;border:1px solid #ff6600;background-color:#ff6600;}
.z-button.z-bordered-bg.z-yellow-bg:hover,.z-button.z-bordered-bg.z-yellow-bg.z-active{color:#fff;border:1px solid #fac603;background-color:#fac603;}
.z-button.z-bordered-bg.z-green-bg:hover,.z-button.z-bordered-bg.z-green-bg.z-active{color:#fff;border:1px solid #43cd6e;background-color:#43cd6e;}
.z-button.z-bordered-bg.z-cyan-bg:hover,.z-button.z-bordered-bg.z-cyan-bg.z-active{color:#fff;border:1px solid #009899;background-color:#009899;}
.z-button.z-bordered-bg.z-blue-bg:hover,.z-button.z-bordered-bg.z-blue-bg.z-active{color:#fff;border:1px solid #28a3ef;background-color:#28a3ef;}
.z-button.z-bordered-bg.z-purple-bg:hover,.z-button.z-bordered-bg.z-purple-bg.z-active{color:#fff;border:1px solid #9e70ca;background-color:#9e70ca;}

/** 定义删除按钮，颜色支持红橙黄绿青蓝紫 */
.z-button.z-bordered-del{box-shadow:none;color:#333;background-color:#fff;position:relative;padding-right:32px;border:1px solid #333;}
.z-button.z-bordered-del:after{position:absolute;top:0;right:0;width:20px;height:100%;border:1px solid #333;background-color:#333;padding:inherit;padding-left:0;padding-right:0;content:"╳";text-indent:0;color:#fff;font-size:16px;font-weight:700;}

.z-button.z-bordered-del.z-red-bd{border:1px solid #ea4a36;}
.z-button.z-bordered-del.z-orange-bd{border:1px solid #ff6600;}
.z-button.z-bordered-del.z-yellow-bd{border:1px solid #fac603;}
.z-button.z-bordered-del.z-green-bd{border:1px solid #43cd6e;}
.z-button.z-bordered-del.z-cyan-bd{border:1px solid #009899;}
.z-button.z-bordered-del.z-blue-bd{border:1px solid #28a3ef;}
.z-button.z-bordered-del.z-purple-bd{border:1px solid #9e70ca;}

.z-button.z-bordered-del.z-red-bd:after{border:1px solid #ea4a36;background-color:#ea4a36;}
.z-button.z-bordered-del.z-orange-bd:after{border:1px solid #ff6600;background-color:#ff6600;}
.z-button.z-bordered-del.z-yellow-bd:after{border:1px solid #fac603;background-color:#fac603;}
.z-button.z-bordered-del.z-green-bd:after{border:1px solid #43cd6e;background-color:#43cd6e;}
.z-button.z-bordered-del.z-cyan-bd:after{border:1px solid #009899;background-color:#009899;}
.z-button.z-bordered-del.z-blue-bd:after{border:1px solid #28a3ef;background-color:#28a3ef;}
.z-button.z-bordered-del.z-purple-bd:after{border:1px solid #9e70ca;background-color:#9e70ca;}

.z-button.z-bordered-del.z-xlarge{padding-right:54px;}
.z-button.z-bordered-del.z-large{padding-right:44px;}
.z-button.z-bordered-del.z-small{padding-right:32px;}
.z-button.z-bordered-del.z-xsmall{padding-right:28px;}

.z-button.z-bordered-del.z-xlarge:after{width:32px;font-size:22px;}
.z-button.z-bordered-del.z-large:after{width:28px;font-size:20px;}

/** 提供除默认之外的四种默认大小风格 */
.z-button.z-xlarge{padding:8px 20px;line-height:24px;font-size:16px;}
.z-button.z-large{padding:6px 16px;line-height:24px;font-size:14px;}
.z-button.z-small{padding:2px 12px;line-height:18px;font-size:12px;}
.z-button.z-xsmall{padding:1px 8px;line-height:18px;font-size:12px;}

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

/** 定义图片上移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:8px;margin-top:-2px;}

/** 定义按钮不可用 */
.z-button.z-disabled,
.z-button[disabled],
.z-button.z-disabled:hover,
.z-button[disabled]:hover,
.z-button.z-disabled:focus,
.z-button[disabled]:focus,
.z-button.z-disabled:active,
.z-button[disabled]:active,
.z-button.z-disabled.z-active,
.z-button[disabled].z-active{
  color:#bbb;
  background-color:#ddd;
  border:1px solid #ccc;
  cursor:not-allowed;
}

/***********************************************/
/* 第六部分：步骤条定义 */
/***********************************************/
.z-stepbar {display:table;width:100%;color:#999;font-size:12px;background-color:#eee;overflow:hidden;}
.z-stepbar>nav {display:table-cell;position:relative;vertical-align:middle;padding-left:26px;cursor:default;line-height:32px;}
.z-stepbar>nav:before,.z-stepbar>nav:after{content:"";display:inline-block;position:absolute;width:0px;height:0px;border-style:solid;z-index:1;}
.z-stepbar>nav:before{top:-4px;right:-40px;border-width:20px;border-color:transparent transparent transparent #fff;}
.z-stepbar>nav:after{right:-31px;border-width:16px;border-color:transparent transparent transparent #eee;}

.z-stepbar>nav.z-active{color:#fff;background-color:#666;}
.z-stepbar>nav.z-active:after{border-color:transparent transparent transparent #666;}
.z-stepbar>nav.z-active .z-round{color:#666;}

/** 步骤条颜色 */
.z-stepbar.z-red>nav.z-active{background-color:#ea4a36;}
.z-stepbar.z-red>nav.z-active:after{border-color:transparent transparent transparent #ea4a36;}
.z-stepbar.z-red>nav.z-active .z-round{color:#ea4a36;}
.z-stepbar.z-orange>nav.z-active{background-color:#ff6600;}
.z-stepbar.z-orange>nav.z-active:after{border-color:transparent transparent transparent #ff6600;}
.z-stepbar.z-orange>nav.z-active .z-round{color:#ff6600;}
.z-stepbar.z-yellow>nav.z-active{background-color:#fac603;}
.z-stepbar.z-yellow>nav.z-active:after{border-color:transparent transparent transparent #fac603;}
.z-stepbar.z-yellow>nav.z-active .z-round{color:#fac603;}
.z-stepbar.z-green>nav.z-active{background-color:#43cd6e;}
.z-stepbar.z-green>nav.z-active:after{border-color:transparent transparent transparent #43cd6e;}
.z-stepbar.z-green>nav.z-active .z-round{color:#43cd6e;}
.z-stepbar.z-cyan>nav.z-active{background-color:#009899;}
.z-stepbar.z-cyan>nav.z-active:after{border-color:transparent transparent transparent #009899;}
.z-stepbar.z-cyan>nav.z-active .z-round{color:#009899;}
.z-stepbar.z-blue>nav.z-active{background-color:#28a3ef;}
.z-stepbar.z-blue>nav.z-active:after{border-color:transparent transparent transparent #28a3ef;}
.z-stepbar.z-blue>nav.z-active .z-round{color:#28a3ef;}
.z-stepbar.z-purple>nav.z-active{background-color:#9e70ca;}
.z-stepbar.z-purple>nav.z-active:after{border-color:transparent transparent transparent #9e70ca;}
.z-stepbar.z-purple>nav.z-active .z-round{color:#9e70ca;}

/************************************************************/
/* 第七部分：标签页定义
/************************************************************/
.z-tabnav{position:relative;float:left;width:100%;}
.z-tabnav>nav {position:relative;float:left;width:100%;height:43px;font-size:14px;z-index:20;border-bottom:1px solid #d3d3d3;}
.z-tabnav>nav>span{position:relative;float:left;margin-top:2px;height:43px;line-height:43px;color:#333;font-weight:700;font-size:16px;}
.z-tabnav>nav>ul {position:relative;float:left;margin:10px 20px 0 20px;font-size:12px;height:33px;}
.z-tabnav>nav li {position:relative;float:left;height:100%;margin-right:5px;padding:10px 20px 0 20px;border:1px solid transparent;display:inline-block;vertical-align:middle;cursor:pointer;}
.z-tabnav>nav li:hover{border:1px solid #d7d7d7;background-color:#d7d7d7;}
.z-tabnav>nav li.z-active{border:1px solid #d3d3d3;border-bottom:1px solid #fff;cursor:default;}
.z-tabnav>nav li.z-active:hover{background-color:#fff;}
.z-tabnav>section{position:relative;float:left;width:100%;height:auto;min-height:43px;}
.z-tabnav>section>div{position:relative;float:left;width:100%;height:auto;min-height:43px;background-color:#fff;display:none;}
.z-tabnav>section>div.z-active{display:block !important;}

.z-tabnav.z-bordered>nav {border:1px solid #d3d3d3;background-color:#f5f5f5;}
.z-tabnav.z-bordered>nav>span:not(.z-cover){text-indent:20px;}
.z-tabnav.z-bordered>nav>ul {margin-top:9px;}
.z-tabnav.z-bordered>nav li {border:1px solid transparent;}
.z-tabnav.z-bordered>nav li.z-active{border:1px solid #d3d3d3;border-bottom:none;background-color:#fff;cursor:default;}
.z-tabnav.z-bordered>section{border:1px solid #d3d3d3;border-top:none;}

.z-tabnav>nav>ul.z-left{float:left;}
.z-tabnav>nav>ul.z-right{float:right;}
.z-tabnav>section.z-bordered {border:1px solid #d3d3d3;border-top:none;}

.z-tabnav-main{position:relative;float:left;width:100%;min-height:50px;height:50px;background:#f6f6f6;color:#666; border:1px solid #dcdcdc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.z-tabnav-main>nav{position:relative;float:left;width:100%;font-size:16px;line-height:50px;}
.z-tabnav-main>nav>span{position:relative;float:left;margin-top:2px;height:48px;line-height:48px;color:#333;font-weight:700;font-size:16px;}
.z-tabnav-main>nav>ul {position:relative;float:left;height:50px;}
.z-tabnav-main>nav li {position:relative;float:left;line-height:48px; height:48px;padding:0 15px;border-right:1px solid #dcdcdc;cursor:pointer;}
.z-tabnav-main>nav li:hover{background-color:#fff;}
.z-tabnav-main>nav li.z-active{color:#fff;background:#333;cursor:default;}
.z-tabnav-main>nav li.z-active:hover{background-color:#333;}
.z-tabnav-main>section{position:relative;float:left;width:100%;height:auto;min-height:43px;}
.z-tabnav-main>section>div{position:relative;float:left;width:100%;height:auto;min-height:43px;background-color:#fff;display:none;}
.z-tabnav-main>section>div.z-active{display:block !important;}

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

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

.z-editable{display:inline-block;}
.z-editable .z-show{display:inline-block;}
.z-editable .z-pen{display:inline-block;vertical-align:middle;margin-left:4px;margin-bottom:2px;overflow:hidden;cursor:pointer;background-repeat:no-repeat;}
.z-editable .z-edit{display:none;vertical-align:middle;}

/************************************************************/
/* 第九部分：对话框样式定义
/************************************************************/
.z-dialog-shadow{position:absolute;z-index:19999;}
.z-dialog {font-family:"微软雅黑";position:absolute;width:100%;height:100%;z-index:20000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.z-dialog .z-background{position:absolute;top:0; height:0;width:100%; height:100%;z-index:20001;}
.z-dialog .z-wrap{position:absolute;top:0;left:0;width:100%; height:100%;overflow:hidden;z-Index:20002;}
.z-dialog .z-title {position:absolute;top:0;left:0;width:100%;height:40px;line-height:40px;border:1px solid #ccc;border-bottom:none;background-color:#f5f5f5;}
.z-dialog .z-title span{float:left;margin:0;color:#333;font-size:14px;font-weight:normal;text-indent:10px;}
.z-dialog .z-title i{position:absolute;top:0;right:10px;cursor:pointer;font-size:18px;color:#666;}
.z-dialog .z-title i:hover,.z-dialog .z-title i:active,.z-dialog .z-title i:focus{color:#333;}

.z-dialog .z-content{position:absolute;top:40px;left:0;width:100%;padding:0;overflow:auto;border:1px solid #a6c9e1;background-color:#fff;}
.z-dialog .z-content>.z-container{position:absolute;top:0;left:0;width:100%;height:auto !important;font-size:14px;}
.z-dialog .z-content>.z-container>span{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px 15px 0 60px;line-height:20px;}
.z-dialog .z-content>.z-container>.z-alert,
.z-dialog .z-content>.z-container>.z-confirm,
.z-dialog .z-content>.z-container>.z-failure,
.z-dialog .z-content>.z-container>.z-success{position:absolute;top:15px;left:15px;}
.z-dialog .z-content>.z-container>.z-prompt{margin:15px 0;padding:0 10px;line-height:20px;width:100%;}
.z-dialog .z-content>.z-container>.z-prompt input{width:100%;height:40px;}
.z-dialog .z-content>.z-container>.z-prompt textarea{width:100%;height:70px;font-size:14px;}
.z-dialog .z-content>.z-container>.z-loading{position:absolute;top:9px;left:15px;}
.z-dialog .z-content>.z-console{position:absolute;bottom:0;left:0;width:100%;height:44px;background-color:#f5f5f5;}
.z-dialog .z-content>.z-console .z-ok{position:absolute;top:8px;right:80px;}
.z-dialog .z-content>.z-console .z-cancel{position:absolute;top:8px;right:10px;}
.z-dialog:focus,.z-dialog-shadow:focus{outline:none;}
/***********************************************/
/* 第十部分：浮动窗定义 */
/***********************************************/

.z-floater{position:absolute;top:0;left:0;z-index:200;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.z-floater .z-arrow{position:absolute;top:0;left:0;}
.z-floater .z-content{position:absolute;top:0;left:0;min-width:130px;min-height:25px;padding:6px;font-size:12px;border:1px solid #c6c6c6;line-height:25px;text-align:left;background:#fff;}

/***********************************************/
/* 第十一部分：日历样式定义 */
/***********************************************/
.z-calendar{font-family:"微软雅黑",Arial;color:#333;width:283px !important;height:auto !important;border:1px solid #ccc;background-color:#fff;}
.z-calendar tr{height:auto !important;}

/** 定义顶部年月样式 */
.z-calendar .z-top{height:40px !important;line-height:40px;text-align:center;border-bottom:1px solid #ccc;}
.z-calendar .z-top .z-arrow{position:relative;width:0;height:0;border-style:solid;}
.z-calendar .z-top .z-arrow.z-left{border-width:8px 8px 8px 0;border-color:transparent #bcbcbc transparent transparent;}
.z-calendar .z-top .z-arrow.z-right{border-width:8px 0 8px 8px;border-color:transparent transparent transparent #bcbcbc;}
.z-calendar .z-top .z-year-month{height:40px;font-size:18px;text-align:center;font-weight:700;cursor:pointer;}
.z-calendar .z-top .z-year-month:hover,
.z-calendar .z-top .z-year-month:focus{background-color:#bcbcbc;}

/** 定义下拉列表参数列表 */
.z-calendar .z-top .z-year-list{position:absolute;top:40px;width:221px;max-height:212px;border:1px solid #ccc;border-collapse:collapse;background-color:#fff;overflow-x:hidden;overflow-y:auto;z-index:110;}
.z-calendar .z-top .z-year-list span{display:inline-block;float:left;width:65px;color:#333;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;}

/** 定义下拉列表参数已选中和关闭按钮(年最后一个) */
.z-calendar .z-top .z-year-list span.z-selected,
.z-calendar .z-top .z-year-list span.z-close{color:#fff;background-color:#84c1ff;}

.z-calendar .z-top .z-year-list span:hover,
.z-calendar .z-top .z-year-list span:focus,
.z-calendar .z-top .z-year-list span:active{color:#fff;background-color:#28a3ef;}

/** 星期安排 */
.z-calendar .z-week{height:30px !important;line-height:30px;text-align:center;color:#999;text-align:center;border-bottom:1px solid #ccc;}

/** 日期安排 */
.z-calendar .z-day td{width:40px !important;height:30px !important;line-height:30px;font-size:14px;text-align:center;background-color:#fff;cursor:pointer;color:#bcbabc;}
.z-calendar .z-day td.z-nomonth{color:#bcbabc;}
.z-calendar .z-day td.z-tomonth{color:#333;}
.z-calendar .z-day td.z-today{color:#ff8533;}
.z-calendar .z-day td:hover,.z-calendar .z-day td:focus{background-color:#eee;}
.z-calendar .z-day td.z-selected{color:#fff;background-color:#2e92d9;}

/** 时间控件 */
.z-calendar .z-timebox{border-top:1px solid #ccc;}
.z-calendar .z-timebox .z-sliderline {position:relative;margin-top:10px;width:100%;height:20px;}
.z-calendar .z-timebox .z-sliderline dt{position:absolute;top:1px;left:8px;}
.z-calendar .z-timebox .z-sliderline .z-scrollbar{position:absolute;top:5px;left:53px;height:8px;width:216px;background-color:#d9d9d9;}
.z-calendar .z-timebox .z-sliderline .z-sliderbox{position:absolute;top:1px;left:53px;width:216px;height:16px;}
.z-calendar .z-timebox .z-sliderline .z-sliderbox .z-slider{position:absolute;top:0px;left:0px;width:16px;height:16px;cursor:pointer;background:#28a3ef;}
.z-calendar .z-timebox .z-time{display:inline-block;font-size:12px;width:180px;height:30px;line-height:30px;padding-left:8px;}
.z-calendar .z-timebox .z-close{float:right;margin-right:3px;margin-top:4px;}

/***********************************************/
/* 第十二部分：下拉列表定义 */
/***********************************************/
.z-dropdown {
  font-family:"微软雅黑";
  position:relative;
  display:inline-block;
  vertical-align:middle;
  box-sizing:border-box;
  padding:3px 4px;
  cursor:pointer;
  margin-bottom:0;
  margin-right:0;
  font-size:14px;
  line-height:22px;
  text-align:left;
  color:#333;
  border:1px solid #999;
  background-color:#fff;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
}

/* 箭头固定12px,上偏移和右偏移 */
.z-dropdown>i{font-size:12px;margin-top:-1px;margin-right:4px;}
.z-dropdown.z-active{border:1px solid #999;}
.z-dropdown>.z-default{display:inline-block;height:100%;width:calc(100% - 22px);}
.z-dropdown>.z-default>input{padding:0;}

.z-dropdown>.z-list{position:absolute;border:1px solid #999;background-color:#fff;max-height:200px;overflow-x:hidden;overflow-y:auto; display:none;z-index:110;}
.z-dropdown>.z-list.z-none::before{content:'';display:inline-block;width:100%;text-align:center;}
.z-dropdown>.z-list>span{float:left;color:#333;font-size:12px;cursor:pointer;padding:3px 4px;display:inline-block;}
.z-dropdown>.z-list>span[selected],
.z-dropdown>.z-list>span.z-selected{color:#fff;background-color:#ccc;}
.z-dropdown>.z-list>span[selected]:hover,
.z-dropdown>.z-list>span[selected]:focus,
.z-dropdown>.z-list>span[selected]:active,
.z-dropdown>.z-list>span:hover,
.z-dropdown>.z-list>span:focus,
.z-dropdown>.z-list>span:active{color:#fff;background-color:#999;}

/** 下拉列表颜色 */
.z-dropdown.z-red.z-active,
.z-dropdown.z-red>.z-list{border:1px solid #ea4a36;}
.z-dropdown.z-red>.z-list>span[selected],
.z-dropdown.z-red>.z-list>span.z-selected{background-color:#ed6a5a;}
.z-dropdown.z-red>.z-list>span[selected]:hover,
.z-dropdown.z-red>.z-list>span[selected]:focus,
.z-dropdown.z-red>.z-list>span[selected]:active,
.z-dropdown.z-red>.z-list>span:hover,
.z-dropdown.z-red>.z-list>span:focus,
.z-dropdown.z-red>.z-list>span:active{background-color:#ea4a36;}

.z-dropdown.z-orange.z-active,
.z-dropdown.z-orange>.z-list{border:1px solid #ff6600;}
.z-dropdown.z-orange>.z-list>span[selected],
.z-dropdown.z-orange>.z-list>span.z-selected{background-color:#ff8533;}
.z-dropdown.z-orange>.z-list>span[selected]:hover,
.z-dropdown.z-orange>.z-list>span[selected]:focus,
.z-dropdown.z-orange>.z-list>span[selected]:active,
.z-dropdown.z-orange>.z-list>span:hover,
.z-dropdown.z-orange>.z-list>span:focus,
.z-dropdown.z-orange>.z-list>span:active{background-color:#ff6600;}

.z-dropdown.z-yellow.z-active,
.z-dropdown.z-yellow>.z-list{border:1px solid #fac603;}
.z-dropdown.z-yellow>.z-list>span[selected],
.z-dropdown.z-yellow>.z-list>span.z-selected{background-color:#fbd238;}
.z-dropdown.z-yellow>.z-list>span[selected]:hover,
.z-dropdown.z-yellow>.z-list>span[selected]:focus,
.z-dropdown.z-yellow>.z-list>span[selected]:active,
.z-dropdown.z-yellow>.z-list>span:hover,
.z-dropdown.z-yellow>.z-list>span:focus,
.z-dropdown.z-yellow>.z-list>span:active{background-color:#fac603;}

.z-dropdown.z-green.z-active,
.z-dropdown.z-green>.z-list{border:1px solid #43cd6e;}
.z-dropdown.z-green>.z-list>span[selected],
.z-dropdown.z-green>.z-list>span.z-selected{background-color:#49de79;}
.z-dropdown.z-green>.z-list>span[selected]:hover,
.z-dropdown.z-green>.z-list>span[selected]:focus,
.z-dropdown.z-green>.z-list>span[selected]:active,
.z-dropdown.z-green>.z-list>span:hover,
.z-dropdown.z-green>.z-list>span:focus,
.z-dropdown.z-green>.z-list>span:active{background-color:#43cd6e;}

.z-dropdown.z-cyan.z-active,
.z-dropdown.z-cyan>.z-list{border:1px solid #009899;}
.z-dropdown.z-cyan>.z-list>span[selected],
.z-dropdown.z-cyan>.z-list>span.z-selected{background-color:#4bb0af;}
.z-dropdown.z-cyan>.z-list>span[selected]:hover,
.z-dropdown.z-cyan>.z-list>span[selected]:focus,
.z-dropdown.z-cyan>.z-list>span[selected]:active,
.z-dropdown.z-cyan>.z-list>span:hover,
.z-dropdown.z-cyan>.z-list>span:focus,
.z-dropdown.z-cyan>.z-list>span:active{background-color:#009899;}

.z-dropdown.z-blue.z-active,
.z-dropdown.z-blue>.z-list{border:1px solid #28a3ef;}
.z-dropdown.z-blue>.z-list>span[selected],
.z-dropdown.z-blue>.z-list>span.z-selected{background-color:#4cb9fc;}
.z-dropdown.z-blue>.z-list>span[selected]:hover,
.z-dropdown.z-blue>.z-list>span[selected]:focus,
.z-dropdown.z-blue>.z-list>span[selected]:active,
.z-dropdown.z-blue>.z-list>span:hover,
.z-dropdown.z-blue>.z-list>span:focus,
.z-dropdown.z-blue>.z-list>span:active{background-color:#28a3ef;}

.z-dropdown.z-purple.z-active,
.z-dropdown.z-purple>.z-list{border:1px solid #9e70ca;}
.z-dropdown.z-purple>.z-list>span[selected],
.z-dropdown.z-purple>.z-list>span.z-selected{background-color:#ac7ed7;}
.z-dropdown.z-purple>.z-list>span[selected]:hover,
.z-dropdown.z-purple>.z-list>span[selected]:focus,
.z-dropdown.z-purple>.z-list>span[selected]:active,
.z-dropdown.z-purple>.z-list>span:hover,
.z-dropdown.z-purple>.z-list>span:focus,
.z-dropdown.z-purple>.z-list>span:active{background-color:#9e70ca;}

.z-dropdown.z-xsmall,.z-dropdown.z-xsmall>.z-list>span{padding:1px 4px;line-height:18px;font-size:12px;height:22px;}
.z-dropdown.z-small,.z-dropdown.z-small>.z-list>span {padding:2px 4px;line-height:18px;font-size:12px;height:26px;}
.z-dropdown.z-medium,.z-dropdown.z-medium>.z-list>span {padding:3px 4px;line-height:22px;font-size:14px;height:30px;}
.z-dropdown.z-large,.z-dropdown.z-large>.z-list>span {padding:4px 6px;line-height:24px;font-size:16px;height:34px;}
.z-dropdown.z-xlarge,.z-dropdown.z-xlarge>.z-list>span {padding:5px 8px;line-height:26px;font-size:18px;height:38px;}

/***********************************************/
/* 第十三部分：产品图放大器 */
/***********************************************/
.z-magicZoom{z-index:89;}
.z-magicZoom .z-zoomImg{width:100%;}
.z-magicZoom .z-zoomImg>.z-font{background:rgba(0,0,0,.05);}
.z-magicZoom .z-zoomImg>.z-zoomCover{background-color:rgba(255,220,80,.3);cursor:move;}
.z-magicZoom .z-zoomList>div>ul{position:absolute;left:0;top:0;margin-left:2px;-webkit-transition:left 500ms;transition:left 500ms;}
.z-magicZoom .z-zoomList>div>ul>li{float:left;margin:3px;cursor:pointer;}
.z-magicZoom .z-zoomShow{z-index:89;background-color:#fcfcfc;}
.z-magicZoom .z-zoomShow>img{max-width:none;max-height:none;}

/***********************************************/
/* 第十三部分：banner 滚动图 */
/***********************************************/
.z-slider{z-index:9;}
.z-slider .z-sliderList>ul,.z-slider .z-sliderList>ul>li{position:absolute;width:100%;height:100%;}
.z-slider .z-sliderList>ul{-webkit-transition-property:transform;transition-property:transform;}
.z-slider .z-sliderList>ul>li{-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:2;}
.z-slider .z-sliderList>ul>li.z-active{z-index:1;}

/* tab导航 */
.z-sliderTab{z-index:2;}
.z-sliderTab>div{display:inline-block;margin:0 3px;cursor:pointer;position:relative;top:-30px;}

.z-sliderTab-disc>div{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);}
.z-sliderTab-disc>div.z-active,.z-sliderTab-square>div.z-active{background:rgba(255,255,255,1);}

.z-sliderTab-circle>div{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.4);}
.z-sliderTab-circle>div.z-active{border-color:rgba(255,255,255,1);}

.z-sliderTab-square>div{width:26px;height:4px;background:rgba(255,255,255,.4);}

/* 左右按钮 */
.z-sliderBtn{top:50%;z-index:2;}
.z-sliderBtn>div{margin-top:-50px;opacity:.2;}
.z-sliderBtn.z-active>div{opacity:1;}
.z-sliderBtn>div>.z-font{font-size:40px;line-height:40px;top:50%;margin-top:-20px;}