/** begin ---edit.css---*/ /** begin ---edit.css---*/ @charset "utf-8"; /* @名称: 密码控件样式 @功能: 包含1控件样式 2未安装控件时渲染出链接的样式 3浮层样式 */ /* 隐藏样式 */ .fn-hide,.hidden{display:none;} /* 控件样式 */ .alieditContainer *{ vertical-align:bottom; } .alieditContainer{ display:inline-block;*display:inline;zoom:1;width:184px;height:24px;vertical-align:bottom;position: relative; } .alieditContainer object{width:100%;height:24px;} .alieditContainer a.aliedit-install{ border:1px solid #AEAEAE;line-height:24px;color:#06F!important;_width:184px;min-width:184px;height:100%;display:block;text-align:center; } .promptText_PTA{display:none;} /* 基于light控件脚本对应的样式 */ .edit-tips { background: #A8A8A8; height: 28px; left: 0; top: 0; position: relative; margin-top: -64px; width: 180px; } .edit-tips-two-lines { background: none repeat scroll 0 0 #A8A8A8; height: 48px; left: 0; position: relative; top: -84px; width: 180px; } .edit-tips-text { background: none repeat scroll 0 0 #FFFF8D; border: 1px solid #DEA90C; display: block; line-height: 20px; left: -2px; padding: 3px 5px; position: relative; top: -2px; width: 168px; } .edit-tips-angle { background: url("https://i.alipayobjects.com/e/201309/13MOuwMhH3.png") no-repeat scroll -40px -128px transparent; display: block; height: 11px; left: 20px; overflow: hidden; line-height: 11px; margin-top: -3px; position: absolute; top: 100%; width: 10px; } /* 浮层样式 */ .light-dialog{ width:600px; height:370px; overflow:hidden; position:absolute; z-index:9999; top:5%; left:10%; border:6px solid #767576; background:#fff; visibility: hidden; -moz-box-shadow:3px 2px 6px #333333; -webkit-box-shadow: #333 2px 2px 6px; } .light-dialog iframe { width:100%; height:100%; } .light-dialog-shadow{ position:absolute; left:0; top:0; z-index:9998; width:100%; height:100%; background:#000; visibility: hidden; opacity:.2; filter:alpha(opacity=20); -ms-filter:'alpha(opacity=20)'; } .light-dialog-shadow iframe{opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';} .light-load{ position: absolute; z-index: 9999; visibility: hidden; } .light-dialog-top { padding: 20px; } .light-dialog-title { border-bottom: 1px solid #DBDBDB; margin-bottom: 3px; overflow: hidden; padding-bottom: 3px; position: relative; width:100%; } .light-dialog-title h2{ float: left; font: 18px/22px SimHei; } .light-dialog-title a { border-bottom: 1px solid #FFFFFF; display: block; line-height: 22px; position: absolute; text-decoration: none; right: 0; top: 0; } .light-dialog-title s { -moz-transition: all 0.2s ease-in-out 0s; background: url("https://i.alipayobjects.com/e/201309/13MOuvt6j7.png") no-repeat scroll -2px -76px transparent; cursor: pointer; display: inline-block; height: 11px; overflow: hidden; position: absolute; top: 6px; vertical-align: middle; width: 11px; } .light-dialog-title em { cursor: pointer; display: inline-block; font-style: normal; font-weight: normal; margin-left: 11px; text-align: right; font-size: 12px; width: 30px; } .light-dialog-title a:hover { text-decoration: none; } .light-dialog-title a:hover em { text-decoration: underline; } .light-dialog-title a:hover s { -moz-transform: rotate(90deg); } /* 不基于框架的控件脚本对应的样式 */ .aliedit-dn{ position:relative; display:block; width:165px; height:100%; margin:-24px 0 0; border:1px solid red; line-height:24px; text-align:center; color:#f00; font-size:12px; background:#fff; } .aliedit-xbox{ width:600px; height:370px; overflow:hidden; position:absolute; z-index:9999; top:5%; left:10%; border:6px solid #767576; background:#fff; -moz-box-shadow:3px 2px 6px #333333; -webkit-box-shadow: #333 2px 2px 6px; } .aliedit-xbox iframe, .aliedit-box-shadow iframe{ width:100%; height:100%; } .aliedit-box-shadow{ position:absolute; left:0; top:0; z-index:9998; width:100%; height:100%; background:#000; opacity:.2; filter:alpha(opacity=20); -ms-filter:'alpha(opacity=20)'; } .aliedit-box-shadow iframe{opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';} .aliedit-load{z-index:9999;} .aliedit-tips{ position: relative; _position:absolute; display:block; width:192px; height:37px; background:url("https://i.alipayobjects.com/e/201309/13MOuwLSGr.png") 0 -36px no-repeat; margin-top:-61px; } .aliedit-tips-update{ background-position:0 -76px; } .pop-aliedit .container{padding:20px;overflow:hidden;border:3px #A2A2A2 solid;background:#F3F3F3;} /** end ---edit.css---*/ /**Last Changed Author: shuai.shao--Last Changed Date: Fri Sep 06 15:22:54 CST 2013**/ /**alice.components.security-edit-1.4**/ /** CurrentDeveloper: wangwei**/ /** DeployDate: Mon Sep 16 10:39:50 CST 2013**/ /** begin ---base.css---*/ @charset "utf-8"; /* @名称: base @功能: 重设浏览器默认样式 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html{ color:#000;/*background:#f6f8f9;*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0;padding:0; font-family:"Microsoft YaHei"; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } /* HTML5 媒体文件跟 img 保持一致 */ audio,canvas,video { display: inline-block;*display: inline;*zoom: 1; } /* 要注意表单元素并不继承父级 font 的问题 */ body,button,input,select,textarea{ font:12px/1.5 tahoma,arial,Hiragino Sans GB,\5b8b\4f53; } input,select,textarea{ font-size:100%; } /* 去掉各Table cell 的边距并让其边重合 */ table{ border-collapse:collapse;border-spacing:0; } /* IE bug fixed: th 不继承 text-align*/ th{ text-align:inherit; } /* 去除默认边框 */ fieldset,img{ border:0; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe{ display:block; } /* 去掉 firefox 下此元素的边框 */ abbr,acronym{ border:0;font-variant:normal; } /* 一致的 del 样式 */ del { text-decoration:line-through; } address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500; } /* 去掉列表前的标识, li 会继承 */ ol,ul { list-style:none; } /* 对齐是排版最重要的因素, 别让什么都居中 */ caption,th { text-align:left; } /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */ h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:''; } /* 统一上标和下标 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup {top: -0.5em;} sub {bottom: -0.25em;} /* 让链接在 hover 状态下显示下划线 */ a:hover { text-decoration:underline; } /* 默认不显示下划线,保持页面简洁 */ ins,a { text-decoration:none; } /* 清理浮动 */ .fn-clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .fn-clear { zoom:1; /* for IE6 IE7 */ } /* 隐藏, 通常用来与 JS 配合 */ body .fn-hide { display:none; } /* 设置内联, 减少浮动带来的bug */ .fn-left { float:left; } .fn-right { float:right; } /** end ---base.css---*/ /**Last Changed Author: zhanxin.lin--Last Changed Date: Mon Jul 30 15:57:57 CST 2012**/ /**alice.base-1.2**/ /** CurrentDeveloper: shawn**/ /** DeployDate: Tue Jul 31 09:35:41 CST 2012**/ /** begin ---mi-select.css---*/ /** * @name: mi-select * @author: 天孝(chentao.yuan@alipay.com) * @description: 系统级select组件 * @require: null * @example */ .mi-select { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; width:220px; height:29px; line-height:29px; border:1px solid #ccc; position:relative; vertical-align:middle; } .mi-select-value, .mi-select-value-current { text-indent:10px; cursor:default; position:absolute; font-weight:normal; display:block; white-space:nowrap; overflow:hidden; } .mi-select-value { background:#fff url("https://i.alipayobjects.com/e/201206/3PEcjkVYpP.png") no-repeat right 1px; } .mi-select-iframe { border:none; position:absolute; left:-1px; top:30px; display:none; } .mi-select-cnt { z-index:1; top:30px; left:-1px; margin:0; display:none; position:absolute; background-color:#fff; border:1px solid #ccc; padding:1px 0 0; *padding-bottom:1px; _padding-bottom:0; border-top:0; overflow:hidden; } .mi-select-cnt li, .mi-select-item { float:left; background-color:#fff; cursor:default; margin:0 1px 1px; display:inline; line-height:29px; overflow:hidden; padding-left:10px; white-space:nowrap; } .mi-select-cnt .mi-select-item-spliter { color: #4D4D4D; background-color: #f2f2f2; } .mi-select-cnt .mi-select-item-current { color: #fff; background-color:#3399fe; } /** end ---mi-select.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Tue Jul 23 16:25:04 CST 2013**/ /**alice.components.mi-select-1.0**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Tue Jul 23 16:25:16 CST 2013**/ /** begin ---mi-font.css---*/ /** 统一字体及字体颜色样式 @name font @example 200.00 */ html { color: #4D4D4D; } /** 默认链接颜色 */ a { color: #39f; } /** 字体 */ html body .ft-orange, html body .ft-green { font-family: tahoma,verdana,arial; } /** 颜色 */ html body .ft-weaken { color: #808080; } html body .ft-link { color: #39f; } html body .ft-orange { color: #F60; } html body .ft-green { color: #53A000; } html body .ft-explain { color: #A6A6A6; } html body .ft-default { color: #4D4D4D; } html body .ft-black { color: #000; } html body .ft-error { color:#F33; } /** 大小 */ html body .ft-12 { font-size: 12px; } html body .ft-14 { font-size: 14px; } html body .ft-18 { font-size: 18px; } html body .ft-30 { font-size: 30px; } /** 对齐 */ html body .ft-left { text-align: left; } html body .ft-center { text-align: center; } html body .ft-right { text-align: right; } html body .ft-top { vertical-align: top; } html body .ft-middle { vertical-align: middle; } html body .ft-bottom { vertical-align: bottom; } html body .ft-baseline { vertical-align: baseline; } /** 样式 */ html body .ft-bold { font-weight: 700; } html body .ft-normal { font-weight: normal; } html body .ft-bar { color: #CCC; padding: 0 7px 0 6px; } /** 换行 */ html body .ft-break { word-wrap:break-word; word-break:break-all; } /** 不换行 */ html body .ft-nowrap { white-space:nowrap; word-break: keep-all; } /** end ---mi-font.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:29:55 CST 2013**/ /**alice.components.mi-font-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:30:09 CST 2013**/ /** begin ---mi-function.css---*/ /** 主要用于调整元素的外边距与内边距 * @name function * @example
上边margin为5px
*/ /** 让元素内联显示 */ html body .fn-inline { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; } html body .fn-hide { display: none; } html body .fn-left { float:left; } html body .fn-right { float:right; } /** 上边距 */ html body .fn-m0 { margin:0; } html body .fn-mt0 { margin-top:0; } html body .fn-mr0 { margin-right:0; } html body .fn-mb0 { margin-bottom:0; } html body .fn-ml0 { margin-left:0; } html body .fn-mt5 { margin-top:5px; } html body .fn-mt10 { margin-top:10px; } html body .fn-mt15 { margin-top:15px; } html body .fn-mt30 { margin-top: 30px; } /** 右边距 */ html body .fn-mr5 { margin-right:5px; } html body .fn-mr10 { margin-right:10px; } html body .fn-mr20 { margin-right:20px; } /** 下边距 */ html body .fn-mb5 { margin-bottom:5px; } html body .fn-mb10 { margin-bottom:10px; } html body .fn-mb15 { margin-bottom:15px; } html body .fn-mb20 { margin-bottom:20px; } /** 左边距 */ html body .fn-ml5 { margin-left:5px; } html body .fn-ml10 { margin-left:10px; } html body .fn-ml15 { margin-left:15px; } html body .fn-ml20 { margin-left:20px; } html body .fn-pd0 { padding:0; } html body .fn-pt0 { padding-top:0; } html body .fn-pr0 { padding-right:0; } html body .fn-pb0 { padding-bottom:0; } html body .fn-pl0 { padding-left:0; } /** end ---mi-function.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:30:44 CST 2013**/ /**alice.components.mi-function-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:30:56 CST 2013**/ /** begin ---mi-grid.css---*/ /** * @name: 内容布局(20格栅格布局) * @author: 天孝(chentao.yuan@alipay.com) * @description: 下边有注释的为常用宽度 * @example: (相加为20,则页面宽度为990px) *
*
*
*
*/ .mi-grid-1,.mi-grid-2,.mi-grid-3, .mi-grid-4,.mi-grid-5,.mi-grid-6, .mi-grid-7,.mi-grid-8,.mi-grid-9, .mi-grid-10,.mi-grid-11,.mi-grid-12, .mi-grid-13,.mi-grid-14,.mi-grid-15, .mi-grid-16,.mi-grid-17,.mi-grid-18, .mi-grid-19,.mi-grid-20 { margin: 0 0 0 10px; float:left; display:inline; } .mi-grid-1 {width:40px;} .mi-grid-2 {width:90px;} .mi-grid-3 {width:140px;} .mi-grid-4 {width:190px;} /* 右侧推广位的宽度 */ .mi-grid-5 {width:240px;} /* 左侧边栏的宽度 */ .mi-grid-6 {width:290px;} .mi-grid-7 {width:340px;} .mi-grid-8 {width:390px;} .mi-grid-9 {width:440px;} .mi-grid-10 {width:490px;} .mi-grid-11 {width:540px;} .mi-grid-12 {width:590px;} /* 中央区域宽度 */ .mi-grid-13 {width:640px;} .mi-grid-14 {width:690px;} .mi-grid-15 {width:740px;} .mi-grid-16 {width:790px;} .mi-grid-17 {width:840px;} /* 交易明细表区域的宽度 */ .mi-grid-18 {width:890px;} .mi-grid-19 {width:940px;} .mi-grid-20 {width:990px;} /* 最大页面宽度 */ /* 清理浮动 */ .mi-grid-row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .mi-grid-row { zoom: 1; /* for IE6 IE7 */ margin:0 0 0 -10px; } /** end ---mi-grid.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 15 14:08:54 CST 2012**/ /**alice.components.mi-grid-1.0**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 15 15:38:27 CST 2012**/ /** begin ---mi-box.css---*/ .mi-box-top, .mi-box-bottom, .mi-box .corner-left, .mi-box .corner-right { font-size: 0; line-height: 0; overflow:hidden; } /** border-top */ .mi-box-top, .mi-box-bottom { position: relative; height: 12px; } .mi-box-bottom { height: 11px; } /** top-center */ .mi-box-top .center, .mi-box-bottom .center { margin: 0 11px; height: 100%; } .mi-box .corner-left, .mi-box .corner-right { width: 11px; height: 100%; position: absolute; top: 0; } .mi-box .corner-left { left: 0; } .mi-box .corner-right { right: 0; } .mi-box-right { padding: 0 11px 0 0; zoom: 1; /** fixed for ie6 */ } .mi-box-left { padding: 0 0 0 11px; } .mi-box-cnt { padding: 10px; } /** mi-box-more */ .mi-box-more {} .mi-box-more .mi-box-bottom { height: 15px; } /** top */ .mi-box-top .corner-left { background:url("https://i.alipayobjects.com/e/201304/610hO5Mo3.png") no-repeat 0 0; } .mi-box-top .center { background:url("https://i.alipayobjects.com/e/201304/601MgGpHD.png") repeat-x 47px 0; } .mi-box-top .corner-right { background:url("https://i.alipayobjects.com/e/201304/610hO5Mo3.png") no-repeat right 0; } /** right */ .mi-box-right { background:url("https://i.alipayobjects.com/e/201304/600MdIz95.png") repeat-y right -48px; } /** bottom */ .mi-box-bottom .corner-left { background:url("https://i.alipayobjects.com/e/201304/610hO5Mo3.png") no-repeat 0 -13px; } .mi-box-bottom .center { background:url("https://i.alipayobjects.com/e/201304/601MgGpHD.png") repeat-x 0 -13px; } .mi-box-bottom .corner-right { background:url("https://i.alipayobjects.com/e/201304/610hO5Mo3.png") no-repeat right -13px; } /** box-more-bottom */ .mi-box-more .mi-box-bottom .corner-left { background:url("https://i.alipayobjects.com/e/201304/610hO5Mo3.png") no-repeat 0 -25px; } .mi-box-more .mi-box-bottom .center { background:url("https://i.alipayobjects.com/e/201304/601MgGpHD.png") repeat-x 0 -25px; } .mi-box-more .mi-box-bottom .corner-right { background:url("https://i.alipayobjects.com/e/201304/610hO5Mo3.png") no-repeat right -25px; } /** left */ .mi-box-left { background:url("https://i.alipayobjects.com/e/201304/600MdIz95.png") repeat-y 0 -42px; } .mi-box-cnt { background:#f5f5f5 url("https://i.alipayobjects.com/e/201304/603Q76PfD.png") repeat 0 0; } /** end ---mi-box.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 13:24:38 CST 2013**/ /**alice.components.mi-box-1.0**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 13:24:55 CST 2013**/ /** begin ---mi-footer.css---*/ /** * @name: ui-footer * @author: 天孝(chentao.yuan@alipay.com) * @description: 底部样式 * @require: null */ .ui-footer { border-top: 1px solid #CCCCCC; height: 100px; background-color:#F5F5F5; } .ui-footer-copyright .server { color:#f5f5f5; } .ui-footer-copyright { text-align:center; background-color:#f5f5f5; } /** 产品自定义尾 */ .ui-productfooter { border-top:1px solid #ccc; } .ui-productfooter-ctn { border-top:1px solid #fff; background-color:#f5f5f5; text-align:center; padding:5px 0; } .ui-productfooter .ui-footer { margin-top:0; border-top:none; } .ui-productfooter .ui-footer-ctn { border-top:none; } /** 首页尾样式 */ .ui-footermain { background-color:#F7F7F7; } .site-links{text-align:center; border-top:1px solid #D9D9D9; padding-top:15px; margin-bottom:15px} .site-links .first{border:none} .site-links li{display:inline; color:#BBB} .alibaba-links span{display:block; height:26px; line-height:26px} .alibaba-links a, .alibaba-links span{color:#999} .alibaba-links{text-align:center; color:#CCC} .alibaba-links{text-align:center; color:#CCC; margin-bottom:10px} .security-links li{display:inline; float:left;} .security-links{text-align:center; padding-bottom:30px; margin:0 auto;width:608px;} .security-links a{height:35px; display:block; text-indent:-9999em; background:url("https://i.alipayobjects.com/e/201202/2XSZoo2M8p.png") no-repeat 0 0; margin-right:12px; position:relative;overflow:hidden;} .security-links .verisign{width:82px} .security-links .zjswm{background-position:-186px 0; width:35px} .security-links .wlgs{background-position:-227px 0; width:29px} .security-links .ppaa{background-position:-265px 0; width:33px} .security-links .hzdtgt{background-position:-303px 0; width:30px} .security-links .anfang{background-position:-342px 0; width:40px} .security-links .newIcon,.pci-vertify span{background:url("https://i.alipayobjects.com/e/201202/2XSZoo2M8p.png") no-repeat;} .security-links li a.zfxkz{width:48px;height:35px;} .security-links .visa{width:57px;height:35px;background-position:-60px top;cursor:auto;} .security-links .visa span{display:block;width:57px;height:35px;text-indent:-9999px;} .security-links li a.versign{background-position:-120px top;width:64px;height:35px;} .security-links .pci-vertify a{display:block;width:76px;height:35px;background-position:-382px top;cursor:pointer;text-indent:-9999px;} .security-links .szfw-renzheng{background-position:-461px 0; width:96px;margin-right:0;} /** end ---mi-footer.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 15 14:05:59 CST 2012**/ /**alice.components.mi-footer-1.0**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 15 15:37:16 CST 2012**/ /** begin ---mi-table.css---*/ /** * @name: mi-table * @author: 天孝(chentao.yuan@alipay.com) * @description: 表格组件 * @require: null * @example 普通表格
表格嵌套
*/ .mi-table { border:1px solid #DDD; background-color:#FFF; } .mi-table table { border-collapse:collapse; border-spacing:0; width:100%; } /** 提供普通表格的fixed支持,如果table当中checkbox, radio, 请自行解决 fixed 问题! */ .mi-table-fixed table { table-layout:fixed; word-wrap:break-word; word-break:break-all; } .mi-table th, .mi-table td { color:#4d4d4d; text-align:left; padding: 8px 9px 8px 10px; *padding:8px 9px 8px 10px; _padding:8px 9px 8px 10px; vertical-align:middle; border-right: 1px solid #ebecee; text-align: center; } .mi-table caption, .mi-table th { padding: 8px 9px 8px 10px; padding:10px 9px 6px 10px\9; *padding:10px 9px 6px 10px; _padding:8px 9px 8px 10px; background-color:#EEE; border-bottom:1px solid #DDD; } .mi-table caption:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .mi-table caption { zoom:1; padding:4px 9px 3px 10px; } .mi-table-caption { float:left; height:21px; font-size:14px; } .mi-table-tool { color:#ccc; font-size:12px; font-weight:normal; padding:1px 0 0 19px; } .mi-table-tool-title { color:#6a6a6a; } .mi-table-tool .ft-bar { padding:0 7px 0 6px; } /** 表格排序按钮 */ .mi-table .sort, .mi-table .sort:visited { padding:0 11px 0 0; *padding-top:2px; _padding-top:0; overflow:hidden; text-decoration:none; color:#4D4D4D; background-image:url("https://i.alipayobjects.com/e/201306/U6zklE0nV.png"); background-repeat:no-repeat; } .mi-table .sort:hover { text-decoration:none; } /** 不可排序 */ .mi-table .sort-default { background-position: right 3px; } /** 降序 */ .mi-table .sort-desc { background-position: right -27px; } /** 升序 */ .mi-table .sort-asc { background-position: right -57px; } .mi-table-spliter { background-color:#F7F7F7; } .mi-table-row-hover { background-color: #EEE; } .mi-table .mi-table-explain { color:#A6A6A6; } .mi-table .border-left-none {border-left:0;} .mi-table-foot td { text-align:right; padding-right:9px; border-top:1px solid #ccc; background-color:#f2f2f2; } /** 当checkbox在表格当中时 */ .mi-table .mi-checkbox, .mi-table .mi-radio { vertical-align:middle; margin-top:0; } /** 当图片在表格当中时 */ .mi-table img { vertical-align:middle; } /** 表格全边框 */ .mi-table-border { border-left:none; border-top:none; } .mi-table-border caption { border-bottom:none; } .mi-table-border caption, .mi-table-border th, .mi-table-border td { border-top:1px solid #DDD; border-left:1px solid #DDD; } /** 表格无边框 */ .mi-table-bordernone { border:none; } /** 表格上边框 */ .mi-table-bordertop { border-top:none; } .mi-table-bordertop caption { border-top:1px solid #ccc; border-bottom:none; } .mi-table-bordertop th, .mi-table-bordertop td { border-top:1px solid #ccc; } /** 表格左边框 */ .mi-table-borderleft { border-left:none; } .mi-table-borderleft caption { border-left:1px solid #CCC; } .mi-table-borderleft th, .mi-table-borderleft td { border-left:1px solid #ccc; } /** table嵌套 */ .mi-table .mi-table-inner { padding:0; } .mi-table-inner .mi-table { border:none; } .mi-table-inner .mi-table caption { border-top:none; border-bottom:1px solid #ccc; } .mi-table-inner thead th { border-top:none; } /** mi-table-border */ .mi-table-border .mi-table-inner .mi-table { margin-left:-1px; } /** mi-table-bordertop */ .mi-table-bordertop .mi-table-inner { border-left:1px solid #CCC; } /** mi-table-borderleft */ .mi-table-borderleft .mi-table caption { border-top:1px solid #ccc; border-bottom:none; } .mi-table-borderleft .mi-table-inner .mi-table { margin-left:-1px; } .mi-table-borderleft .mi-table-inner thead th { border-top:1px solid #CCC; } .mi-table-borderleft .mi-table-inner td { border-top:none; } .mi-table-borderleft .mi-table-inner .mi-table-foot td { border-top:1px solid #CCC; } /* 简明表格样式 */ .mi-table-concise { border: 0 none; } .mi-table-concise caption, .mi-table-concise th { background-color: #FFF; } .mi-table-concise td { border-bottom: 1px solid #ebecee; color:#666; font-size:13px; } .mi-table-concise caption, .mi-table-concise th { border-bottom:2px solid #DDD; } /** end ---mi-table.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Sun Jun 09 13:28:39 CST 2013**/ /**alice.components.mi-table-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Sun Jun 09 13:28:51 CST 2013**/ /** begin ---mi-form.css---*/ /** * @name: mi-form * @author: 天孝(chentao.yuan@alipay.com) * @description: 通用表单样式 * @require: null */ .mi-form {} label, label:focus, label:hover, label:active { border: 0 none; outline: medium none; } legend { display:none; } fieldset { padding:10px 0 0; } /** 表单项 */ .mi-form-item{ padding:0 0 15px 170px; margin:0; } .mi-form-item select { color:#4d4d4d; vertical-align:middle; border: 1px solid #ddd; border-radius: 3px !important; font-family:"微软雅黑"; } .mi-form-item-normal { padding-left:0; } .mi-form-spliter { display:inline-block; *zoom:1; *display:inline; padding:6px 3px 0; } /** 表单标签 */ .mi-label { padding:3px 0 6px; padding:5px 0 0\9; *padding:4px 0 0; _padding:3px 0 0; width:170px; float:left; *margin-top:2px; margin-left:-170px; vertical-align:middle; text-align:right; color:#4D4D4D; font-size:14px; position:relative; } /** 表单必填项 */ .mi-form .required { display:inline-block; *zoom:1; *display:inline; position:relative; top:2px; padding:0 5px 0; color:#f00; } /** 表单输入元素 input, textarea */ .mi-input, .mi-textarea, .mi-form .mi-securitycore .mi-checkcode-input /** 对手机校验码进行修正 */{ border:1px solid #ddd; color:#4D4D4D; vertical-align:top; width:220px; } .mi-form .ui-securitycore .ui-checkcode-input { width:60px; } .mi-form .ui-securitycore .ui-checkcode-input { height:auto; } .mi-form-item-placeholder, .mi-input-placeholder, .mi-textarea-placeholder { color:#A6A6A6; } .mi-input-len3{ width:3em; } .mi-input-len4 { width:4em; } .mi-input-authcode { width:4.5em; } .mi-input-len6, .mi-input-securitycode, .mi-input-date { width:6em; } .mi-input-len8 { width:8em; } .mi-input-len10 { width:14em; } .mi-input-hover, .mi-textarea-hover { border-color:#2db7f5; color:#4D4D4D; } /** 获取焦点提示样式 */ .mi-form-item-focus .mi-form-explain, .mi-form-item-hover .mi-form-explain { color:#4D4D4D; } .mi-form-item-hover .mi-input, .mi-form-item-hover .mi-textarea { border-color:#A6A6A6; color:#4D4D4D; } /** 获取焦点样式 */ .mi-form-item .mi-input:hover, .mi-form-item .mi-textarea:hover, .mi-form .ui-securitycore .ui-checkcode-input:hover, .mi-form-item .mi-input-hover, .mi-form-item .mi-textarea-hover, .mi-form-item-hover .mi-input, .mi-form-item-hover .mi-textarea, .mi-form-item .mi-input:focus, .mi-form-item .mi-textarea:focus, .mi-form-item .mi-input-focus, .mi-form-item .mi-textarea-focus, .mi-form-item-focus .mi-input, .mi-form-item-focus .mi-textarea, .mi-form .ui-securitycore .ui-checkcode-input:focus{ color:#4D4D4D; border-color:#2db7f5; outline:1px solid #8CDDFF; *padding:7px 3px 4px; _padding:6px 3px 5px; *border:2px solid #2db7f5; font-family:"微软雅黑","Microsoft YaHei" } /** radio标签样式 */ .mi-radio, .mi-checkbox { width:16px; vertical-align:middle;; margin-top:-2px\0; *margin-top:0px; *zoom:1; } .mi-radio-label, .mi-checkbox-label { display:inline-block; *zoom:1; *display:inline; position:relative; padding:0 5px 0 1px; top:1px; top:0px\9; *top:1px; _top:0; } .mi-input-banknum, .mi-input-bigdigital { font-size:18px; } .mi-input-amount, .mi-input-digital, .mi-form .ui-securitycore .mi-input-digital { font-weight:700; } .mi-form .ui-securitycore .ui-form-item-placeholder { font-weight:500; } .mi-textarea { width:650px; overflow:auto; resize:none;/** 针对textarea可以支持resize而设 */ } .mi-input-disabled, .mi-textarea-disabled, .mi-form-item .mi-input-disabled:hover, .mi-form-item .mi-textarea-disabled:hover, .mi-form-item-hover .mi-input-disabled, .mi-form-item-hover .mi-textarea-disabled, .mi-form .ui-securitycore .ui-checkcode-disabled:hover { border-color:#CCC; outline: none; background-color:#F2F2F2; color:#CCC; cursor:default; } /** 表单项提示信息 */ .mi-form-explain { color:#A6A6A6; padding:3px 0 0; padding-top:5px\9; *padding-top:5px; _padding-top:3px; _margin-left:3px; font-size:12px; } /** 报错表单输入框样式 */ .mi-form-item-error .mi-input { border-color:#F33; color:#F33; } .mi-form-item-error .alieditContainer { border:1px solid #F00; } .mi-form-item-success .mi-form-explain, .mi-form-item-forbidden .mi-form-explain, .mi-form-item-cue .mi-form-explain, .mi-form-item-warn .mi-form-explain, .mi-form-item-error .mi-form-explain, .mi-form-item-doubt .mi-form-explain, .mi-form-item-wait .mi-form-explain, .mi-form-item-loading .mi-form-explain { background:url("https://i.alipayobjects.com/e/201304/CkqmqBUth.png") no-repeat 0 0; color:#4D4D4D; padding-left:19px; } .mi-form-item-error .mi-select { border-color: #F33; } .mi-form-item-error .mi-select-value { color: #F33; } /** 成功提示信息样式 */ .mi-form-item-success .mi-form-explain { background-position: -486px -520px; } /** 禁止提示信息样式 */ .mi-form-item-forbidden .mi-form-explain { color:#F33; background-position: -458px -546px; } /** 普通信息提示样式 */ .mi-form-item-cue .mi-form-explain { background-position: -431px -570px; } /** 警告提示信息样式 */ .mi-form-item-warn .mi-form-explain { background-position:-400px -596px; } /** 错误提示信息样式 */ .mi-form-item-error .mi-form-explain{ color:#F33; background-position: -368px -626px; } /** 疑问提示信息样式 */ .mi-form-item-doubt .mi-form-explain{ background-position: -338px -653px; } /** 等待提示信息样式 */ .mi-form-item-wait .mi-form-explain{ background-position: -305px -681px; } /** 动态加载信息提示 */ .mi-form-item-loading .mi-form-explain { background:url("https://i.alipayobjects.com/e/201205/2budYKAewD.gif") no-repeat 0 4px; } /** 正在加载信息提示样式 */ .mi-loading-text { zoom:1; padding-right:15px; color:#20B907; background:url("https://i.alipayobjects.com/e/201205/2bueMwUB2X.gif") no-repeat right 80%; } .mi-form-text, .mi-form-link, .sl-checkcode-link/** 图片验证码 */{ display:-moz-inline-stack; display: inline-block; *display:inline; zoom:1; padding:4px 0 0; } .mi-form-text { font-size:14px; vertical-align:middle; } .mi-form-link, .sl-checkcode-link { padding-top:5px; } .mi-form-link { *padding-top:2px; vertical-align:middle; height:18px; } .mi-form-link, .sl-checkcode-link { margin:0 0 0 3px; margin-top:3px\9; } .mi-form-alieditlink { padding:0; position:relative; top:-2px; left:3px; } /** 图片验证码 */ .sl-checkcode-img { vertical-align:top; } .sl-checkcode-link { height:22px; line-height:1.2; padding-top:8px; overflow:hidden; } .mi-form-item-authcodebreak .sl-checkcode-link { width:40px; height:30px; padding-top:0; } .mi-input-del { display:block; width:10px; height:10px; text-indent:-10em; overflow:hidden; margin:4px 0 0 3px; background:url("https://i.alipayobjects.com/e/201205/2lOVDr2nsf.png") no-repeat 0 -40px; } .mi-input-add, .mi-input-add:visited, .mi-input-add:hover { margin:10px 0 0; text-decoration:none; display:block; padding:6px 0 0 31px; width:190px; height:24px; font-weight:700; overflow:hidden; background:url("https://i.alipayobjects.com/e/201205/2lOVDr2nsf.png") no-repeat 0 0; } /** 水平显示表单 */ .mi-form-horizontal .mi-form-item{ display:inline; float:left; padding:0 0 15px 70px; } .mi-form-horizontal .mi-form-item select{ width:90px; } .mi-form-horizontal .mi-label{ width:70px; margin-left:-70px; } .mi-form-horizontal .mi-input { width:90px; } .mi-form-horizontal .mi-input-date { width:6em; } .mi-form-horizontal .mi-form-item-last{ width:60px; padding:0 0 15px 5px; } .mi-form-horizontal .mi-form-item-time{ width:220px; } /** 垂直显示表单 */ .mi-form-vertical {} .mi-form-vertical .mi-form-item { padding-left:20px; } .mi-form-vertical .mi-label { margin:0; text-align:left; float:none; display:block; } /** 竖直必填 */ .mi-form-vertical .required { padding-left:0; } /** end ---mi-form.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:28:46 CST 2013**/ /**alice.components.mi-form-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:28:59 CST 2013**/ /** begin ---mi-button.css---*/ /** * @name: mi-button * @author: 天孝(chentao.yuan@alipay.com) * @description: 各种按钮样式 * @require: null * @example: * 外层可以是 a, span 标签 * 里层可以是 span, input, button * a > span * * 确定 * * * span > input * * * * * span > button * * * */ /** 按钮基类样式*/ .mi-button{display:inline-block;padding:0; text-decoration:none !important;text-align:center; *zoom:1;*display:inline; overflow:visible;vertical-align:middle;position:relative;} .mi-button-text{cursor:pointer; border:none;float:left;} .mi-button-icon {cursor:pointer;position:absolute;top:11px;width:6px;height:11px;} .mi-button input.mi-button-text, .mi-button button.mi-button-text{*line-height:normal;overflow:visible;border:none; float:left;} /** 小按钮 高 26px */ .mi-button-sblue, .mi-button-swhite, .mi-button-sorange, .mi-button-sgreen, .mi-button-sred, .mi-button-sblue-hover, .mi-button-swhite-hover, .mi-button-sorange-hover, .mi-button-sgreen-hover, .mi-button-sred-hover, .mi-button-sblue-down, .mi-button-swhite-down, .mi-button-sorange-down, .mi-button-sgreen-down, .mi-button-sred-down, /** 小按钮不可点 */ .mi-button-sblue-disabled, .mi-button-swhite-disabled, .mi-button-sorange-disabled, .mi-button-sgreen-disabled, .mi-button-sred-disabled, /** 普通按钮 高 30px */ .mi-button-mblue, .mi-button-mwhite, .mi-button-morange, .mi-button-mgreen, .mi-button-mred, .mi-button-mblue-hover, .mi-button-mwhite-hover, .mi-button-morange-hover, .mi-button-mgreen-hover, .mi-button-mred-hover, .mi-button-mblue-down, .mi-button-mwhite-down, .mi-button-morange-down, .mi-button-mgreen-down, .mi-button-mred-down, /** 普通按钮不可点 */ .mi-button-mblue-disabled, .mi-button-mwhite-disabled, .mi-button-morange-disabled, .mi-button-mgreen-disabled, .mi-button-mred-disabled, .mi-button-text { outline: none; padding:0 0 0 4px; } .mi-button-text { padding:0 4px 0 0; background-position:right 0; } .mi-button-icon { background:url("https://i.alipayobjects.com/e/201304/9D8AO1pv5.png") no-repeat 0 0; } /** 按钮组 */ .mi-button-group { padding-left: 1px; } .mi-button-group .mi-button { margin-left: -1px; } /** 小按钮 height:26px */ .mi-button-sblue .mi-button-text, .mi-button-swhite .mi-button-text, .mi-button-sorange .mi-button-text, .mi-button-sgreen .mi-button-text, .mi-button-sred .mi-button-text{ height:26px; color:#FFF; font:700 12px/1 \5b8b\4f53,\9ED1\4F53,verdana; } a.mi-button-sblue .mi-button-text, a.mi-button-swhite .mi-button-text, a.mi-button-sorange .mi-button-text, a.mi-button-sgreen .mi-button-text, a.mi-button-sred .mi-button-text{ padding:7px 11px 0 8px; height:19px; } /** 对button进行处理 */ .mi-button-sblue button.mi-button-text, .mi-button-swhite button.mi-button-text, .mi-button-sorange button.mi-button-text, .mi-button-sgreen button.mi-button-text, .mi-button-sred button.mi-button-text{ padding:3px 8px 4px 5px; padding:3px 8px 2px 5px\9; _padding:4px 8px 1px 5px; height:26px; } /** 对input进行处理 */ .mi-button-sblue input.mi-button-text, .mi-button-swhite input.mi-button-text, .mi-button-sorange input.mi-button-text, .mi-button-sgreen input.mi-button-text, .mi-button-sred input.mi-button-text{ padding:0 8px 1px 5px; padding:2px 8px 1px 5px\9; _padding:2px 8px 0px 5px; } /** 白色小按钮 */ .mi-button-swhite { background-position:0 -81px; } .mi-button-swhite .mi-button-text { background-position:right -81px; color:#4D4D4D; } /** 添加按钮 基于白色小按钮 */ .mi-button-swhite-add .mi-button-icon { left:15px; top: 8px; height: 10px; width: 10px; background-position:-108px 0; } /** 添加按钮与文字间距离 */ a.mi-button-swhite-add .mi-button-text, .mi-button-swhite-add .mi-button-text{ padding-right:16px; padding-left:29px; } /** 对button进行处理 */ .mi-button-swhite-add button.mi-button-text{ padding-right:13px; padding-left:26px; } /** 对input进行处理 */ .mi-button-swhite-add input.mi-button-text{ padding-right:13px; padding-left:26px; } /** 显示更多按钮 基于白色小按钮 */ .mi-button-swhite-more .mi-button-icon, .mi-button-swhite-more-disabled .mi-button-icon { right:30px; top: 10px; height: 4px; width: 7px; background-position:-84px 0; } /** 显示更多按钮与文字间距离 */ a.mi-button-swhite-more .mi-button-text, a.mi-button-swhite-more-disabled .mi-button-text{ padding-right:41px; padding-left:27px; } /** 显示更多按钮自定义字体 */ .mi-button-swhite-more .mi-button-text, .mi-button-swhite-more-disabled .mi-button-text { font-weight: normal; color: #808080; } /** 显示更多按钮对button进行处理 */ .mi-button-swhite-more button.mi-button-text, .mi-button-swhite-more-disabled button.mi-button-text{ padding-right:41px; padding-left:27px; } /** 显示更多按钮对input进行处理 */ .mi-button-swhite-more input.mi-button-text, .mi-button-swhite-more-disabled input.mi-button-text{ padding-right:41px; padding-left:27px; } /** 下载按钮 基于白色小按钮 */ .mi-button-swhite-download .mi-button-icon, .mi-button-swhite-download-disabled .mi-button-icon { left:14px; top: 7px; width: 12px; height: 12px; background-position:-141px 0; } /** 下载按钮与文字间距离 */ a.mi-button-swhite-download .mi-button-text, a.mi-button-swhite-download-disabled .mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 下载按钮对button进行处理 */ .mi-button-swhite-download button.mi-button-text, .mi-button-swhite-download-disabled button.mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 下载按钮对input进行处理 */ .mi-button-swhite-download input.mi-button-text, .mi-button-swhite-download-disabled input.mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 打印按钮 基于白色小按钮 */ .mi-button-swhite-print .mi-button-icon, .mi-button-swhite-print-disabled .mi-button-icon { left:14px; top: 7px; height: 12px; width: 12px; background-position:-153px 0; } /** 打印按钮与文字间距离 */ a.mi-button-swhite-print .mi-button-text, a.mi-button-swhite-print-disabled .mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 打印按钮对button进行处理 */ .mi-button-swhite-print button.mi-button-text, .mi-button-swhite-print-disabled button.mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 打印按钮对input进行处理 */ .mi-button-swhite-print input.mi-button-text, .mi-button-swhite-print-disabled input.mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 配置按钮 基于白色小按钮 */ .mi-button-swhite-config .mi-button-icon, .mi-button-swhite-config-disabled .mi-button-icon { left:14px; top: 7px; height: 12px; width: 12px; background-position:-166px 0; } /** 配置按钮与文字间距离 */ a.mi-button-swhite-config .mi-button-text, a.mi-button-swhite-config-disabled .mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 配置按钮对button进行处理 */ .mi-button-swhite-config button.mi-button-text, .mi-button-swhite-config-disabled button.mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 配置按钮对input进行处理 */ .mi-button-swhite-config input.mi-button-text, .mi-button-swhite-config-disabled input.mi-button-text{ height: 26px; width: 34px; padding: 0; } /** 橘色小按钮 */ .mi-button-sorange { background-position:0 -162px; } .mi-button-sorange .mi-button-text { background-position:right -162px; } /** 绿色小按钮 */ .mi-button-sgreen { background-position:0 -243px; } .mi-button-sgreen .mi-button-text { background-position:right -243px; } /** 红色小按钮 */ .mi-button-sred { background-position:0 -324px; } .mi-button-sred .mi-button-text { background-position:right -324px; } /** 阴影 */ .mi-button-sblue-hover, .mi-button-swhite-hover, .mi-button-sorange-hover, .mi-button-sgreen-hover, .mi-button-sred-hover { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } /** 蓝色小按钮 hover */ a.mi-button-sblue:hover, .mi-button-sblue-hover { background-position:0 -27px; } a.mi-button-sblue:hover .mi-button-text, .mi-button-sblue-hover .mi-button-text { background-position:right -27px; } /** 蓝色小按钮 down */ a.mi-button-sblue-down:hover, .mi-button-sblue-down { background-position:0 -54px; } a.mi-button-sblue-down:hover .mi-button-text, .mi-button-sblue-down .mi-button-text { background-position:right -54px; } /** 白色小按钮 hover */ a.mi-button-swhite:hover, .mi-button-swhite-hover { background-position:0 -108px; } a.mi-button-swhite:hover .mi-button-text, .mi-button-swhite-hover .mi-button-text { background-position:right -108px; } /** 添加按钮 hover 改变icon */ a.mi-button-swhite-add:hover .mi-button-icon-add, .mi-button-swhite-hover .mi-button-icon-add{ background-position:-119px 0; } /** 显示更多按钮 hover 改变icon */ a.mi-button-swhite-more:hover .mi-button-icon-more, .mi-button-swhite-hover .mi-button-icon-more { background-position:-92px 0; } /** 显示更多小按钮 hover 改变字体颜色 */ a.mi-button-swhite-more:hover .mi-button-text, .mi-button-swhite-hover .mi-button-text { color: #4E4E4E; } /** 白色小按钮 down */ a.mi-button-swhite-down:hover, .mi-button-swhite-down { background-position:0 -135px; } a.mi-button-swhite-down:hover .mi-button-text, .mi-button-swhite-down .mi-button-text { background-position:right -135px; } /** 添加按钮 down 改变icon */ a.mi-button-swhite-down:hover .mi-button-icon-add, .mi-button-swhite-down .mi-button-icon-add{ background-position:-119px 0; } /** 显示更多按钮 down 改变icon */ a.mi-button-swhite-down:hover .mi-button-icon-more, .mi-button-swhite-down .mi-button-icon-more { background-position:-92px 0; } /** 显示更多按钮 down 改变字体颜色 */ a.mi-button-swhite-down:hover .mi-button-text, .mi-button-swhite-down .mi-button-text { color: #4E4E4E; } /** 橘色小按钮 hover */ a.mi-button-sorange:hover, .mi-button-sorange-hover { background-position:0 -189px; } a.mi-button-sorange:hover .mi-button-text, .mi-button-sorange-hover .mi-button-text { background-position:right -189px; } /** 橘色小按钮 down */ a.mi-button-sorange-down:hover, .mi-button-sorange-down { background-position:0 -216px; } a.mi-button-sorange-down:hover .mi-button-text, .mi-button-sorange-down .mi-button-text { background-position:right -216px; } /** 绿色小按钮 hover */ a.mi-button-sgreen:hover, .mi-button-sgreen-hover { background-position:0 -270px; } a.mi-button-sgreen:hover .mi-button-text, .mi-button-sgreen-hover .mi-button-text { background-position:right -270px; } /** 绿色小按钮 down */ a.mi-button-sgreen-down:hover, .mi-button-sgreen-down { background-position:0 -297px; } a.mi-button-sgreen-down:hover .mi-button-text, .mi-button-sgreen-down .mi-button-text { background-position:right -297px; } /** 红色小按钮 hover */ a.mi-button-sred:hover, .mi-button-sred-hover { background-position:0 -351px; } a.mi-button-sred:hover .mi-button-text, .mi-button-sred-hover .mi-button-text { background-position:right -351px; } /** 红色小按钮 down */ a.mi-button-sred-down:hover, .mi-button-sred-down { background-position:0 -378px; } a.mi-button-sred-down:hover .mi-button-text, .mi-button-sred-down .mi-button-text { background-position:right -378px; } /** 小按钮 disabled */ a.mi-button-sblue-disabled:hover, a.mi-button-swhite-disabled:hover, a.mi-button-sorange-disabled:hover, a.mi-button-sgreen-disabled:hover, a.mi-button-sred-disabled:hover, .mi-button-sblue-disabled, .mi-button-swhite-disabled, .mi-button-sorange-disabled, .mi-button-sgreen-disabled, .mi-button-sred-disabled { background-position:0 -405px; } a.mi-button-sblue-disabled:hover .mi-button-text, a.mi-button-swhite-disabled:hover .mi-button-text, a.mi-button-sorange-disabled:hover .mi-button-text, a.mi-button-sgreen-disabled:hover .mi-button-text,a.mi-button-sred-disabled:hover .mi-button-text, .mi-button-sblue-disabled .mi-button-text, .mi-button-swhite-disabled .mi-button-text, .mi-button-sorange-disabled .mi-button-text, .mi-button-sgreen-disabled .mi-button-text, .mi-button-sred-disabled .mi-button-text { background-position:right -405px; color:#BBB; cursor:default; } /** 添加按钮 disabled 基于白色小按钮 disabled */ a.mi-button-swhite-disabled:hover .mi-button-icon-add, .mi-button-swhite-disabled .mi-button-icon-add { left:15px; background-position:-130px 0; } /** 显示更多按钮 disabled 基于白色小按钮 disabled */ a.mi-button-swhite-disabled:hover .mi-button-icon-more, .mi-button-swhite-disabled .mi-button-icon-more { right:30px; background-position:-100px 0; } /** 下载按钮 disabled 基于白色小按钮 disabled */ a.mi-button-swhite-disabled:hover .mi-button-icon-download, .mi-button-swhite-disabled .mi-button-icon-download { background-position:-179px 0; } /** 打印按钮 disabled 基于白色小按钮 disabled */ a.mi-button-swhite-disabled:hover .mi-button-icon-print, .mi-button-swhite-disabled .mi-button-icon-print { background-position:-191px 0; } /** 配置按钮 disabled 基于白色小按钮 disabled */ a.mi-button-swhite-disabled:hover .mi-button-icon-config, .mi-button-swhite-disabled .mi-button-icon-config { background-position:-204px 0; } /****************************************************************/ /** 普通按钮[height:32px] */ .mi-button-mblue .mi-button-text, .mi-button-morange .mi-button-text, .mi-button-mwhite .mi-button-text, .mi-button-mgreen .mi-button-text, .mi-button-mred .mi-button-text { height: 32px; color: #fff; } /** 普通按钮文字间距 */ a.mi-button-mblue .mi-button-text, a.mi-button-mwhite .mi-button-text, a.mi-button-morange .mi-button-text, a.mi-button-mgreen .mi-button-text, a.mi-button-mred .mi-button-text { padding: 8px 21px 0 18px; height: 24px; } /** 调整普通按钮[button] */ .mi-button-mblue button.mi-button-text, .mi-button-mwhite button.mi-button-text, .mi-button-morange button.mi-button-text, .mi-button-mgreen button.mi-button-text, .mi-button-mred button.mi-button-text { padding: 2px 18px 3px 15px; padding: 2px 18px 1px 15px\9; _padding: 3px 18px 0 15px; height: 32px; } /** 调整普通按钮[input] */ .mi-button-mblue input.mi-button-text, .mi-button-mwhite input.mi-button-text, .mi-button-morange input.mi-button-text, .mi-button-mgreen input.mi-button-text, .mi-button-mred input.mi-button-text { padding: 2px 18px 4px 15px; padding: 2px 18px 1px 15px\9; _padding: 3px 18px 0 15px; } /** 普通按钮皮肤背景[mblue, mwhite, morange, mgreen, mred] */ .mi-button-mblue { background-position: 0 -432px; } .mi-button-mwhite { background-position: 0 -531px; } .mi-button-mwhite .mi-button-text { background-position: right -531px; color:#4E4E4E; } .mi-button-morange { background-position: 0 -630px; } .mi-button-morange .mi-button-text { background-position: right -630px; } .mi-button-mgreen { background-position: 0 -729px; } .mi-button-mgreen .mi-button-text { background-position: right -729px; } .mi-button-mred { background-position: 0 -828px; } .mi-button-mred .mi-button-text { background-position: right -828px; } /** mouseover */ /** 蓝色 */ a.mi-button-mblue:hover, .mi-button-mblue-hover { background-position: 0 -465px; } a.mi-button-mblue:hover .mi-button-text, .mi-button-mblue-hover .mi-button-text { background-position: right -465px; } /** 白色 */ a.mi-button-mwhite:hover, .mi-button-mwhite-hover { background-position: 0 -564px; } a.mi-button-mwhite:hover .mi-button-text, .mi-button-mwhite-hover .mi-button-text { background-position: right -564px; } /** 橘色 */ a.mi-button-morange:hover, .mi-button-morange-hover { background-position: 0 -663px; } a.mi-button-morange:hover .mi-button-text, .mi-button-morange-hover .mi-button-text { background-position: right -663px; } /** 绿色 */ a.mi-button-mgreen:hover, .mi-button-mgreen-hover { background-position:0 -762px; } a.mi-button-mgreen:hover .mi-button-text, .mi-button-mgreen-hover .mi-button-text { background-position: right -762px; } /** 红色 */ a.mi-button-mred:hover, .mi-button-mred-hover { background-position: 0 -861px; } a.mi-button-mred:hover .mi-button-text, .mi-button-mred-hover .mi-button-text { background-position: right -861px; } /** mouseover出现阴影 */ .mi-button-mblue-hover, .mi-button-mwhite-hover, .mi-button-morange-hover, .mi-button-mgreen-hover, .mi-button-mred-hover { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } /** mousedown */ /** 蓝色*/ a.mi-button-mblue-down:hover, .mi-button-mblue-down { background-position: 0 -498px; } a.mi-button-mblue-down:hover .mi-button-text, .mi-button-mblue-down .mi-button-text { background-position: right -498px; } /** 白色 */ a.mi-button-mwhite-down:hover, .mi-button-mwhite-down { background-position: 0 -597px; } a.mi-button-mwhite-down:hover .mi-button-text, .mi-button-mwhite-down .mi-button-text { background-position: right -597px; } /** 橘色 */ a.mi-button-morange-down:hover, .mi-button-morange-down { background-position: 0 -696px; } a.mi-button-morange-down:hover .mi-button-text, .mi-button-morange-down .mi-button-text { background-position: right -696px; } /** 绿色 */ a.mi-button-mgreen-down:hover, .mi-button-mgreen-down { background-position: 0 -795px; } a.mi-button-mgreen-down:hover .mi-button-text, .mi-button-mgreen-down .mi-button-text { background-position: right -795px; } /** 红色 */ a.mi-button-mred-down:hover, .mi-button-mred-down { background-position: 0 -894px; } a.mi-button-mred-down:hover .mi-button-text, .mi-button-mred-down .mi-button-text { background-position: right -894px; } /** 普通按钮disabled */ a.mi-button-mblue-disabled:hover, a.mi-button-mwhite-disabled:hover, a.mi-button-morange-disabled:hover, a.mi-button-mgreen-disabled:hover, a.mi-button-mred-disabled:hover, .mi-button-mblue-disabled, .mi-button-mwhite-disabled, .mi-button-morange-disabled, .mi-button-mgreen-disabled, .mi-button-mred-disabled { background-position: 0 -927px; } a.mi-button-mblue-disabled:hover .mi-button-text, a.mi-button-mwhite-disabled:hover .mi-button-text, a.mi-button-morange-disabled:hover .mi-button-text, a.mi-button-mgreen-disabled:hover .mi-button-text, a.mi-button-mred-disabled:hover .mi-button-text, .mi-button-mblue-disabled .mi-button-text, .mi-button-mwhite-disabled .mi-button-text, .mi-button-morange-disabled .mi-button-text, .mi-button-mgreen-disabled .mi-button-text, .mi-button-mred-disabled .mi-button-text { color: #BBB; cursor: default; background-position: right -927px; } /** 调整编辑按钮[A] */ a.mi-button-mblue-edit .mi-button-text, a.mi-button-mwhite-edit .mi-button-text, a.mi-button-morange-edit .mi-button-text, a.mi-button-mgreen-edit .mi-button-text, a.mi-button-mred-edit .mi-button-text { padding-right: 15px; padding-left: 35px; } /** 调整编辑按钮[button] */ .mi-button-mblue-edit button.mi-button-text, .mi-button-mwhite-edit button.mi-button-text, .mi-button-morange-edit button.mi-button-text, .mi-button-mgreen-edit button.mi-button-text, .mi-button-mred-edit button.mi-button-text { padding-right: 12px; padding-left: 32px; } /** 调整编辑按钮[input] */ .mi-button-mblue-edit input.mi-button-text, .mi-button-mwhite-edit input.mi-button-text, .mi-button-morange-edit input.mi-button-text, .mi-button-mgreen-edit input.mi-button-text, .mi-button-mred-edit input.mi-button-text { padding-right: 12px; padding-left: 32px; } /** 编辑按钮图标 */ .mi-button-mblue-edit .mi-button-icon, .mi-button-mwhite-edit .mi-button-icon, .mi-button-morange-edit .mi-button-icon, .mi-button-mgreen-edit .mi-button-icon, .mi-button-mred-edit .mi-button-icon { left: 16px; top: 10px; height: 13px; width: 13px; background-position: -42px 0; } /** 编辑禁用按钮小图标 */ a.mi-button-mblue-disabled:hover .mi-button-icon-edit, a.mi-button-mwhite-disabled:hover .mi-button-icon-edit, a.mi-button-morange-disabled:hover .mi-button-icon-edit, a.mi-button-mgreen-disabled:hover .mi-button-icon-edit, a.mi-button-mred-disabled:hover .mi-button-icon-edit, .mi-button-mblue-disabled .mi-button-icon-edit, .mi-button-mwhite-disabled .mi-button-icon-edit, .mi-button-morange-disabled .mi-button-icon-edit, .mi-button-mgreen-disabled .mi-button-icon-edit, .mi-button-mred-disabled .mi-button-icon-edit { background-position: -70px 0; } /** 白色编辑按钮使用深灰色图标 */ a.mi-button-mwhite-edit:hover .mi-button-icon, .mi-button-mwhite-edit .mi-button-icon { background-position: -56px 0; } a.mi-button-mblue-disabled:hover .mi-button-icon-edit, a.mi-button-mwhite-disabled:hover .mi-button-icon-edit, a.mi-button-morange-disabled:hover .mi-button-icon-edit, a.mi-button-mgreen-disabled:hover .mi-button-icon-edit, a.mi-button-mred-disabled:hover .mi-button-icon-edit, .mi-button-mblue-disabled .mi-button-icon-edit, .mi-button-mwhite-disabled .mi-button-icon-edit, .mi-button-morange-disabled .mi-button-icon-edit, .mi-button-mgreen-disabled .mi-button-icon-edit, .mi-button-mred-disabled .mi-button-icon-edit { left: 16px; background-position: -70px 0; } /** 白色添加按钮 */ .mi-button-mwhite-add .mi-button-icon, .mi-button-mwhite-add-disabled .mi-button-icon { left: 15px; top: 11px; height: 10px; width: 10px; background-position:-108px 0; } /** 调整白色添加按钮与文字间距离 */ a.mi-button-mwhite-add .mi-button-text, .mi-button-mwhite-add .mi-button-text { padding-right: 16px; padding-left: 29px; } /** 调整白色添加按钮[button] */ .mi-button-mwhite-add button.mi-button-text { padding-right: 13px; padding-left: 26px; } /** 调整白色添加按钮[input] */ .mi-button-mwhite-add input.mi-button-text { padding-right: 13px; padding-left: 26px; } /** 白色添加按钮mouseover,mousedown 改变icon */ a.mi-button-mwhite-add:hover .mi-button-icon-add, .mi-button-mwhite-hover .mi-button-icon-add, a.mi-button-mwhite-down:hover .mi-button-icon-add, .mi-button-mwhite-down .mi-button-icon-add { background-position: -119px 0; } /** 白色添加按钮disabled图标 */ a.mi-button-mwhite-disabled:hover .mi-button-icon-add, .mi-button-mwhite-disabled .mi-button-icon-add { background-position: -130px 0; } /** 上一步按钮图标 */ .mi-button-mblue-prev .mi-button-icon, .mi-button-mwhite-prev .mi-button-icon, .mi-button-morange-prev .mi-button-icon, .mi-button-mgreen-prev .mi-button-icon, .mi-button-mred-prev .mi-button-icon { left: 16px; background-position: 0 0; } /** 上一步白色按钮黑色图标 */ .mi-button-mwhite-prev .mi-button-icon { background-position: -7px 0; } /** 调整上一步按钮与文字间距离 */ a.mi-button-mblue-prev .mi-button-text, a.mi-button-mwhite-prev .mi-button-text, a.mi-button-morange-prev .mi-button-text, a.mi-button-mgreen-prev .mi-button-text, a.mi-button-mred-prev .mi-button-text { padding-right: 14px; padding-left: 27px; } /** 调整上一步按钮[button] */ .mi-button-mblue-prev button.mi-button-text, .mi-button-mwhite-prev button.mi-button-text, .mi-button-morange-prev button.mi-button-text, .mi-button-mgreen-prev button.mi-button-text, .mi-button-mred-prev button.mi-button-text { padding-right: 11px; padding-left: 24px; } /** 调整上一步按钮[input] */ .mi-button-mblue-prev input.mi-button-text, .mi-button-mwhite-prev input.mi-button-text, .mi-button-morange-prev input.mi-button-text, .mi-button-mgreen-prev input.mi-button-text, .mi-button-mred-prev input.mi-button-text { padding-right: 11px; padding-left: 24px; } /** 上一步禁用按钮图标 */ a.mi-button-mblue-disabled:hover .mi-button-icon-prev, a.mi-button-mwhite-disabled:hover .mi-button-icon-prev, a.mi-button-morange-disabled:hover .mi-button-icon-prev, a.mi-button-mgreen-disabled:hover .mi-button-icon-prev, a.mi-button-mred-disabled:hover .mi-button-icon-prev, .mi-button-mblue-disabled .mi-button-icon-prev, .mi-button-mwhite-disabled .mi-button-icon-prev, .mi-button-morange-disabled .mi-button-icon-prev, .mi-button-mgreen-disabled .mi-button-icon-prev, .mi-button-mred-disabled .mi-button-icon-prev { left: 16px; background-position: -14px 0; } /** 下一步按钮图标 */ .mi-button-mblue-next .mi-button-icon, .mi-button-mwhite-next .mi-button-icon, .mi-button-morange-next .mi-button-icon, .mi-button-mgreen-next .mi-button-icon, .mi-button-mred-next .mi-button-icon { right: 16px; background-position: -21px 0; } /** 下一步白色按钮黑色图标 */ .mi-button-mwhite-next .mi-button-icon { background-position: -28px 0; } /** 调整下一步按钮与文字间距离 */ a.mi-button-mblue-next .mi-button-text, a.mi-button-mwhite-next .mi-button-text, a.mi-button-morange-next .mi-button-text, a.mi-button-mgreen-next .mi-button-text, a.mi-button-mred-next .mi-button-text { padding-right: 30px; padding-left: 11px; } /** 调整下一步按钮[button] */ .mi-button-mblue-next button.mi-button-text, .mi-button-mwhite-next button.mi-button-text, .mi-button-morange-next button.mi-button-text, .mi-button-mgreen-next button.mi-button-text, .mi-button-mred-next button.mi-button-text { padding-right: 27px; padding-left: 8px; } /** 调整下一步按钮[input] */ .mi-button-mblue-next input.mi-button-text, .mi-button-mwhite-next input.mi-button-text, .mi-button-morange-next input.mi-button-text, .mi-button-mgreen-next input.mi-button-text, .mi-button-mred-next input.mi-button-text { padding-right: 27px; padding-left: 8px; } /** 下一步禁用按钮图标 */ a.mi-button-mblue-disabled:hover .mi-button-icon-next, a.mi-button-mwhite-disabled:hover .mi-button-icon-next, a.mi-button-morange-disabled:hover .mi-button-icon-next, a.mi-button-mgreen-disabled:hover .mi-button-icon-next, a.mi-button-mred-disabled:hover .mi-button-icon-next, .mi-button-mblue-disabled .mi-button-icon-next, .mi-button-mwhite-disabled .mi-button-icon-next, .mi-button-morange-disabled .mi-button-icon-next, .mi-button-mgreen-disabled .mi-button-icon-next, .mi-button-mred-disabled .mi-button-icon-next { right: 16px; background-position: -35px 0; } .mi-button-sblue-disabled .mi-button-icon, .mi-button-swhite-disabled .mi-button-icon, .mi-button-sorange-disabled .mi-button-icon, .mi-button-sgreen-disabled .mi-button-icon, .mi-button-sred-disabled .mi-button-icon, .mi-button-mblue-disabled .mi-button-icon, .mi-button-mwhite-disabled .mi-button-icon, .mi-button-morange-disabled .mi-button-icon, .mi-button-mgreen-disabled .mi-button-icon, .mi-button-mred-disabled .mi-button-icon { cursor: default; } /** end ---mi-button.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Thu Aug 29 15:05:46 CST 2013**/ /**alice.components.mi-button-1.2**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Thu Aug 29 15:07:06 CST 2013**/ /** begin ---mi-tip.css---*/ /** 提示样式 icon的上,左,下边距都是10px 距离文字是9px 单行高度为34px 其中icon字体大小为14px * @name: mi-tip * @author: 天孝(chentao.yuan@alipay.com) * @description: tip提示组件 * @require: null * @example 基本样式
带箭头标识, 其它同样添加标签即可。
◆ ◆
◆ ◆
◆ ◆
◆ ◆
错误提示
警告提示
信息提示
禁止提示
成功提示
*/ .mi-tip { border: 1px solid #E1E1C9; background-color: #EDFFCD; margin: 10px 0 0; zoom: 1; position: relative; color:#4d4d4d; font-size: 14px; } /** tip当中的小箭头 */ .mi-tip-arrow, .mi-tip-arrow em, .mi-tip-arrow span { position:absolute; font-size:14px; font-family: SimSun, Hiragino Sans GB; font-style:normal; line-height:20px; z-index:10; *zoom:1; } /** arrow */ .mi-tip-arrow em { color: #ffbb76 ; } .mi-tip-arrow span { color: #FFFCEF; top:0; left:0; } /** arrow-top */ .mi-tip-arrow-top { top:-9px; left:37px; } .mi-tip-arrow-top em { top:-1px; left:0px; } /** arrow-right */ .mi-tip-arrow-right { top:6px; right:6px; } .mi-tip-arrow-right em { top:0; left:1px; } /** arrow-bottom */ .mi-tip-arrow-bottom { bottom:9px; _bottom: 8px; left:37px; } .mi-tip-arrow-bottom em { top:1px; left:0px; } /** arrow-left */ .mi-tip-arrow-left { top:6px; left:-7px; } .mi-tip-arrow-left em{ top:0; left:-1px; } /* mi-tip-success arrow */ .mi-tip-success .mi-tip-arrow em { color: #B9E39B; } .mi-tip-success .mi-tip-arrow span { color: #EDFFCD; } /* mi-tip-forbidden arrow */ .mi-tip-forbidden .mi-tip-arrow em { color: #F6C9B4; } .mi-tip-forbidden .mi-tip-arrow span { color: #FDEEE9; } /* mi-tip-cue arrow */ .mi-tip-cue .mi-tip-arrow em { color: #CBD7E3; } .mi-tip-cue .mi-tip-arrow span { color: #E4F5FD; } /* mi-tip-warn arrow */ .mi-tip-warn .mi-tip-arrow em { color: #F5DB64; } .mi-tip-warn .mi-tip-arrow span { color: #FFFF8D; } /* mi-tip-error arrow */ .mi-tip-error .mi-tip-arrow em { color: #F7C8B6; } .mi-tip-error .mi-tip-arrow span { color: #FCEDE8; } /* mi-tip-doubt arrow */ .mi-tip-doubt .mi-tip-arrow em { color: #CBD7E3; } .mi-tip-doubt .mi-tip-arrow span { color: #E6F4FD; } /* mi-tip-wait arrow */ .mi-tip-wait .mi-tip-arrow em { color: #E7CCAF; } .mi-tip-wait .mi-tip-arrow span { color: #FFF9D7; } /** tip容器 */ .mi-tip-ctn { padding: 5px 10px 6px 32px; padding:7px 10px 4px 32px\9; /** for ie8 */ *padding:6px 10px 4px 32px; /** for ie7 */ _padding:6px 10px 4px 32px; /** for ie6 */ } .mi-tip-ctn .iconfont { font-size:16px; float:left; margin:3px 0 0 -24px; line-height:16px; height: 16px; *display:inline; } .ft-12 .mi-tip-ctn { padding: 5px 10px 6px 32px; padding:7px 10px 5px 32px\9; /** for ie8 */ *padding:6px 10px 5px 32px; /** for ie7 */ _padding:6px 10px 6px 32px; /** for ie6 */ } .ft-12 .mi-tip-ctn .iconfont { line-height: 15px; height: 14px; } .mi-tip-close { position:absolute; top:6px; right:6px; width:8px; height:7px; line-height:0; display:block; overflow:hidden; text-indent:-100em; cursor:pointer; background-position:-25px 0; } /** 成功提示 */ .mi-tip-success { border-color:#B9E39B; } .mi-tip-success .iconfont { color: #32cd33; } /** 禁止提示 */ .mi-tip-forbidden { border-color: #F6C9B4; background-color: #FDEEE9; } .mi-tip-forbidden .iconfont { color: #ff3336; } /** 信息提示 */ .mi-tip-cue { border-color: #CBD7E3; background-color: #E4F5FD; } .mi-tip-cue .iconfont { color: #0199fe; } /** 警告提示 */ .mi-tip-warn { border-color: #F5DB64; background-color: #FFFF8D; } .mi-tip-warn .iconfont { color: #F90; } /** 错误提示 */ .mi-tip-error { border-color: #F7C8B6; background-color: #FCEDE8; } .mi-tip-error .iconfont { color: #F33; } /** 疑问提示 */ .mi-tip-doubt { border-color: #CBD7E3; background-color: #E6F4FD; } .mi-tip-doubt .iconfont { color: #0398FC; } /** 等待提示 */ .mi-tip-wait { border-color: #E7CCAF; background-color: #FFF9D7; } .mi-tip-wait .iconfont { color: #CF6500; } /** 无图标提示 */ .mi-tip-textonly .mi-tip-ctn { padding-left:10px; } .mi-tip-textonly .iconfont { visibility:hidden; } /** 可关闭 */ .mi-tip-closable .mi-tip-ctn { padding-right:20px; } /** end ---mi-tip.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:14:02 CST 2013**/ /**alice.components.mi-tip-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:14:23 CST 2013**/ /** begin ---mi-notice.css---*/ /* * @name: mi-notice * @author: 天孝(chentao.yuan@alipay.com) * @description: 通用提示, 成功提示、禁止提示、信息提示、警告提示、错误提示、疑问提示、等待提示。 * @require: iconfont * @example

成功

缴款成功成功!

现在您可能需要:返回首页 | 返回账单查询 | 返回合同查询

*/ .mi-notice { font-size: 14px; border:1px solid #e1e1ca; background-color:#fff; } .mi-notice-titleonly { border:none; } .mi-notice-titleonly .mi-notice-title { margin: 0; } .mi-notice-success .mi-notice-title { background-color:#edffcc; } .mi-notice-success .iconfont { color:#3C3; } .mi-notice-forbidden .mi-notice-title { background-color:#fceee8; border-color:#f6c8b5; } .mi-notice-forbidden .iconfont { color:#f33; } .mi-notice-cue .mi-notice-title { background-color:#e5f5ff; border-color:#cbd7e3; } .mi-notice-cue .iconfont { color: #09f; } .mi-notice-warn .mi-notice-title { background-color:#ffff8d; border-color:#f5db64; } .mi-notice-warn .iconfont { color: #f90; } .mi-notice-error .mi-notice-title { background-color:#fceee8; border-color:#f6c8b5; } .mi-notice-error .iconfont { color: #f33; } .mi-notice-doubt .mi-notice-title { background-color:#e5f5ff; border-color:#cbd7e3; } .mi-notice-doubt .iconfont { color: #09f; } .mi-notice-wait .mi-notice-title { background-color:#fff9d7; border-color:#e6ccae; } .mi-notice-wait .iconfont { color: #c60; } .mi-notice-title { min-height: 34px; _height: 34px; padding:25px 43px 21px 88px; border:1px solid #e1e1ca; margin:-1px; position:relative; } .mi-notice-title .iconfont { font-size:38px; line-height:38px; float:left; margin:-4px 0 0 -51px; *display:inline; } .mi-notice-title h3 { color:#3C3C3C; font-weight: 700; font-size: 16px; padding: 4px 0 0; padding-top:5px\9; _padding-top:4px; } .mi-notice-explain { color: #808080; padding: 16px 0 23px 84px; } .mi-notice-explain-other { border-top:1px dashed #eeeeee; color: #4d4d4d; margin: 0 15px; padding: 14px 0 16px 69px; } .mi-notice-explain-other .ft-bar{ padding:0 5px; } .mi-notice-title .mi-notice-explain { padding: 6px 0 0; } .mi-notice-title .mi-notice-explain-other { padding: 14px 0 0; margin: 0; border-top: none; } /** 嵌套于xbox之中 xboxClass:{ MOCK_CLASS: 'mi-notice-inxbox' } */ html body .mi-notice-inxbox { border: 1px solid #949494; } .mi-notice-inxbox .ui-xbox-action { z-index: 1; right: 19px; top: 16px; } .mi-notice-inxbox .ui-xbox-action a, .mi-notice-inxbox .ui-xbox-action a:hover { font-size:14px; text-decoration:none; } .mi-notice-inxbox .mi-notice { margin:0; border:none; } .mi-notice-inxbox .mi-notice-title { margin:0; border-top:none; border-left:none; border-right: none; padding:26px 44px 21px 89px; } /** end ---mi-notice.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:16:07 CST 2013**/ /**alice.components.mi-notice-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:16:20 CST 2013**/ /** begin ---mi-message.css---*/ /** 带图标信息提示 @name: mi-message @author: 天孝(chentao.yuan@alipay.com) @description: 信息提示, 错误提示、成功提示、警告提示、禁止提示、等待提示、疑问提示。 @require: iconfont @name mi-message @example 成功提示 ï删除当前用户成功! 禁止提示 î 信息提示 í 警告提示 ì 错误提示 k 疑问提示 ñ 等待提示 ó 请求提示 */ .mi-message { padding:0 0 0 25px; zoom:1; *padding:1px 0 0 23px; _padding:0 0 1px 23px; font-size:14px; line-height:18px; } .mi-message-error, .mi-message-forbidden { color:#f00; } .mi-message .iconfont { margin:0 10px 0 -23px; font-size:16px; *position:relative; *top:1px; } .mi-message-success .iconfont { color: #32cd33; } .mi-message-forbidden .iconfont { color: #ff3336; } .mi-message-cue .iconfont { color: #0199fe; } .mi-message-warn .iconfont { color: #F90; } .mi-message-error .iconfont { color: #F33; } .mi-message-doubt .iconfont { color: #0398FC; } .mi-message-wait .iconfont { color: #CF6500; } .mi-message-loading { background:url("https://i.alipayobjects.com/e/201205/2budYKAewD.gif") no-repeat 0 1px; } /** end ---mi-message.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:15:03 CST 2013**/ /**alice.components.mi-message-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:15:17 CST 2013**/ /** begin ---mi-line.css---*/ /** 水平分隔线 * @name: mi-line * @author: 天孝(chentao.yuan@alipay.com) * @description: 实线和虚线样式 * @require: null * @example 实线
虚线
*/ .mi-line { font-size:0; line-height:0; overflow:hidden; border:none; height:1px; background-color:#CCC; display:block; margin:5px 0; } .mi-line-dashed { height:0; background-color:transparent; border-bottom:1px dashed #CCC; } .mi-line-dot { background:transparent url("https://i.alipayobjects.com/e/201205/2mWxr1oBG5.png") repeat-x 0 0; } /** end ---mi-line.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 15 14:11:34 CST 2012**/ /**alice.components.mi-line-1.0**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 15 15:39:35 CST 2012**/ /** begin ---mi-paging.css---*/ /** * @name: mi-paging * @author: 蒋立明(wb-jianglm@alipay.com) * @description: 分页组件 * @require: null * @example */ /** mi-paging base */ .mi-paging { height: 32px; } .mi-paging, .mi-paging input { color: #808080; } .mi-paging .mi-paging-item, .mi-paging a.mi-paging-item, .mi-paging a.mi-paging-item:hover { color: #808080; margin: 0 2px 0 0; } .mi-paging a, .mi-paging a:hover { text-decoration: none; } .mi-paging-item, .mi-paging-item .paging-text, .mi-paging-hover a.mi-paging-hover, .mi-paging-hover .paging-text, a.mi-paging-hover .paging-text, .mi-paging-item-down, a.mi-paging-item-down, .mi-paging-item-down .paging-text, a.mi-paging-item-down .paging-text a.mi-paging-item-down:hover .paging-text, a.mi-paging-item, a.mi-paging-item .paging-text, .mi-paging-ellipsis { float: left; background: transparent url("https://i.alipayobjects.com/e/201305/PqTHSrAFJ.png") no-repeat 0 0; } /** default */ .mi-page-item, .mi-paging-item, .mi-page-item, a.mi-paging-item { font-weight: 700; text-decoration: none; height: 32px; line-height: 32px; padding: 0 0 0 10px; background-position: 0 0; position: relative; } .mi-page-item .mi-paging-icon, a.mi-paging-item .mi-paging-icon { cursor: pointer; } .mi-page-item .paging-text, a.mi-paging-item .paging-text { padding: 0 10px 0 0; background-position: right 0; cursor: pointer; } /** hover */ .mi-paging-item-hover, a.mi-paging-item:hover, .mi-paging-first-hover, .mi-paging-prev-hover, .mi-paging-next-hover, .mi-paging-last-hover { background-position: 0 -32px; } .mi-paging-first-hover .paging-text, .mi-paging-prev-hover .paging-text, .mi-paging-next-hover .paging-text, .mi-paging-last-hover .paging-text, .mi-paging-item-hover .paging-text, a.mi-paging-item:hover .paging-text { background-position: right -32px; } /** down */ .mi-paging-item-down, a.mi-paging-item-down, a.mi-paging-item-down:hover, .mi-paging-prev-down, a.mi-paging-prev-down, a.mi-paging-prev-down:hover, .mi-paging-next-down, a.mi-paging-next-down, a.mi-paging-next-down:hover, .mi-paging-first-down, a.mi-paging-first-down, a.mi-paging-first-down:hover, .mi-paging-last-down, a.mi-paging-last-down, a.mi-paging-last-down:hover, .mi-paging-goto-down, a.mi-paging-goto-down, a.mi-paging-goto-down:hover { background-position: 0 -64px; } .mi-paging-item-down .paging-text, a.mi-paging-item-down .paging-text, a.mi-paging-item-down:hover .paging-text, .mi-paging-prev-down .paging-text, a.mi-paging-prev-down .paging-text, a.mi-paging-prev-down:hover .paging-text, .mi-paging-next-down .paging-text, a.mi-paging-next-down .paging-text, a.mi-paging-next-down:hover .paging-text, .mi-paging-first-down .paging-text, a.mi-paging-first-down .paging-text, a.mi-paging-first-down:hover .paging-text, .mi-paging-last-down .paging-text, a.mi-paging-last-down .paging-text, a.mi-paging-last-down:hover .paging-text, .mi-paging-goto-down .paging-text, a.mi-paging-goto-down .paging-text, a.mi-paging-goto-down:hover .paging-text { background-position: right -64px; } /** current */ .mi-paging-current, a.mi-paging-current, a.mi-paging-current:hover { background-position: 0 -96px; } .mi-paging-current span, a.mi-paging-current .paging-text, a.mi-paging-current:hover .paging-text { background-position: right -96px; } /** first page, previous page next page last page */ .mi-paging-first .paging-text, a.mi-paging-first .paging-text, .mi-paging-prev .paging-text, a.mi-paging-prev .paging-text, .mi-paging-next .paging-text, a.mi-paging-next .paging-text, .mi-paging-last .paging-text, a.mi-paging-last .paging-text { width: 28px; padding: 0; overflow: hidden; text-indent: -999px; } /** paging-item icon */ .mi-paging .mi-paging-icon { background: url("https://i.alipayobjects.com/e/201305/QA8ASXpTZ.png") no-repeat; } .mi-paging-first .mi-paging-icon, .mi-paging-prev .mi-paging-icon, .mi-paging-next .mi-paging-icon, .mi-paging-last .mi-paging-icon { background-position: 0 0; width: 6px; height: 11px; position: absolute; } .mi-paging-first .mi-paging-icon { width: 13px; background-position: -217px -1px ; top: 11px; left: 12px; } .mi-paging-last .mi-paging-icon { width: 13px; background-position: -245px -1px ; top: 11px; right: 12px; } .mi-paging-prev .mi-paging-icon { background-position: -7px 0; top: 11px; left: 14px; } .mi-paging-next .mi-paging-icon { background-position: -28px 0; top: 11px; right: 15px; } /** paging-disabled */ .mi-paging-item-disabled, a.mi-paging-item-disabled, a.mi-paging-item-disabled:hover, .mi-paging-first-disabled, a.mi-paging-first-disabled, a.mi-paging-first-disabled:hover, .mi-paging-last-disabled, a.mi-paging-last-disabled, a.mi-paging-last-disabled:hover, .mi-paging-prev-disabled, a.mi-paging-prev-disabled, a.mi-paging-prev-disabled:hover, .mi-paging-next-disabled, a.mi-paging-next-disabled, a.mi-paging-next-disabled:hover { cursor: default; background-position: 0 -96px; } .mi-paging-first-disabled .paging-text, a.mi-paging-first-disabled .paging-text, a.mi-paging-first-disabled:hover .paging-text, .mi-paging-first-disabled-hover .paging-text, .mi-paging-prev-disabled .paging-text, a.mi-paging-prev-disabled .paging-text, a.mi-paging-prev-disabled:hover .paging-text, .mi-paging-prev-disabled-hover .paging-text, .mi-paging-next-disabled .paging-text, a.mi-paging-next-disabled .paging-text, a.mi-paging-next-disabled:hover .paging-text, .mi-paging-next-disabled-hover .paging-text { cursor: default; background-position: right -96px; } /** paging-disabled icon */ .mi-paging-first-disabled .mi-paging-icon, a.mi-paging-first-disabled .mi-paging-icon, a.mi-paging-first-disabled:hover .mi-paging-icon, .mi-paging-first-disabled-hover .mi-paging-icon { background-position: -231px -1px; } .mi-paging-prev-disabled .mi-paging-icon, a.mi-paging-prev-disabled .mi-paging-icon, a.mi-paging-prev-disabled:hover .mi-paging-icon, .mi-paging-prev-disabled-hover .mi-paging-icon { background-position: -14px 0; } .mi-paging-next-disabled .mi-paging-icon, a.mi-paging-next-disabled .mi-paging-icon, a.mi-paging-next-disabled:hover .mi-paging-icon, .mi-paging-next-disabled-hover .mi-paging-icon { background-position: -35px 0; } /** paging-info */ .mi-paging-info { height: 32px; line-height: 32px; line-height: 34px\9; *line-height: 34px; _line-height: 32px; float: left; display: inline; margin: 0 6px 0 5px; overflow: hidden; color: #A6A6A6; } .mi-paging-ellipsis { width: 35px; height: 32px; text-indent: -10em; overflow: hidden; margin: 0 2px 0 0; background-position: 0 -160px; } .mi-paging-goto .paging-text { font-weight: normal; } .mi-paging-which { padding: 0 0 0 5px; } .mi-paging-which input { height: 30px; line-height: 30px; font-size: 14px; *margin-top: -1px; padding: 0 6px; width: 20px; font-weight: 700; border: 1px solid #CCC; overflow: hidden; } .mi-paging-bold { font-weight: 700; } /** paging-text */ .mi-paging-text .mi-paging-info { line-height: 25px; height: 25px; } .mi-paging-text .mi-paging-info-current { color: #4D4D4D; } /** reset */ .mi-paging-text a.mi-paging-item, .mi-paging-text .mi-paging-item { font-weight: normal; } .mi-paging-text a.mi-paging-first, .mi-paging-text a.mi-paging-first:hover, .mi-paging-text .mi-paging-first, .mi-paging-text a.mi-paging-prev, .mi-paging-text a.mi-paging-prev:hover, .mi-paging-text .mi-paging-prev, .mi-paging-text a.mi-paging-next, .mi-paging-text a.mi-paging-next:hover, .mi-paging-text .mi-paging-next, .mi-paging-text a.mi-paging-last, .mi-paging-text a.mi-paging-last:hover, .mi-paging-text .mi-paging-last { background: none; color: #39F; height: 25px; line-height: 25px; display: inline-block; *display: inline; *zoom: 1; } .mi-paging-text a.mi-paging-first, .mi-paging-text a.mi-paging-first:hover, .mi-paging-text .mi-paging-first, .mi-paging-text a.mi-paging-prev, .mi-paging-text a.mi-paging-prev:hover, .mi-paging-text .mi-paging-prev, .mi-paging-text { padding: 0 5px 0 20px; } .mi-paging-text a.mi-paging-next, .mi-paging-text a.mi-paging-next:hover, .mi-paging-text .mi-paging-next, .mi-paging-text, .mi-paging-text a.mi-paging-last, .mi-paging-text a.mi-paging-last:hover, .mi-paging-text .mi-paging-last, .mi-paging-text { padding: 0 20px 0 5px; } /** text */ .mi-paging-text a.mi-paging-first .paging-text, .mi-paging-text a.mi-paging-first:hover .paging-text, .mi-paging-text .mi-paging-first .paging-text, .mi-paging-text a.mi-paging-prev .paging-text, .mi-paging-text a.mi-paging-prev:hover .paging-text, .mi-paging-text .mi-paging-prev .paging-text, .mi-paging-text a.mi-paging-next .paging-text, .mi-paging-text a.mi-paging-next:hover .paging-text, .mi-paging-text .mi-paging-next .paging-text, .mi-paging-text a.mi-paging-last .paging-text, .mi-paging-text a.mi-paging-last:hover .paging-text, .mi-paging-text a.mi-paging-last .paging-text { text-indent: 0; width: auto; background: none; } /** icon */ .mi-paging-text .mi-paging-icon { width: 15px; height: 15px; background: url("https://i.alipayobjects.com/e/201305/PqTHSm5D3.png") no-repeat; } .mi-paging-text a.mi-paging-first .mi-paging-icon, .mi-paging-text a.mi-paging-first:hover .mi-paging-icon, .mi-paging-text .mi-paging-first .mi-paging-icon, .mi-paging-text a.mi-paging-prev .mi-paging-icon, .mi-paging-text a.mi-paging-prev:hover .mi-paging-icon, .mi-paging-text .mi-paging-prev .mi-paging-icon { top: 6px; left: 2px; } .mi-paging-text a.mi-paging-next .mi-paging-icon, .mi-paging-text a.mi-paging-next:hover .mi-paging-icon, .mi-paging-text .mi-paging-next .mi-paging-icon, .mi-paging-text a.mi-paging-last .mi-paging-icon, .mi-paging-text a.mi-paging-last:hover .mi-paging-icon, .mi-paging-text .mi-paging-last .mi-paging-icon { top: 6px; right: 2px; } .mi-paging-text a.mi-paging-first .mi-paging-icon, .mi-paging-text a.mi-paging-first:hover .mi-paging-icon, .mi-paging-text .mi-paging-first .mi-paging-icon { background-position: 0 3px; } .mi-paging-text a.mi-paging-prev .mi-paging-icon, .mi-paging-text a.mi-paging-prev:hover .mi-paging-icon, .mi-paging-text .mi-paging-prev .mi-paging-icon { background-position: 9px -54px; } .mi-paging-text a.mi-paging-next .mi-paging-icon, .mi-paging-text a.mi-paging-next:hover .mi-paging-icon, .mi-paging-text .mi-paging-next .mi-paging-icon { background-position: -8px -35px; } .mi-paging-text a.mi-paging-last .mi-paging-icon, .mi-paging-text a.mi-paging-last:hover .mi-paging-icon, .mi-paging-text a.mi-paging-last .mi-paging-icon { background-position: 0 -16px; } /** @state disabled */ .mi-paging-text .mi-paging-prev-disabled .paging-text, .mi-paging-text a.mi-paging-prev-disabled .paging-text, .mi-paging-text a.mi-paging-prev-disabled:hover .paging-text, .mi-paging-text .mi-paging-next-disabled .paging-text, .mi-paging-text a.mi-paging-next-disabled .paging-text, .mi-paging-text a.mi-paging-next-disabled:hover .paging-text { text-decoration: none; cursor: default; color: #A6A6A6; } /** disabled icon */ .mi-paging-text .mi-paging-prev-disabled .mi-paging-icon, .mi-paging-text a.mi-paging-prev-disabled .mi-paging-icon, .mi-paging-text a.mi-paging-prev-disabled:hover .mi-paging-icon { background-position: 9px -610px; } .mi-paging-text .mi-paging-next-disabled .mi-paging-icon, .mi-paging-text a.mi-paging-next-disabled .mi-paging-icon, .mi-paging-text a.mi-paging-next-disabled:hover .mi-paging-icon { background-position: -8px -591px; } /** end ---mi-paging.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:24:34 CST 2013**/ /**alice.components.mi-paging-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:25:12 CST 2013**/ /** begin ---mi-tab.css---*/ /** * @name: ui-tab * @author: 董超(yong.pan@alipay.com) 天孝(chentao.yuan@alipay.com) * @description: tab组件 * @require: null * @example
内容一
内容二
*/ .mi-tab { position: relative; *zoom: 1; } .mi-tab-trigger { border-bottom: 1px solid #d9d9d9; height:32px; } .mi-tab-title { float:left; font-size:14px; padding:7px 20px 0 15px; font-weight:700; } h2.mi-tab-title { font-size: 14px; } .mi-tab-tool { padding:6px 0 0; float:right; } .mi-tab-trigger ul { height:100%; float:left; } .mi-tab-trigger-item, .mi-tab-trigger-item a, .mi-tab-trigger-item a:visited, .mi-tab-trigger-item span, /** 默认样式 */ .mi-tab-trigger-item-current, .mi-tab-trigger-item-current a, .mi-tab-trigger-item-current a:visited, .mi-tab-trigger-item-current span, /** 选中样式 */ .mi-tab-trigger-item-hover, .mi-tab-trigger-item-hover a, .mi-tab-trigger-item-hover a:visited, .mi-tab-trigger-item-hover span { background:url("https://i.alipayobjects.com/e/201304/6mCvli6cf.png") no-repeat 0 0; } /** 默认样式 */ .mi-tab-trigger-item { position:relative; bottom:-1px; cursor: pointer; float: left; font-size: 12px; height:100%; margin-right: 5px; padding:0 0 0 3px; background-position:0 -33px; } .mi-tab-trigger-item a, .mi-tab-trigger-item a:visited, .mi-tab-trigger-item span { padding:7px 21px 0 19px; float: left; height: 25px; color: #4D4D4D; background-position:right -33px; } .mi-tab-trigger-item a:hover { text-decoration: underline; } /** 鼠标移上去效果 */ .mi-tab-trigger-item-hover { background-position:0 -33px; } .mi-tab-trigger-item-hover a, .mi-tab-trigger-item-hover span { background-position:right -33px; text-decoration: underline; } /** 选中样式 */ .mi-tab-trigger-item-current { background-position:0 0; } .mi-tab-trigger-item-current a, .mi-tab-trigger-item-current a:visited, .mi-tab-trigger-item-current span { font-weight:700; padding:7px 20px 0 19px; background-position:right 0; } .mi-tab-trigger-item-current em { font-weight:700; } .mi-tab-trigger-item-current a:hover { text-decoration: none; } .mi-tab-ctn { } .mi-tab-ctn-item { display: none; } .mi-tab-ctn-item-current { display: block; } /** 下tab */ .mi-tab-bottom .mi-tab-trigger { border-bottom:none; border-top:1px solid #D2D2D2; } .mi-tab-bottom .mi-tab-trigger-item { bottom:0; top:-1px; background-position:0 -33px; } .mi-tab-bottom .mi-tab-trigger-item a, .mi-tab-bottom .mi-tab-trigger-item a:visited, .mi-tab-bottom .mi-tab-trigger-item span { background-position:right -33px; } .mi-tab-bottom .mi-tab-trigger-item-hover { background-position:0 -33px; } .mi-tab-bottom .mi-tab-trigger-item-hover a, .mi-tab-bottom .mi-tab-trigger-item-hover span { background-position:right -33px; } .mi-tab-bottom .mi-tab-trigger-item-current { background-position:0 -99px; } .mi-tab-bottom .mi-tab-trigger-item-current a, .mi-tab-bottom .mi-tab-trigger-item-current a:visited, .mi-tab-bottom .mi-tab-trigger-item-current span { background-position:right -99px; } /** 蓝色tab */ .mi-tab-blue .mi-tab-trigger-item-current { background-position:0 -66px; } .mi-tab-blue .mi-tab-trigger-item-current a,.mi-tab-blue .mi-tab-trigger-item-current a:visited,.mi-tab-blue .mi-tab-trigger-item-current span { font-weight:700; padding:7px 20px 0 19px; color: white; background-position:right -66px; } .mi-tab-blue .mi-tab-trigger-item-current em { font-weight:700; } /** end ---mi-tab.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:27:15 CST 2013**/ /**alice.components.mi-tab-1.1**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:27:31 CST 2013**/ /** begin ---ui-title.css---*/ /** * @name : ui-title * @filename: ui-title.css * @overview: 主站标题 * @date : 2012-04-26 * @require : * @author : 初成 * @demo :

账户通

*/ .ui-title { display: block; overflow: hidden; position: relative; color: #4d4d4d; clear: both; } .ui-title-line { border-bottom: 2px solid #808080; padding-bottom: 7px; margin-top: 31px; } .ui-title h2 { float: left; font: 700 18px/20px "STHei","Microsoft YaHei","WenQuanYi Micro Hei"; } .ui-title h3 { float: left; font: 700 14px/20px tahoma,arial,\5b8b\4f53; } .ui-title .link { float: left; padding: 3px 0 0 8px; } /** end ---ui-title.css---*/ /**Last Changed Author: feng.cheng--Last Changed Date: Tue Jun 26 13:58:26 CST 2012**/ /**alice.components.ui-title-1.0**/ /** CurrentDeveloper: afc163**/ /** DeployDate: Thu Nov 29 10:45:04 CST 2012**/ /** begin ---mi-tree.css---*/ .mi-tree { width: 230px; border: 1px solid #dfdfdf; } .mi-tree-header { background-color: #f2f2f2; height: 24px; min-height: 24px; padding: 4px 10px 1px; font-size: 14px; border-bottom: 1px solid #e0e0e0; color: #4d4d4d; } .mi-tree-header-buttons { float: right; } .mi-check-all, .mi-check-all:visited, .mi-check-all:hover, .mi-check-clear, .mi-check-clear:visited, .mi-check-clear:hover { padding: 0 0 0 5px; text-decoration: none; } .mi-tree-search { position: relative; padding: 0; border-bottom: 1px solid #e0e0e0; } .mi-tree-search-icon { float: left; width: 28px; height: 28px; overflow: hidden; background:#fff url('https://i.alipayobjects.com/e/201309/18314JWoD9.png') no-repeat -70px 8px; } .mi-tree-search .mi-input, .mi-tree-search .mi-input:hover, .mi-tree-search .mi-input:focus { padding:6px 4px; padding:8px 4px 5px\9; *padding:8px 4px 5px; _padding:7px 4px 6px; width: 164px; border: none; } .mi-tree-search .mi-input:hover, .mi-tree-search .mi-input:focus { outline: none; } .mi-tree-search-clear, .mi-tree-search-clear:visited { background:#efefef none; width: 20px; height: 20px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; text-indent: 0; color: #aaa; line-height: 18px; text-align: center; font-weight: 700; font-size: 14px; position: absolute; top: 6px; right: 8px; *background:url("https://i.alipayobjects.com/e/201310/1IMW9ZMGqF.png") no-repeat -56px -167px; background: url("https://i.alipayobjects.com/e/201310/1IMW9ZMGqF.png") no-repeat -56px -167px\0; *text-indent: -10em; text-indent: -10em\0; *top: 9px; top: 9px\0; } .mi-tree-search-clear:hover { text-decoration: none; background-color: #e8e8e8; *background-color: #fff; background-color: #fff\0; } .mi-tree-cnt { position: relative; padding: 5px 0 0; height: 228px; overflow: auto; background-color: #f2f2f2; } .mi-tree-toolbar { background-color: #fafafa; padding: 5px; border-bottom: 1px solid #e0e0e0; min-height: 18px; _height: 18px; } .mi-tree-list { padding: 0 0 0 15px; font-size: 14px; } .mi-tree-item { padding: 0; } .mi-tree-label { padding: 1px 0 5px 0; height: 22px; color: #666; white-space: nowrap; word-break: keep-all; } .mi-tree-arrow { float: left; width: 16px; height: 18px; cursor: pointer; overflow: hidden; position: relative\9; top: -2px\9; } .mi-tree-arrow-hidden { visibility: hidden; } .mi-tree-item .mi-checkbox { cursor: pointer; } .mi-tree-label-checked { color: #333; } .mi-tree-item .mi-tree-keyword { color: #f60; font-weight: normal; } .mi-tree-label-children .mi-tree-arrow { background: url('https://i.alipayobjects.com/e/201309/18314JWoD9.png') no-repeat 3px 7px; } .mi-tree-label-expand .mi-tree-arrow { background: url('https://i.alipayobjects.com/e/201309/18314JWoD9.png') no-repeat -22px 6px; } .mi-label-delete, .mi-label-delete:visited { margin: 0 0 0 5px; padding: 2px 0 0; vertical-align: middle; width: 16px; height: 16px; overflow: hidden; text-indent: -10em; background: url('https://i.alipayobjects.com/e/201309/18314JWoD9.png') no-repeat -49px 1px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8 */ filter:alpha(opacity=50); /* ie5-7 */ opacity: 0.5; } .mi-label-delete:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 */ filter:alpha(opacity=100); /* ie5-7 */ opacity: 1; } .mi-tree-results .mi-tree-list { padding: 0; } .mi-tree-data-none { padding: 5px 10px 10px; } .mi-tree-result-none { font-size: 14px; padding: 3px 15px; } /** end ---mi-tree.css---*/ /**alice.components.mi-tree-1.0**/ /** CurrentDeveloper: wb-jianglm**/ /** DeployDate: Tue Dec 10 15:28:59 CST 2013**/ /** begin ---mi-dialog.css---*/ .mi-dialog { border: 1px solid #999; background-color: #fff; outline: none; } /** header */ .mi-dialog-header { border-bottom: 1px solid #eee; } /** title */ .mi-dialog-title { color: #333; font-size: 18px; font-weight: bold; padding: 10px 10px 8px 15px; } :root .mi-dialog { FILTER: none\9; } /** close */ .mi-dialog-close, .mi-dialog-close:visited { cursor: pointer; display: block; font-size: 14px; height: 18px; line-height: 14px; position: absolute; right: 16px; text-decoration: none; top: 18px; z-index: 10; } .mi-dialog-close:hover { text-decoration: none; } /** content */ .mi-dialog-cnt { padding: 16px 18px; } /** footer */ .mi-dialog-footer { border-top: 1px solid #dedede; } .mi-dialog-footer-cnt { border-top: 1px solid #fff; background-color: #f7f7f7; text-align: right; padding: 12px 20px; } /** end ---mi-dialog.css---*/ /**Last Changed Author: wb-jianglm--Last Changed Date: Mon Nov 11 15:58:21 CST 2013**/ /**alice.components.mi-dialog-1.0**/ /** CurrentDeveloper: wb-jianglm**/ /** DeployDate: Mon Nov 11 16:11:39 CST 2013**/ /** begin ---mi-progress.css---*/ /** * @name: mi-progress * @author: 天孝(chentao.yuan@alipay.com) * @description: progress组件 * @require: null * @example mi-progress mi-progress[-color[-type]]
*/ .mi-progress { height: 14px; overflow: hidden; position: relative; } .mi-progress-track { border: 1px solid #ededed; height: 12px; font-size: 0; line-height: 0; background:#f7f7f7 url("https://i.alipayobjects.com/e/201304/DUiMu4bAz.png") repeat-x 0 -120px; } .mi-progress-bar { position:absolute; left:0; top:0; color:#fff; width: 0; font-size: 0; height: 100%; overflow:hidden; background:url("https://i.alipayobjects.com/e/201304/DUiMu4bAz.png") repeat-x 0 0; } /** green */ .mi-progress-green .mi-progress-bar { background-position: 0 -15px; } /** orange */ .mi-progress-orange .mi-progress-bar { background-position: 0 -30px; } /** red */ .mi-progress-red .mi-progress-bar { background-position: 0 -45px; } /** loading */ .mi-progress-loading .mi-progress-bar { background-position: 0 -60px; } /** green loading */ .mi-progress-green-loading .mi-progress-bar { background-position: 0 -75px; } /** orange loading */ .mi-progress-orange-loading .mi-progress-bar { background-position: 0 -90px; } /** red loading */ .mi-progress-red-loading .mi-progress-bar { background-position: 0 -105px; } /** small */ .mi-progress-mini, .mi-progress-green-mini, .mi-progress-orange-mini, .mi-progress-red-mini { height: 10px; } .mi-progress-mini .mi-progress-track, .mi-progress-green-mini .mi-progress-track, .mi-progress-orange-mini .mi-progress-track, .mi-progress-red-mini .mi-progress-track { height: 8px; background:url("https://i.alipayobjects.com/e/201304/DUiMu4bAz.png") repeat-x 0 -177px; } /** green small */ .mi-progress-green-mini .mi-progress-bar { background-position: 0 -144px; } /** orange small */ .mi-progress-orange-mini .mi-progress-bar { background-position: 0 -155px; } /** red small */ .mi-progress-red-mini .mi-progress-bar { background-position: 0 -166px; } /** end ---mi-progress.css---*/ /**Last Changed Author: chentao.yuan--Last Changed Date: Fri Jun 07 14:03:47 CST 2013**/ /**alice.components.mi-progress-1.0**/ /** CurrentDeveloper: chentao.yuan**/ /** DeployDate: Fri Jun 07 14:03:59 CST 2013**/ /** begin ---edit.css---*/ /** begin ---edit.css---*/ @charset "utf-8"; /* @名称: 密码控件样式 @功能: 包含1控件样式 2未安装控件时渲染出链接的样式 3浮层样式 */ /* 隐藏样式 */ .fn-hide,.hidden{display:none;} /* 控件样式 */ .alieditContainer *{ vertical-align:bottom; } .alieditContainer{ display:inline-block;*display:inline;zoom:1;width:184px;height:24px;vertical-align:bottom;position: relative; } .alieditContainer object{width:100%;height:24px;} .alieditContainer a.aliedit-install{ border:1px solid #AEAEAE;line-height:24px;color:#06F!important;_width:184px;min-width:184px;height:100%;display:block;text-align:center; } .promptText_PTA{display:none;} /* 基于light控件脚本对应的样式 */ .edit-tips { background: #A8A8A8; height: 28px; left: 0; top: 0; position: relative; margin-top: -64px; width: 180px; } .edit-tips-two-lines { background: none repeat scroll 0 0 #A8A8A8; height: 48px; left: 0; position: relative; top: -84px; width: 180px; } .edit-tips-text { background: none repeat scroll 0 0 #FFFF8D; border: 1px solid #DEA90C; display: block; line-height: 20px; left: -2px; padding: 3px 5px; position: relative; top: -2px; width: 168px; } .edit-tips-angle { background: url("https://i.alipayobjects.com/e/201309/13MOuwMhH3.png") no-repeat scroll -40px -128px transparent; display: block; height: 11px; left: 20px; overflow: hidden; line-height: 11px; margin-top: -3px; position: absolute; top: 100%; width: 10px; } /* 浮层样式 */ .light-dialog{ width:600px; height:370px; overflow:hidden; position:absolute; z-index:9999; top:5%; left:10%; border:6px solid #767576; background:#fff; visibility: hidden; -moz-box-shadow:3px 2px 6px #333333; -webkit-box-shadow: #333 2px 2px 6px; } .light-dialog iframe { width:100%; height:100%; } .light-dialog-shadow{ position:absolute; left:0; top:0; z-index:9998; width:100%; height:100%; background:#000; visibility: hidden; opacity:.2; filter:alpha(opacity=20); -ms-filter:'alpha(opacity=20)'; } .light-dialog-shadow iframe{opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';} .light-load{ position: absolute; z-index: 9999; visibility: hidden; } .light-dialog-top { padding: 20px; } .light-dialog-title { border-bottom: 1px solid #DBDBDB; margin-bottom: 3px; overflow: hidden; padding-bottom: 3px; position: relative; width:100%; } .light-dialog-title h2{ float: left; font: 18px/22px SimHei; } .light-dialog-title a { border-bottom: 1px solid #FFFFFF; display: block; line-height: 22px; position: absolute; text-decoration: none; right: 0; top: 0; } .light-dialog-title s { -moz-transition: all 0.2s ease-in-out 0s; background: url("https://i.alipayobjects.com/e/201309/13MOuvt6j7.png") no-repeat scroll -2px -76px transparent; cursor: pointer; display: inline-block; height: 11px; overflow: hidden; position: absolute; top: 6px; vertical-align: middle; width: 11px; } .light-dialog-title em { cursor: pointer; display: inline-block; font-style: normal; font-weight: normal; margin-left: 11px; text-align: right; font-size: 12px; width: 30px; } .light-dialog-title a:hover { text-decoration: none; } .light-dialog-title a:hover em { text-decoration: underline; } .light-dialog-title a:hover s { -moz-transform: rotate(90deg); } /* 不基于框架的控件脚本对应的样式 */ .aliedit-dn{ position:relative; display:block; width:165px; height:100%; margin:-24px 0 0; border:1px solid red; line-height:24px; text-align:center; color:#f00; font-size:12px; background:#fff; } .aliedit-xbox{ width:600px; height:370px; overflow:hidden; position:absolute; z-index:9999; top:5%; left:10%; border:6px solid #767576; background:#fff; -moz-box-shadow:3px 2px 6px #333333; -webkit-box-shadow: #333 2px 2px 6px; } .aliedit-xbox iframe, .aliedit-box-shadow iframe{ width:100%; height:100%; } .aliedit-box-shadow{ position:absolute; left:0; top:0; z-index:9998; width:100%; height:100%; background:#000; opacity:.2; filter:alpha(opacity=20); -ms-filter:'alpha(opacity=20)'; } .aliedit-box-shadow iframe{opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';} .aliedit-load{z-index:9999;} .aliedit-tips{ position: relative; _position:absolute; display:block; width:192px; height:37px; background:url("https://i.alipayobjects.com/e/201309/13MOuwLSGr.png") 0 -36px no-repeat; margin-top:-61px; } .aliedit-tips-update{ background-position:0 -76px; } .pop-aliedit .container{padding:20px;overflow:hidden;border:3px #A2A2A2 solid;background:#F3F3F3;} /** end ---edit.css---*/ /**Last Changed Author: qiuping.zhou--Last Changed Date: Wed Jun 13 10:54:02 CST 2012**/ /**alice.components.security-edit-1.4**/ /** CurrentDeveloper: shawn**/ /** DeployDate: Fri Sep 06 15:15:40 CST 2013**/ /** @merged-artifact [alice.components.security-edit-1.4] */ /** begin ---ui-form.css---*/ /* * @name: ui-form * @overview: 通用表单 * @require: ui-input,ui-button */ .ui-securitycore{font-family:"微软雅黑";} .ui-securitycore .ui-form{margin-top:30px} .ui-securitycore .ui-form legend{display:none} .ui-securitycore .ui-form-required{margin-right:6px; font-size:14px; color:#f00; font-family: SimSun;} .ui-securitycore .ui-form-explain{padding:3px 0 0; padding:5px 0 0\9; _padding-top:3px; *margin-top:-1px; _margin-left:3px; font-size:12px; color:#B2B2B2; clear:both;} .ui-securitycore .ui-form-other{_display:inline-block; margin-left:4px} .ui-securitycore .ui-form-text{display:inline-block; margin-top:4px; *margin-top:6px; _margin-top:4px; zoom:1} .ui-securitycore .ui-form-status{color:#20B907; background:url(https://img.alipay.com/alice/ui-fm-loading.gif) right bottom no-repeat; padding-right:15px} .ui-securitycore .ui-form-list{_float:left; _width:100%} /* 标签 */ .ui-securitycore .ui-label{float:left; width:170px; margin-left:-170px; padding-top:3px; *padding-top:4px; text-align:right; font-size:14px} .ui-securitycore .ui-label-reset{padding-top:0} /* 输入框 */ .ui-securitycore .ui-input{width:170px;padding: 2px 5px; height:24px;line-height:24px;border:1px solid #ccc;border-top-color:#a6a6a6;} .ui-securitycore .ui-input:hover, .ui-securitycore .ui-textarea:hover {border:1px #a6a6a6 solid;border-top-color:#808080;} .ui-securitycore .ui-input:focus, .ui-securitycore .ui-textarea:focus {border:1px #68ACFF solid;outline:1px aqua solid;} .ui-securitycore .ui-input-mini{height:15px; line-height:16px; padding:2px} .ui-securitycore .ui-input-mini:focus{*padding:1px;} .ui-securitycore .ui-input-mini{width:150px; vertical-align:middle} .ui-securitycore .ui-input-amount{width:80px; font-weight:700} .ui-securitycore .ui-input-len10, .ui-securitycore .ui-input-date{width:67px} .ui-securitycore .ui-input-len5, .ui-securitycore .ui-input-time{width:35px} .ui-securitycore .ui-input-len6{width:44px} .ui-securitycore .ui-input-len8, .ui-securitycore .ui-input-tel{width:58px} .ui-securitycore .ui-input-len10cn{width:122px} .ui-securitycore .ui-input-len30cn{width:362px} .ui-securitycore .ui-input-len4{width:28px} .ui-securitycore .ui-textarea{ width:422px; height:79px; line-height:15px; border:1px #9C9C9C solid; padding:1px 3px 0 4px; _padding:1px 2px 0 5px; overflow:auto; font-family:Arial;} /* input 禁止输入 */ .ui-securitycore .ui-input-unwrite, .ui-securitycore .ui-textarea-unwrite { border: 1px solid #cccccc; background: #f2f2f2; } .ui-securitycore .ui-input-unwrite:hover, .ui-securitycore .ui-textarea-unwrite:hover { border: 1px solid #cccccc; background: #f2f2f2; } .ui-securitycore .ui-form-item:after{ clear:both; content:'.'; display:block; height:0; visibility:hidden} .ui-securitycore .ui-form-item{padding:0 5px 15px 170px; *padding:0 5px 12px 170px; _padding:0 5px 13px 170px; zoom:1; font-family: tahoma, \5b8b\4f53, \9ED1\4F53, "Hei", sans-serif;} .ui-securitycore .ui-form-item select{vertical-align:middle; margin:4px 0 0; } .ui-securitycore .ui-form-item input{vertical-align:middle} .ui-securitycore .ui-form-item .ui-input{font-size:12px; color:#595959;vertical-align:middle;*vertical-align:-5px} .ui-securitycore .ui-form-item .ui-button-group .ui-button-text-only{margin:3px 0 0; margin:2px 0 0\0;} .ui-securitycore .ui-form-item .ui-button-text-only .ui-button-text{padding:.1em .5em} .ui-securitycore .ui-form-item .ui-button-checkboxes .ui-state-selected{padding-right:2px; background:url(https://img.alipay.com/alice/ui-button-checkboxes-selected.png) right bottom no-repeat} .ui-securitycore .ui-form-item .ui-form-item-placeholder{ color:#B2B2B2 !important;} ::-webkit-input-placeholder{color:#B2B2B2 !important;} :-moz-placeholder{color:#B2B2B2 !important;} .ui-securitycore .ui-form-item-hover .ui-input, .ui-securitycore .ui-form-item-hover .ui-textarea{border:1px #727272 solid} .ui-securitycore .ui-form-item-focus .ui-input, .ui-securitycore .ui-form-item-focus .ui-textarea{border:1px #68ACFF solid; outline:1px aqua solid; *padding:3px 0 3px 2px; *border:2px #95DDFF solid; cursor:text} .ui-securitycore .ui-form-item-focus .ui-textarea{*padding:1px 0 1px 2px} .ui-securitycore .ui-form-item-focus .ui-form-explain, .ui-securitycore .ui-form-item-hover .ui-form-explain{color:#333;} .ui-securitycore .ui-form-item-error .alieditContainer, .ui-securitycore .ui-form-item-error .ui-input, .ui-securitycore .ui-form-item-error .ui-textarea{border:1px #F00 solid; color:#FF5243} .ui-securitycore .ui-form-item-error .ui-input-reset{border:1px #9C9C9C solid; color:#000} .ui-securitycore .ui-form-item-error .ui-form-explain, .ui-securitycore .ui-form-item-warn .ui-form-explain, .ui-securitycore .ui-form-item-success .ui-form-explain, .ui-securitycore .ui-form-item-success .ui-form-text, .ui-securitycore-tip .ui-form-explain{background-image:url(https://i.alipayobjects.com/common/widgets/ui-tip.png); background-repeat:no-repeat; padding-left:20px; *zoom:1; } .ui-securitycore .ui-form-item-error .ui-form-explain{color:#FF5243; background-position:-272px -472px;} .ui-securitycore .ui-form-item-warn .ui-form-explain{background-position:-230px -500px;} .ui-securitycore .ui-form-item-error .ui-input:hover, .ui-securitycore .ui-form-item-error .ui-textarea:hover{border:1px #a6a6a6 solid;} .ui-securitycore .ui-form-item-error .ui-input:focus, .ui-securitycore .ui-form-item-error .ui-textarea:focus{border:1px #68ACFF solid; color:#727272} .ui-securitycore .ui-form-item-success .ui-form-text{ padding:0 20px 0 0; background-position:-236px -448px; color:#20B907;} .ui-securitycore .ui-form-item-success .ui-form-explain, .ui-securitycore-tip .ui-form-explain{ background-position:-314px -444px;} .ui-securitycore .ui-form-item-loading .ui-form-explain{ padding-left:20px; background:url(https://img.alipay.com/alice/ico-loading16.gif) 0 4px no-repeat;} .ui-securitycore .ui-form-field input{vertical-align:top;} .ui-securitycore .ui-form-field .ui-link{_vertical-align:-5px;} /* 场景定制 */ .ui-securitycore .cert-section .ui-form-item, .ui-securitycore .ukey-section .ui-form-item, .ui-securitycore .thirdkey-section .ui-form-item{padding-bottom:0;} .ui-securitycore-tip .ui-form-explain{ height:18px; padding-top:3px; padding-bottom:4px; color:#000;} .ui-securitycore-tip .ui-form-item-check .ui-form-explain{ padding-left:30px; background:url(https://i.alipayobjects.com/e/201111/26ypQOkVlK.gif) no-repeat 0 0;} /** end ---ui-form.css---*/ /** begin ---ui-checkcode.css---*/ /* 图片验证码样式 */ .ui-securitycore .ui-checkcode-input { width: 100px; height:24px; line-height:24px; margin:0; padding:0; color: #000000; font-size: 12px; vertical-align: middle; padding: 2px 5px; border: 1px solid #ccc; border-top-color:#a6a6a6; _float:left; /* input在ie6下面,如果用div包裹,会发现有1像素(1px)的margin BUG,并且不管你如何block它都无法消除。解决方法:让input自身float */ } .ui-securitycore .ui-checkcode-imgcode-img { cursor: pointer; } .ui-securitycore .ui-checkcode-imgcode-text{ color:#2db7f5; } .ui-securitycore .ui-checkcode-imgcode-text-limit { width: 48px; position:absolute; left:340px; top:-3px; } .ui-securitycore .ui-checkcode-messagecode-btn{ height:30px; margin-left:8px; padding:0 10px; vertical-align: middle; text-align: center; text-decoration: none; cursor: pointer; color:#000; border: 1px solid #ccc; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fcfcfc,endcolorstr=#eeeeee,gradientType=0); background:#fff; /* 一些不支持背景渐变的浏览器 */ background:-moz-linear-gradient(top, #fcfcfc, #eee); background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#eee)); background:-o-linear-gradient(top, #fcfcfc, #eee); background:linear-gradient(top, #fcfcfc, #eee); overflow: visible; } .ui-securitycore .send-btn{margin-left:0;} .ui-securitycore .ui-checkcode-messagecode-disabled-btn { background:#d9d9d9; filter:none; cursor:auto; border:1px solid #ccc; } .ui-securitycore .ui-link { margin-left:8px; color:#2db7f5; } .ui-securitycore .ui-link:hover { text-decoration: underline; } /** end ---ui-checkcode.css---*/ /** begin ---ui-btn.css---*/ .ui-securitycore .ui-button { padding: 0 0; display: inline-block; position: relative; text-align: center; text-decoration: none !important; vertical-align: middle; overflow: visible; cursor: pointer; } .ui-securitycore div.ui-button, .ui-securitycore p.ui-button, span.ui-button { *display: inline;/* for ie */ } .ui-securitycore .ui-button-text { display: block; cursor: pointer; border: 0; text-decoration: none; overflow: visible; } .ui-securitycore .ui-button a.ui-button-text:hover { text-decoration: none; } .ui-securitycore .ui-button input.ui-button-text, .ui-securitycore .ui-button button.ui-button-text { *display: inline;/* for ie */ } .ui-securitycore .ui-button-lorange, .ui-securitycore .ui-button-lorange:hover, .ui-securitycore .ui-button-morange, .ui-securitycore .ui-button-morange:hover, .ui-securitycore .ui-button-sorange, .ui-securitycore .ui-button-sorange:hover, .ui-securitycore .ui-button-text { background-image: url(https://i.alipayobjects.com/e/201112/2BDRs1RcuB.png); background-repeat: no-repeat; background-color: transparent; text-decoration: none; } .ui-securitycore .ui-button-lorange .ui-button-text, .ui-securitycore .ui-button-morange .ui-button-text, .ui-securitycore .ui-button-sorange .ui-button-text { font-family: verdana, \5b8b\4f53, \9ED1\4F53, sans-serif; font-size: 14px; font-weight: 700; } /* large-size */ .ui-securitycore .ui-button-lorange { background-position: 0 0; } .ui-securitycore .ui-button-lorange .ui-button-text { padding: 8px 20px; background-position: right -177px; color: #fff; } .ui-securitycore .ui-button-lorange:hover { background-position: 0 -45px; } .ui-securitycore .ui-button-lorange:hover .ui-button-text { background-position: right -222px; } /* middle-size */ .ui-securitycore .ui-button-morange { background-position: 0 -355px; } .ui-securitycore .ui-button-morange .ui-button-text { padding: 5px 22px 6px 22px; background-position: right -503px; color: #fff; } .ui-securitycore .ui-button-morange:hover { background-position: 0 -392px; } .ui-securitycore .ui-button-morange:hover .ui-button-text { background-position: right -540px; } /* smaill */ .ui-securitycore .ui-button-sorange { background-position: 0 -651px; } .ui-securitycore .ui-button-sorange .ui-button-text { padding: 3px 12px 4px 12px; font-size: 12px; background-position: right -771px; color: #fff; } .ui-securitycore .ui-button-sorange:hover { background-position: 0 -681px; } .ui-securitycore .ui-button-sorange:hover .ui-button-text { background-position: right -801px; } .ui-securitycore .ui-button-lorange input.ui-button-text, .ui-securitycore .ui-button-morange input.ui-button-text, .ui-securitycore .ui-button-sorange input.ui-button-text { *overflow: visible; } /** end ---ui-btn.css---*/ /** begin ---ui-tiptext.css---*/ .ui-securitycore .ui-tiptext, .ui-securitycore .ui-tiptext-container{ position: relative; } .ui-securitycore .ui-tiptext-content{ padding:0 0 0 22px; } .ui-securitycore .ui-tiptext-container .ui-tiptext-content{ border:1px solid #fff; padding:8px 12px 9px 34px; } .ui-securitycore .ui-tip-content strong, .ui-securitycore .ui-tiptext-content strong{ color:#ff6600; font-weight:400; } .ui-securitycore .ui-separator{ color: #b2b2b2; padding: 0 5px; } .ui-securitycore .ui-tiptext-container-message { background: #e5f5ff; border: 1px solid #c9d5e2; } .ui-securitycore .ui-tiptext-container-success{ background: #f9f9f9; border: 1px solid #d4d4d4; } .ui-securitycore .ui-tiptext-container-error{ background: #fceee8; border: 1px solid #f6c8b5; } .ui-securitycore .ui-tiptext-container-warning{ background: #ffff8d; border: 1px solid #e7c560; } .ui-securitycore .ui-tiptext-container-question{ background: #e5f5ff; border: 1px solid #c9d5e2; } .ui-securitycore .ui-tiptext-container-stop{ background: #fceee8; border: 1px solid #f6c8b5; } .ui-securitycore .ui-tiptext-container-wait{ background: #e5f5ff; border: 1px solid #c9d5e2; } .ui-securitycore .ui-tiptext-icon{ width:15px; height:15px; position:absolute; top:0; left:0; text-indent:-9999px; } .ui-securitycore .ui-tiptext-icon, .ui-securitycore .ui-tiptext-arrow{ background-image: url('https://i.alipayobjects.com/common/widgets/ui-tip.png'); background-repeat: no-repeat; } .ui-securitycore .ui-tiptext-container .ui-tiptext-icon{ top:12px; left:12px; } .ui-securitycore .ui-tiptext-message .ui-tiptext-icon, .ui-securitycore .ui-tiptext-container-message .ui-tiptext-icon{ background-position:-188px -534px; } .ui-securitycore .ui-tiptext-success .ui-tiptext-icon, .ui-securitycore .ui-tiptext-container-success .ui-tiptext-icon{ background-position:-314px -450px; } .ui-securitycore .ui-tiptext-error .ui-tiptext-icon, .ui-securitycore .ui-tiptext-container-error .ui-tiptext-icon{ background-position:-272px -478px; } .ui-securitycore .ui-tiptext-warning .ui-tiptext-icon, .ui-securitycore .ui-tiptext-container-warning .ui-tiptext-icon{ background-position:-230px -506px; } .ui-securitycore .ui-tiptext-question .ui-tiptext-icon, .ui-securitycore .ui-tiptext-container-question .ui-tiptext-icon{ background-position:-62px -618px; } .ui-securitycore .ui-tiptext-stop .ui-tiptext-icon, .ui-securitycore .ui-tiptext-container-stop .ui-tiptext-icon{ background-position:-104px -590px; } .ui-securitycore .ui-tiptext-wait .ui-tiptext-icon, .ui-securitycore .ui-tiptext-container-wait .ui-tiptext-icon{ background-position:-146px -562px; } .ui-securitycore .ui-tiptext-check .ui-tiptext-icon, .ui-securitycore .ui-tiptext-container-check .ui-tiptext-icon{ background:url(https://img.alipay.com/alice/ico-loading16.gif) 0 0 no-repeat; } .ui-securitycore .ui-tiptext-arrow{ display: inline-block; height: 9px; left: 40px; position: absolute; text-indent: -9999em; width: 16px; z-index: 1; top:-8px; _top:-7px; } .ui-securitycore .ui-tiptext-container-message .ui-tiptext-arrowup{ background-position:0 0; } .ui-securitycore .ui-tiptext-container-warning .ui-tiptext-arrowup{ background-position:0 -28px; } .ui-securitycore .ui-tiptext-container-message .ui-tiptext-arrowdown{ background-position:0 -14px; } .ui-securitycore .ui-tiptext-container-warning .ui-tiptext-arrowdown{ background-position:0 -42px; } /** end ---ui-tiptext.css---*/ /** begin ---ui-tip.css---*/ .ui-securitycore .ui-tip{ position:relative; } .ui-securitycore .ui-tip-content{ padding:0 0 0 22px; } .ui-securitycore .ui-tip-content h4{ font-size: 12px; font-weight:400; } .ui-securitycore .ui-tip-other{ display:none; } .ui-securitycore .ui-tip-icon{ width:15px; height:15px; position:absolute; top:2px; left:0; text-indent:-9999px; background-image: url('https://i.alipayobjects.com/common/widgets/ui-tip.png'); background-repeat: no-repeat; } .ui-securitycore .ui-tip-message .ui-tip-icon{ background-position:-188px -534px; } .ui-securitycore .ui-tip-success .ui-tip-icon{ background-position:-314px -450px; } .ui-securitycore .ui-tip-error .ui-tip-icon{ background-position:-272px -478px; } .ui-securitycore .ui-tip-warning .ui-tip-icon{ background-position:-230px -506px; } .ui-securitycore .ui-tip-question .ui-tip-icon{ background-position:-62px -618px; } .ui-securitycore .ui-tip-stop .ui-tip-icon{ background-position:-104px -590px; } .ui-securitycore .ui-tip-wait .ui-tip-icon{ background-position:-146px -562px; } .ui-securitycore .ui-tip-check .ui-tip-icon{ background:url(https://img.alipay.com/alice/ico-loading16.gif) 0 0 no-repeat; } /** end ---ui-tip.css---*/ /** begin ---ui-tip-container.css---*/ .ui-securitycore .ui-tip .ui-tip-icon{ top:12px; left:12px; } .ui-securitycore .ui-tip-content{ border:1px solid #fff; padding:8px 12px 9px 34px; } .ui-securitycore .ui-tip-message { background: #e5f5ff; border: 1px solid #c9d5e2; } .ui-securitycore .ui-tip-success{ background: #f9f9f9; border: 1px solid #d4d4d4; } .ui-securitycore .ui-tip-error{ background: #fceee8; border: 1px solid #f6c8b5; } .ui-securitycore .ui-tip-warning{ background: #ffff8d; border: 1px solid #e7c560; } .ui-securitycore .ui-tip-question{ background: #e5f5ff; border: 1px solid #c9d5e2; } .ui-securitycore .ui-tip-stop{ background: #fceee8; border: 1px solid #f6c8b5; } .ui-securitycore .ui-tip-wait{ background: #e5f5ff; border: 1px solid #c9d5e2; } .ui-securitycore .ui-tip-check .ui-tip-content{ border: none; } /** end ---ui-tip-container.css---*/ /**Last Changed Author: qiuping.zhou--Last Changed Date: Tue Jul 24 14:32:48 CST 2012**/ /**alice.components.security-core-2.2**/ /** CurrentDeveloper: shawn**/ /** DeployDate: Fri Sep 06 15:28:05 CST 2013**/ /** begin ---uemglobal.css---*/ html body .fn-mt30 { margin-top: 30px; } @font-face { font-family: "rei"; src: url("https://i.alipayobjects.com/common/fonts/rei.eot?20130401"); /* IE9 */src: url("https://i.alipayobjects.com/common/fonts/rei.eot?20130401#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://i.alipayobjects.com/common/fonts/rei.woff?20130401") format("woff"), /* chrome 6+firefox 3.6+Safari5.1+Opera 11+ */ url("https://i.alipayobjects.com/common/fonts/rei.ttf?20130401") format("truetype"), /* chrome+firefox+opera+Safari, Android, iOS 4.2+ */ url("https://i.alipayobjects.com/common/fonts/rei.svg?20130401#rei") format("svg"); /* iOS 4.1- */ } .ui-subtitle { color: #a4b9e4; font-size: 14px; font-weight: normal; } .mi-tip-ctn { padding: 7px 10px 6px 32px\9; _padding: 6px 10px 6px 32px; } .mi-tip { font-size: 12px; } .mi-tip-textonly .mi-tip-ctn { padding-left: 5px; } .iconfont { font-family: "rei"; font-style: normal; font-weight: normal; font-size: 12px; color: #4d4d4d; cursor: default; -webkit-font-smoothing: antialiased; } html body .placeholder { color: #A6A6A6; font-weight:normal; } /** nav fixed */ .mi-nav-fixed { top: -39px; } .mi-box { padding: 20px 0 9px; } .mi-box .iconfont { font-size: 24px; line-height: 24px; vertical-align: -3px; } .mi-nav-small .mi-box { display: none; } .mi-form .mi-line { margin-left: 20px; margin-right: 20px; } .mi-label { width: 150px; padding-right: 20px; } .mi-form-item-submit { padding-top: 25px; } .ui-title h2 { color: #a5bbe6; font-size: 28px; font-weight: normal; line-height: normal; padding: 14px 0 14px 20px; } .ui-title { width: 100%; position: relative; } .summary .mi-label, .withdraw-form .mi-label, .withdraw-confirm-form .mi-label, .payment-form .mi-label, .apply-detail .mi-label { color: #808080; } .withdraw { padding: 30px 20px; } .summary { padding: 23px 10px 10px 0; background: #f2f2ee; border-bottom: 1px solid #e2e2e1; } .summary .tools { float: right; padding: 7px 10px 0 0; } .mi-header-title .assistant-title { display: inline-block; *display: inline; zoom: 1; color: #fff; vertical-align: middle; margin: 6px 0 0 0; height: 28px; overflow: hidden; padding: 7px 10px 0 0; font: 500 22px "STHei", "Microsoft YaHei", "WenQuanYi Micro Hei"; } .mi-header-title .assistant-title em { margin-right: 10px; } .acquiring-account { display: block; } .ft-fff { color: #fff; } .footer .ui-productfooter-ctn { height: 55px; } .footer .ui-productfooter-ctn, .footer .ui-footer, .footer .ui-footer-copyright { background-color: #ededed; } .footer .ui-footer-copyright .server { color: #ededed; } .footer .ui-footer-link a, .footer .ui-footer .ui-separator { color: #808080; } .back-button { display: block; width: 84px; height: 33px; color: white; font-size: 14px; line-height: 33px; margin-top: 50px; float: right; padding-left: 33px; background: url("https://i.alipayobjects.com/e/201305/KBlzcAvEj.png") no-repeat; } .back-button:hover { color: white; text-decoration: none; } .mi-form-text, .mi-form-link, .sl-checkcode-link { display: inline-block; padding: 0; } .ico { background: url("https://i.alipayobjects.com/e/201112/1k1a4oNien.png") no-repeat scroll 0 0 transparent; display: inline-block } .ico-coupon, .ico-verify, .ico-certi, .ico-mobile, .ico-verify-limiting, .ico-certi-limiting, .ico-mobile-limiting, .ico-verify-alpha, .ico-certi-alpha, .ico-mobile-alpha, .ico-verify-non, .ico-certi-non, .ico-mobile-non, .ico-otp, .ico-otp-limiting, .ico-mobile-otp, .ico-token, .ico-mobile-token { height: 16px; width: 16px; float: left; margin-right: 2px } .ico-token { background-position: 0 -915px; } .ico-mobile-token { background-position: 0 -985px; } .ico-coupon { background-position: 2px -865px; } .ico-certi { background-position: 0 -780px; } .ico-certi-limiting { background-position: 0 -800px; } .ico-certi-alpha { background-position: 0 -820px; } .ico-certi-non { background-position: 0 -840px; } .ico-verify { background-position: 0 -688px; } .ico-verify-limiting { background-position: 0 -708px; } .ico-verify-alpha { background-position: 0 -728px; } .ico-verify-non { background-position: 0 -748px; } .ico-mobile { background-position: 2px -599px; } .ico-mobile-limiting { background-position: 0 -619px; } .ico-mobile-alpha { background-position: 0 -639px; } .ico-mobile-non { background-position: 2px -659px; } .ico-otp { background-position: 0 -915px; } .ico-otp-limiting { background-position: 0 -936px; } .ico-mobile-otp { background-position: 2px -985px; } .fn-w750 { width: 750px; } .fn-pd10 { padding-bottom: 10px; } .fn-pd20 { padding-bottom: 20px; } .fn-pr10 { padding-right: 10px; } .fn-pr20 { padding-right: 20px; } /* * tree-group */ .tree-group .tree { float: left; } .tree-group .tree-results { float: right; } .tree-group .mi-tree { border-top: none; border-bottom: none; } .tree-group-cnt { border: 1px solid #dfdfdf; border-right: none; border-left: none; } .tree-results .mi-tree .mi-tree-list { padding: 0; } .tree-results .mi-tree .arrow { visibility: hidden; cursor: default; } .tree-results .mi-tree .label { color: #333; } .iframeContainer { width: 520px; height: 500px; } #J_successNotice .mi-tip, #J_errorNotice .mi-tip { margin: 0; } .c-defaultbox { font-size: 20px; line-height: 32px; padding: 40px 0; color: rgb(153, 153, 153); text-align: center; } .c-defaultbox p{ font-size: 14px; } .c-conment-sideleft { width: 240px; zoom: 1; background-color: #f5f5f5; padding-bottom: 20px; margin-bottom: 0px; float: left; } .c-conment-right { width: 710px; zoom: 1; float: right; padding: 20px; margin-bottom: 0px; } /*notice*/ .my-notice { border-bottom: 1px solid #CECECE; background-color: #FCF9E5; height: 68px; } .my-notice-title { float: left; width: 760px; min-height: 19px; _height: 19px; padding: 25px 0 21px 60px; margin: -1px; position: relative; } .my-notice-title .iconfont { color: #F90; font-size: 28px; line-height: 28px; float: left; margin:-4px 0 0 -38px; *display: inline; } .my-notice-title h3 { color: #C2994E; font-weight: 700; font-size: 14px; padding: 0; display: inline; } .my-notice-paging { float: right; padding: 23px 20px 0 0; } .mi-paging-group .mi-paging .mi-paging-item, .mi-paging-group .mi-paging a.mi-paging-item, .mi-paging-group .mi-paging a.mi-paging-item:hover { margin: 0 -1px 0 0; } .dun , .lock, .zhen, .dun-black, .lock-black, .zhen-black { display: inline-block; width: 18px; height: 18px; background-image:url("https://i.alipayobjects.com/e/201310/1NWQzpujuR.png"); text-indent:99px; overflow:hidden; vertical-align: middle; } .lock { background-position: 54px -36px; } .dun { background-position: -26px -19px; } .zhen { background-position: -26px -2px; } .lock-black { background-position: 54px -36px; } .dun-black { background-position: -26px -19px; } .zhen-black { background-position: -26px -2px; } a.mi-button span.w-button-ico{ height: 18px; line-height: 18px; padding: 0 4px 0 0; text-align: center; } .dun-black, .zhen-black{ background-image: url(https://i.alipayobjects.com/e/201310/1PADAasget.png); } .dun-black { background-position: -23px -26px; margin-bottom: 2px; } .zhen-black { background-position: -23px 0px; } .notice-main{padding: 20px 40px;} /*loding*/ #J_page { width:520px; height:310px; display:none; position:absolute; top:46px; left:0; background:#FFF url(https://i.alipayobjects.com/e/201311/1Qm4YqtrGh.gif) no-repeat center center; z-index: 99; opacity:0.5; filter:alpha(opacity=50); } #J_onload { position: absolute; width: 444px; height: 268px; background: #FFF; font-size: 16px; padding:20px; background:#FFF url(https://i.alipayobjects.com/e/201311/1Qm4YqtrGh.gif) no-repeat center center; } .comment-sideleft { overflow: hidden; float: left; } /*table*/ .mi-table-bigSeparation td { padding: 16px 9px 16px 10px; } body .mi-table-concise th { border-bottom: 1px solid #DDD; } body .border-bottom2 { border-bottom:2px solid #DDD; } .text-overflow { overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .iframeContainer .mi-dialog-header .mi-dialog-title { font-weight: bold; color: #333; } .chao-main-ico { background: url(https://i.alipayobjects.com/e/201311/1TUXRPuK9H.png) no-repeat 0 0; text-indent: 99px; } #J_tbody input[type='checkbox'], #J_totleCheckbox { vertical-align: -2px; } body .custom-menu .li-hover { color: #fff; background-color: #3669c9; } .fn-pr20{padding-right:20px;} .text-overflow { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ } table{ word-break: break-all; word-wrap: break-word; table-layout: fixed; } .ui-securitycore .ui-tip .ui-tip-icon { top: 12px; left: 42px; } .ui-securitycore .ui-tip-warning{ padding-left:44px; } .ui-securitycore .ui-tip-content { border: 1px solid #fff; padding: 8px 12px 9px 25px !important; } /*page*/ .mi-paging-info-current { color: #4D4D4D; } /*checked box color*/ .mi-tree-label-checked .mi-checkbox-label { color: rgb(255, 102, 0); } #operationPassword_container{ height:37px; } .mi-dialog-header .mi-dialog-title { font-weight: bold; color: #333; } .mi-dialog { outline: none; } a { outline: none; } body .custom-menu .li-hover { color: #fff; background-color: #3669c9; } /** end ---uemglobal.css---*/ /** begin ---mi-cardreview.css---*/ /** * @name: ui-cardreview * @author: 天孝(chentao.yuan@alipay.com) * @description: 银行卡号填写放大镜组件 * @require: null * @example
相应的脚本文件: Loader.use('alipay.cardreview', function() { var cardreview = new alipay.CardReview({ id: 'card', position:"top", // 显示到上面, 默认不写,显示到下面 useIframe: true, // 启用iframe遮档 textClass : "ui-cardreview-cnt", // 显示卡号的内容层样式 必填项 否则组件报js错 explainClass : "ui-cardreview-explain", // 提示信息层样式 explainText:"银行卡号是16位数字" // 提示信息内容 }); }); */ .mi-cardreview { border:1px solid #facf66; background-color:#fffdca; z-index:9999;/** xbox 是 10000 */ } .mi-cardreview-cnt { color:#fe4236; font:700 28px 黑体; font-weight:500\0; *font-weight:500; font-size:28px; font-family:黑体; _font-weight:500; padding:8px 13px 8px 9px; letter-spacing:-1px; } .mi-cardreview-explain { color:#cf9064; font-size:12px; border-top:1px dashed #fdce64; padding:4px 8px 5px 10px; } /** end ---mi-cardreview.css---*/ /** begin ---mi-button-return.css---*/ .mi-button-return, .mi-button-return .mi-button-text, .mi-button-return-hover, .mi-button-return-down { outline: none; padding: 0 0 0 15px; background-image: url("https://i.alipayobjects.com/e/201310/1IlkgyxR9T.png"); background-repeat: no-repeat; background-position: 0 0; } .mi-button-return { height: 26px; color: #656565; font: 700 12px / 1 \5b8b\4f53,\9ED1\4F53,verdana; } a.mi-button-return .mi-button-text { padding: 7px 11px 0 8px; height: 19px; } .mi-button-return { background-position: 0 0; } .mi-button-return .mi-button-text { background-position: right 0; } a.mi-button-return:hover, .mi-button-return-hover { background-position: 0 -27px; } a.mi-button-return:hover .mi-button-text, .mi-button-return-hover .mi-button-text { background-position: right -27px; } a.mi-button-return-down:hover, .mi-button-return-down { background-position: 0 -54px; } a.mi-button-return-down:hover .mi-button-text, .mi-button-return-down .mi-button-text { background-position: right -54px; } /** end ---mi-button-return.css---*/ /** begin ---ui-select.css---*/ .ui-select a, .ui-select-trigger { color: #7d7d7d; font-size: 14px; text-decoration: none; } .ui-select a:hover, .ui-select-trigger:hover { text-decoration: none; } .ui-select { display: inline-block; *display:inline; * zoom: 1; background: #fff; color: #7d7d7d; font-size:14px; } .ui-select-content { margin: -1px 0 0; padding: 0; overflow: auto; height: 100%; list-style: none; border: 1px solid #ccc; _float: left; } .ui-select-content ul { list-style: none; padding: 0; margin: 0; } .ui-select-item { display: block; padding: 10px 15px; cursor: pointer; overflow: hidden; white-space: nowrap; } .ui-select-item:hover, .ui-select-item-hover { background: #f2f2f2; } .ui-select-item-disabled, .ui-select-item-disabled a { cursor: not-allowed; color: #ccc; } .ui-select-item-disabled:hover, .ui-select-item-disabled a:hover { background: #fff; } .ui-select-trigger { position: relative; display: inline-block; *display: inline; *zoom: 1; border: 1px solid #ccc; height: 30px; line-height: 30px; text-indent: 15px; background: -webkit-linear-gradient(top,#fbfbfb,#f3f3f3); background: -moz-linear-gradient(top,#fbfbfb,#f3f3f3); filter:progid: DXImageTransform.Microsoft.Gradient(startColorstr=#fbfbfb, endColorstr=#f3f3f3); } .ui-select-trigger i { position: absolute; top: 0; right: 15px; line-height: 28px; text-indent: 0; font-size: 14px; cursor: pointer; } .ui-select-trigger:hover { border: 1px solid #999; } .ui-select .ui-select-trigger { display: block; } .ui-select-disabled, .ui-select .ui-select-disabled { color: #aaa; cursor: not-allowed; } /** end ---ui-select.css---*/ /** begin ---accountSelect.css---*/ .mi-select-relatedaccount { border: 1px solid #FFF; width: auto; height: 26px; line-height: 26px; } .mi-select-relatedaccount.mi-select-hover { border: 1px solid #B8B8B8; } .mi-select-relatedaccount .mi-select-cnt li, .mi-select-relatedaccount .mi-select-item { margin: 0; padding-left: 0; } .mi-select-relatedaccount .mi-select-value { color: #808080; width: auto; z-index: 2; cursor: pointer; background-position: right 0; } .mi-select-relatedaccount .mi-select-cnt li { font-size: 12px; color: #4C4C4C; } .mi-select-relatedaccount .mi-select-cnt li a { display: block; width: 260px; height: 30px; line-height: 30px; padding: 0 20px 0; } .mi-select-relatedaccount .mi-select-cnt li a:hover { color: #fff; } .mi-select-relatedaccount .mi-select-cnt .mi-select-item-current, .mi-select-relatedaccount .mi-select-cnt .mi-select-item-current.mi-select-item-spliter { background-color: #F2F2F2; background-image: url("https://i.alipayobjects.com/e/201304/8hCLXD8Jp.png"); background-repeat: no-repeat; } .mi-select-relatedaccount .mi-select-cnt .mi-select-item-current { font-size: 14px; background-position: right 10px; } .mi-select-relatedaccount .mi-select-cnt .mi-select-item-current.mi-select-item-spliter { color: #4D4D4D; background-position: right 0; } .mi-select-relatedaccount .mi-select-cnt .fn-left.account { color: #4D4D4D; } .mi-select-relatedaccount .mi-select-cnt .account { color: #A5A5A5; } .mi-select-relatedaccount .mi-select-cnt .mi-select-item-hover { color: #fff; background-color: #4775d1; } .mi-select-relatedaccount .mi-select-cnt .mi-select-item-hover .account, .mi-select-relatedaccount .mi-select-cnt .mi-select-item-hover .fn-left.account { color: #FFF; } .mi-select-relatedaccount .mi-select-value, .mi-select-relatedaccount .mi-select-value-current { font-size: 12px; } .mi-select-relatedaccount .mi-select-cnt .mi-select-item-current { font-size: 12px; background-position: 275px 9px; } .mi-select-relatedaccount .mi-select-cnt { border-top: 1px solid #CCC; top: 25px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } .mi-select-relatedaccount .select-title { height: 40px; line-height: 40px; padding: 0 12px; color: #4C4C4C; overflow: hidden; border-bottom: 1px solid #DEDEDE; } /** end ---accountSelect.css---*/ /** begin ---cityhint.css---*/ .cityhint, .cityhint-overlay { outline: 1px solid #EDEDED; } .citybox { margin: 7px 0 5px 0; display: inline-block; padding: 10px 0\9; *padding: 0; *display: inline; zoom: 1; } html a.cityhint-input { color: #4D4D4D; height: 18px; line-height: 18px; padding: 8px 30px 7px 10px; border: 1px #CCC solid; margin-right: 10px; background:#fff url("https://i.alipayobjects.com/e/201205/2jqKxITncv.png") no-repeat right 1px; background-image:url("https://i.alipayobjects.com/e/201304/7B4Iz7gc9.png"); } html a.cityhint-input:hover { border:1px solid #999; background:#fff url("https://i.alipayobjects.com/e/201205/2jqKxITncv.png") no-repeat right 1px; background-image:url("https://i.alipayobjects.com/e/201304/7B0Q2RZ3V.png"); } html .cityhint a.current, html .cityhint a:hover { background: #4775D1; text-decoration: none; color: #FFF; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius: 2px; /* W3C syntax */ } html .mi-form-item-error a.cityhint-input { border-color: #F33; color: #F33; } html .cityhint dl { padding: 3px 0; } html .cityhint dt { color: #4D4D4D; } html .cityhint a { color: #4D4D4D; display: block; float: left; padding: 0 10px; } html div.cityhint-sub { background: #E5F5FF; } html div.cityhint-sub a { margin: 4px 0; } /** end ---cityhint.css---*/ /** begin ---autoComplete.css---*/ .ui-autocomplete { border: 1px solid #ccc; background-color: #FFF; box-shadow: 2px 2px 3px #EEE; } .ui-autocomplete-ctn { margin: 0; padding: 0; } .ui-autocomplete-item { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; padding: 0 10px 0 10px; cursor: default; font-size: 14px; } .ui-autocomplete-item-hover { background: #f2f2f2; } .ui-autocomplete-item-hl { color: #F60; } /** end ---autoComplete.css---*/ /** begin ---bankAlphabetList.css---*/ #J_bankPicker { border: 1px solid #dddddd; width: 525px; padding: 15px 20px 10px; background: #fff; } #J_bankPicker { position: relative; } /* bankPicker */ .bankTriggers { border-bottom: 1px solid #DCDCDC; zoom: 1; } .bankTriggers .triger { letter-spacing: 1px; float: left; margin-right: 10px; background: #f4f2f2; padding: 0 10px; border: 1px solid #DCDCDC; margin-bottom: -1px; color: #3399ff; cursor: pointer; line-height: 22px; zoom: 1; _position: relative; } .bankTriggers .ui-switchable-active { background: #fff; color: #555555; border-bottom: 1px solid #fff; } .ui-switchable-cnt { overflow: hidden; } .hotBank { overflow: hidden; margin-top: 20px; width: 525px; } .hotBank .hotBank-list { float: left; margin-right: 1px; margin-bottom: 6px; position: relative; } .hotBank .hotBank-list .hotBank-list-ico { border: 1px solid #fff; display: block; width: 135px; height: 23px; padding-left: 30px; padding-top: 5px; } .hotBank .hotBank-list .hotBank-list-ico:hover, .hotBank .hotBank-list .bk-selected { border: 1px solid #4775d1; -moz-transition: border .2s ease-in; -webkit-transition: border .2s ease-in; transiton: border .2s ease-in; } .bankAlphabet { margin-top: 14px; width: 502px; } .bankAlphabet .bankAlphabet-acronym { color: #FF6601; float: left; line-height: 23px; margin-bottom: 15px; width: 8px; display: inline; padding-left: 3px; } .bankAlphabet .bankAlphabet-list { margin-left: 20px; } .bankAlphabet .bankAlphabet-list .bankAlphabet-list-bank { margin-right: 10px; margin-bottom: 7px; *margin-bottom: 5px; padding: 0 5px; color: #555555; line-height: 23px; display: inline-block; } .bankAlphabet .bankAlphabet-list .bk-selected, .bankAlphabet .bankAlphabet-list .bankAlphabet-list-bank:hover { background-color: #4775d1; color: #fff; text-decoration: none; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transiton: all .1s ease-in; } .hotBank-list img { position: absolute; float: left; top: 8px; left: 5px; } .hotBank-list a:hover { text-decoration: none; } .hotBank-list a { color: #555555; } /** end ---bankAlphabetList.css---*/ /** begin ---calendar.css---*/ .ui-calendar-date { font: 16px / 20px 'Xin Gothic', 'PT Sans', 'Hiragino Sans GB','宋体', 'Helvetica Neue', Helvetica, Arial, sans-serif; border-collapse: collapse; background-color: #f9f9f9; border: 1px solid #dadada; box-shadow: 1px 1px 9px #ccc; text-align: center; border-spacing: 0; width: 238px } .ui-calendar-date tr { background-color: #f9f9f9; border: 0; margin: 0; padding: 0; width: 100%; color: #333 } .ui-calendar-date td, .ui-calendar-date th { font-weight: 400; text-align: center; border: 0; width: 34px; padding: 4px 0 } .ui-calendar-date .ui-calendar-day-column { border-bottom: 1px solid #dadada } .ui-calendar-date .ui-calendar-day-0, .ui-calendar-date .ui-calendar-day-6 { color: #d64 } .ui-calendar-date .ui-calendar-date-column .previous-month, .ui-calendar-date .ui-calendar-date-column .next-month { color: #ccc } .ui-calendar-date .ui-calendar-date-column td:hover { cursor: pointer; color: #333; background: #dadada } .ui-calendar-date .ui-calendar-date-column td.focused-element { color: #fff; background: #d64 } .ui-calendar-date .ui-calendar-date-column td.disabled-element { background: #eee; color: #bbb; cursor: not-allowed } .ui-calendar-month { font: 16px / 20px 'Xin Gothic', 'PT Sans', 'Hiragino Sans GB', 'Helvetica Neue','宋体', Helvetica, Arial, sans-serif; border-collapse: collapse; background-color: #f9f9f9; border: 1px solid #dadada; box-shadow: 1px 1px 9px #ccc; text-align: center; border-spacing: 0; width: 238px } .ui-calendar-month tr { background-color: #f9f9f9; border: 0; margin: 0; padding: 0; width: 100%; color: #333 } .ui-calendar-month .ui-calendar-month-column td { text-align: center; width: 76px; border: 0; padding: 6px 0 } .ui-calendar-month .ui-calendar-month-column td:hover { cursor: pointer; color: #333; background: #dadada } .ui-calendar-month .ui-calendar-month-column td.focused-element { color: #fff; background: #d64 } .ui-calendar-month .ui-calendar-month-column td.disabled-element { background: #eee; color: #bbb; cursor: not-allowed } .ui-calendar-year { font: 16px / 20px 'Xin Gothic', 'PT Sans', 'Hiragino Sans GB','宋体', 'Helvetica Neue', Helvetica, Arial, sans-serif; border-collapse: collapse; background-color: #f9f9f9; border: 1px solid #dadada; box-shadow: 1px 1px 9px #ccc; text-align: center; border-spacing: 0; width: 238px } .ui-calendar-year tr { background-color: #f9f9f9; border: 0; margin: 0; padding: 0; width: 100%; color: #333 } .ui-calendar-year .ui-calendar-year-column td { text-align: center; width: 76px; border: 0; padding: 6px 0 } .ui-calendar-year .ui-calendar-year-column td:hover { cursor: pointer; color: #333; background: #dadada } .ui-calendar-year .ui-calendar-year-column td.focused-element { color: #fff; background: #d64 } .ui-calendar-year .ui-calendar-year-column td.disabled-element { background: #eee; color: #bbb; cursor: not-allowed } .ui-calendar { position: absolute; font: 16px / 20px 'Xin Gothic', 'PT Sans', 'Hiragino Sans GB', 'Helvetica Neue','宋体', Helvetica, Arial, sans-serif; background: #f9f9f9; border-collapse: collapse; border-spacing: 0; border: 1px solid #dadada; box-shadow: 1px 1px 9px #ccc; text-align: center; width: 238px; z-index: 10 } .ui-calendar .ui-calendar-date, .ui-calendar .ui-calendar-month, .ui-calendar .ui-calendar-year { border: 0; box-shadow: none } .ui-calendar .ui-calendar-pannel { width: 238px; border-bottom: 1px solid #dadada; zoom: 1 } .ui-calendar .ui-calendar-pannel:after, .ui-calendar .ui-calendar-pannel:before { display: table; line-height: 0; content: "" } .ui-calendar .ui-calendar-pannel:after { clear: both } .ui-calendar .ui-calendar-control { display: inline; display: inline-block; float: left; width: 12.5%; *width: 29px; padding: 2px 0; cursor: pointer } .ui-calendar .ui-calendar-control:hover { background-color: #efefee } .ui-calendar .ui-calendar-pannel .month, .ui-calendar .ui-calendar-pannel .year { width: 25% } /** end ---calendar.css---*/ /** begin ---selectmenu.css---*/ .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; visibility: hidden; z-index: 1005; } /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-menu ul { padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu li { padding: 0; margin: 0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; } .ui-selectmenu-menu li a, .ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline: none; text-decoration: none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-menu li span, .ui-selectmenu-status span { display: block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display: block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* extra modifies */ .accountSwitch.ui-selectmenu { width: 380px; height: 2em; line-height: 2em; padding: 0 1em; } .accountSwitchTrigger { display: inline-block; width: 100%; } .accountSwitchTrigger span { display: inline-block; overflow: auto; } #J_accountSwitch { display: inline-block; padding-left: 1em; position: relative; right: 1em; } .ui-selectmenu .accountName, .ui-selectmenu .accountEmail { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 8em; } .ui-selectmenu .accountEmail { max-width: 12em; } .ui-selectmenu-menu li span, .ui-selectmenu-status span { display: inline-block; } .ui-selectmenu.ui-state-active { border: 1px solid silver; box-shadow: 1px 1px 9px #ccc; padding-right: 30px; display: inline-block; zoom: 1; background: #fff url("https://i.alipayobjects.com/e/201305/N1ZqmqLeH.png") no-repeat right 1px; } .ui-state-active #J_accountSwitch { display: none; } .ui-selectmenu-menu li { border-top: 0; border-bottom: 1px dashed #ccc; } .ui-selectmenu-menu li:last-child { border-bottom: 0; } .ui-selectmenu-menu .ui-select-item-current { background: url("https://i.alipayobjects.com/e/201304/8hCLXD8Jp.png") no-repeat right 10px; } .ui-select-item:hover { color: #FFF; background-color: #4775d1; cursor: pointer; } .ui-select-item:hover .accountEmail, .ui-select-item:hover .iconfont, .ui-select-item:hover .accountEmail.noAlias { color: #FFF; } .ui-select-item .accountStatus, .ui-select-item .accountName, .ui-select-item .accountEmail { display: inline-block; white-space: nowrap; padding-left: 1em; height: 2.5em; line-height: 2.5em; width: 1em; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; } .ui-select-item .accountStatus { text-align: center; overflow: hidden; text-overflow: clip; } .ui-select-item .accountName { font-weight: bold; width: 8em; } .ui-select-item .accountName.noAlias { width: 0; padding: 0; } .ui-select-item .accountEmail { color: #A5A5A5; width: 18em; margin-right: 40px; } .ui-select-item .accountEmail.noAlias { width: 27em; font-weight: bold; color: #222222 /*{fcContent}*/; } #J_accountSwitcher { box-shadow: 1px 1px 9px #ccc; width: 400px; padding: 1em; } #J_accountSwitch a { color: #39f; } .custom-menu { background-color: #fff; color: #0188CC; z-index: 1; top: 0; left: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); margin-top: -4px; } .custom-menu li { cursor: pointer; line-height: 28px; height: 28px; padding: 0; text-align: left; position: relative; overflow: hidden; *margin-top: -3px; } .custom-menu li.first { border-radius: 3px 3px 0 0; line-height: 28px; height: 28px; *margin-top: 0; } .custom-menu li.last { border-radius: 0 0 3px 3px; line-height: 28px; height: 28px; } .custom-menu li.split { border-top: 1px solid #e9e9e9; line-height: 28px; height: 28px; } .custom-menu li:hover { color: #fff; background-color: #3669c9; } .custom-menu li a, .custom-menu li span { display: block; padding-right: 18px; padding-left: 6px; } .custom-menu li:hover a, .custom-menu li a:hover { text-decoration: none; color: white; } .custom-menu li.disabled a:link, .custom-menu li.disabled a:visited, .custom-menu li.disabled a:hover { color: #a1a1a1 !important; } /** end ---selectmenu.css---*/ /**Last Changed Author: svnsync--Last Changed Date: Thu Feb 13 01:06:34 CST 2014**/ /**uemprod.global-1.5**/ /** CurrentDeveloper: uemprod**/ /** DeployDate: Wed Feb 19 00:34:04 CST 2014**/ /*.mi-form-item hy_select select{ width: 222px; height: 34px;*/ }