@charset "utf-8";

/* 
	@名称: base
	@功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响 */
html{
	color:#4d4d4d;background:#fff;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
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;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* 要注意表单元素并不继续父级 font 的问题 */
body,button,input,select,textarea{
	font:12px/1.5 tahoma,arial,\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,a 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%;
	font-weight:500;
}

q:before,q:after {
	content:'';
}

/* 统一上标和下标 */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}

/* 让链接在 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,.fn-right {
	display:inline;
}
.fn-left {
	float:left;
}
.fn-right {
	float:right;
}

/**Last Changed Author: shuai.shao--Last Changed Date: Wed Nov 02 17:48:38 CST 2011**/
/** begin ---sl-rc.css---*/
/* 1像素圆角 */
.sl-rc-wrap {
    display:inline-block;
    vertical-align:middle;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.sl-rc-cnt {
    float:left;
    position:relative;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin:-1px 0;
}
div.sl-rc-wrap,p.sl-rc-wrap,h2.sl-rc-wrap,h3.sl-rc-wrap,h4.sl-rc-wrap,h5.sl-rc-wrap,h6.sl-rc-wrap,ul.sl-rc-wrap,ol.sl-rc-wrap {
    display:inline;
}
.sl-rc-hover,.sl-rc-hover .sl-rc-cnt,.sl-rc-wrap:hover,.sl-rc-wrap:hover .sl-rc-cnt {
    text-decoration:none;
    border-color:#aaa;
}

/** end ---sl-rc.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 17:26:42 CST 2011**/
/**alice.solutions.sl-rc-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri May 18 14:20:22 CST 2012**/
/** begin ---sl-alpha.css---*/
/* 背景纯色透明 */
.sl-alpha {
    background:rgba(0, 0, 0, 0.3);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');
    padding:0 3px 3px;
    border-top:3px solid #b0b0b0;
}
:root .sl-alpha {
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');
}

/** end ---sl-alpha.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 17:20:32 CST 2011**/
/**alice.solutions.sl-alpha-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri May 18 14:20:36 CST 2012**/
/** begin ---ui-tab.css---*/
/**
 * @name:           ui-tab
 * @author:         展新(zhanxin.lin@alipay.com)
 * @description:    Tab切换
 * @necessary:      hover 效果需要js加载 ui-tab-trigger-hover
 * @example:
 * <div class="ui-tab">
 *      <div class="ui-tab-trigger">
 *          <ul>
 *              <li class="ui-tab-trigger-item ui-tab-trigger-item-current"><a class="ui-tab-trigger-text" href="#">全部交易</a></li>
 *              <li class="ui-tab-trigger-item ui-tab-trigger-item-hover"><a class="ui-tab-trigger-text" href="#">全部交易</a></li>
 *          </ul>
 *      </div>
 *      <div class="ui-tab-container">
 *      </div>
 * </div>
 */
.ui-tab { overflow: hidden; }

/* ui-tab-trigger */
.ui-tab-trigger-item, .ui-tab-trigger-item-current, .ui-tab-trigger-text, .ui-tab-trigger-item a{
    background-image: url(https://img.alipay.com/sys/personal/style/ui-components.png);
    background-repeat: no-repeat;
    background-color: transparent;
    color: #4D4D4D;
    text-decoration: none;
}
.ui-tab-trigger{
    border-bottom: 1px solid #e5e5e5;
}
.ui-tab-trigger ul {
    position: relative;
    z-index: 100;
    top: 1px;
}
.ui-tab-trigger-item {
    float: left;
    margin-right: 2px;
    background-position: 0 -193px;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
	text-decoration: none;
}
.ui-tab-trigger-item-current,
.ui-tab-trigger-item-hover,
.ui-tab-trigger-item:hover {
    background-position: 0 -111px;
}
/* 当前选项 */
.ui-tab-trigger .ui-tab-trigger-item-current {
    border-bottom: 1px solid #fafafa;
}
.ui-tab-trigger-text, a.ui-tab-trigger-text {
    display: inline-block;
    background-position: right -235px;
    font-size: 12px;
    line-height: 32px;
    padding: 0px 10px;
    text-decoration: none;
    font-weight: 400;
}
.ui-tab-trigger-item-current .ui-tab-trigger-text,
.ui-tab-trigger-item-hover .ui-tab-trigger-text,
.ui-tab-trigger-item a.ui-tab-trigger-text:hover {
    background-position: right -152px;
}
.ui-tab-trigger-item-current a.ui-tab-trigger-text {
    font-weight: 700;
    text-decoration: none;
}

/* ui-tab-container */
.ui-tab-container {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
/* ui-tab-container-top */
.ui-tab-container-top {
    height: 28px;
    border-bottom: 1px solid #d9d9d9;
    background: #fafafa;
}

/** end ---ui-tab.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 17:31:57 CST 2011**/
/**alice.components.ui-tab-1.0**/
/** begin ---ui-link-separator.css---*/
/**
 * @name:        ui-link-separator
 * @author:      展新(zhanxin.lin@alipay.com)
 * @description: 有链接，有文字，还带分隔线
 * @example:
 * <div class="ui-link-separator">
 *    <span>红包：<a href="#">23</a>个</span>
 *    <span class="ui-separator-pd">|</span>
 *    <span>红包：<a href="#">23</a>个</span>
 * </div>
 *
 */

.ui-link-separator { display: inline; color: #808080; }
.ui-link-separator a { padding-right: 3px; }
.ui-link-separator .ui-separator-pd { padding: 0 11px; }

/** end ---ui-link-separator.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 17:35:17 CST 2011**/
/**alice.components.ui-link-separator-1.0**/
/** begin ---ui-form.css---*/
/* 
 * @name: ui-form 
 * @overview: 通用表单
 * @require: ui-input,ui-button
 */
.ui-form{margin-top:30px}
.ui-form legend{display:none}
.ui-form-required{margin-right:6px; font-family:SimSun; font-size:14px; color:#f00}
.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}
.ui-form-other{_display:inline-block; margin-left:4px}
.ui-form-text{display:inline-block; margin-top:4px; *margin-top:6px; _margin-top:4px; zoom:1}
.ui-form-status{color:#20B907; background:url(https://img.alipay.com/alice/ui-fm-loading.gif) right bottom no-repeat; padding-right:15px}
.ui-form-list{_float:left; _width:100%}

/* 标签 */
.ui-label{float:left; width:170px; margin-left:-170px; padding-top:3px; *padding-top:4px; text-align:right; font-size:14px}
.ui-label-reset{padding-top:0}

/* 输入框 */
.ui-input{width:170px;padding: 7px 9px 7px 9px;height:12px;line-height:12px;border:1px solid #ccc;border-top-color:#a6a6a6;}
.ui-input:hover, .ui-textarea:hover {border:1px #a6a6a6 solid;border-top-color:#808080;}
.ui-input:focus, .ui-textarea:focus {border:1px #68ACFF solid;outline:1px aqua solid;}
.ui-input-mini{height:15px; line-height:16px; padding:2px}
.ui-input-mini:focus{*padding:1px}
.ui-input-mini{width:150px; vertical-align:middle}
.ui-input-amount{width:80px; font-weight:700}
.ui-input-len10, .ui-input-date{width:67px}
.ui-input-len5, .ui-input-time{width:35px}
.ui-input-len6{width:44px}
.ui-input-len8, .ui-input-tel{width:58px}
.ui-input-len10cn{width:122px}
.ui-input-len30cn{width:362px}
.ui-input-len4{width:28px}
.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-input-unwrite,
.ui-textarea-unwrite {
    border: 1px solid  #cccccc;
    background: #f2f2f2;
}
.ui-input-unwrite:hover,
.ui-textarea-unwrite:hover {
    border: 1px solid  #cccccc;
    background: #f2f2f2;
}

.ui-form-item:after{ clear:both;  content:'.';  display:block;  height:0;  visibility:hidden}
.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-form-item select{vertical-align:middle; margin:4px 0 0; }
.ui-form-item input{vertical-align:middle}
.ui-form-item .ui-input{font-size:12px;*font-size:11px; _font-size:12px; color:#595959;vertical-align:middle;*vertical-align:-5px}
.ui-form-item .ui-button-group .ui-button-text-only{margin:3px 0 0; margin:2px 0 0\0}
.ui-form-item .ui-button-text-only .ui-button-text{padding:.1em .5em}
.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-form-item .ui-form-item-placeholder{ color:#B2B2B2}

.ui-form-item-hover .ui-input, .ui-form-item-hover .ui-textarea{border:1px #727272 solid}
.ui-form-item-focus .ui-input, .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-form-item-focus .ui-textarea{*padding:1px 0 1px 2px}
.ui-form-item-focus .ui-form-explain, .ui-form-item-hover .ui-form-explain{color:#333;}
.ui-form-item-error .ui-input, .ui-form-item-error .ui-textarea{border:1px #F00 solid; color:#FF5243}
.ui-form-item-error .ui-input-reset{border:1px #9C9C9C solid; color:#000}
.ui-form-item-error .ui-form-explain, .ui-form-item-warn .ui-form-explain, 
.ui-form-item-success .ui-form-explain{background-image:url(https://img.alipay.com/alice/ui-fm.png); background-repeat:no-repeat; padding-left:20px; *zoom:1}
.ui-form-item-error .ui-form-explain{color:#FF5243; background-position:-186px 6px}
.ui-form-item-warn .ui-form-explain{background-position:-138px -80px}
.ui-form-item-error .ui-input:hover, 
.ui-form-item-error .ui-textarea:hover{border:1px #a6a6a6 solid;}
.ui-form-item-error .ui-input:focus, 
.ui-form-item-error .ui-textarea:focus{border:1px #68ACFF solid; color:#727272}
.ui-form-item-success .ui-form-explain{ background-position:-114px -123px}
.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-checkcode-input {
    width: 100px;
	height:24px;
	line-height:28px;
	margin:0;
	padding:0;
    color: #000000;
    font-size: 12px;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #ccc;
	border-top-color:#a6a6a6;
    font-family: Tahoma;
	_float:left; /* input在ie6下面，如果用div包裹，会发现有1像素（1px）的margin BUG，并且不管你如何block它都无法消除。解决方法：让input自身float */
}
.ui-checkcode-imgcode-img {
	cursor: pointer;
}
.ui-checkcode-imgcode-text{
	color:#07f;
}
.ui-checkcode-imgcode-text-limit {
	width: 48px;
	position:absolute;
	left:340px;
	top:-3px;
}

/** end ---ui-form.css---*/
/**Last Changed Author: xingmin.zhu--Last Changed Date: Mon Dec 12 09:53:19 CST 2011**/
/**alice.components.ui-form-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri May 18 14:21:08 CST 2012**/
/** begin ---ui-list.css---*/
/**
 * @name:         ui-list
 * @author:       展新(zhanxin.lin@alipay.com)
 * @Description:  列表
 * @example:
 * <ul class="ui-list">
 *    <li class="ui-list-item">列表</li>
 * </ul>
 */
.ui-list {
    display: inline-block;
    padding: 10px 10px;
}
/* 默认有方角 */
.ui-list-item {
    font-size: 12px;
    line-height: 20px;
    background: url(https://img.alipay.com/sys/personal/style/ui-components.png) no-repeat -172px -19px;
    padding-left: 10px;
    color: #808080;
}
.ui-list-item a {
    font-size: 12px;
    line-height: 20px;
}
/* 灰色小方角 */
.ui-list-gray .ui-list-item {
    background: url(https://img.alipay.com/sys/personal/style/ui-components.png) no-repeat -188px 2px;
}
/* 灰色小方角＋灰色链接 */
.ui-list-graylink .ui-list-item {
    background: url(https://img.alipay.com/sys/personal/style/ui-components.png) no-repeat -188px 2px;
}
.ui-list-graylink .ui-list-item a { color: #666666; }
/* 没有小图标的 */
.ui-list-nosquare .ui-list-item {
    background: transparent;
    padding-left: 0;
}


/** end ---ui-list.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:18:01 CST 2011**/
/**alice.components.ui-list-1.0**/
/** CurrentDeveloper: afc163**/
/** DeployDate: Wed Jun 06 18:06:13 CST 2012**/
/** begin ---ui-dlist.css---*/
/*
 * @name:           ui-dlist 定义列表
 * @author:         展新(zhanxin.lin@alipay.com)
 * @description:    左右分栏的定义列表
 * @example:
 * <dl class="ui-dlist">
 *      <dt class="ui-dlist-tit">名称：</dt>
 *      <dd class="ui-dlist-det">内容</dd>
 *      <dt class="ui-dlist-tit">名称：</dt>
 *      <dd class="ui-dlist-det">内容<a href="#">链接</a></dd>
 * </dl>
 */
.ui-dlist { display: inline-block; color: #808080; }
.ui-dlist-tit {
    float: left;
    width: 100px;/* 默认值, 具体根据视觉可改 */
    text-align: right;
}
.ui-dlist-det {
    float: left;
    width: 400px;/* 默认值，具体根据视觉可改 */
    text-align: left;
}
.ui-dlist-det a {
    margin-left: 15px;/* 默认值 */
}

/** end ---ui-dlist.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:16:31 CST 2011**/
/**alice.components.ui-dlist-1.0**/
/** begin ---ui-table.css---*/
/**
 * @name:       表格 ui-table
 * @overview:   可隔行换色，可带表头，可无边框的table
 * @author:     偏右 (xingmin.zhu@alipay.com)
 * @example:
 * <table class="ui-table">
 *     <thead>
 *         <tr>
 *             <th>head</th>
 *             <th>head</th>
 *             <th>head</th>
 *         </tr>
 *     </thead>
 *     <tbody>
 *         <tr>
 *             <td>data</td>
 *             <td>data</td>
 *             <td>data</td>
 *         </tr>
 *         <tr class="ui-table-split">
 *             <td>data</td>
 *             <td>data</td>
 *           <td>data</td>
 *         </tr>
 *         <tr>
 *             <td>data</td>
 *             <td>data</td>
 *             <td>data</td>
 *         </tr>
 *     </thead>
 * </table>
 */

.ui-table {
    border-collapse:collapse;
    border:1px solid #ccc;
    width:100%;
}
.ui-table-split /* 隔行换色效果 */ , .ui-table-hover /* 用作表格行hover效果 */ {
    background-color:#fcfcfc;
}
.ui-table tr {
    color:#808080;
}
.ui-table thead tr {
    color:#666;
}
.ui-table thead {
    color:#666;
}
.ui-table th{
    padding:7px 9px;
    border-bottom:1px solid #d9d9d9;
    background-color:#fafafa;
}
.ui-table td {
    padding:8px 9px 7px;
    border-bottom:1px solid #d9d9d9;
}
.ui-table th {
    padding:7px 9px;
}
.ui-table tfoot td {
    border-bottom:none;
}
.ui-table .action {
    background-color:#FFFFEF;
}
.ui-table .selected {
    background-color:#FEFFC5;
}

/* 无边框table加上ui-table-noborder */
.ui-table-noborder, .ui-table-noborder td, .ui-table-noborder tr, .ui-table-noborder th {
    border:none;
    outline:none;
}
.ui-table-noborder .ui-table-split, .ui-table-noborder .ui-table-hover {
    background-color:#f7f7f7;
}
/* 当table放在一个有边框的容器中时，比如ui-box，需要添加类名ui-table-inbox去掉本身的外框 */
.ui-table-inbox {
    border:none;
    outline:none;
}

/** end ---ui-table.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:19:42 CST 2011**/
/**alice.components.ui-table-1.0**/
/** begin ---ui-btn-base.css---*/
/**
 * @name:       按钮（通用）ui-button
 * @author:     展新（zhanxin.lin@alipay.com）
 * @example:
 * 外层可以是 div, p, a, span 标签
 * 里层可以是 a, input, button
 * div > a
 * <div class="ui-button ui-button-sorange">
 *    <a class="ui-button-text">确定</a>
 * </div>
 *
 * div > input
 * <div class="ui-button ui-button-sorange">
 *    <input type="button" class="ui-button-text" value="确定" />
 * </div>
 *
 * a > input
 * <a class="ui-button ui-button-sorange">
 *    <span class="ui-button-text">确定</span>
 * </a>
 */
.ui-button {
    padding: 0 0;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    overflow: visible;
    cursor: pointer;
}

div.ui-button, p.ui-button, span.ui-button {
    *display: inline;/* for ie */
}

.ui-button-text {
    display: block;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    overflow: visible;
}
.ui-button a.ui-button-text:hover {
    text-decoration: none;
}
.ui-button input.ui-button-text, .ui-button button.ui-button-text {
    *display: inline;/* for ie */
}

/** end ---ui-btn-base.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:18:56 CST 2011**/
/**alice.components.ui-button-base-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri Jun 15 15:24:35 CST 2012**/
/** begin ---sl-linear.css---*/
/* 渐变*/
.sl-linear{
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
    background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
    background:-o-linear-gradient(top, #fcfcfc, #f1f1f1);
    background: linear-gradient(top, #fcfcfc, #f1f1f1);
}
/* 浅色 */
.sl-linear-light{
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
    background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');
    background:-o-linear-gradient(top, #fcfcfc, #f9f9f9);
    background: linear-gradient(top, #fcfcfc, #f9f9f9);
}


/** end ---sl-linear.css---*/
/**Last Changed Author: feng.cheng--Last Changed Date: Tue Jun 26 12:22:49 CST 2012**/
/**alice.solutions.sl-linear-1.1**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Wed Jun 27 16:23:05 CST 2012**/
/** begin ---ui-grid.css---*/
/**
 * @name: 内容布局(25格栅格布局)
 * @author: 偏右(xingmin.zhu@alipay.com)
 * @description: 下边有注释的为常用宽度
 * @example: (相加为25，则页面宽度为990px，最右边区块的需要加ui-grid-right)
 * <div class="ui-content">
 *     <div class="ui-grid-4"></div>
 *     <div class="ui-grid-21 ui-grid-right"></div>
 * </div>
 */
.ui-grid-1, .ui-grid-2, .ui-grid-3, .ui-grid-4, .ui-grid-5, .ui-grid-6, .ui-grid-7, .ui-grid-8, .ui-grid-9, .ui-grid-10, .ui-grid-11,.ui-grid-12, .ui-grid-13, .ui-grid-14, .ui-grid-15, .ui-grid-16, .ui-grid-17, .ui-grid-18, .ui-grid-19, .ui-grid-20, .ui-grid-21, .ui-grid-22, .ui-grid-23, .ui-grid-24, .ui-grid-25 {
    margin: 0 10px 10px 0;
    float:left;
    display:inline;
}

.ui-grid-1 {width:30px;}
.ui-grid-2 {width:70px;}
.ui-grid-3 {width:110px;}
.ui-grid-4 {width:150px;} /* 右侧推广位的宽度 */
.ui-grid-5 {width:190px;} /* 左侧边栏的宽度 */
.ui-grid-6 {width:230px;}
.ui-grid-7 {width:270px;}
.ui-grid-8 {width:310px;}
.ui-grid-9 {width:350px;}
.ui-grid-10 {width:390px;}
.ui-grid-11 {width:430px;}
.ui-grid-12 {width:470px;}
.ui-grid-13 {width:510px;}
.ui-grid-14 {width:550px;}
.ui-grid-15 {width:590px;} /* 中央区域宽度 */
.ui-grid-16 {width:630px;}
.ui-grid-17 {width:670px;}
.ui-grid-18 {width:710px;}
.ui-grid-19 {width:750px;}
.ui-grid-20 {width:790px;}
.ui-grid-21 {width:830px;}	/* 交易明细表区域的宽度 */
.ui-grid-22 {width:870px;}
.ui-grid-23 {width:910px;}
.ui-grid-24 {width:950px;}
.ui-grid-25 {width:990px;} /* 最大页面宽度 */

.ui-grid-right {margin-right:0;} /* 注意！当区块在页面最右边时，必须加ui-grid-right */

/** end ---ui-grid.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:21:53 CST 2011**/
/**alice.components.ui-grid-1.0**/
/** begin ---ui-securelevel.css---*/
/**
 * @name:       安全等级 ui-securelevel
 * @overview:   分为高中低三个等级
 * @author:     偏右 (xingmin.zhu@alipay.com)
 * @example:
 * <p class="ui-securelevel">
 *     <span>安全等级：</span>
 *     <span class="ui-securelevel-high">高</span>
 * </p>
 */
.ui-securelevel {
    font-weight:bold;
    font-size:12px;
    color: #808080;
}
.ui-securelevel-max,.ui-securelevel-high, .ui-securelevel-medium, .ui-securelevel-low {
    margin-left: 4px;
    background:transparent url(https://i.alipayobjects.com/e/201112/2HiCSu6i6N.png) no-repeat;
    width:100px;
    display:inline-block;
    height:12px;
    line-height:12px;
    text-align:right;
    *vertical-align:top;
}
.ui-securelevel-max{
	background-position:0 -35px;
    color:#5aab04;
}
.ui-securelevel-high {
    background-position:0 -23px;
    color:#5aab04;
}
.ui-securelevel-medium {
    background-position:0 -10px;
    color:#d8b200;
}
.ui-securelevel-low {
    background-position:0 2px;
    color:#f00;
}

/** end ---ui-securelevel.css---*/
/**Last Changed Author: feng.cheng--Last Changed Date: Thu Jan 05 14:09:00 CST 2012**/
/**alice.components.ui-securelevel-1.2**/
/** CurrentDeveloper: hodofeng**/
/** DeployDate: Thu Jan 05 14:18:28 CST 2012**/
/** begin ---ui-arrow.css---*/
/**
 * @name:           ui-arrow 箭头组件
 * @author:         偏右 (xingmin.zhu@alipay.com)
 * @description:    小箭头指示
 * @example:
 * <span class="ui-arrow ui-arrow-left">&gt;</span>
 *
 */
.ui-arrow {
    display: block;
    height: 12px;
    width: 12px;
    background-image: url(https://img.alipay.com/sys/personal/style/ui-components.png);
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -9999em;
    overflow: hidden;
}
.ui-arrow-right { background-position: -4px -24px; }
.ui-arrow-left { background-position: -4px -36px; }
.ui-arrow-up { background-position: -4px -48px; }
.ui-arrow-down { background-position: -4px -60px; }

/** end ---ui-arrow.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:25:57 CST 2011**/
/**alice.components.ui-arrow-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri May 18 14:04:43 CST 2012**/
/** begin ---ui-share.css---*/
/**
 * @name:           ui-share
 * @author:         展新(zhanxin.lin@alipay.com)
 * @description:    sns 分享
 */
.ui-share { overflow: hidden; }

.ui-share-img { float: left; margin: 10px 10px 0 10px; _margin: 10px 5px 0 5px; }
.ui-share-img a:link,
.ui-share-img a:visited {
    border: 1px solid #cccccc;
    display: block;
    padding: 1px 1px;
}
.ui-share-img a:link img, .ui-share-img a:visited img { display: block; }
.ui-share-img a:hover, .ui-share-img a:active { border: 1px solid #999999; }

.ui-share-name { height: 55px; margin: 10px 0 10px 78px; }
.ui-share-name-vip {
    background: transparent url(https://img.alipay.com/common/life/bg-share.png) no-repeat 86px -28px;
    display: block;
    line-height: normal;
    margin: 0 0 8px;
}
.ui-share-name-follow:link, .ui-share-name-follow:visited {
    background: #E3FFD5 url(https://img.alipay.com/common/life/bg-share.png) no-repeat 5px 5px;
    border: 1px solid #cff3bb;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    color: #339900;
    display: inline-block;
    line-height: 17px;
    padding: 0 7px 0 17px;
}
.ui-share-name-follow:hover, .ui-share-name-follow:active {
    border: 1px solid #A3D18C;
    text-decoration: none;
}
.ui-share-info {
    padding: 0 10px 10px 10px;
    line-height: 18px;
    color: #666666;
}

.ui-share-icon {
    background: #f2f2f2;
    padding: 5px 10px 2px 10px;
}
.ui-icon-sns {
    background: transparent url(https://img.alipay.com/common/life/bg-share.png) no-repeat scroll 0 -60px;
    display: inline-block;
    height: 16px;
    margin: 0 2px 4px 0;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    width: 16px;
}
.ui-icon-sns-sina { background-position: 0 -100px; }
.ui-icon-sns-kaixin { background-position: 0 -120px; }
.ui-icon-sns-163 { background-position: 0 -140px; }
.ui-icon-sns-renren { background-position: 0 -160px; }
.ui-icon-sns-taojianghu { background-position: 0 -180px; }
.ui-icon-sns-qq { background-position: 0 -200px; }
.ui-icon-sns-douban { background-position: 0 -220px; }


/** end ---ui-share.css---*/
/**Last Changed Author: yeqing--Last Changed Date: Thu May 17 19:00:51 CST 2012**/
/**alice.components.ui-share-1.1**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Thu May 17 20:06:37 CST 2012**/
/** begin ---ui-tiptext.css---*/
/**
 * @name    : ui-tiptext
 * @filename: ui-tiptext.css
 * @overview: 信息提示条
 * @date    : 2011-09-26
 * @require : 依赖的样式
 * @author  : 偏右(xingmin.zhu@alipay.com)
 */

.ui-tiptext{
    color: #4D4D4D;
    padding: 0 0 0 22px;
    position:relative;
    overflow:hidden;
    vertical-align:middle;
    line-height:15px;
    *line-height:17px;
    _line-height:15px;
    line-height:17px\0;
    zoom:1;
}
.ui-tiptext-content {
    padding: 7px 12px 8px;
    position:relative;
}
.ui-tiptext-icon, .ui-tiptext-arrowup {
    background: transparent url('https://i.alipayobjects.com/e/201201/2NBAbOHc4g.png') no-repeat;
}
.ui-tiptext-icon {
    width:15px;
    height:15px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    text-indent:-9999px;
    overflow:hidden;
}
.ui-tiptext-message .ui-tiptext-icon{
    background-position:0 -33px;
}
.ui-tiptext-container-message {
    background: #e5f5ff;
    border: 1px solid #c9d5e2;
}
.ui-tiptext-success .ui-tiptext-icon{
    background-position:-45px -33px;
}
.ui-tiptext-container-success{
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
}
.ui-tiptext-error .ui-tiptext-icon{
    background-position:-30px -33px;
}
.ui-tiptext-container-error{
    background: #fceee8;
    border: 1px solid #f6c8b5;
}
.ui-tiptext-warning .ui-tiptext-icon{
    background-position:-15px -33px;
}
.ui-tiptext-container-warning{
    background: #ffff8d;
    border: 1px solid #e7c560;
}
.ui-tiptext-question .ui-tiptext-icon{
    background-position:-60px -33px;
}
.ui-tiptext-container-question{
    background: #e5f5ff;
    border: 1px solid #c9d5e2;
}
.ui-tiptext-stop .ui-tiptext-icon{
    background-position:-75px -33px;
}
.ui-tiptext-container-stop{
    background: #fceee8;
    border: 1px solid #f6c8b5;
}
.ui-tiptext-wait .ui-tiptext-icon{
    background-position:-90px -33px;
}
.ui-tiptext-container-wait{
    background: #e5f5ff;
    border: 1px solid #c9d5e2;
}
.ui-tiptext-arrowup{
    display: inline-block;
    height: 10px;
    left: 40px;
    margin-left: -8px;
    position: absolute;
    text-indent: -9999em;
    width: 16px;
    z-index: 1;
    top:-8px;
    _top:-7px;
}
.ui-tiptext-arrowup-message {
    background-position:-194px -39px;
}
.ui-tiptext-arrowup-warning {
    background-position:-211px -39px;
}


/** end ---ui-tiptext.css---*/
/**Last Changed Author: feng.cheng--Last Changed Date: Tue Jun 26 13:50:55 CST 2012**/
/**alice.components.ui-tiptext-1.1**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Wed Jun 27 16:59:42 CST 2012**/
/** begin ---ui-tab4.css---*/
/**
 * @name:           ui-tab4
 * @author:         初成(feng.cheng@alipay.com)
 * @description:    主站Tab切换
 * @necessary:      hover 效果需要js加载 ui-tab-trigger-hover
 * @example:
 * <div class="ui-tab4">
		<div class="ui-tab4-trigger sl-linear-light">
	          <ul>
	              <li class="ui-tab4-trigger-item ui-tab4-trigger-item-first ui-tab4-trigger-item-current"><a class="ui-tab4-trigger-text" href="#">全部（4）</a></li>
	              <li class="ui-tab4-trigger-item "><a class="ui-tab4-trigger-text" href="#">银行（1）</a></li>
	              <li class="ui-tab4-trigger-item "><a class="ui-tab4-trigger-text" href="#">购物（2）</a></li>
	              <li class="ui-tab4-trigger-item ui-tab4-trigger-item-current"><a class="ui-tab4-trigger-text" href="#">旅行（0）</a></li>
	              <li class="ui-tab4-trigger-item"><a class="ui-tab4-trigger-text" href="#">休闲（0）</a></li>
	
	          </ul>
	      </div>
	      <div class="ui-tab4-container">
		      
	      </div>
	 </div>
 */
.ui-tab4 { overflow: hidden; }

/* ui-tab-trigger */
.ui-tab4-trigger{
    height: 36px;
    line-height: 36px;
	border: 1px solid #D9D9D9;
	*overflow: hidden;
    
}
.ui-tab4-trigger-item{
	float: left;
	width: 105px; /*可以覆盖*/
	position: relative;
}

.ui-tab4-trigger-item .ui-tab4-trigger-text {
	display: block;
	text-align: center;
}

.ui-tab4-trigger-item-current{
	border-bottom: 1px solid #fff;	
	margin-left: -1px;
}

.ui-tab4-trigger-item-current .ui-tab4-trigger-text{
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	background: #fff;
	border-bottom: 1px solid #fff;
	
}

/* 当前选项 */
.ui-tab4-trigger-text, a.ui-tab4-trigger-text {
    font-weight: 400;
    color: #808080;
}
.ui-tab4-trigger-text:hover, a.ui-tab4-trigger-text:hover {
    text-decoration: none;
}
.ui-tab4-trigger-item-current a.ui-tab4-trigger-text {
    font-weight: 700;
    color: #4d4d4d;
}

/* ui-tab-container */
.ui-tab4-container {
    margin: 14px 0;
}
/* ui-tab-container-top */
.ui-tab4-container-top {
    height: 28px;
    border-bottom: 1px solid #d9d9d9;
    background: #fafafa;
}

/** end ---ui-tab4.css---*/
/**Last Changed Author: feng.cheng--Last Changed Date: Tue Jun 26 13:55:07 CST 2012**/
/**alice.components.ui-tab4-1.0**/
/** CurrentDeveloper: chengfeng**/
/** DeployDate: Tue Jun 26 13:56:56 CST 2012**/
/** begin ---ui-separator.css---*/
/*
 * 竖线分割符
 * example:
 * <em class="ui-separator">|</em>
 */
.ui-separator { color: #b2b2b2; }
.ui-separator-pd { color: #b2b2b2;padding: 0 5px; }

/** end ---ui-separator.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 17:46:44 CST 2011**/
/**alice.components.ui-separator-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri May 18 14:20:49 CST 2012**/
/** 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: chengfeng**/
/** DeployDate: Tue Jun 26 13:58:49 CST 2012**/
/** begin ---ui-button-white.css---*/
/**
 * @name:       按钮（通用）ui-button
 * @author:     展新（zhanxin.lin@alipay.com）
 * @example:
 * 外层可以是 div, p, a, span 标签
 * 里层可以是 a, input, button
 * div > a
 * <div class="ui-button ui-button-sorange">
 *    <a class="ui-button-text">确定</a>
 * </div>
 *
 * div > input
 * <div class="ui-button ui-button-sorange">
 *    <input type="button" class="ui-button-text" value="确定" />
 * </div>
 *
 * a > input
 * <a class="ui-button ui-button-sorange">
 *    <span class="ui-button-text">确定</span>
 * </a>
 */
.ui-button-lwhite, .ui-button-lwhite:hover,
.ui-button-mwhite, .ui-button-mwhiter:hover,
.ui-button-swhite, .ui-button-swhite:hover,
.ui-button-text {
    background-image: url(https://img.alipay.com/sys/personal/nav/global-button.png);
    background-repeat: no-repeat;
    background-color: transparent;
}
.ui-button-lwhite .ui-button-text,
.ui-button-mwhite .ui-button-text,
.ui-button-swhite .ui-button-text{
    font-family: verdana, \5b8b\4f53, \9ED1\4F53, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

/* large-size */
.ui-button-lwhite { background-position: 0 -89px; }
.ui-button-lwhite .ui-button-text {
    padding: 8px 20px;
    background-position: right -266px;
    color: #595959;
}
.ui-button-lwhite:hover { background-position: 0 -133px; }
.ui-button-lwhite:hover .ui-button-text {
    background-position: right -310px;
}
/* middle-size */
.ui-button-mwhite { background-position: 0 -429px; }
.ui-button-mwhite .ui-button-text {
    padding: 5px 22px 6px 22px;
    background-position: right -577px;
    color: #595959;
}
.ui-button-mwhite:hover { background-position: 0 -466px; }
.ui-button-mwhite:hover .ui-button-text {
    background-position: right -614px;
}
/* smaill */
.ui-button-swhite { background-position: 0 -711px; }
.ui-button-swhite .ui-button-text {
    padding: 3px 12px 4px 12px;
    font-size: 12px;
    background-position: right -831px;
    color: #595959;
}
.ui-button-swhite:hover { background-position: 0 -741px; }
.ui-button-swhite:hover .ui-button-text {
    background-position: right -861px;
}

.ui-button-lwhite input.ui-button-text,
.ui-button-mwhite input.ui-button-text,
.ui-button-swhite input.ui-button-text {
    *overflow: visible;
}

/** end ---ui-button-white.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:31:54 CST 2011**/
/**alice.components.ui-button-white-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri May 18 14:21:41 CST 2012**/
/** begin ---ui-btn.css---*/
/**
 * @name:       按钮（通用）ui-button
 * @author:     展新（zhanxin.lin@alipay.com）
 * @example:
 * 外层可以是 div, p, a, span 标签
 * 里层可以是 a, input, button
 * div > a
 * <div class="ui-button ui-button-sorange">
 *    <a class="ui-button-text">确定</a>
 * </div>
 *
 * div > input
 * <div class="ui-button ui-button-sorange">
 *    <input type="button" class="ui-button-text" value="确定" />
 * </div>
 *
 * a > input
 * <a class="ui-button ui-button-sorange">
 *    <span class="ui-button-text">确定</span>
 * </a>
 */
.ui-button-lorange, .ui-button-lorange:hover,
.ui-button-morange, .ui-button-morange:hover,
.ui-button-sorange, .ui-button-sorange:hover,
.ui-button-lorange .ui-button-text,
.ui-button-morange .ui-button-text,
.ui-button-sorange .ui-button-text {
    background-image: url(https://i.alipayobjects.com/e/201204/2vCVR5Bh4d.png);
    background-repeat: no-repeat;
    background-color: transparent;
}
.ui-button-lorange .ui-button-text,
.ui-button-morange .ui-button-text,
.ui-button-sorange .ui-button-text {
    font-family: verdana, \5b8b\4f53, \9ED1\4F53, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

/* large-size */
.ui-button-lorange { background-position: 0 0; }
.ui-button-lorange .ui-button-text {
    padding: 8px 20px;
    background-position: right -177px;
    color: #fff;
}
.ui-button-lorange:hover { background-position: 0 -45px; }
.ui-button-lorange:hover .ui-button-text {
    background-position: right -222px;
}
/* middle-size */
.ui-button-morange { background-position: 0 -355px; }
.ui-button-morange .ui-button-text {
    padding: 5px 22px 6px 22px;
    background-position: right -503px;
    color: #fff;
}
.ui-button-morange input.ui-button-text {
	padding: 6px 22px;
}
.ui-button-morange:hover { background-position: 0 -392px; }
.ui-button-morange:hover .ui-button-text {
    background-position: right -540px;
}
/* smaill */
.ui-button-sorange { background-position: 0 -651px; }
.ui-button-sorange .ui-button-text {
    padding: 3px 12px 4px 12px;
    font-size: 12px;
    background-position: right -771px;
    color: #fff;
}
.ui-button-sorange input.ui-button-text {
	padding: 4px 12px;
}
.ui-button-sorange:hover { background-position: 0 -681px; }
.ui-button-sorange:hover .ui-button-text {
    background-position: right -801px;
}

.ui-button-lorange input.ui-button-text,
.ui-button-morange input.ui-button-text,
.ui-button-sorange input.ui-button-text {
    *overflow: visible;
}

/** end ---ui-btn.css---*/
/**Last Changed Author: xingmin.zhu--Last Changed Date: Thu Apr 19 10:39:28 CST 2012**/
/**alice.components.ui-button-orange-1.1**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri Jun 15 11:09:23 CST 2012**/
/** begin ---ui-button-disable.css---*/
/**
 * @name:           按钮(灰色) ui-button-disable
 * @author:         展新(zhanxin.lin@alipay.com)
 * @examples:
 *
 */

.ui-button-ldisable, .ui-button-mdisable, .ui-button-sdisable, .ui-button-text {
    background-image: url(https://img.alipay.com/sys/personal/nav/global-button.png);
    background-repeat: no-repeat;
    background-color: transparent;
}
.ui-button-ldisable .ui-button-text,
.ui-button-mdisable .ui-button-text,
.ui-button-sdisable .ui-button-text {
    font-family: verdana, \5b8b\4f53, \9ED1\4F53, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #e6e6e6;
    cursor: text;
}

/* large */
.ui-button-ldisable { background-position: 0 -1021px; }
.ui-button-ldisable .ui-button-text {
    padding: 8px 20px 9px 20px;
    background-position: right -1063px;
}

/* middle */
.ui-button-mdisable { background-position: 0 -891px; }
.ui-button-mdisable .ui-button-text {
    padding: 6px 22px 6px 22px;
    *padding: 5px 22px 5px 22px;
    background-position: right -927px;
}
/* smaill */

.ui-button-sdisable { background-position: 0 -962px;}
.ui-button-sdisable .ui-button-text {
    padding: 3px 12px 4px 12px;
    font-size: 12px;
    background-position: right -991px;
}

.ui-button-ldisable input.ui-button-text,
.ui-button-mdisable input.ui-button-text,
.ui-button-sdisable input.ui-button-text {
    *overflow: visible;
}

/** end ---ui-button-disable.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:30:08 CST 2011**/
/**alice.components.ui-button-disable-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri May 18 14:22:45 CST 2012**/
/** begin ---ui-box.css---*/
/**
 * @name: ui-box
 * @author: 偏右(xingmin.zhu@alipay.com)
 * @description: 带title的区块widget
 * @require: alice.solutions.sl-linear
 * @example: 
 * <div class="ui-box fn-clear">
 *     <div class="ui-box-title fn-clear"><!-- 可选 -->
 *         <h3>区块标题</h3>
 *         <a href="#" class="ui-box-title-link">其他链接</a><!-- 可选 -->
 *         <a href="#" class="ui-box-title-more">更多</a><!-- 可选 -->
 *         <span class="ui-box-title-toolbar">设定</span><!-- 可选 -->
 *     </div>
 *     <div class="ui-box-container">
 *         <div class="ui-box-content"></div><!-- 可选 -->
 *     </div>
 * </div>
 */
.ui-box {
    border:1px solid #ccc;
}
.ui-box-green /*-- 新手模块配色 --*/ {
    border:1px solid #a0c96f;
}
.ui-box-orange {
    border: 1px solid #d5c5b1;
}
.ui-box-gray /*-- 浅灰色 --*/ {
    border: 1px solid #e6e6e6;
}
/*-- 浅色 ，用于主站 --*/
.ui-box-light{
    border: 1px solid #d9d9d9;
}
.ui-box-follow /*--使用在box和上面的box相连的情况下 --*/ {
    border-top:none;
}
.ui-box-title {
    border-bottom:1px solid #ccc;
    position:relative;
}
.ui-box-title-border {
    border:1px solid #fff;
    height:14px;
    line-height:16px;
    overflow:hidden;
    padding:9px 10px 10px;
    *padding:9px 10px 10px;
    padding:9px 10px\0;
}
.ui-box-title h3 {
    color:#656565;
    font-size:14px;
    font-weight:700;
    float:left;
    display:inline;
}
.ui-box-title .ui-box-title-setting {
    float:right;
    display:inline;
    width:16px;
    height:16px;
    line-height:16px;
    background: transparent url(https://img.alipay.com/sys/personal/style/ui-components.png) no-repeat -2px -2px;
    text-indent:-9999px;
    overflow:hidden;
    cursor:pointer;
}
.ui-box-title .ui-box-title-setting:hover {
    background: transparent url(https://img.alipay.com/sys/personal/style/ui-components.png) no-repeat -29px -2px;
}
.ui-box-title .ui-box-title-more {
    float:right;
}
.ui-box-title .ui-box-title-link {
    float:left;
    display:inline;
    margin:0 0 0 15px;
}
.ui-box-title .ui-box-title-text {
    margin-left: 10px;
    color: #808080;
}
.ui-box-container {
    background:#fff;
}
.ui-box-content /* 可选，用于默认有内边距的box */ {
    padding:10px 10px 15px;
}
.ui-box-green .ui-box-container {
    background:#efffe2;
    border:none;
}
/* 橙色 */
.ui-box-orange .ui-box-container {
    background: #f9f0e4;
    border: none;
}
/*  灰色 */
.ui-box-gray .ui-box-container {
    background: #fafafa;
    border: none;
}
.ui-box-nocontainer /* 可选，用于只有标题栏的box */ {
    border-bottom:none;
    overflow:hidden;
    _position:relative;
    height:36px;
}
.ui-box-nocontainer .ui-box-container {
    opacity:0;
}
/* 浅色 ，用于主站 */
.ui-box-light .ui-box-title{
    border-bottom: 1px solid #d9d9d9;
    color: #4d4d4d;
}
.ui-box-light .ui-box-title-border{
    border: none;
    height: 16px;
    padding-left: 20px;
}

/** end ---ui-box.css---*/
/**Last Changed Author: feng.cheng--Last Changed Date: Tue Jun 26 13:46:46 CST 2012**/
/**alice.components.ui-box-1.1**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Wed Jun 27 16:23:54 CST 2012**/
/** begin ---ui-tipbox.css---*/
/**
 * @name    : ui-tipbox
 * @filename: ui-tipbox.css
 * @overview: 信息提示大框
 * @date    : modified by sofish @ 2011.10.08
 * @require : 依赖的样式
 * @author  : 偏右(xingmin.zhu@alipay.com)
 */

.ui-tipbox{
position:relative;
zoom: 1;
}
.ui-tipbox .ui-tipbox-icon{
width:32px;
height:32px;
position:absolute;
top:17px;
left:40px;
text-indent:-9999px;
}
.ui-tipbox-icon{background: transparent url('https://i.alipayobjects.com/e/201201/2NBAbOHc4g.png') no-repeat;}
.ui-tipbox-message{
border:1px solid #cbd7e3;
background:#e5f5ff;
}
.ui-icon-message{
background-position: 0 0;
}
.ui-tipbox-success{
border:1px solid #cdfa5f;
background:#e8ffc6;
}
.ui-icon-success{
background-position:-99px 0;
}
.ui-tipbox-error{
background: #ffefe7;
border: 1px solid #ffdfcc;
}
.ui-icon-error{
background-position:-66px 0;
}
.ui-tipbox-warning{
background: #FFF4C3;
border: 1px solid #FFE87E;
}
.ui-icon-warning{
background-position:-33px 0;
}
.ui-tipbox-question{
border:1px solid #CBD7E3;
background:#E5F5FF;
}
.ui-icon-question{
background-position:-132px 0;
}
.ui-tipbox-stop{
background: #ffefe7;
border: 1px solid #ffdfcc;
}
.ui-icon-stop{
background-position:-165px 0;
}
.ui-tipbox-wait{
border:1px solid #FFE87E;
background:#FFF4C3;
}
.ui-icon-wait{
background-position:-198px 0;
}
.ui-tipbox-content{
margin: 14px 0 14px 87px;
}
.ui-tipbox-content-simple{
margin: 24px 0 24px 87px;
}
.ui-tipbox-content h3{
color: #333;
font-size: 14px;
font-weight:bold;
}
.ui-tipbox-explain{
color:#808080;
}
.ui-tipbox-other{
color:#333;
}
.ui-tipbox-other a{
color:#3d86e5;
}
.ui-tipbox-xbox {
background: #fff;
border: none;
}


/* 为了兼容tipbox 1.0的老dom结构 */

.ui-tipbox-container{
width:700px;
position:relative;
zoom:1;
}
.ui-tipbox-container .ui-tipbox-icon{
width:32px;
height:32px;
position:absolute;
top:17px;
left:40px;
text-indent:-9999px;
}
.ui-tipbox-container-message{
border:1px solid #cbd7e3;
background:#e5f5ff;
}
.ui-tipbox-container-success{
border:1px solid #e5e5ce;
background:#edffcc;
}
.ui-tipbox-container-error{
background: #FCEEE8;
border: 1px solid #F6C8B5;
}
.ui-tipbox-container-warning {
background: #ffff9d;
border: 1px solid #e7c560;
}
.ui-tipbox-container-question {
border:1px solid #cbd7e3;
background:#e5f5ff;
}
.ui-tipbox-container-stop {
background: #FCEEE8;
border: 1px solid #F6C8B5;
}
.ui-tipbox-container-wait {
border:1px solid #cbd7e3;
background:#e5f5ff;
}
.n-explain{
color:#808080;
}
.n-other{
color:#333;
}
.n-other a{
color:#3d86e5;
}

/** end ---ui-tipbox.css---*/
/**Last Changed Author: feng.cheng--Last Changed Date: Fri Jun 29 19:45:04 CST 2012**/
/**alice.components.ui-tipbox-1.1**/
/** CurrentDeveloper: shawn**/
/** DeployDate: Mon Jul 02 16:07:29 CST 2012**/

/** begin ---global.css---*/
/**
 * @name: 公用文本
 * @author: 展新(zhanxin.lin@alipay.com)
 * @description: 标题大小，正常链接，隐形链接，链接分隔符，突出文字，人民币符号
 *
 */

/* 标题大小 */
.ui-tit-s { font-size: 12px; font-weight: 700; }/* 小标题 */
.ui-tit-m { font-size: 14px; font-weight: 700; }/* 模块标题 */
.ui-tit-page { font-family: verdana, \9ED1\4F53, sans-serif; font-size: 18px; color: #333; font-weight: 700; }/* 页面标题 */
.ui-tit-spcial { font-size: 30px; }/* 特殊标题 */

/* 正常链接 */
a { color: #0088cc; cursor: pointer; }/* 未访问 */
/* a:visited { color: #330066; } 已访问 */
a:hover{ color: #0088cc; text-decoration: underline; }/* 鼠标悬停 */
a:active{ color: #ff6600; }/* 被选择 */

/* 隐形链接 */
a.ui-link-hide { color: #999999; }
a.ui-link-hide:hover { text-decoration: underline; }

/* 突出文字 */
.ui-text-high { color: #ff6600; }

/* 人民币符 */
.ui-text-yen { font-family: arial; }

.ft-bold{font-weight: bold;}

/**
 * @name: 页面布局
 * @author: 展新(zhanxin.lin@alipay.com)
 * @description: 页面大的布局，从上至下依次是ui-header，ui-nav，ui-content，ui-footer，包含在ui-container里面
 */
.ui-container {
    margin: 0 auto;
    width: 990px; /* 新版的页面宽度为 990px */
    height: auto;
}

.ui-content {
    width: 990px;
    height: auto;
}

/* 覆盖公告样式，适应990宽度 */
body .head-notice{
	width: 972px;
}

/** end ---global.css---*/
/** begin ---faq.css---*/
/*
	@name：组件 问答式
	@desc：问答式 
*/
.tip-faq{
	padding:17px 20px 7px 20px;
	margin-top:40px;
	line-height:150%;
	background:none;
	border-top:1px solid #f2f2f2;
}
.tip-faq h3{
	font-size:14px;
	color:#000;
}
.tip-faq dl{
	margin-top:10px;
}
.tip-faq dd,.tip-faq dt{

	padding-left:1em;
}
.tip-faq dt{
	font-weight:bold;
	background:transparent url('https://img.alipay.com/pa/frame/v2/ico-pa.png') 4px -534px no-repeat;
	width: 920px;
}
.tip-faq dd{
	margin-bottom:14px;
}

.tip-faq-link{
	margin:20px 0;
} 

/*
	@name：组件 搜索框
	@desc：搜索框 带搜索按钮
*/
.com-search,.c-editable{
	margin:10px 0;
}
.com-search .date{
	float:left;
}
.com-search .keyword{
	float:right;
}

/* 搜索框的高度要小些的哈 */
.com-search .i-text{
	vertical-align: middle;
	width: 150px;
	height:15px;
	line-height:16px;
	padding:2px;
	border: 1px solid #9C9C9C;
	margin: 1px 3px 0 0;
	color: #B2B2B2;
}
.com-search .fm-focus .i-text{
	*padding:1px;
}

/** end ---faq.css---*/
/**Last Changed Author: feng.cheng--Last Changed Date: Tue Jun 26 14:01:49 CST 2012**/
/**alice.style.account-1.2**/
/** CurrentDeveloper: shawn**/
/** DeployDate: Mon Jul 02 16:15:42 CST 2012**/