@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标签来定义 */ .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;} /*********************************************************/ /*********************************************************/ /***************** Ⅱ:mobile 定义 ******************/ /*********************************************************/ /*********************************************************/ /***********************************************/ /* 第一部分:标准标记定义 */ /***********************************************/ /***********************************************/ /* 1.2:全局标记一致性定义 */ /***********************************************/ a:active,a:hover{text-decoration:none;} input,select,textarea{-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;box-shadow: 0 0 0px 1000px #fff inset !important;} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none !important;margin:0;} @media screen and (max-width: 320px) { html { font-size:83.33px; font-size:26.66667vw } } @media screen and (min-width: 321px) and (max-width:360px) { html { font-size:96px; font-size:26.66667vw } } @media screen and (min-width: 361px) and (max-width:375px) { html { font-size:100px; font-size:26.66667vw } } @media screen and (min-width: 376px) and (max-width:393px) { html { font-size:104.8px; font-size:26.66667vw } } @media screen and (min-width: 394px) and (max-width:412px) { html { font-size:109.86px; font-size:26.66667vw } } @media screen and (min-width: 413px) and (max-width:414px) { html { font-size:110.4px; font-size:26.66667vw } } @media screen and (min-width: 415px) and (max-width:480px) { html { font-size:128px; font-size:26.66667vw } } @media screen and (min-width: 481px) and (max-width:540px) { html { font-size:144px; font-size:26.66667vw } } @media screen and (min-width: 541px) and (max-width:640px) { html { font-size:170.66px; font-size:26.66667vw } } @media screen and (min-width: 641px) and (max-width:720px) { html { font-size:192px; font-size:26.66667vw } } @media screen and (min-width: 721px) and (max-width:768px) { html { font-size:204.8px; font-size:26.66667vw } } @media screen and (min-width: 769px) { html { font-size:204.8px } } html,body{width:100%;height:100%;position:relative;overflow:hidden;} body{font-size:0.16rem;} /***********************************************/ /* 1.4:文本标记一致性定义 */ /***********************************************/ /* 设置标题文字大小 颜色*/ h1{font-size:2em;margin:.67em 0;} h2{font-size:1.5em;margin:.83em 0;} h3{font-size:1.17em;margin:1em 0;} /***********************************************/ /* 第二部分:图标定义 */ /***********************************************/ /***********************************************/ /* 2.1:字体图标 */ /***********************************************/ /***********************************************/ /* 2.2:图片图标 */ /***********************************************/ /** 图标,默认16px,其他尺寸在里面设置 */ .z-ico{display:inline-block;vertical-align:middle;width:16px;height:16px;background-repeat:no-repeat;} /** 定义充值图标 */ .z-ico.z-pay{width:56px;height:56px;background-image:url(image/ico_pay.png);background-position:0 0;} .z-ico.z-pay.alipay{background-position:0 0;} .z-ico.z-pay.weixin{background-position:-61px 0;} .z-ico.z-pay.qq{background-position:-122px 0;} .z-ico.z-pay.chinaunion{background-position:-183px 0;} .z-ico.z-pay.sms{background-position:0 -61px;} .z-ico.z-pay.phone{background-position:-61px -61px;} .z-ico.z-pay.paypal{background-position:-122px -61px;} .z-ico.z-pay.atm{background-position:-183px -61px;} .z-ico.z-pay.tenpay{background-position:0 -122px;} .z-ico.z-pay.weibo{background-position:-61px -122px;} .z-ico.z-pay.baidu{background-position:-122px -122px;} .z-ico.z-pay.chinamobile{background-position:-183px -122px;} .z-ico.z-pay.unicom{background-position:0 -183px;} .z-ico.z-pay.telecom{background-position:-61px -183px;} /***********************************************/ /* 2.4:圆圈圆角定义 */ /***********************************************/ .z-round{display:inline-block;width:.16rem;height:.16rem;line-height:.16rem;font-size:.2rem;border-radius:50%;text-align:center;} /* 小气泡/徽章 */ .z-badge{ position:absolute; top:.02rem; left:50%; margin-left:.1rem; z-index:99; height:.16rem; min-width:.16rem; padding:0 .04rem; font-size:.12rem; line-height:.16rem; color:white; vertical-align:top; background:red; border-radius:.16rem; } /***********************************************/ /* 第三部分:文本、颜色和块定义 */ /***********************************************/ /***********************************************/ /* 3.1:文本通用样式定义 */ /***********************************************/ /** 文本字体大小 */ .z-h1{font-size:0.32rem;line-height:normal;font-weight:bold;display:block;margin:0.2rem 0;} .z-h2{font-size:0.24rem;line-height:normal;font-weight:bold;display:block;margin:0.19rem 0;} .z-h3{font-size:0.18rem;line-height:normal;font-weight:bold;display:block;margin:0.18rem 0;} .z-rem12{font-size:.12rem;} .z-rem13{font-size:.13rem;} .z-rem14{font-size:.14rem;} .z-rem15{font-size:.15rem;} .z-rem16{font-size:.16rem;} .z-rem17{font-size:.17rem;} .z-rem18{font-size:.18rem;} .z-rem19{font-size:.19rem;} .z-rem20{font-size:.2rem;} .z-rem22{font-size:.22rem;} .z-rem24{font-size:.24rem;} .z-rem25{font-size:.25rem;} .z-rem26{font-size:.26rem;} .z-rem28{font-size:.28rem;} .z-rem30{font-size:.3rem;} .z-rem32{font-size:.32rem;} .z-rem35{font-size:.35rem;} .z-rem36{font-size:.36rem;} .z-rem40{font-size:.4rem;} .z-rem50{font-size:.50rem;} .zi-rem12{font-size:.12rem !important;} .zi-rem13{font-size:.13rem !important;} .zi-rem14{font-size:.14rem !important;} .zi-rem15{font-size:.15rem !important;} .zi-rem16{font-size:.16rem !important;} .zi-rem17{font-size:.17rem !important;} .zi-rem18{font-size:.18rem !important;} .zi-rem19{font-size:.19rem !important;} .zi-rem20{font-size:.2rem !important;} .zi-rem22{font-size:.22rem !important;} .zi-rem24{font-size:.24rem !important;} .zi-rem25{font-size:.25rem !important;} .zi-rem26{font-size:.26rem !important;} .zi-rem28{font-size:.28rem !important;} .zi-rem30{font-size:.3rem !important;} .zi-rem32{font-size:.32rem !important;} .zi-rem35{font-size:.35rem !important;} .zi-rem36{font-size:.36rem !important;} .zi-rem40{font-size:.4rem !important;} .zi-rem50{font-size:.50rem !important;} /** box盒子隐藏文本 **/ [class*=z-text-ellipsis-]{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden;text-overflow:ellipsis;} .z-text-ellipsis-line{-webkit-line-clamp:1;} .z-text-ellipsis-2line{-webkit-line-clamp:2;} .z-text-ellipsis-3line{-webkit-line-clamp:3;} .z-text-ellipsis-4line{-webkit-line-clamp:4;} /***********************************************/ /* 3.2:颜色通用样式定义 */ /***********************************************/ /** 边框颜色定义 **/ .z-bd,[class*=z-bd-]{border-color:#e5e5e5;} .zi-bd,[class*=zi-bd-]{border-color:#e5e5e5 !important;} .z-bd-rem{border:.05rem solid #e5e5e5;} .z-bd-t-rem{border-top:.05rem solid #e5e5e5;} .z-bd-r-rem{border-right:.05rem solid #e5e5e5;} .z-bd-b-rem{border-bottom:.05rem solid #e5e5e5;} .z-bd-l-rem{border-left:.05rem solid #e5e5e5;} .z-bd-rem{border:.05rem solid #e5e5e5 !important;} .z-bd-t-rem{border-top:.05rem solid #e5e5e5 !important;} .z-bd-r-rem{border-right:.05rem solid #e5e5e5 !important;} .z-bd-b-rem{border-bottom:.05rem solid #e5e5e5 !important;} .z-bd-l-rem{border-left:.05rem solid #e5e5e5 !important;} .zi-bd-rem{border:.05rem solid #e5e5e5 !important;} /** 块宽度 **/ .z-w0{width:0;} .z-w10{width:.1rem;}.z-w12{width:.12rem;} .z-w14{width:.14rem;}.z-w15{width:.15rem;} .z-w16{width:.16rem;}.z-w18{width:.18rem;} .z-w20{width:.2rem;}.z-w22{width:.22rem;} .z-w24{width:.24rem;}.z-w25{width:.25rem;} .z-w28{width:.28rem;}.z-w30{width:.3rem;} .z-w35{width:.35rem;}.z-w40{width:.4rem;} .z-w45{width:.45rem;}.z-w50{width:.5rem;} .z-w55{width:.55rem;}.z-w60{width:.6rem;} .z-w65{width:.65rem;}.z-w70{width:.7rem;} .z-w75{width:.75rem;}.z-w80{width:.8rem;} .z-w85{width:.85rem;}.z-w90{width:.9rem;} .z-w95{width:.95rem;}.z-w100{width:1rem;} .z-w110{width:1.1rem;}.z-w120{width:1.2rem;} .z-w130{width:1.3rem;}.z-w140{width:1.4rem;} .z-w150{width:1.5rem;}.z-w160{width:1.6rem;} .z-w170{width:1.7rem;}.z-w180{width:1.8rem;} .z-w190{width:1.9rem;}.z-w200{width:2rem;} .z-w230{width:2.3rem;}.z-w250{width:2.5rem;} .z-w270{width:2.7rem;}.z-w300{width:3rem;} .z-w400{width:4rem;}.z-w500{width:5rem;} .z-w600{width:6rem;}.z-w700{width:7rem;} .z-w800{width:8rem;} .zi-w0{width:0 !important;} .zi-w10{width:.1rem !important;}.zi-w12{width:.12rem !important;} .zi-w14{width:.14rem !important;}.zi-w15{width:.15rem !important;} .zi-w16{width:.16rem !important;}.zi-w18{width:.18rem !important;} .zi-w20{width:.2rem !important;}.zi-w22{width:.22rem !important;} .zi-w24{width:.24rem !important;}.zi-w25{width:.25rem !important;} .zi-w28{width:.28rem !important;}.zi-w30{width:.3rem !important;} .zi-w35{width:.35rem !important;}.zi-w40{width:.4rem !important;} .zi-w45{width:.45rem !important;}.zi-w50{width:.5rem !important;} .zi-w55{width:.55rem !important;}.zi-w60{width:.6rem !important;} .zi-w65{width:.65rem !important;}.zi-w70{width:.7rem !important;} .zi-w75{width:.75rem !important;}.zi-w80{width:.8rem !important;} .zi-w85{width:.85rem !important;}.zi-w90{width:.9rem !important;} .zi-w95{width:.95rem !important;}.zi-w100{width:1rem !important;} .zi-w110{width:1.1rem !important;}.zi-w120{width:1.2rem !important;} .zi-w130{width:1.3rem !important;}.zi-w140{width:1.4rem !important;} .zi-w150{width:1.5rem !important;}.zi-w160{width:1.6rem !important;} .zi-w170{width:1.7rem !important;}.zi-w180{width:1.8rem !important;} .zi-w190{width:1.9rem !important;}.zi-w200{width:2rem !important;} .zi-w230{width:2.3rem !important;}.zi-w250{width:2.5rem !important;} .zi-w270{width:2.7rem !important;}.zi-w300{width:3rem !important;} .zi-w400{width:4rem !important;}.zi-w500{width:5rem !important;} .zi-w600{width:6rem !important;}.zi-w700{width:7rem !important;} .zi-w800{width:8rem !important;} .z-w5p{width:5%;}.z-w8p{width:8%;} .z-w10p{width:10%;}.z-w12p{width:12%;} .z-w15p{width:15%;}.z-w30p{width:30%;} .z-w40p{width:40%;}.z-w60p{width:60%;} .z-w70p{width:70%;}.z-w80p{width:80%;} .z-w90p{width:90%;}.z-w100p{width:100%;} .z-w100p2,.z-w50p{width:50%;} .z-w100p3{width:33.333333%;} .z-w100p4,.z-w25p{width:25%;} .z-w100p5,.z-w20p{width:20%;} .z-w100p6{width:16.666666%;} .z-w100p7{width:14.285714%;} .z-w100p8{width:12.5%;} .z-w100p9{width:11.111111%;} .zi-w5p{width:5% !important;}.zi-w8p{width:8% !important;} .zi-w10p{width:10% !important;}.zi-w12p{width:12% !important;} .zi-w15p{width:15% !important;}.zi-w30p{width:30% !important;} .zi-w40p{width:40% !important;}.zi-w60p{width:60% !important;} .zi-w70p{width:70% !important;}.zi-w80p{width:80% !important;} .zi-w90p{width:90% !important;}.zi-w100p{width:100% !important;} .zi-w100p2,.zi-w50p{width:50% !important;} .zi-w100p3{width:33.333333% !important;} .zi-w100p4,.zi-w25p{width:25% !important;} .zi-w100p5,.zi-w20p{width:20% !important;} .zi-w100p6{width:16.666666% !important;} .zi-w100p7{width:14.285714% !important;} .zi-w100p8{width:12.5% !important;} .zi-w100p9{width:11.111111% !important;} .z-h0{height:0;} .z-h10{height:.1rem;}.z-h12{height:.12rem;} .z-h14{height:.14rem;}.z-h15{height:.15rem;} .z-h16{height:.16rem;}.z-h18{height:.18rem;} .z-h20{height:.2rem;}.z-h22{height:.22rem;} .z-h24{height:.24rem;}.z-h25{height:.25rem;} .z-h28{height:.28rem;}.z-h30{height:.3rem;} .z-h32{height:.32rem;}.z-h35{height:.35rem;} .z-h40{height:.4rem;}.z-h45{height:.45rem;} .z-h50{height:.5rem;}.z-h55{height:.55rem;} .z-h60{height:.6rem;}.z-h65{height:.65rem;} .z-h70{height:.7rem;}.z-h75{height:.75rem;} .z-h80{height:.8rem;}.z-h85{height:.85rem;} .z-h90{height:.9rem;}.z-h95{height:.95rem;} .z-h100{height:1rem;}.z-h110{height:1.1rem;} .z-h120{height:1.2rem;}.z-h130{height:1.3rem;} .z-h140{height:1.4rem;}.z-h150{height:1.5rem;} .z-h160{height:1.6rem;}.z-h170{height:1.7rem;} .z-h180{height:1.8rem;}.z-h190{height:1.9rem;} .z-h200{height:2rem;}.z-h300{height:3rem;} .z-h400{height:4rem;}.z-h500{height:5rem;} .zi-h0{height:0 !important;} .zi-h10{height:.1rem !important;}.zi-h12{height:.12rem !important;} .zi-h14{height:.14rem !important;}.zi-h15{height:.15rem !important;} .zi-h16{height:.16rem !important;}.zi-h18{height:.18rem !important;} .zi-h20{height:.2rem !important;}.zi-h22{height:.22rem !important;} .zi-h24{height:.24rem !important;}.zi-h25{height:.25rem !important;} .zi-h28{height:.28rem !important;}.zi-h30{height:.3rem !important;} .zi-h32{height:.32rem !important;}.zi-h35{height:.35rem !important;} .zi-h40{height:.4rem !important;}.zi-h45{height:.45rem !important;} .zi-h50{height:.5rem !important;}.zi-h55{height:.55rem !important;} .zi-h60{height:.6rem !important;}.zi-h65{height:.65rem !important;} .zi-h70{height:.7rem !important;}.zi-h75{height:.75rem !important;} .zi-h80{height:.8rem !important;}.zi-h85{height:.85rem !important;} .zi-h90{height:.9rem !important;}.zi-h95{height:.95rem !important;} .zi-h100{height:1rem !important;}.zi-h110{height:1.1rem !important;} .zi-h120{height:1.2rem !important;}.zi-h130{height:1.3rem !important;} .zi-h140{height:1.4rem !important;}.zi-h150{height:1.5rem !important;} .zi-h160{height:1.6rem !important;}.zi-h170{height:1.7rem !important;} .zi-h180{height:1.8rem !important;}.zi-h190{height:1.9rem !important;} .zi-h200{height:2rem !important;}.zi-h300{height:3rem !important;} .zi-h400{height:4rem !important;}.zi-h500{height:5rem !important;} .z-h5p{height:5%;}.z-h8p{height:8%;} .z-h10p{height:10%;}.z-h12p{height:12%;} .z-h15p{height:15%;}.z-h20p{height:20%;} .z-h30p{height:30%;}.z-h40p{height:40%;} .z-h50p{height:50%;}.z-h60p{height:60%;} .z-h70p{height:70%;}.z-h80p{height:80%;} .z-h90p{height:90%;}.z-h100p{height:100%;} .zi-h5p{height:5% !important;}.zi-h8p{height:8% !important;} .zi-h10p{height:10% !important;}.zi-h12p{height:12% !important;} .zi-h15p{height:15% !important;}.zi-h20p{height:20% !important;} .zi-h30p{height:30% !important;}.zi-h40p{height:40% !important;} .zi-h50p{height:50% !important;}.zi-h60p{height:60% !important;} .zi-h70p{height:70% !important;}.zi-h80p{height:80% !important;} .zi-h90p{height:90% !important;}.zi-h100p{height:100% !important;} .z-lh0{line-height:0;}.z-lh10{line-height:.1rem;} .z-lh12{line-height:.12rem;}.z-lh14{line-height:.14rem;} .z-lh15{line-height:.15rem;}.z-lh16{line-height:.16rem;} .z-lh18{line-height:.18rem;}.z-lh20{line-height:.2rem;} .z-lh22{line-height:.22rem;}.z-lh24{line-height:.24rem;} .z-lh25{line-height:.25rem;}.z-lh28{line-height:.28rem;} .z-lh30{line-height:.3rem;}.z-lh32{line-height:.32rem;} .z-lh35{line-height:.35rem;}.z-lh40{line-height:.4rem;} .z-lh45{line-height:.45rem;}.z-lh50{line-height:.5rem;} .z-lh55{line-height:.55rem;}.z-lh60{line-height:.6rem;} .z-lh70{line-height:.7rem;}.z-lh80{line-height:.8rem;} .z-lh90{line-height:.9rem;}.z-lh100{line-height:1rem;} .zi-lh0{line-height:0 !important;}.zi-lh10{line-height:.1rem !important;} .zi-lh12{line-height:.12rem !important;}.zi-lh14{line-height:.14rem !important;} .zi-lh15{line-height:.15rem !important;}.zi-lh16{line-height:.16rem !important;} .zi-lh18{line-height:.18rem !important;}.zi-lh20{line-height:.2rem !important;} .zi-lh22{line-height:.22rem !important;}.zi-lh24{line-height:.24rem !important;} .zi-lh25{line-height:.25rem !important;}.zi-lh28{line-height:.28rem !important;} .zi-lh30{line-height:.3rem !important;}.zi-lh32{line-height:.32rem !important;} .zi-lh35{line-height:.35rem !important;}.zi-lh40{line-height:.4rem !important;} .zi-lh45{line-height:.45rem !important;}.zi-lh50{line-height:.5rem !important;} .zi-lh55{line-height:.55rem !important;}.zi-lh60{line-height:.6rem !important;} .zi-lh70{line-height:.7rem !important;}.zi-lh80{line-height:.8rem !important;} .zi-lh90{line-height:.9rem !important;}.zi-lh100{line-height:1rem !important;} .z-lh100p{line-height:100%;}.z-lh110p{line-height:110%;} .z-lh120p{line-height:120%;}.z-lh130p{line-height:130%;} .z-lh140p{line-height:140%;}.z-lh150p{line-height:150%;} .z-lh180p{line-height:180%;}.z-lh200p{line-height:200%;} .z-lh250p{line-height:250%;}.z-lh300p{line-height:300%;} .zi-lh100p{line-height:100% !important;}.zi-lh110p{line-height:110% !important;} .zi-lh120p{line-height:120% !important;}.zi-lh130p{line-height:130% !important;} .zi-lh140p{line-height:140% !important;}.zi-lh150p{line-height:150% !important;} .zi-lh180p{line-height:180% !important;}.zi-lh200p{line-height:200% !important;} .zi-lh250p{line-height:250% !important;}.zi-lh300p{line-height:300% !important;} .z-pd0{padding:0;}.z-pd1{padding:.01rem;} .z-pd2{padding:.02rem;}.z-pd3{padding:.03rem;} .z-pd4{padding:.04rem;}.z-pd5{padding:.05rem;} .z-pd6{padding:.06rem;}.z-pd7{padding:.07rem;} .z-pd8{padding:.08rem;}.z-pd9{padding:.09rem;} .z-pd10{padding:.1rem;}.z-pd12{padding:.12rem;} .z-pd14{padding:.14rem;}.z-pd15{padding:.15rem;} .z-pd16{padding:.16rem;}.z-pd18{padding:.18rem;} .z-pd20{padding:.2rem;}.z-pd24{padding:.24rem;} .z-pd25{padding:.25rem;}.z-pd26{padding:.26rem;} .z-pd28{padding:.28rem;}.z-pd30{padding:.3rem;} .z-pd-l0{padding-left:0;}.z-pd-l1{padding-left:.01rem;} .z-pd-l2{padding-left:.02rem;}.z-pd-l3{padding-left:.03rem;} .z-pd-l4{padding-left:.04rem;}.z-pd-l5{padding-left:.05rem;} .z-pd-l6{padding-left:.06rem;}.z-pd-l7{padding-left:.07rem;} .z-pd-l8{padding-left:.08rem;}.z-pd-l9{padding-left:.09rem;} .z-pd-l10{padding-left:.1rem;}.z-pd-l12{padding-left:.12rem;} .z-pd-l14{padding-left:.14rem;}.z-pd-l15{padding-left:.15rem;} .z-pd-l16{padding-left:.16rem;}.z-pd-l18{padding-left:.18rem;} .z-pd-l20{padding-left:.2rem;}.z-pd-l24{padding-left:.24rem;} .z-pd-l25{padding-left:.25rem;}.z-pd-l26{padding-left:.26rem;} .z-pd-l28{padding-left:.28rem;}.z-pd-l30{padding-left:.3rem;} .z-pd-r0{padding-right:0;}.z-pd-r1{padding-right:.01rem;} .z-pd-r2{padding-right:.02rem;}.z-pd-r3{padding-right:.03rem;} .z-pd-r4{padding-right:.04rem;}.z-pd-r5{padding-right:.05rem;} .z-pd-r6{padding-right:.06rem;}.z-pd-r7{padding-right:.07rem;} .z-pd-r8{padding-right:.08rem;}.z-pd-r9{padding-right:.09rem;} .z-pd-r10{padding-right:.1rem;}.z-pd-r12{padding-right:.12rem;} .z-pd-r14{padding-right:.14rem;}.z-pd-r15{padding-right:.15rem;} .z-pd-r16{padding-right:.16rem;}.z-pd-r18{padding-right:.18rem;} .z-pd-r20{padding-right:.2rem;}.z-pd-r24{padding-right:.24rem;} .z-pd-r25{padding-right:.25rem;}.z-pd-r26{padding-right:.26rem;} .z-pd-r28{padding-right:.28rem;}.z-pd-r30{padding-right:.3rem;} .z-pd-t0{padding-top:0;}.z-pd-t1{padding-top:.01rem;} .z-pd-t2{padding-top:.02rem;}.z-pd-t3{padding-top:.03rem;} .z-pd-t4{padding-top:.04rem;}.z-pd-t5{padding-top:.05rem;} .z-pd-t6{padding-top:.06rem;}.z-pd-t7{padding-top:.07rem;} .z-pd-t8{padding-top:.08rem;}.z-pd-t9{padding-top:.09rem;} .z-pd-t10{padding-top:.1rem;}.z-pd-t12{padding-top:.12rem;} .z-pd-t14{padding-top:.14rem;}.z-pd-t15{padding-top:.15rem;} .z-pd-t16{padding-top:.16rem;}.z-pd-t18{padding-top:.18rem;} .z-pd-t20{padding-top:.2rem;}.z-pd-t24{padding-top:.24rem;} .z-pd-t25{padding-top:.25rem;}.z-pd-t26{padding-top:.26rem;} .z-pd-t28{padding-top:.28rem;}.z-pd-t30{padding-top:.3rem;} .z-pd-b0{padding-bottom:0;}.z-pd-b1{padding-bottom:.01rem;} .z-pd-b2{padding-bottom:.02rem;}.z-pd-b3{padding-bottom:.03rem;} .z-pd-b4{padding-bottom:.04rem;}.z-pd-b5{padding-bottom:.05rem;} .z-pd-b6{padding-bottom:.06rem;}.z-pd-b7{padding-bottom:.07rem;} .z-pd-b8{padding-bottom:.08rem;}.z-pd-b9{padding-bottom:.09rem;} .z-pd-b10{padding-bottom:.1rem;}.z-pd-b12{padding-bottom:.12rem;} .z-pd-b14{padding-bottom:.14rem;}.z-pd-b15{padding-bottom:.15rem;} .z-pd-b16{padding-bottom:.16rem;}.z-pd-b18{padding-bottom:.18rem;} .z-pd-b20{padding-bottom:.2rem;}.z-pd-b24{padding-bottom:.24rem;} .z-pd-b25{padding-bottom:.25rem;}.z-pd-b26{padding-bottom:.26rem;} .z-pd-b28{padding-bottom:.28rem;}.z-pd-b30{padding-bottom:.3rem;} .z-pd-lr0{padding-left:0;padding-right:0;}.z-pd-lr1{padding-left:.01rem;padding-right:.01rem;} .z-pd-lr2{padding-left:.02rem;padding-right:.02rem;}.z-pd-lr3{padding-left:.03rem;padding-right:.03rem;} .z-pd-lr4{padding-left:.04rem;padding-right:.04rem;}.z-pd-lr5{padding-left:.05rem;padding-right:.05rem;} .z-pd-lr6{padding-left:.06rem;padding-right:.06rem;}.z-pd-lr7{padding-left:.07rem;padding-right:.07rem;} .z-pd-lr8{padding-left:.08rem;padding-right:.08rem;}.z-pd-lr9{padding-left:.09rem;padding-right:.09rem;} .z-pd-lr10{padding-left:.1rem;padding-right:.1rem;}.z-pd-lr12{padding-left:.12rem;padding-right:.12rem;} .z-pd-lr14{padding-left:.14rem;padding-right:.14rem;}.z-pd-lr15{padding-left:.15rem;padding-right:.15rem;} .z-pd-lr16{padding-left:.16rem;padding-right:.16rem;}.z-pd-lr18{padding-left:.18rem;padding-right:.18rem;} .z-pd-lr20{padding-left:.2rem;padding-right:.2rem;}.z-pd-lr24{padding-left:.24rem;padding-right:.24rem;} .z-pd-lr25{padding-left:.25rem;padding-right:.25rem;}.z-pd-lr26{padding-left:.26rem;padding-right:.26rem;} .z-pd-lr28{padding-left:.28rem;padding-right:.28rem;}.z-pd-lr30{padding-left:.3rem;padding-right:.3rem;} .z-pd-tb0{padding-top:0;padding-bottom:0;}.z-pd-tb1{padding-top:.01rem;padding-bottom:.01rem;} .z-pd-tb2{padding-top:.02rem;padding-bottom:.02rem;}.z-pd-tb3{padding-top:.03rem;padding-bottom:.03rem;} .z-pd-tb4{padding-top:.04rem;padding-bottom:.04rem;}.z-pd-tb5{padding-top:.05rem;padding-bottom:.05rem;} .z-pd-tb6{padding-top:.06rem;padding-bottom:.06rem;}.z-pd-tb7{padding-top:.07rem;padding-bottom:.07rem;} .z-pd-tb8{padding-top:.08rem;padding-bottom:.08rem;}.z-pd-tb9{padding-top:.09rem;padding-bottom:.09rem;} .z-pd-tb10{padding-top:.1rem;padding-bottom:.1rem;}.z-pd-tb12{padding-top:.12rem;padding-bottom:.12rem;} .z-pd-tb14{padding-top:.14rem;padding-bottom:.14rem;}.z-pd-tb15{padding-top:.15rem;padding-bottom:.15rem;} .z-pd-tb16{padding-top:.16rem;padding-bottom:.16rem;}.z-pd-tb18{padding-top:.18rem;padding-bottom:.18rem;} .z-pd-tb20{padding-top:.2rem;padding-bottom:.2rem;}.z-pd-tb24{padding-top:.24rem;padding-bottom:.24rem;} .z-pd-tb25{padding-top:.25rem;padding-bottom:.25rem;}.z-pd-tb26{padding-top:.26rem;padding-bottom:.26rem;} .z-pd-tb28{padding-top:.28rem;padding-bottom:.28rem;}.z-pd-tb30{padding-top:.3rem;padding-bottom:.3rem;} .zi-pd0{padding:0 !important;}.zi-pd1{padding:.01rem !important;} .zi-pd2{padding:.02rem !important;}.zi-pd3{padding:.03rem !important;} .zi-pd4{padding:.04rem !important;}.zi-pd5{padding:.05rem !important;} .zi-pd6{padding:.06rem !important;}.zi-pd7{padding:.07rem !important;} .zi-pd8{padding:.08rem !important;}.zi-pd9{padding:.09rem !important;} .zi-pd10{padding:.1rem !important;}.zi-pd12{padding:.12rem !important;} .zi-pd14{padding:.14rem !important;}.zi-pd15{padding:.15rem !important;} .zi-pd16{padding:.16rem !important;}.zi-pd18{padding:.18rem !important;} .zi-pd20{padding:.2rem !important;}.zi-pd24{padding:.24rem !important;} .zi-pd25{padding:.25rem !important;}.zi-pd26{padding:.26rem !important;} .zi-pd28{padding:.28rem !important;}.zi-pd30{padding:.3rem !important;} .zi-pd-l0{padding-left:0 !important;}.zi-pd-l1{padding-left:.01rem !important;} .zi-pd-l2{padding-left:.02rem !important;}.zi-pd-l3{padding-left:.03rem !important;} .zi-pd-l4{padding-left:.04rem !important;}.zi-pd-l5{padding-left:.05rem !important;} .zi-pd-l6{padding-left:.06rem !important;}.zi-pd-l7{padding-left:.07rem !important;} .zi-pd-l8{padding-left:.08rem !important;}.zi-pd-l9{padding-left:.09rem !important;} .zi-pd-l10{padding-left:.1rem !important;}.zi-pd-l12{padding-left:.12rem !important;} .zi-pd-l14{padding-left:.14rem !important;}.zi-pd-l15{padding-left:.15rem !important;} .zi-pd-l16{padding-left:.16rem !important;}.zi-pd-l18{padding-left:.18rem !important;} .zi-pd-l20{padding-left:.2rem !important;}.zi-pd-l24{padding-left:.24rem !important;} .zi-pd-l25{padding-left:.25rem !important;}.zi-pd-l26{padding-left:.26rem !important;} .zi-pd-l28{padding-left:.28rem !important;}.zi-pd-l30{padding-left:.3rem !important;} .zi-pd-r0{padding-right:0 !important;}.zi-pd-r1{padding-right:.01rem !important;} .zi-pd-r2{padding-right:.02rem !important;}.zi-pd-r3{padding-right:.03rem !important;} .zi-pd-r4{padding-right:.04rem !important;}.zi-pd-r5{padding-right:.05rem !important;} .zi-pd-r6{padding-right:.06rem !important;}.zi-pd-r7{padding-right:.07rem !important;} .zi-pd-r8{padding-right:.08rem !important;}.zi-pd-r9{padding-right:.09rem !important;} .zi-pd-r10{padding-right:.1rem !important;}.zi-pd-r12{padding-right:.12rem !important;} .zi-pd-r14{padding-right:.14rem !important;}.zi-pd-r15{padding-right:.15rem !important;} .zi-pd-r16{padding-right:.16rem !important;}.zi-pd-r18{padding-right:.18rem !important;} .zi-pd-r20{padding-right:.2rem !important;}.zi-pd-r24{padding-right:.24rem !important;} .zi-pd-r25{padding-right:.25rem !important;}.zi-pd-r26{padding-right:.26rem !important;} .zi-pd-r28{padding-right:.28rem !important;}.zi-pd-r30{padding-right:.3rem !important;} .zi-pd-t0{padding-top:0 !important;}.zi-pd-t1{padding-top:.01rem !important;} .zi-pd-t2{padding-top:.02rem !important;}.zi-pd-t3{padding-top:.03rem !important;} .zi-pd-t4{padding-top:.04rem !important;}.zi-pd-t5{padding-top:.05rem !important;} .zi-pd-t6{padding-top:.06rem !important;}.zi-pd-t7{padding-top:.07rem !important;} .zi-pd-t8{padding-top:.08rem !important;}.zi-pd-t9{padding-top:.09rem !important;} .zi-pd-t10{padding-top:.1rem !important;}.zi-pd-t12{padding-top:.12rem !important;} .zi-pd-t14{padding-top:.14rem !important;}.zi-pd-t15{padding-top:.15rem !important;} .zi-pd-t16{padding-top:.16rem !important;}.zi-pd-t18{padding-top:.18rem !important;} .zi-pd-t20{padding-top:.2rem !important;}.zi-pd-t24{padding-top:.24rem !important;} .zi-pd-t25{padding-top:.25rem !important;}.zi-pd-t26{padding-top:.26rem !important;} .zi-pd-t28{padding-top:.28rem !important;}.zi-pd-t30{padding-top:.3rem !important;} .zi-pd-b0{padding-bottom:0 !important;}.zi-pd-b1{padding-bottom:.01rem !important;} .zi-pd-b2{padding-bottom:.02rem !important;}.zi-pd-b3{padding-bottom:.03rem !important;} .zi-pd-b4{padding-bottom:.04rem !important;}.zi-pd-b5{padding-bottom:.05rem !important;} .zi-pd-b6{padding-bottom:.06rem !important;}.zi-pd-b7{padding-bottom:.07rem !important;} .zi-pd-b8{padding-bottom:.08rem !important;}.zi-pd-b9{padding-bottom:.09rem !important;} .zi-pd-b10{padding-bottom:.1rem !important;}.zi-pd-b12{padding-bottom:.12rem !important;} .zi-pd-b14{padding-bottom:.14rem !important;}.zi-pd-b15{padding-bottom:.15rem !important;} .zi-pd-b16{padding-bottom:.16rem !important;}.zi-pd-b18{padding-bottom:.18rem !important;} .zi-pd-b20{padding-bottom:.2rem !important;}.zi-pd-b24{padding-bottom:.24rem !important;} .zi-pd-b25{padding-bottom:.25rem !important;}.zi-pd-b26{padding-bottom:.26rem !important;} .zi-pd-b28{padding-bottom:.28rem !important;}.zi-pd-b30{padding-bottom:.3rem !important;} .zi-pd-lr0{padding-left:0 !important;padding-right:0 !important;}.zi-pd-lr1{padding-left:.01rem !important;padding-right:.01rem !important;} .zi-pd-lr2{padding-left:.02rem !important;padding-right:.02rem !important;}.zi-pd-lr3{padding-left:.03rem !important;padding-right:.03rem !important;} .zi-pd-lr4{padding-left:.04rem !important;padding-right:.04rem !important;}.zi-pd-lr5{padding-left:.05rem !important;padding-right:.05rem !important;} .zi-pd-lr6{padding-left:.06rem !important;padding-right:.06rem !important;}.zi-pd-lr7{padding-left:.07rem !important;padding-right:.07rem !important;} .zi-pd-lr8{padding-left:.08rem !important;padding-right:.08rem !important;}.zi-pd-lr9{padding-left:.09rem !important;padding-right:.09rem !important;} .zi-pd-lr10{padding-left:.1rem !important;padding-right:.1rem !important;}.zi-pd-lr12{padding-left:.12rem !important;padding-right:.12rem !important;} .zi-pd-lr14{padding-left:.14rem !important;padding-right:.14rem !important;}.zi-pd-lr15{padding-left:.15rem !important;padding-right:.15rem !important;} .zi-pd-lr16{padding-left:.16rem !important;padding-right:.16rem !important;}.zi-pd-lr18{padding-left:.18rem !important;padding-right:.18rem !important;} .zi-pd-lr20{padding-left:.2rem !important;padding-right:.2rem !important;}.zi-pd-lr24{padding-left:.24rem !important;padding-right:.24rem !important;} .zi-pd-lr25{padding-left:.25rem !important;padding-right:.25rem !important;}.zi-pd-lr26{padding-left:.26rem !important;padding-right:.26rem !important;} .zi-pd-lr28{padding-left:.28rem !important;padding-right:.28rem !important;}.zi-pd-lr30{padding-left:.3rem !important;padding-right:.3rem !important;} .zi-pd-tb0{padding-top:0 !important;padding-bottom:0 !important;}.zi-pd-tb1{padding-top:.01rem !important;padding-bottom:.01rem !important;} .zi-pd-tb2{padding-top:.02rem !important;padding-bottom:.02rem !important;}.zi-pd-tb3{padding-top:.03rem !important;padding-bottom:.03rem !important;} .zi-pd-tb4{padding-top:.04rem !important;padding-bottom:.04rem !important;}.zi-pd-tb5{padding-top:.05rem !important;padding-bottom:.05rem !important;} .zi-pd-tb6{padding-top:.06rem !important;padding-bottom:.06rem !important;}.zi-pd-tb7{padding-top:.07rem !important;padding-bottom:.07rem !important;} .zi-pd-tb8{padding-top:.08rem !important;padding-bottom:.08rem !important;}.zi-pd-tb9{padding-top:.09rem !important;padding-bottom:.09rem !important;} .zi-pd-tb10{padding-top:.1rem !important;padding-bottom:.1rem !important;}.zi-pd-tb12{padding-top:.12rem !important;padding-bottom:.12rem !important;} .zi-pd-tb14{padding-top:.14rem !important;padding-bottom:.14rem !important;}.zi-pd-tb15{padding-top:.15rem !important;padding-bottom:.15rem !important;} .zi-pd-tb16{padding-top:.16rem !important;padding-bottom:.16rem !important;}.zi-pd-tb18{padding-top:.18rem !important;padding-bottom:.18rem !important;} .zi-pd-tb20{padding-top:.2rem !important;padding-bottom:.2rem !important;}.zi-pd-tb24{padding-top:.24rem !important;padding-bottom:.24rem !important;} .zi-pd-tb25{padding-top:.25rem !important;padding-bottom:.25rem !important;}.zi-pd-tb26{padding-top:.26rem !important;padding-bottom:.26rem !important;} .zi-pd-tb28{padding-top:.28rem !important;padding-bottom:.28rem !important;}.zi-pd-tb30{padding-top:.3rem !important;padding-bottom:.3rem !important;} .z-mg-0{margin:0;}.z-mg1{margin:.01rem;} .z-mg2{margin:.02rem;}.z-mg3{margin:.03rem;} .z-mg4{margin:.04rem;}.z-mg5{margin:.05rem;} .z-mg6{margin:.06rem;}.z-mg7{margin:.07rem;} .z-mg8{margin:.08rem;}.z-mg9{margin:.09rem;} .z-mg10{margin:.1rem;}.z-mg12{margin:.12rem;} .z-mg14{margin:.14rem;}.z-mg15{margin:.15rem;} .z-mg16{margin:.16rem;}.z-mg18{margin:.18rem;} .z-mg20{margin:.2rem;}.z-mg24{margin:.24rem;} .z-mg25{margin:.25rem;}.z-mg26{margin:.26rem;} .z-mg28{margin:.28rem;}.z-mg30{margin:.3rem;} .z-mg-l0{margin-left:0;}.z-mg-l1{margin-left:.01rem;} .z-mg-l2{margin-left:.02rem;}.z-mg-l3{margin-left:.03rem;} .z-mg-l4{margin-left:.04rem;}.z-mg-l5{margin-left:.05rem;} .z-mg-l6{margin-left:.06rem;}.z-mg-l7{margin-left:.07rem;} .z-mg-l8{margin-left:.08rem;}.z-mg-l9{margin-left:.09rem;} .z-mg-l10{margin-left:.1rem;}.z-mg-l12{margin-left:.12rem;} .z-mg-l14{margin-left:.14rem;}.z-mg-l15{margin-left:.15rem;} .z-mg-l16{margin-left:.16rem;}.z-mg-l18{margin-left:.18rem;} .z-mg-l20{margin-left:.2rem;}.z-mg-l24{margin-left:.24rem;} .z-mg-l25{margin-left:.25rem;}.z-mg-l26{margin-left:.26rem;} .z-mg-l28{margin-left:.28rem;}.z-mg-l30{margin-left:.3rem;} .z-mg-r0{margin-right:0;}.z-mg-r1{margin-right:.01rem;} .z-mg-r2{margin-right:.02rem;}.z-mg-r3{margin-right:.03rem;} .z-mg-r4{margin-right:.04rem;}.z-mg-r5{margin-right:.05rem;} .z-mg-r6{margin-right:.06rem;}.z-mg-r7{margin-right:.07rem;} .z-mg-r8{margin-right:.08rem;}.z-mg-r9{margin-right:.09rem;} .z-mg-r10{margin-right:.1rem;}.z-mg-r12{margin-right:.12rem;} .z-mg-r14{margin-right:.14rem;}.z-mg-r15{margin-right:.15rem;} .z-mg-r16{margin-right:.16rem;}.z-mg-r18{margin-right:.18rem;} .z-mg-r20{margin-right:.2rem;}.z-mg-r24{margin-right:.24rem;} .z-mg-r25{margin-right:.25rem;}.z-mg-r26{margin-right:.26rem;} .z-mg-r28{margin-right:.28rem;}.z-mg-r30{margin-right:.3rem;} .z-mg-t0{margin-top:0;}.z-mg-t1{margin-top:.01rem;} .z-mg-t2{margin-top:.02rem;}.z-mg-t3{margin-top:.03rem;} .z-mg-t4{margin-top:.04rem;}.z-mg-t5{margin-top:.05rem;} .z-mg-t6{margin-top:.06rem;}.z-mg-t7{margin-top:.07rem;} .z-mg-t8{margin-top:.08rem;}.z-mg-t9{margin-top:.09rem;} .z-mg-t10{margin-top:.1rem;}.z-mg-t12{margin-top:.12rem;} .z-mg-t14{margin-top:.14rem;}.z-mg-t15{margin-top:.15rem;} .z-mg-t16{margin-top:.16rem;}.z-mg-t18{margin-top:.18rem;} .z-mg-t20{margin-top:.2rem;}.z-mg-t24{margin-top:.24rem;} .z-mg-t25{margin-top:.25rem;}.z-mg-t26{margin-top:.26rem;} .z-mg-t28{margin-top:.28rem;}.z-mg-t30{margin-top:.3rem;} .z-mg-b0{margin-bottom:0;}.z-mg-b1{margin-bottom:.01rem;} .z-mg-b2{margin-bottom:.02rem;}.z-mg-b3{margin-bottom:.03rem;} .z-mg-b4{margin-bottom:.04rem;}.z-mg-b5{margin-bottom:.05rem;} .z-mg-b6{margin-bottom:.06rem;}.z-mg-b7{margin-bottom:.07rem;} .z-mg-b8{margin-bottom:.08rem;}.z-mg-b9{margin-bottom:.09rem;} .z-mg-b10{margin-bottom:.1rem;}.z-mg-b12{margin-bottom:.12rem;} .z-mg-b14{margin-bottom:.14rem;}.z-mg-b15{margin-bottom:.15rem;} .z-mg-b16{margin-bottom:.16rem;}.z-mg-b18{margin-bottom:.18rem;} .z-mg-b20{margin-bottom:.2rem;}.z-mg-b24{margin-bottom:.24rem;} .z-mg-b25{margin-bottom:.25rem;}.z-mg-b26{margin-bottom:.26rem;} .z-mg-b28{margin-bottom:.28rem;}.z-mg-b30{margin-bottom:.3rem;} .z-mg-l-1{margin-left:-.01rem;}.z-mg-l-2{margin-left:-.02rem;} .z-mg-l-3{margin-left:-.03rem;}.z-mg-l-4{margin-left:-.04rem;} .z-mg-l-5{margin-left:-.05rem;}.z-mg-l-6{margin-left:-.06rem;} .z-mg-l-7{margin-left:-.07rem;}.z-mg-l-8{margin-left:-.08rem;} .z-mg-l-9{margin-left:-.09rem;}.z-mg-l-10{margin-left:-.1rem;} .z-mg-l-12{margin-left:-.12rem;}.z-mg-l-14{margin-left:-.14rem;} .z-mg-l-15{margin-left:-.15rem;}.z-mg-l-16{margin-left:-.16rem;} .z-mg-l-18{margin-left:-.18rem;}.z-mg-l-20{margin-left:-.2rem;} .z-mg-l-24{margin-left:-.24rem;}.z-mg-l-25{margin-left:-.25rem;} .z-mg-l-26{margin-left:-.26rem;}.z-mg-l-28{margin-left:-.28rem;} .z-mg-l-30{margin-left:-.3rem;} .z-mg-r-1{margin-right:-.01rem;}.z-mg-r-2{margin-right:-.02rem;} .z-mg-r-3{margin-right:-.03rem;}.z-mg-r-4{margin-right:-.04rem;} .z-mg-r-5{margin-right:-.05rem;}.z-mg-r-6{margin-right:-.06rem;} .z-mg-r-7{margin-right:-.07rem;}.z-mg-r-8{margin-right:-.08rem;} .z-mg-r-9{margin-right:-.09rem;}.z-mg-r-10{margin-right:-.1rem;} .z-mg-r-12{margin-right:-.12rem;}.z-mg-r-14{margin-right:-.14rem;} .z-mg-r-15{margin-right:-.15rem;}.z-mg-r-16{margin-right:-.16rem;} .z-mg-r-18{margin-right:-.18rem;}.z-mg-r-20{margin-right:-.2rem;} .z-mg-r-24{margin-right:-.24rem;}.z-mg-r-25{margin-right:-.25rem;} .z-mg-r-26{margin-right:-.26rem;}.z-mg-r-28{margin-right:-.28rem;} .z-mg-r-30{margin-right:-.3rem;} .z-mg-t-1{margin-top:-.01rem;}.z-mg-t-2{margin-top:-.02rem;} .z-mg-t-3{margin-top:-.03rem;}.z-mg-t-4{margin-top:-.04rem;} .z-mg-t-5{margin-top:-.05rem;}.z-mg-t-6{margin-top:-.06rem;} .z-mg-t-7{margin-top:-.07rem;}.z-mg-t-8{margin-top:-.08rem;} .z-mg-t-9{margin-top:-.09rem;}.z-mg-t-10{margin-top:-.1rem;} .z-mg-t-12{margin-top:-.12rem;}.z-mg-t-14{margin-top:-.14rem;} .z-mg-t-15{margin-top:-.15rem;}.z-mg-t-16{margin-top:-.16rem;} .z-mg-t-18{margin-top:-.18rem;}.z-mg-t-20{margin-top:-.2rem;} .z-mg-t-24{margin-top:-.24rem;}.z-mg-t-25{margin-top:-.25rem;} .z-mg-t-26{margin-top:-.26rem;}.z-mg-t-28{margin-top:-.28rem;} .z-mg-t-30{margin-top:-.3rem;} .z-mg-b-1{margin-bottom:-.01rem;}.z-mg-b-2{margin-bottom:-.02rem;} .z-mg-b-3{margin-bottom:-.03rem;}.z-mg-b-4{margin-bottom:-.04rem;} .z-mg-b-5{margin-bottom:-.05rem;}.z-mg-b-6{margin-bottom:-.06rem;} .z-mg-b-7{margin-bottom:-.07rem;}.z-mg-b-8{margin-bottom:-.08rem;} .z-mg-b-9{margin-bottom:-.09rem;}.z-mg-b-10{margin-bottom:-.1rem;} .z-mg-b-12{margin-bottom:-.12rem;}.z-mg-b-14{margin-bottom:-.14rem;} .z-mg-b-15{margin-bottom:-.15rem;}.z-mg-b-16{margin-bottom:-.16rem;} .z-mg-b-18{margin-bottom:-.18rem;}.z-mg-b-20{margin-bottom:-.2rem;} .z-mg-b-24{margin-bottom:-.24rem;}.z-mg-b-25{margin-bottom:-.25rem;} .z-mg-b-26{margin-bottom:-.26rem;}.z-mg-b-28{margin-bottom:-.28rem;} .z-mg-b-30{margin-bottom:-.3rem;} .z-mg-lr1{margin-left:.01rem;margin-right:.01rem;}.z-mg-lr2{margin-left:.02rem;margin-right:.02rem;} .z-mg-lr3{margin-left:.03rem;margin-right:.03rem;}.z-mg-lr4{margin-left:.04rem;margin-right:.04rem;} .z-mg-lr5{margin-left:.05rem;margin-right:.05rem;}.z-mg-lr6{margin-left:.06rem;margin-right:.06rem;} .z-mg-lr7{margin-left:.07rem;margin-right:.07rem;}.z-mg-lr8{margin-left:.08rem;margin-right:.08rem;} .z-mg-lr9{margin-left:.09rem;margin-right:.09rem;}.z-mg-lr10{margin-left:.1rem;margin-right:.1rem;} .z-mg-lr12{margin-left:.12rem;margin-right:.12rem;}.z-mg-lr14{margin-left:.14rem;margin-right:.14rem;} .z-mg-lr15{margin-left:.15rem;margin-right:.15rem;}.z-mg-lr16{margin-left:.16rem;margin-right:.16rem;} .z-mg-lr18{margin-left:.18rem;margin-right:.18rem;}.z-mg-lr20{margin-left:.2rem;margin-right:.2rem;} .z-mg-lr24{margin-left:.24rem;margin-right:.24rem;}.z-mg-lr25{margin-left:.25rem;margin-right:.25rem;} .z-mg-lr26{margin-left:.26rem;margin-right:.26rem;}.z-mg-lr28{margin-left:.28rem;margin-right:.28rem;} .z-mg-lr30{margin-left:.3rem;margin-right:.3rem;} .z-mg-tb1{margin-top:.01rem;margin-bottom:.01rem;}.z-mg-tb2{margin-top:.02rem;margin-bottom:.02rem;} .z-mg-tb3{margin-top:.03rem;margin-bottom:.03rem;}.z-mg-tb4{margin-top:.04rem;margin-bottom:.04rem;} .z-mg-tb5{margin-top:.05rem;margin-bottom:.05rem;}.z-mg-tb6{margin-top:.06rem;margin-bottom:.06rem;} .z-mg-tb7{margin-top:.07rem;margin-bottom:.07rem;}.z-mg-tb8{margin-top:.08rem;margin-bottom:.08rem;} .z-mg-tb9{margin-top:.09rem;margin-bottom:.09rem;}.z-mg-tb10{margin-top:.1rem;margin-bottom:.1rem;} .z-mg-tb12{margin-top:.12rem;margin-bottom:.12rem;}.z-mg-tb14{margin-top:.14rem;margin-bottom:.14rem;} .z-mg-tb15{margin-top:.15rem;margin-bottom:.15rem;}.z-mg-tb16{margin-top:.16rem;margin-bottom:.16rem;} .z-mg-tb18{margin-top:.18rem;margin-bottom:.18rem;}.z-mg-tb20{margin-top:.2rem;margin-bottom:.2rem;} .z-mg-tb24{margin-top:.24rem;margin-bottom:.24rem;}.z-mg-tb25{margin-top:.25rem;margin-bottom:.25rem;} .z-mg-tb26{margin-top:.26rem;margin-bottom:.26rem;}.z-mg-tb28{margin-top:.28rem;margin-bottom:.28rem;} .z-mg-tb30{margin-top:.3rem;margin-bottom:.3rem;} .z-mg-auto{margin:auto;} .z-mg-l-auto{margin-left:auto;} .z-mg-r-auto{margin-right:auto;} .z-mg-t-auto{margin-top:auto;} .z-mg-b-auto{margin-bottom:auto;} .z-mg-lr-auto{margin-left:auto;margin-right:auto;} .z-mg-tb-auto{margin-top:auto;margin-bottom:auto;} .zi-mg0{margin:0 !important;}.zi-mg1{margin:.01rem !important;} .zi-mg2{margin:.02rem !important;}.zi-mg3{margin:.03rem !important;} .zi-mg4{margin:.04rem !important;}.zi-mg5{margin:.05rem !important;} .zi-mg6{margin:.06rem !important;}.zi-mg7{margin:.07rem !important;} .zi-mg8{margin:.08rem !important;}.zi-mg9{margin:.09rem !important;} .zi-mg10{margin:.1rem !important;}.zi-mg12{margin:.12rem !important;} .zi-mg14{margin:.14rem !important;}.zi-mg15{margin:.15rem !important;} .zi-mg16{margin:.16rem !important;}.zi-mg18{margin:.18rem !important;} .zi-mg20{margin:.2rem !important;}.zi-mg24{margin:.24rem !important;} .zi-mg25{margin:.25rem !important;}.zi-mg26{margin:.26rem !important;} .zi-mg28{margin:.28rem !important;}.zi-mg30{margin:.3rem !important;} .zi-mg-l0{margin-left:0 !important;}.zi-mg-l1{margin-left:.01rem !important;} .zi-mg-l2{margin-left:.02rem !important;}.zi-mg-l3{margin-left:.03rem !important;} .zi-mg-l4{margin-left:.04rem !important;}.zi-mg-l5{margin-left:.05rem !important;} .zi-mg-l6{margin-left:.06rem !important;}.zi-mg-l7{margin-left:.07rem !important;} .zi-mg-l8{margin-left:.08rem !important;}.zi-mg-l9{margin-left:.09rem !important;} .zi-mg-l10{margin-left:.1rem !important;}.zi-mg-l12{margin-left:.12rem !important;} .zi-mg-l14{margin-left:.14rem !important;}.zi-mg-l15{margin-left:.15rem !important;} .zi-mg-l16{margin-left:.16rem !important;}.zi-mg-l18{margin-left:.18rem !important;} .zi-mg-l20{margin-left:.2rem !important;}.zi-mg-l24{margin-left:.24rem !important;} .zi-mg-l25{margin-left:.25rem !important;}.zi-mg-l26{margin-left:.26rem !important;} .zi-mg-l28{margin-left:.28rem !important;}.zi-mg-l30{margin-left:.3rem !important;} .zi-mg-r0{margin-right:0 !important;}.zi-mg-r1{margin-right:.01rem !important;} .zi-mg-r2{margin-right:.02rem !important;}.zi-mg-r3{margin-right:.03rem !important;} .zi-mg-r4{margin-right:.04rem !important;}.zi-mg-r5{margin-right:.05rem !important;} .zi-mg-r6{margin-right:.06rem !important;}.zi-mg-r7{margin-right:.07rem !important;} .zi-mg-r8{margin-right:.08rem !important;}.zi-mg-r9{margin-right:.09rem !important;} .zi-mg-r10{margin-right:.1rem !important;}.zi-mg-r12{margin-right:.12rem !important;} .zi-mg-r14{margin-right:.14rem !important;}.zi-mg-r15{margin-right:.15rem !important;} .zi-mg-r16{margin-right:.16rem !important;}.zi-mg-r18{margin-right:.18rem !important;} .zi-mg-r20{margin-right:.2rem !important;}.zi-mg-r24{margin-right:.24rem !important;} .zi-mg-r25{margin-right:.25rem !important;}.zi-mg-r26{margin-right:.26rem !important;} .zi-mg-r28{margin-right:.28rem !important;}.zi-mg-r30{margin-right:.3rem !important;} .zi-mg-t0{margin-top:0 !important;}.zi-mg-t1{margin-top:.01rem !important;} .zi-mg-t2{margin-top:.02rem !important;}.zi-mg-t3{margin-top:.03rem !important;} .zi-mg-t4{margin-top:.04rem !important;}.zi-mg-t5{margin-top:.05rem !important;} .zi-mg-t6{margin-top:.06rem !important;}.zi-mg-t7{margin-top:.07rem !important;} .zi-mg-t8{margin-top:.08rem !important;}.zi-mg-t9{margin-top:.09rem !important;} .zi-mg-t10{margin-top:.1rem !important;}.zi-mg-t12{margin-top:.12rem !important;} .zi-mg-t14{margin-top:.14rem !important;}.zi-mg-t15{margin-top:.15rem !important;} .zi-mg-t16{margin-top:.16rem !important;}.zi-mg-t18{margin-top:.18rem !important;} .zi-mg-t20{margin-top:.2rem !important;}.zi-mg-t24{margin-top:.24rem !important;} .zi-mg-t25{margin-top:.25rem !important;}.zi-mg-t26{margin-top:.26rem !important;} .zi-mg-t28{margin-top:.28rem !important;}.zi-mg-t30{margin-top:.3rem !important;} .zi-mg-b0{margin-bottom:0 !important;}.zi-mg-b1{margin-bottom:.01rem !important;} .zi-mg-b2{margin-bottom:.02rem !important;}.zi-mg-b3{margin-bottom:.03rem !important;} .zi-mg-b4{margin-bottom:.04rem !important;}.zi-mg-b5{margin-bottom:.05rem !important;} .zi-mg-b6{margin-bottom:.06rem !important;}.zi-mg-b7{margin-bottom:.07rem !important;} .zi-mg-b8{margin-bottom:.08rem !important;}.zi-mg-b9{margin-bottom:.09rem !important;} .zi-mg-b10{margin-bottom:.1rem !important;}.zi-mg-b12{margin-bottom:.12rem !important;} .zi-mg-b14{margin-bottom:.14rem !important;}.zi-mg-b15{margin-bottom:.15rem !important;} .zi-mg-b16{margin-bottom:.16rem !important;}.zi-mg-b18{margin-bottom:.18rem !important;} .zi-mg-b20{margin-bottom:.2rem !important;}.zi-mg-b24{margin-bottom:.24rem !important;} .zi-mg-b25{margin-bottom:.25rem !important;}.zi-mg-b26{margin-bottom:.26rem !important;} .zi-mg-b28{margin-bottom:.28rem !important;}.zi-mg-b30{margin-bottom:.3rem !important;} .zi-mg-l-1{margin-left:-.01rem !important;}.zi-mg-l-2{margin-left:-.02rem !important;} .zi-mg-l-3{margin-left:-.03rem !important;}.zi-mg-l-4{margin-left:-.04rem !important;} .zi-mg-l-5{margin-left:-.05rem !important;}.zi-mg-l-6{margin-left:-.06rem !important;} .zi-mg-l-7{margin-left:-.07rem !important;}.zi-mg-l-8{margin-left:-.08rem !important;} .zi-mg-l-9{margin-left:-.09rem !important;}.zi-mg-l-10{margin-left:-.1rem !important;} .zi-mg-l-12{margin-left:-.12rem !important;}.zi-mg-l-14{margin-left:-.14rem !important;} .zi-mg-l-15{margin-left:-.15rem !important;}.zi-mg-l-16{margin-left:-.16rem !important;} .zi-mg-l-18{margin-left:-.18rem !important;}.zi-mg-l-20{margin-left:-.2rem !important;} .zi-mg-l-24{margin-left:-.24rem !important;}.zi-mg-l-25{margin-left:-.25rem !important;} .zi-mg-l-26{margin-left:-.26rem !important;}.zi-mg-l-28{margin-left:-.28rem !important;} .zi-mg-l-30{margin-left:-.3rem !important;} .zi-mg-r-1{margin-right:-.01rem !important;}.zi-mg-r-2{margin-right:-.02rem !important;} .zi-mg-r-3{margin-right:-.03rem !important;}.zi-mg-r-4{margin-right:-.04rem !important;} .zi-mg-r-5{margin-right:-.05rem !important;}.zi-mg-r-6{margin-right:-.06rem !important;} .zi-mg-r-7{margin-right:-.07rem !important;}.zi-mg-r-8{margin-right:-.08rem !important;} .zi-mg-r-9{margin-right:-.09rem !important;}.zi-mg-r-10{margin-right:-.1rem !important;} .zi-mg-r-12{margin-right:-.12rem !important;}.zi-mg-r-14{margin-right:-.14rem !important;} .zi-mg-r-15{margin-right:-.15rem !important;}.zi-mg-r-16{margin-right:-.16rem !important;} .zi-mg-r-18{margin-right:-.18rem !important;}.zi-mg-r-20{margin-right:-.2rem !important;} .zi-mg-r-24{margin-right:-.24rem !important;}.zi-mg-r-25{margin-right:-.25rem !important;} .zi-mg-r-26{margin-right:-.26rem !important;}.zi-mg-r-28{margin-right:-.28rem !important;} .zi-mg-r-30{margin-right:-.3rem !important;} .zi-mg-t-1{margin-top:-.01rem !important;}.zi-mg-t-2{margin-top:-.02rem !important;} .zi-mg-t-3{margin-top:-.03rem !important;}.zi-mg-t-4{margin-top:-.04rem !important;} .zi-mg-t-5{margin-top:-.05rem !important;}.zi-mg-t-6{margin-top:-.06rem !important;} .zi-mg-t-7{margin-top:-.07rem !important;}.zi-mg-t-8{margin-top:-.08rem !important;} .zi-mg-t-9{margin-top:-.09rem !important;}.zi-mg-t-10{margin-top:-.1rem !important;} .zi-mg-t-12{margin-top:-.12rem !important;}.zi-mg-t-14{margin-top:-.14rem !important;} .zi-mg-t-15{margin-top:-.15rem !important;}.zi-mg-t-16{margin-top:-.16rem !important;} .zi-mg-t-18{margin-top:-.18rem !important;}.zi-mg-t-20{margin-top:-.2rem !important;} .zi-mg-t-24{margin-top:-.24rem !important;}.zi-mg-t-25{margin-top:-.25rem !important;} .zi-mg-t-26{margin-top:-.26rem !important;}.zi-mg-t-28{margin-top:-.28rem !important;} .zi-mg-t-30{margin-top:-.3rem !important;} .zi-mg-b-1{margin-bottom:.01rem !important;}.zi-mg-b-2{margin-bottom:.02rem !important;} .zi-mg-b-3{margin-bottom:.03rem !important;}.zi-mg-b-4{margin-bottom:.04rem !important;} .zi-mg-b-5{margin-bottom:.05rem !important;}.zi-mg-b-6{margin-bottom:.06rem !important;} .zi-mg-b-7{margin-bottom:.07rem !important;}.zi-mg-b-8{margin-bottom:.08rem !important;} .zi-mg-b-9{margin-bottom:.09rem !important;}.zi-mg-b-10{margin-bottom:.1rem !important;} .zi-mg-b-12{margin-bottom:.12rem !important;}.zi-mg-b-14{margin-bottom:.14rem !important;} .zi-mg-b-15{margin-bottom:.15rem !important;}.zi-mg-b-16{margin-bottom:.16rem !important;} .zi-mg-b-18{margin-bottom:.18rem !important;}.zi-mg-b-20{margin-bottom:.2rem !important;} .zi-mg-b-24{margin-bottom:.24rem !important;}.zi-mg-b-25{margin-bottom:.25rem !important;} .zi-mg-b-26{margin-bottom:.26rem !important;}.zi-mg-b-28{margin-bottom:.28rem !important;} .zi-mg-b-30{margin-bottom:.3rem !important;} .zi-mg-lr1{margin-left:.01rem !important;margin-right:.01rem !important;}.zi-mg-lr2{margin-left:.02rem !important;margin-right:.02rem !important;} .zi-mg-lr3{margin-left:.03rem !important;margin-right:.03rem !important;}.zi-mg-lr4{margin-left:.04rem !important;margin-right:.04rem !important;} .zi-mg-lr5{margin-left:.05rem !important;margin-right:.05rem !important;}.zi-mg-lr6{margin-left:.06rem !important;margin-right:.06rem !important;} .zi-mg-lr7{margin-left:.07rem !important;margin-right:.07rem !important;}.zi-mg-lr8{margin-left:.08rem !important;margin-right:.08rem !important;} .zi-mg-lr9{margin-left:.09rem !important;margin-right:.09rem !important;}.zi-mg-lr10{margin-left:.1rem !important;margin-right:.1rem !important;} .zi-mg-lr12{margin-left:.12rem !important;margin-right:.12rem !important;}.zi-mg-lr14{margin-left:.14rem !important;margin-right:.14rem !important;} .zi-mg-lr15{margin-left:.15rem !important;margin-right:.15rem !important;}.zi-mg-lr16{margin-left:.16rem !important;margin-right:.16rem !important;} .zi-mg-lr18{margin-left:.18rem !important;margin-right:.18rem !important;}.zi-mg-lr20{margin-left:.2rem !important;margin-right:.2rem !important;} .zi-mg-lr24{margin-left:.24rem !important;margin-right:.24rem !important;}.zi-mg-lr25{margin-left:.25rem !important;margin-right:.25rem !important;} .zi-mg-lr26{margin-left:.26rem !important;margin-right:.26rem !important;}.zi-mg-lr28{margin-left:.28rem !important;margin-right:.28rem !important;} .zi-mg-lr30{margin-left:.3rem !important;margin-right:.3rem !important;} .zi-mg-tb1{margin-top:.01rem !important;margin-bottom:.01rem !important;}.zi-mg-tb2{margin-top:.02rem !important;margin-bottom:.02rem !important;} .zi-mg-tb3{margin-top:.03rem !important;margin-bottom:.03rem !important;}.zi-mg-tb4{margin-top:.04rem !important;margin-bottom:.04rem !important;} .zi-mg-tb5{margin-top:.05rem !important;margin-bottom:.05rem !important;}.zi-mg-tb6{margin-top:.06rem !important;margin-bottom:.06rem !important;} .zi-mg-tb7{margin-top:.07rem !important;margin-bottom:.07rem !important;}.zi-mg-tb8{margin-top:.08rem !important;margin-bottom:.08rem !important;} .zi-mg-tb9{margin-top:.09rem !important;margin-bottom:.09rem !important;}.zi-mg-tb10{margin-top:.1rem !important;margin-bottom:.1rem !important;} .zi-mg-tb12{margin-top:.12rem !important;margin-bottom:.12rem !important;}.zi-mg-tb14{margin-top:.14rem !important;margin-bottom:.14rem !important;} .zi-mg-tb15{margin-top:.15rem !important;margin-bottom:.15rem !important;}.zi-mg-tb16{margin-top:.16rem !important;margin-bottom:.16rem !important;} .zi-mg-tb18{margin-top:.18rem !important;margin-bottom:.18rem !important;}.zi-mg-tb20{margin-top:.2rem !important;margin-bottom:.2rem !important;} .zi-mg-tb24{margin-top:.24rem !important;margin-bottom:.24rem !important;}.zi-mg-tb25{margin-top:.25rem !important;margin-bottom:.25rem !important;} .zi-mg-tb26{margin-top:.26rem !important;margin-bottom:.26rem !important;}.zi-mg-tb28{margin-top:.28rem !important;margin-bottom:.28rem !important;} .zi-mg-tb30{margin-top:.3rem !important;margin-bottom:.3rem !important;} .z-mg-t-1px{margin-top:-1px;} .z-mg-r-1px{margin-right:-1px;} .z-mg-l-1px{margin-left:-1px;} .z-mg-b-1px{margin-bottom:-1px;} .zi-mg-t-1px{margin-top:-1px !important;} .zi-mg-r-1px{margin-right:-1px !important;} .zi-mg-l-1px{margin-left:-1px !important;} .zi-mg-b-1px{margin-bottom:-1px !important;} .zi-mg-auto{margin:auto !important;} .zi-mg-l-auto{margin-left:auto !important;} .zi-mg-r-auto{margin-right:auto !important;} .zi-mg-t-auto{margin-top:auto !important;} .zi-mg-b-auto{margin-bottom:auto !important;} .zi-mg-lr-auto{margin-left:auto !important;margin-right:auto !important;} .zi-mg-tb-auto{margin-top:auto !important;margin-bottom:auto !important;} /***********************************************/ /* 第四部分:表格样式定义 */ /***********************************************/ /***********************************************/ /* 第五部分:表单样式定义 */ /***********************************************/ /** 输入框相关 */ .z-input { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; font-family:inherit; display:block; width:100%; height:.45rem; padding:0; margin:0; font-size:.16rem; color:#333; background:none; border-width:0 0 1px 0; border-style:solid; border-color:#e5e5e5; vertical-align:middle; border-radius:0; outline:0; /*box-shadow:none;*/ -webkit-transition:border .2s; transition:border .2s; position:relative; } .z-input:focus,.z-input.z-active{border-color:#cccccc;} .z-input.z-red:focus,.z-input.z-red.z-active{border-color:#ea4a36;} .z-input.z-orange:focus,.z-input.z-orange.z-active{border-color:#ff6600;} .z-input.z-yellow:focus,.z-input.z-yellow.z-active{border-color:#fac603;} .z-input.z-green:focus,.z-input.z-green.z-active{border-color:#43cd6e;} .z-input.z-cyan:focus,.z-input.z-cyan.z-active{border-color:#009899;} .z-input.z-blue:focus,.z-input.z-blue.z-active{border-color:#28a3ef;} .z-input.z-purple:focus,.z-input.z-purple.z-active{border-color:#9e70ca;} .z-input.z-xsmall{padding:0 .03rem;font-size:.12rem;height:.3rem;} .z-input.z-small {padding:0 .03rem;font-size:.14rem;height:.4rem;} .z-input.z-large {padding:0 .06rem;font-size:.17rem;height:.5rem;} .z-input.z-xlarge {padding:0 .08rem;font-size:.18rem;height:.6rem;} /** 输入列表 **/ .z-input-list{font-size:.16rem;margin-top:.15rem;} .z-input-list>li{ display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; margin-bottom:.12rem; line-height:.45rem; position:relative; border-bottom:1px solid #e5e5e5; } .z-input-list>li:last-child{margin-bottom:0;} .z-input-list>li>*{white-space:nowrap;} .z-input-list>li>*:not(input){-webkit-flex:none;flex:none;} .z-input-list>li>*:first-child:not(input),.z-input-list>li>*:not(input)+input{margin-left:.1rem;} .z-input-list>li>*:last-child:not(input){margin-right:.1rem;} .z-input-list input{-webkit-flex:auto;flex:auto;border-width:0;} /*按钮处理*/ .z-input-list .z-button,.z-input-list .z-button-flex{width:auto;height:.45rem;line-height:.45rem;border:none;} /** 输入框组 **/ .z-input-row{ -webkit-align-self:center; align-self:center; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; height:.5rem; padding:.03rem .15rem .02rem; position:relative; } .z-input-row:after{content:"";width:100%;height:1px;position:absolute;right:0;bottom:0;left:0;background:#e5e5e5;z-index:9;} .z-input-row>label, .z-input-row>label>.z-font, .z-input-row>label>.z-input-text, .z-input-row>input, .z-input-row>select{height:100%;min-width:0;} .z-input-row>label{-ms-flex:0 0 auto;flex:0 0 auto;max-width:50%;} .z-input-row>label,.z-input-row>label>.z-font, .z-input-row>label>.z-input-text{ -webkit-align-self:center; align-self:center; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; } .z-input-row>label>.z-input-text{max-width:100%;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;} .z-input-row>label>.z-font{bottom:0;font-size:.2rem;margin-right:.02rem;} .z-input-row>input,.z-input-row>select{ -ms-flex:1 1 auto; flex:1 1 auto; color:#333; background-color:#fff; padding:0 .08rem; /*box-shadow:none;*/ border-width:1px; border-style:solid; border-radius:inherit; } .z-input-row:not(.z-bordered)>input, .z-input-row:not(.z-bordered)>select{border:none;} .z-input-row:not(.z-bordered)>input:first-child, .z-input-row:not(.z-bordered)>select:first-child{padding:0;} .z-input-row>select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;} /* 选择按钮的输入组 */ .z-input-row>input[type=checkbox],.z-input-row>input[type=radio]{padding:0;margin:0 .08rem;-webkit-flex:0 0 auto;flex:0 0 auto;} /* 带边框输入组 */ .z-input-row.z-bordered{padding:0;margin-top:.15rem;margin-bottom:.15rem;} .z-input-row.z-bordered:after{content:none;} .z-input-row.z-bordered>label{padding-left:.12rem;padding-right:.12rem;background:#fcfcfc;background-clip:padding-box;border-style:solid;border-color:#e5e5e5;} .z-input-row.z-bordered>label:first-child{border-width:1px 0 1px 1px;} .z-input-row.z-bordered>label:last-child{border-width:1px 1px 1px 0;} /* 带圆角输入组 */ [class*=z-bd-rd].z-input-row.z-bordered{border-radius:0 0 0 0 !important;} .z-input-row.z-bordered.z-bd-rd3>label:first-child, .z-input-row.z-bordered.z-bd-rd3>input:first-child, .z-input-row.z-bordered.z-bd-rd3>select:first-child{border-top-left-radius:3px !important;border-bottom-left-radius:3px !important;} .z-input-row.z-bordered.z-bd-rd3>label:last-child, .z-input-row.z-bordered.z-bd-rd3>input:last-child, .z-input-row.z-bordered.z-bd-rd3>select:last-child{border-top-right-radius:3px !important;border-bottom-right-radius:3px !important;} .z-input-row.z-bordered.z-bd-rd5>label:first-child, .z-input-row.z-bordered.z-bd-rd5>input:first-child, .z-input-row.z-bordered.z-bd-rd5>select:first-child{border-top-left-radius:5px !important;border-bottom-left-radius:5px !important;} .z-input-row.z-bordered.z-bd-rd5>label:last-child, .z-input-row.z-bordered.z-bd-rd5>input:last-child, .z-input-row.z-bordered.z-bd-rd5>select:last-child{border-top-right-radius:5px !important;border-bottom-right-radius:5px !important;} .z-input-row.z-bordered.z-bd-rd10>label:first-child, .z-input-row.z-bordered.z-bd-rd10>input:first-child, .z-input-row.z-bordered.z-bd-rd10>select:first-child{border-top-left-radius:10px !important;border-bottom-left-radius:10px !important;} .z-input-row.z-bordered.z-bd-rd10>label:last-child, .z-input-row.z-bordered.z-bd-rd10>input:last-child, .z-input-row.z-bordered.z-bd-rd10>select:last-child{border-top-right-radius:10px !important;border-bottom-right-radius:10px !important;} .z-input-row.z-bordered.z-bd-rd-circle>label:first-child, .z-input-row.z-bordered.z-bd-rd-circle>input:first-child, .z-input-row.z-bordered.z-bd-rd-circle>select:first-child{padding-left:.4rem;border-top-left-radius:1000px !important;border-bottom-left-radius:1000px !important;} .z-input-row.z-bordered.z-bd-rd-circle>label:last-child, .z-input-row.z-bordered.z-bd-rd-circle>input:last-child, .z-input-row.z-bordered.z-bd-rd-circle>select:last-child{padding-right:.4rem;border-top-right-radius:1000px !important;border-bottom-right-radius:1000px !important;} /** 数字输入框,支持增减按钮 **/ .z-numInput,.z-numInput>.z-btn-minus,.z-numInput>.z-btn-plus,.z-numInput>input[type=text]{ -webkit-align-self:center; align-self:center; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; } .z-numInput>.z-btn-minus,.z-numInput>.z-btn-plus,.z-numInput>input[type=text]{height:.24rem;border-style:solid;border-color:#d5d5d5;font-size:.14rem;} .z-numInput>input[type=text]{width:.3rem;border-width:1px;text-align:center;color:#333;} .z-numInput>.z-btn-minus,.z-numInput>.z-btn-plus{width:.24rem;color:#999;font-size:.16rem;background:#fcfcfc;} .z-numInput>.z-btn-minus{border-width:1px 0 1px 1px;} .z-numInput>.z-btn-plus{border-width:1px 1px 1px 0;} /**竖版**/ .z-numInput.z-direction-column{width:.3rem;} .z-numInput.z-direction-column>.z-btn-minus,.z-numInput.z-direction-column>.z-btn-plus,.z-numInput.z-direction-column>input[type=text]{width:100%;} .z-numInput.z-direction-column>.z-btn-minus{border-width:1px 1px 0 1px;} .z-numInput.z-direction-column>.z-btn-plus{border-width:0 1px 1px 1px;} /** 多选框 / 单选框 / 切换按钮*/ input.z-checkbox,input.z-radio,input.z-switch{ display:inline-block; width:.24rem; height:.24rem; padding:0; margin:0; position:relative; -webkit-appearance:none; border:0; background:0 0; outline:0; vertical-align:middle; box-shadow:none; } input.z-checkbox:hover,input.z-radio:hover,input.z-switch:hover{border:none;} input.z-switch{width:.4rem} input.z-checkbox:before,input.z-radio:before,input.z-switch:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0;top:0;right:0;bottom:0; border:1px solid #dfe0e1; border-radius:1000px; box-sizing:border-box; background-clip:content-box; } /** 多选框 */ input.z-checkbox:before{ color:#ffffff; font-family:"z-font"; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale; position:relative; text-align:center; line-height:.25rem; font-size:.15rem; } input.z-checkbox:checked:before{content:"\f00d";background:#00a2eb;border:none;} /*几种大小的多选框*/ input.z-checkbox.z-xsmall{width:.18rem;height:.18rem;} input.z-checkbox.z-small{width:.2rem;height:.2rem;} input.z-checkbox.z-large{width:.28rem;height:.28rem;} input.z-checkbox.z-xlarge{width:.32rem;height:.32rem;} input.z-checkbox.z-xsmall:before{line-height:.19rem;font-size:.12rem;} input.z-checkbox.z-small:before{line-height:.21rem;font-size:.14rem;} input.z-checkbox.z-large:before{line-height:.29rem;font-size:.16rem;} input.z-checkbox.z-xlarge:before{line-height:.33rem;font-size:.18rem;} /** 单选框 */ input.z-radio:checked:after{ content:""; display:block; width:60%; height:60%; position:absolute; left:20%; top:20%; border-radius:1000px; background-clip:content-box; background:#00a2eb; } /*几种大小的单选框*/ input.z-radio.z-xsmall{width:.18rem;height:.18rem;} input.z-radio.z-small{width:.2rem;height:.2rem;} input.z-radio.z-large{width:.28rem;height:.28rem;} input.z-radio.z-xlarge{width:.32rem;height:.32rem;} /** 切换按钮 */ input.z-switch:before{background:#fcfcfc;-webkit-transition:background-color .2s;transition:background-color .2s;} input.z-switch:after{ content:""; width:.24rem; height:.24rem; border:1px solid #dfe0e1; border-radius:1000px; position:absolute; background-color:#ffffff; left:0; -webkit-transition:left .2s; transition:left .2s; } input.z-switch:checked:before{background-color:#00a2eb;} input.z-switch:checked:after{left:.16rem;} /*几种大小的切换按钮*/ input.z-switch.z-xsmall{width:.3rem;height:.18rem;} input.z-switch.z-small{width:.35rem;height:.2rem;} input.z-switch.z-large{width:.5rem;height:.28rem;} input.z-switch.z-xlarge{width:.6rem;height:.32rem;} input.z-switch.z-xsmall:after{width:.18rem;height:.18rem;} input.z-switch.z-xsmall:checked:after{left:.12rem;} input.z-switch.z-small:after{width:.2rem;height:.2rem;} input.z-switch.z-small:checked:after{left:.15rem;} input.z-switch.z-large:after{width:.28rem;height:.28rem;} input.z-switch.z-large:checked:after{left:.22rem;} input.z-switch.z-xlarge:after{width:.32rem;height:.32rem;} input.z-switch.z-xlarge:checked:after{left:.28rem;} /** 文本框相关 */ .z-textarea{ font-family:"微软雅黑","宋体"; width:100%; padding:.05rem; font-size:.14rem; background-color:#fff; border:1px solid #e5e5e5; /*box-shadow:none;*/ } .z-textarea.z-red:focus,.z-textarea.z-red.z-active{border-color:#ea4a36;} .z-textarea.z-orange:focus,.z-textarea.z-orange.z-active{border-color:#ff6600;} .z-textarea.z-yellow:focus,.z-textarea.z-yellow.z-active{border-color:#fac603;} .z-textarea.z-green:focus,.z-textarea.z-green.z-active{border-color:#43cd6e;} .z-textarea.z-cyan:focus,.z-textarea.z-cyan.z-active{border-color:#009899;} .z-textarea.z-blue:focus,.z-textarea.z-blue.z-active{border-color:#28a3ef;} .z-textarea.z-purple:focus,.z-textarea.z-purple.z-active{border-color:#9e70ca;} /** 选择框相关 */ .z-select{ font-family:"微软雅黑","宋体"; display:inline-block; vertical-align:middle; padding:.03rem .04rem; height:.3rem; line-height:.22rem; font-size:.16rem; color:#000; background-color:#fff; border:1px solid #e5e5e5; /*box-shadow:none;*/ } .z-select.z-red:focus,.z-select.z-red.z-active{border-color:#ea4a36;} .z-select.z-orange:focus,.z-select.z-orange.z-active{border-color:#ff6600;} .z-select.z-yellow:focus,.z-select.z-yellow.z-active{border-color:#fac603;} .z-select.z-green:focus,.z-select.z-green.z-active{border-color:#43cd6e;} .z-select.z-cyan:focus,.z-select.z-cyan.z-active{border-color:#009899;} .z-select.z-blue:focus,.z-select.z-blue.z-active{border-color:#28a3ef;} .z-select.z-purple:focus,.z-select.z-purple.z-active{border-color:#9e70ca;} /** 按钮相关--行内按钮 */ .z-button,.z-button-flex{ background-color:#FFFFFF; color:#008bd2; text-align:center; cursor:pointer; font-size:.16rem; box-shadow:none; } .z-button{ display:inline-block; vertical-align:middle; padding:0 .16rem; height:.4rem; line-height:.39rem; margin-bottom:0; position:relative; } /** 默认为灰色确认按钮 */ .z-button{color:#333;border:1px solid #e5e5e5;} .z-button:active{background-color:#dfdfdf;} /** 提供除默认之外的四种默认大小风格 */ .z-button.z-xsmall{padding:0 .08rem;height:.25rem;line-height:.23rem;font-size:.12rem;} .z-button.z-small{padding:0 .1rem;height:.3rem;line-height:.29rem;font-size:.14rem;} .z-button.z-large{padding:0 .24rem;height:.45rem;line-height:.44rem;font-size:.18rem;} .z-button.z-xlarge{padding:0 .3rem;height:.5rem;line-height:.49rem;font-size:.2rem;} /** 定义字体图标比文本大2像素,和文本间隔4像素 */ .z-button.z-font{bottom:0;} .z-button .z-font{margin-right:.04rem;font-size:.14rem;line-height:1;} .z-button.z-large .z-font{font-size:.17rem;} .z-button.z-xlarge .z-font{font-size:.18rem;} /** 定义图片上移2像素并,提供默认的图标 */ .z-button img{display:inline-block;vertical-align:middle;margin-top:-2px;} .z-button .z-checkbox,.z-button .z-radio{margin-right:5px;margin-top:-1px;} .z-button.z-large .z-checkbox,.z-button.z-xlarge .z-checkbox,.z-button.z-large .z-radio,.z-button.z-xlarge .z-radio{margin-right:.08rem;margin-top:-2px;} /** 按钮--块按钮 **/ .z-button-flex{ display:-webkit-flex; display:flex; -webkit-flex:1 1 0; flex:1 1 0; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; width:100%; height:.45rem; padding:0 .1rem; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:none; } /** 定义确认按钮,背景色为红橙黄绿青蓝紫 */ .z-button.z-red, .z-button-flex.z-red{color:#fff;background:#ea4a36;border-color:#ea4a36;} .z-button.z-orange, .z-button-flex.z-orange{color:#fff;background:#ff6600;border-color:#ff6600;} .z-button.z-yellow, .z-button-flex.z-yellow{color:#fff;background:#fac603;border-color:#fac603;} .z-button.z-green, .z-button-flex.z-green{color:#fff;background:#43cd6e;border-color:#43cd6e;} .z-button.z-cyan, .z-button-flex.z-cyan{color:#fff;background:#009899;border-color:#009899;} .z-button.z-blue, .z-button-flex.z-blue{color:#fff;background:#28a3ef;border-color:#28a3ef;} .z-button.z-purple, .z-button-flex.z-purple{color:#fff;background:#9e70ca;border-color:#9e70ca;} /** 定义纯色按钮,选中时为指定的颜色,支持红橙黄绿青蓝紫*/ .z-button.z-red.z-active, .z-button-flex.z-red.z-active{color:#ea4a36;background:none;border-color:#ea4a36;} .z-button.z-orange, .z-button-flex.z-orange{color:#fff;background:#ff6600;border-color:#ff6600;} .z-button.z-yellow, .z-button-flex.z-yellow{color:#fff;background:#fac603;border-color:#fac603;} .z-button.z-green, .z-button-flex.z-green{color:#fff;background:#43cd6e;border-color:#43cd6e;} .z-button.z-cyan, .z-button-flex.z-cyan{color:#fff;background:#009899;border-color:#009899;} .z-button.z-blue, .z-button-flex.z-blue{color:#fff;background:#28a3ef;border-color:#28a3ef;} .z-button.z-purple, .z-button-flex.z-purple{color:#fff;background:#9e70ca;border-color:#9e70ca;} /** 定义确认按钮,边框色为红橙黄绿青蓝紫 */ .z-button.z-active{color:#333;background:none;border-color:#333;} .z-button.z-red-bd, .z-button-flex.z-red-bd{color:#ea4a36;background:none;border-color:#ea4a36;} .z-button.z-orange-bd, .z-button-flex.z-orange-bd{color:#ff6600;background:none;border-color:#ff6600;} .z-button.z-yellow-bd, .z-button-flex.z-yellow-bd{color:#fac603;background:none;border-color:#fac603;} .z-button.z-green-bd, .z-button-flex.z-green-bd{color:#43cd6e;background:none;border-color:#43cd6e;} .z-button.z-cyan-bd, .z-button-flex.z-cyan-bd{color:#009899;background:none;border-color:#009899;} .z-button.z-blue-bd, .z-button-flex.z-blue-bd{color:#28a3ef;background:none;border-color:#28a3ef;} .z-button.z-purple-bd, .z-button-flex.z-purple-bd{color:#9e70ca;background:none;border-color:#9e70ca;} /** 定义边框按钮,选中时为指定的颜色,支持红橙黄绿青蓝紫*/ .z-button.z-red-bd.z-active:after, .z-button.z-orange-bd.z-active:after, .z-button.z-yellow-bd.z-active:after, .z-button.z-green-bd.z-active:after, .z-button.z-cyan-bd.z-active:after, .z-button.z-blue-bd.z-active:after, .z-button.z-purple-bd.z-active:after{ position:absolute; width:10px; height:10px; line-height:0; bottom:0; right:0; content:url(image/ico_button_bg_black.png); } .z-button.z-purple-bd.z-active{border-color:#9e70ca;} .z-button.z-red-bd.z-active:after{content:url(image/ico_button_bg_red.png);} .z-button.z-orange-bd.z-active:after{content:url(image/ico_button_bg_orange.png);} .z-button.z-yellow-bd.z-active:after{content:url(image/ico_button_bg_yellow.png);} .z-button.z-green-bd.z-active:after{content:url(image/ico_button_bg_green.png);} .z-button.z-cyan-bd.z-active:after{content:url(image/ico_button_bg_cyan.png);} .z-button.z-blue-bd.z-active:after{content:url(image/ico_button_bg_blue.png);} .z-button.z-purple-bd.z-active:after{content:url(image/ico_button_bg_purple.png);} /** 块按钮的选中 */ .z-button-flex.z-red-bd.z-active{color:#fff;background:#ea4a36;border-color:#ea4a36;} .z-button-flex.z-orange-bd.z-active{color:#fff;background:#ff6600;border-color:#ff6600;} .z-button-flex.z-yellow-bd.z-active{color:#fff;background:#fac603;border-color:#fac603;} .z-button-flex.z-green-bd.z-active{color:#fff;background:#43cd6e;border-color:#43cd6e;} .z-button-flex.z-cyan-bd.z-active{color:#fff;background:#009899;border-color:#009899;} .z-button-flex.z-blue-bd.z-active{color:#fff;background:#28a3ef;border-color:#28a3ef;} .z-button-flex.z-purple-bd.z-active{color:#fff;background:#9e70ca;border-color:#9e70ca;} /** 定义按钮不可用 */ .z-button.z-disabled, .z-button-flex.z-disabled, .z-button[disabled], .z-button-flex[disabled], .z-button.z-disabled.z-active, .z-button-flex.z-disabled.z-active, .z-button[disabled].z-active, .z-button-flex[disabled].z-active{ color:#bbb !important; cursor:not-allowed !important; events-pointer:none !important; } /* 按钮组(并列按钮) */ .z-button-row,.z-button-column{ -webkit-align-self:center; align-self:center; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:space-between; justify-content:space-between; background-color:#ffffff; } .z-button-column{-webkit-flex-direction:column;flex-direction:column;} .z-button-row>.z-button, .z-button-row>.z-button-flex, .z-button-column>.z-button, .z-button-column>.z-button-flex{border-radius:0 0 0 0;width:100%;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;border:1px solid #e5e5e5;} .z-button-row>.z-button[class*=z-w],.z-button-row>.z-button-flex[class*=z-w], .z-button-row>.z-button[class*=zi-w],.z-button-row>.z-button-flex[class*=zi-w]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;} .z-button-row>.z-button{margin:.1rem 0 .1rem .1rem;} .z-button-row>.z-button-flex{margin-left:-1px;} .z-button-row>.z-button:first-child, .z-button-row>.z-button-flex:first-child{margin-left:0;} .z-button-column>.z-button{margin-top:.1rem;} .z-button-column>.z-button-flex{margin-top:-1px;} .z-button-column>.z-button:first-child, .z-button-column>.z-button-flex:first-child{margin-top:0;} /* 按钮组的圆角 */ [class*=z-bd-rd].z-button-row, [class*=z-bd-rd].z-button-row>.z-button-flex{border-radius:0;} .z-button-row.z-bd-rd1>.z-button{border-radius:1px;} .z-button-row.z-bd-rd1>.z-button-flex:first-child{border-top-left-radius:1px;border-bottom-left-radius:1px;} .z-button-row.z-bd-rd1>.z-button-flex:last-child{border-top-right-radius:1px;border-bottom-right-radius:1px;} .z-button-row.z-bd-rd2>.z-button{border-radius:2px;} .z-button-row.z-bd-rd2>.z-button-flex:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px;} .z-button-row.z-bd-rd2>.z-button-flex:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;} .z-button-row.z-bd-rd3>.z-button{border-radius:3px;} .z-button-row.z-bd-rd3>.z-button-flex:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;} .z-button-row.z-bd-rd3>.z-button-flex:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;} .z-button-row.z-bd-rd5>.z-button{border-radius:5px;} .z-button-row.z-bd-rd5>.z-button-flex:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;} .z-button-row.z-bd-rd5>.z-button-flex:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;} .z-button-row.z-bd-rd8>.z-button{border-radius:8px;} .z-button-row.z-bd-rd8>.z-button-flex:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;} .z-button-row.z-bd-rd8>.z-button-flex:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;} .z-button-row.z-bd-rd10>.z-button{border-radius:10px;} .z-button-row.z-bd-rd10>.z-button-flex:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;} .z-button-row.z-bd-rd10>.z-button-flex:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;} .z-button-row.z-bd-rd-circle>.z-button{border-radius:1000px;} .z-button-row.z-bd-rd-circle>.z-button-flex:first-child{border-top-left-radius:1000px;border-bottom-left-radius:1000px;} .z-button-row.z-bd-rd-circle>.z-button-flex:last-child{border-top-right-radius:1000px;border-bottom-right-radius:1000px;} /***********************************************/ /* 第六部分:步骤条定义 */ /***********************************************/ /************************************************************/ /* 第七部分:标签页定义 /************************************************************/ .z-tabnav>.z-active{color:#0894ec;border-color:#0894ec;z-index:100;} .z-tabs>*{display:none !important;} .z-tabs>.z-active{display:block !important;} .z-tabnav{position:relative} .z-tabnav>nav>ul,.z-tabnav-main>nav>ul{ -webkit-align-self:center; align-self:center; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; position:relative; font-size:0; } .z-tabnav>nav li,.z-tabnav-main>nav li{ display:block; text-decoration:none; text-align:center; color:#5f646e; font-size:0.16rem; width:100%; height:.45rem; line-height:.45rem; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; border-width:0 0 1px 0; border-style:solid; border-color:#e5e5e5; border-radius:0; white-space:nowrap; overflow:hidden; position:relative; text-overflow:ellipsis; } .z-tabnav>nav li.z-active{border-color:#28a3ef;color:#28a3ef;cursor:default;} .z-tabnav>section{position:relative;width:100%;height:auto;min-height:1rem;} .z-tabnav>section>div{position:relative;width:100%;height:auto;min-height:1rem;background-color:#fff;display:none;} .z-tabnav>section>div.z-active{display:block !important;} .z-tabnav.z-bordered>nav{border:1px solid #e5e5e5;border-bottom:none;background-color:#f5f5f5;} .z-tabnav.z-bordered>nav>ul{margin-top:.18rem;} .z-tabnav.z-bordered>nav li{border:1px solid transparent;} .z-tabnav.z-bordered>nav li:first-child{border-left:none;} .z-tabnav.z-bordered>nav li:last-child{border-right:none;} .z-tabnav.z-bordered>nav li.z-active{color:#5f646e;border-color:#e5e5e5 #e5e5e5 transparent #e5e5e5;background-color:#fff;cursor:default;} .z-tabnav.z-bordered>section,.z-tabnav>section.z-bordered {border:1px solid #e5e5e5;border-top:none;} .z-tabnav.z-default{min-height:.45rem;color:#666;border-radius:2px;} .z-tabnav.z-default>nav{font-size:.16rem;line-height:.45rem;} .z-tabnav.z-default>nav>ul,.z-tabnav.z-red>nav>ul,.z-tabnav.z-orange>nav>ul,.z-tabnav.z-yellow>nav>ul, .z-tabnav.z-green>nav>ul,.z-tabnav.z-cyan>nav>ul,.z-tabnav.z-blue>nav>ul,.z-tabnav.z-purple>nav>ul{ margin-top:0; } .z-tabnav.z-default>nav>ul li,.z-tabnav.z-red>nav>ul li,.z-tabnav.z-orange>nav>ul li,.z-tabnav.z-yellow>nav>ul li, .z-tabnav.z-green>nav>ul li,.z-tabnav.z-cyan>nav>ul li,.z-tabnav.z-blue>nav>ul li,.z-tabnav.z-purple>nav>ul li{ background:#f6f6f6; border-color:transparent !important; } .z-tabnav.z-default>nav li.z-active{color:#fff;border-color:transparent;background:#333;cursor:default;} .z-tabnav.z-red>nav li.z-active{color:#fff;background:#ea4a36;} .z-tabnav.z-orange>nav li.z-active{color:#fff;background:#ff6600;} .z-tabnav.z-yellow>nav li.z-active{color:#fff;background:#fac603;} .z-tabnav.z-green>nav li.z-active{color:#fff;background:#43cd6e;} .z-tabnav.z-cyan>nav li.z-active{color:#fff;background:#009899;} .z-tabnav.z-blue>nav li.z-active{color:#fff;background:#28a3ef;} .z-tabnav.z-purple>nav li.z-active{color:#fff;background:#9e70ca;} /************************************************************/ /* 第八部分:可编辑文本定义 /************************************************************/ /************************************************************/ /* 第九部分:对话框样式定义 /************************************************************/ /***********************************************/ /* 第十部分:浮动窗定义 */ /***********************************************/ /***********************************************/ /* 第十一部分:日历样式定义 */ /***********************************************/ /***********************************************/ /* 第十二部分:下拉列表定义 */ /***********************************************/ /***********************************************/ /* 第十三部分:整体容器布局定义 */ /***********************************************/ .z-bar-top,.z-bar-bottom{position:absolute;width:100%;height:.5rem;left:0;right:0;text-align:center;background-color:#ffffff;} .z-bar-top .z-font,.z-bar-bottom .z-font{bottom:0;} .z-bar-top.z-small,.z-bar-bottom.z-small{height:.45rem;} .z-container{position:absolute;width:100%;left:0;right:0;top:0;bottom:0;background-color:#ffffff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;} .z-bar-top~.z-container{top:.5rem;} .z-bar-bottom~.z-container{bottom:.5rem;} .z-bar-top.z-small~.z-container{top:.45rem;} .z-bar-bottom.z-small~.z-container{bottom:.45rem;} /* 顶部bar条 */ .z-bar-top{line-height:.5rem;top:0;border-bottom:1px solid #e7e7e7;} .z-bar-top.z-small{line-height:.45rem;} .z-bar-top>.top-title,.z-bar-top-inner>.top-title{ padding:0 .9rem; text-align:center; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; word-break:break-word; -webkit-line-clamp:1; } .z-bar-top>.top-left,.z-bar-top>.top-right, .z-bar-top-inner>.top-left,.z-bar-top-inner>.top-right{position:absolute;top:0;bottom:0;} .z-bar-top>.top-left,.z-bar-top-inner>.top-left{left:0;padding-left:.1rem;} .z-bar-top>.top-right,.z-bar-top-inner>.top-right{right:0;padding-right:.1rem;} /* 内容内部顶部 bar 条 */ .z-bar-top-inner{height:.45rem;line-height:.4rem;position:relative;border-bottom:.05rem solid #e5e5e5;} /* 底部bar条 */ .z-bar-bottom{ line-height:1.1; bottom:0; border-top:1px solid #e7e7e7; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; font-size:.12rem; } .z-bar-bottom>*{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center; -webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;} .z-bar-bottom .z-font{font-size:.22rem;margin-bottom:.01rem;} .z-bar-bottom>[class*=z-w], .z-bar-bottom>[class*=zi-w]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;} .z-bar-bottom.z-small{line-height:1.1;} .z-bar-bottom.z-small .z-font{font-size:.2rem;} .z-bar-bottom .z-button,.z-bar-bottom .z-button-flex{height:100%;} /*限制分布*/ .z-direction-column{-webkit-flex-direction:column;flex-direction:column;} .z-flex-none{-webkit-flex:0 0 auto !important;-ms-flex:0 0 auto;flex:0 0 auto !important;} .z-justify-start{-webkit-justify-content:flex-start !important;justify-content:flex-start !important;} .z-justify-end{-webkit-justify-content:flex-end !important;justify-content:flex-end !important;} .z-justify-center{-webkit-justify-content:center !important;justify-content:center !important;} .z-justify-between{-webkit-justify-content:space-between !important;justify-content:space-between !important;} .z-justify-around{-webkit-justify-content:space-around !important;justify-content:space-around !important;} .z-flex-start{-webkit-align-items:flex-start !important;align-items:flex-start !important;} .z-flex-end{-webkit-align-items:flex-end !important;align-items:flex-end !important;} .z-flex-center{-webkit-align-items:center !important;align-items:center !important;} .z-flex-stretch{-webkit-align-items:stretch !important;align-items:stretch !important;} /***********************************************/ /* 第十四部分:卡片列表 */ /***********************************************/ .z-card-list{margin-top:.08rem;background-color:#ffffff;} .z-card-list .list-item, .z-card-list .list-item .item-left, .z-card-list .list-item .item-right{ display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; line-height:.2rem; border:none; position:relative; } .z-card-list .list-item{min-height:.5rem;padding:.1rem .15rem;-webkit-justify-content:space-between;justify-content:space-between;} .z-card-list .list-item+.list-item{border-top:1px solid #e5e5e5;} .z-card-list .list-item .item-left{font-size:.16rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;} .z-card-list .list-item .item-right{color:#999;font-size:.14rem;-webkit-justify-content:flex-end;justify-content:flex-end;} .z-card-list .list-item .item-list{font-size:.14rem;} .z-card-list .list-item .item-list>li{line-height:inherit;display:-webkit-flex;display:flex;} .z-card-list .list-item .item-list>li>.list-name{ -webkit-flex:none; flex:none; color:#999; width:.75rem; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; word-break:break-word; -webkit-line-clamp:1; } .z-card-list .list-item .item-list>li>.list-cont{} .z-card-list .z-font{bottom:0px;font-size:.16rem;} .z-card-list .z-font:last-child{margin-left:.1rem;} /***********************************************/ /* 第十五部分:图文列表/链接 */ /***********************************************/ .z-flexBox{ -webkit-align-self:center; align-self:center; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; border-width:0; border-style:solid; border-color:#e5e5e5; position:relative; background-color:#ffffff; } /*边框*/ .z-flexBox+.z-flexBox:before, .z-flexBox.z-last:after{content:"";width:100%;height:1px;right:0;left:0;position:absolute;background:#e5e5e5;z-index:9;} .z-flexBox+.z-flexBox:before{top:0;} .z-flexBox:not(.z-direction-column)>.z-flexBox+.z-flexBox:before{width:1px;height:100%;right:auto;top:0;} .z-flexBox.z-last:after{bottom:0;} .z-flexBox:not(.z-direction-column)>.z-flexBox.z-last:after{width:1px;height:100%;left:auto;top:0;} .z-flexBox.z-left{-webkit-align-items:flex-start;align-items:flex-start;} /*定义自动缩放列排版*/ .z-flexBox>*{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;} .z-flexBox>[class*=z-w], .z-flexBox>[class*=z-w], .z-flexBox>[class*=zi-w]{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;} /*图文混排*/ .z-flexBox>.z-list-main,.z-flexBox>.z-list-after{ display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; overflow:hidden; position:relative; } /*图片*/ .z-flexBox>.z-list-media{margin-right:.1rem;max-width:1.5rem;max-height:1.5rem;position:relative;background-color:#f5f5f5;} .z-flexBox>.z-list-media>img{position:absolute;width:auto;height:auto;left:0;top:0;right:0;bottom:0;margin:auto;} /*文本*/ .z-flexBox>.z-list-main{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-align-self:flex-start;align-self:flex-start;} .z-flexBox>.z-list-main>.z-list-title, .z-flexBox>.z-list-main>.z-list-info, .z-flexBox>.z-list-main>.z-list-desc{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;line-height:.18rem;} .z-flexBox>.z-list-main>.z-list-title{font-size:.14rem;height:.36rem;-webkit-line-clamp:2;} .z-flexBox>.z-list-main>.z-list-info{margin-top:.02rem;color:#777;font-size:.12rem;height:.18rem;-webkit-line-clamp:1;} .z-flexBox>.z-list-main>.z-list-desc{margin-top:.05rem;font-size:.14rem;-webkit-line-clamp:1;} /*精简图文排版*/ .z-flexBox.z-simple>.z-list-media{max-width:1rem;max-height:1rem;} .z-flexBox.z-simple>.z-list-main{-webkit-align-self:center;align-self:center;} .z-flexBox.z-simple>.z-list-main>.z-list-title{height:.18rem;-webkit-line-clamp:1;} .z-flexBox.z-simple>.z-list-main>.z-list-desc{display:none;} /*图文排版右侧*/ .z-flexBox>.z-list-after{-webkit-align-lists:center;align-lists:center;color:#999;margin-left:.1rem;font-size:.12rem;} .z-flexBox>.z-list-after .z-font{bottom:0;margin-left:.05rem;font-size:.18rem;} /***********************************************/ /* 第十六部分:滚动banner图 */ /***********************************************/ .z-slider{position:relative;width:100%;} .z-slider .z-slider-touch, .z-slider .z-slider-touch>li{position:absolute;width:100%;height:100%;left:0;top:0;transition-property:transform;background:#fff;} .z-slider .z-slider-touch>li.z-active{z-index:9;} .z-slider .z-slider-touch>li a{display:-webkit-flex;display:flex;width:100%;height:100%;position:relative;overflow:hidden;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;} .z-slider .z-slider-touch>li img{-webkit-flex:1 1 auto;flex:1 1 auto;max-height:none;} .z-slider .z-slider-tab{position:absolute;width:100%;height:.2rem;padding-top:.07rem;left:0;bottom:0;text-align:center;z-index:10;background-color:rgba(255,255,255,.15)} .z-slider .z-slider-tab>span{display:inline-block;width:.06rem;height:.06rem;vertical-align:top;margin:0 .02rem;border-radius:50%;background-color:rgba(0,0,0,.5);} .z-slider .z-slider-tab>span.z-active{background-color:#ffffff;} /***********************************************/ /* 第十七部分:手机端popup */ /***********************************************/ .z-popup{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:999;display:none;} .z-popup .z-popup-bg,.z-popup .z-popup-main{position:absolute;top:0;right:0;bottom:0;left:0;} .z-popup .z-popup-bg{background:rgba(0,0,0,.3);z-index:1;visibility:hidden;opacity:0;-webkit-transition:all .4s;transition:all .4s;} .z-popup .z-popup-main{background:#ffffff;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;} .z-popup.z-left .z-popup-main{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);} .z-popup.z-top .z-popup-main{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);} .z-popup.z-right .z-popup-main{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);} .z-popup.z-bottom .z-popup-main{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} .z-popup.z-popup-fadeIn .z-popup-bg{visibility:visible;opacity:1;} .z-popup.z-popup-fadeOut .z-popup-main, .z-popup.z-popup-fadeIn .z-popup-main{-webkit-transition:-webkit-transform .4s;transition:transform .4s;} .z-popup.z-popup-fadeIn .z-popup-main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .z-popup.z-left.z-overlay-part .z-popup-main{right:25%;} .z-popup.z-top.z-overlay-part .z-popup-main{bottom:auto;} .z-popup.z-right.z-overlay-part .z-popup-main{left:25%;} .z-popup.z-bottom.z-overlay-part .z-popup-main{top:auto;} .z-popup .z-popup-title{line-height:.45rem;text-align:center;position:relative;border-bottom:1px solid #f5f5f5;} .z-popup .z-popup-sure,.z-popup .z-popup-cancel{height:.45rem;line-height:.45rem;font-size:.14rem;position:absolute;top:0;padding:0 .1rem;color:#777;} .z-popup .z-popup-sure.z-font,.z-popup .z-popup-cancel.z-font, .z-popup .z-popup-sure .z-font,.z-popup .z-popup-cancel .z-font{font-size:.2rem;} .z-popup.z-top .z-popup-title .z-popup-sure, .z-popup.z-bottom .z-popup-title .z-popup-sure, .z-popup.z-left .z-popup-title .z-popup-sure{right:0;} .z-popup.z-top .z-popup-title .z-popup-cancel, .z-popup.z-bottom .z-popup-title .z-popup-cancel, .z-popup.z-left .z-popup-title .z-popup-cancel{left:0;} .z-popup.z-right .z-popup-title .z-popup-sure{left:0;} .z-popup.z-right .z-popup-title .z-popup-cancel{right:0;} .z-popup .z-popup-main>.z-popup-cancel{height:.35rem;line-height:.35rem;right:0;} .z-popup-main .z-popup-content{-webkit-flex:1 1 auto;flex:1 1 auto;} /***********************************************/ /* 第十八部分:定义动画 */ /***********************************************/ @keyframes rotate360 { 0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } @-webkit-keyframes rotate360 { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }