6208 行
155 KiB
CSS
可执行文件
6208 行
155 KiB
CSS
可执行文件
/** 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
|
||
<span class="ft-orange">200.00</span>
|
||
*/
|
||
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 <div class="fn-mt5">上边margin为5px</div>
|
||
*/
|
||
/** 让元素内联显示 */
|
||
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)
|
||
* <div class="mi-grid-row">
|
||
* <div class="mi-grid-4"></div>
|
||
* <div class="mi-grid-16"></div>
|
||
* </div>
|
||
*/
|
||
.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
|
||
普通表格
|
||
<div class="mi-table">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td></td>
|
||
</tr>
|
||
</tbody>
|
||
<tfoot>
|
||
<tr>
|
||
<td></td>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
</div>
|
||
表格嵌套
|
||
<div class="mi-table">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td></td>
|
||
</tr>
|
||
</tbody>
|
||
<tfoot>
|
||
<tr>
|
||
<td class="mi-table-inner">
|
||
<div class="mi-table">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td></td>
|
||
</tr>
|
||
</tbody>
|
||
<tfoot>
|
||
<tr>
|
||
<td></td>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
</div>
|
||
*/
|
||
|
||
|
||
.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
|
||
* <a class="mi-button mi-button-sorange">
|
||
* <span class="mi-button-text">确定</span>
|
||
* </a>
|
||
*
|
||
* span > input
|
||
* <sapn class="mi-button mi-button-sorange">
|
||
* <input type="button" class="mi-button-text" value="确定" />
|
||
* </span>
|
||
*
|
||
* span > button
|
||
* <span class="mi-button mi-button-sorange">
|
||
* <button class="mi-button-text">确定</button>
|
||
* </span>
|
||
*/
|
||
|
||
/** 按钮基类样式*/
|
||
.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
|
||
基本样式
|
||
<div class="mi-tip"></div>
|
||
|
||
带箭头标识, 其它同样添加标签即可。
|
||
<div class="mi-tip mi-tip-error">
|
||
<div class="mi-tip-arrow mi-tip-arrow-top">
|
||
<em>◆</em>
|
||
<span>◆</span>
|
||
</div>
|
||
<div class="mi-tip-arrow mi-tip-arrow-right">
|
||
<em>◆</em>
|
||
<span>◆</span>
|
||
</div>
|
||
<div class="mi-tip-arrow mi-tip-arrow-bottom">
|
||
<em>◆</em>
|
||
<span>◆</span>
|
||
</div>
|
||
<div class="mi-tip-arrow mi-tip-arrow-left">
|
||
<em>◆</em>
|
||
<span>◆</span>
|
||
</div>
|
||
<div class="mi-tip-ctn"></div>
|
||
</div>
|
||
|
||
错误提示
|
||
<div class="mi-tip mi-tip-error">
|
||
<div class="mi-tip-ctn"></div>
|
||
</div>
|
||
|
||
警告提示
|
||
<div class="mi-tip mi-tip-warn">
|
||
<div class="mi-tip-ctn"></div>
|
||
</div>
|
||
|
||
信息提示
|
||
<div class="mi-tip mi-tip-cue">
|
||
<div class="mi-tip-ctn"></div>
|
||
</div>
|
||
|
||
禁止提示
|
||
<div class="mi-tip mi-tip-forbidden">
|
||
<div class="mi-tip-ctn"></div>
|
||
</div>
|
||
|
||
成功提示
|
||
<div class="mi-tip mi-tip-success">
|
||
<div class="mi-tip-cnt"></div>
|
||
</div>
|
||
*/
|
||
|
||
.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
|
||
<div class="mi-notice mi-notice-success">
|
||
<div class="mi-notice-cnt">
|
||
<div class="mi-notice-title">
|
||
<i class="iconfont" title="成功"></i>
|
||
<h3>成功</h3>
|
||
</div>
|
||
<p class="mi-notice-explain">
|
||
缴款成功成功！
|
||
</p>
|
||
<p class="mi-notice-explain-other">
|
||
现在您可能需要：<a href="#">返回首页</a>
|
||
<span class="fn-bar">|</span>
|
||
<a href="#">返回账单查询</a>
|
||
<span class="fn-bar">|</span>
|
||
<a href="#">返回合同查询</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
*/
|
||
.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
|
||
成功提示
|
||
<span class="mi-message mi-message-success"><i class="iconfont" title="成功">ï</i>删除当前用户成功！</span></span>
|
||
|
||
禁止提示
|
||
<span class="mi-message mi-message-forbidden"><i class="iconfont" title="阻止">î</i></span>
|
||
|
||
信息提示
|
||
<span class="mi-message mi-message-cue"><i class="iconfont" title="提示">í</i></span>
|
||
|
||
警告提示
|
||
<span class="mi-message mi-message-warn"><i class="iconfont" title="警告">ì</i></span>
|
||
|
||
错误提示
|
||
<span class="mi-message mi-message-error"><i class="iconfont" title="出错">k</i></span>
|
||
|
||
疑问提示
|
||
<span class="mi-message mi-message-doubt"><i class="iconfont" title="疑问">ñ</i></span>
|
||
|
||
等待提示
|
||
<span class="mi-message mi-message-wait"><i class="iconfont" title="等待">ó</i></span>
|
||
|
||
请求提示
|
||
<span class="mi-message mi-message-loading"></span>
|
||
|
||
*/
|
||
|
||
.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
|
||
实线
|
||
<hr class="mi-line" />
|
||
|
||
虚线
|
||
<hr class="mi-line mi-line-dot" />
|
||
*/
|
||
.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
|
||
<div class="mi-tab">
|
||
<ul class="mi-tab-trigger">
|
||
<li class="mi-tab-trigger-item mi-tab-trigger-item-current">选项一</li>
|
||
<li class="mi-tab-trigger-item">选项二</li>
|
||
</ul>
|
||
</div>
|
||
<div class="mi-tab-cnt">
|
||
<div class="mi-tab-cnt-item mi-tab-cnt-item-current">内容一</div>
|
||
<div class="mi-tab-cnt-item">内容二</div>
|
||
</div>
|
||
*/
|
||
.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 :
|
||
|
||
<div class="ui-title ui-title-line">
|
||
<h2>账户通</h2>
|
||
<div class="link">
|
||
<a href="#" seed="" target="_blank">添加绑定</a>
|
||
<em class="global-separator-pd">|</em><a id="viewFaq" href="#faq" seed="faq">使用遇到问题？</a>
|
||
</div>
|
||
</div>
|
||
*/
|
||
|
||
.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]]
|
||
<div class="mi-progress fn-mt20">
|
||
<div class="mi-progress-track">
|
||
<div class="mi-progress-bar"></div>
|
||
</div>
|
||
</div>
|
||
*/
|
||
.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
|
||
<div class="ui-form-item">
|
||
<label class="ui-label" for="card">银行卡号:</label><input class="ui-input ui-input-banknum" type="text" id="card" />
|
||
</div>
|
||
相应的脚本文件:
|
||
|
||
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;*/
|
||
} |