@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 ---ui-btn-base.css---*/
/**
* @name: 按钮（通用）ui-button
* @author: 展新（zhanxin.lin@alipay.com）
* @example:
* 外层可以是 div, p, a, span 标签
* 里层可以是 a, input, button
* div > a
*
*
* div > input
*
*
*
*
* a > input
*
* 确定
*
*/
.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 ---ui-button-white.css---*/
/**
* @name: 按钮（通用）ui-button
* @author: 展新（zhanxin.lin@alipay.com）
* @example:
* 外层可以是 div, p, a, span 标签
* 里层可以是 a, input, button
* div > a
*
*
* div > input
*
*
*
*
* a > input
*
* 确定
*
*/
.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 ---clive/ui-globe.css---*/
/**
* 所有公用样式的集合
* @author lin.weng
*/
/***reset begin***/
a{
font-family:tahoma,arial,\5b8b\4f53;
cursor:pointer;
text-decoration:none;
color:#0077ff;
}
a:hover {
color:#0077ff;
text-decoration:underline;
}
/***reset end***/
/***main layout begin***/
.sl-layout {
width: 950px;
margin: 0 auto;
}
.sl-mt10 {
margin-top: 10px;
}
.sl-mt20{
margin-top:20px;
}
.sl-mr5{
margin-right:5px;
}
.sl-mt8{
margin-top:8px;
}
.sl-mt12{
margin-top:11.5px;
}
.sl-mt15{
margin-top:15px;
}
.sl-ml10{
margin-left:10px;
}
.sl-mr10{
margin-right:10px;
}
.sl-ml15{
margin-left:15px;
}
.sl-mr15{
margin-right:15px;
}
.sl-mt6{
margin-top:6px;
}
.sl-mt4{
margin-top:4px;
}
.sl-mr30{
margin-right:30px;
}
.sl-pt3{
padding-top:3px;
}
.sl-pl3{
padding-right:3px;
}
.sl-pr3{
padding-left:3px;
}
.sl-pl10 {
margin-left: 10px;
}
.sl-pl30 {
padding-left: 30px;
}
.sl-pr10 {
padding-right: 10px;
}
.sl-bold{
font-weight:700;
}
.sl-666{
color:#666;
}
.sl-0f8{
color:#0f8b00;
}
.sl-f26{
color:#f2691d;
}
.sl-f007{
color:#0077ff;
}
.fn-hidden{
display:none;
}
/***main layout end***/
/***all bg begin***/
.logo,
.ui-form-select,
.ui-tab-trigger-item,
.ui-tab-trigger-item-current,
.ui-tab-state-info,
.ui-tab-state-info .left-bar,
.welcom li,.split-bar .arrow-left,.split-bar .arrow-left:hover,.split-bar .arrow-right,
.arrow-down,
.close-icon,
.tick-icon,
.font-selector .font-button,
.image-upload .trigger-btn {
background-image: url(https://i.alipayobjects.com/e/201203/2s4rnQF6br.png);
background-position: 0 50px;
}
.ui-form-select,
.ui-button-text,
.ui-tab-search .ui-tab-trigger-item-current a,
.ui-tab-search .ui-tab-trigger-item a,
.ui-tab-trigger,
.ui-tab-state .ui-tab-trigger-item,
.ui-tab-server .ui-tab-trigger-item,
.ui-tab-server .ui-tab-trigger-item-current,
.ui-tab-server .ui-tab-trigger-item a:hover,
.ui-graybutton,
.ui-graybutton .ui-inner-bg,
.ui-graybutton .ui-inner-bg:hover,
.ui-graybutton .ui-right-corner,
.ui-table-wraper,
.cloudserver .hd{
background-image: url(https://img.alipay.com/sys/clive/style/server/server-repeat-bg.png);
background-position: 9999px 9999px;
}
.split-bar .inner-wraper,.split-bar .inner-wraper:hover{
background-image:url(https://img.alipay.com/sys/clive/style/server/bar-bg.png);
background-position: 9999px 9999px;
background-repeat:repeat-y;
}
/***all bg end***/
#xbox-load {
left:50%;/* overwrite */
top:50%;/* overwrite */
width:300px;/* overwrite */
height:200px;/* overwrite */
margin-left: -150px;
margin-top: -100px;
position: absolute;
text-align: center;
}
div.ui-xbox-action {
top: 0px;
}
/** end ---clive/ui-globe.css---*/
/** begin ---clive/manage.css---*/
/**
hd css
**/
.record-area{
display:block;
}
.contracted{
width:50%;
}
.hd {
margin-top: 10px;
height: 39px;
}
.logo {
display: inline-block;
background-position: 0 0;
width: 264px;
height: 39px;
float: left;
}
.welcom {
color: #545544;
}
.welcom li {
float: left;
background-position: right -57px;
padding:0 6px 0 5px;
}
.welcom .logout{
background:none;
color:#0077ff;
}
.bd{
margin-top:10px;
}
.J-work-shift{
}
.a-check{
color:black;
}
.a-check:hover{
text-decoration: none;
cursor: text;
color:black;
}
#J-form-tips{
margin: 10px 0 0 670px;
line-height:1.4;
}
#workChangeForm{
clear:right;
}
#J-tips-ok1,#J-tips-ok2,#J-tips-error1,#J-tips-error2,#J-tips-error3{
float:left;
margin:5px 0 0 5px;
line-height:1.4;
}
.ui-button-blue-disabled {
border: 1px solid #DDDCDC;
display: block;
padding: 1px;
}
.ui-button-blue-disabled .ui-button-text {
height: 23px;
line-height: 23px;
vertical-align: middle;
}
.mouse-highlight tbody tr:hover{
background-color:#ffffd1;
}
.empty-result {
text-align: center;
font-size: 14px;
padding: 15px;
clear: both;
}
/** end ---clive/manage.css---*/
/** begin ---clive/registermessage.css---*/
.record-layout{
margin:0 auto;
padding:10px;
}
.record-layout .ui-table-searchlist{
table-layout:auto;
}
.record-layout .ui-table-searchlist th{
font-weight:500;
}
.record-layout .ui-button-blue{
margin-top:-3px;
}
/** end ---clive/registermessage.css---*/
/** begin ---clive/personalDetail.css---*/
.ui-form span{
font-weight: 700;
font-size: 16px;
}
#J-monthly-search{
margin-right:40px;
}
.ui-label{
font-size: 14px;
}
.ui-tab-cnt-item .ui-table-recordlist th,.ui-tab-cnt-item .ui-table-recordlist td{
text-align:center;
}
.fine-detail{
color:#FF7F00;
margin:10px 0 25px 0;
}
.fine-detail span{
font-size:16px;
font-weight:700;
}
.record-detail{
font-size:12px;
font-weight:700;
margin-bottom:5px;
}
.ui-tab-cnt-item .ui-table-searchlist{
table-layout:auto;
}
.ui-tab-cnt-item .ui-table-searchlist th,.ui-tab-cnt-item .ui-table-searchlist td{
text-align:center;
}
#personalDetailForm label{
line-height:25px;
}
#aralexMonthlyResult{
font-size:12px;
font-weight:500;
line-height:14px;
}
#aralexMonthlyResult span{
font-size:12px;
font-weight:500;
line-height:14px;
}
/** end ---clive/personalDetail.css---*/
/** begin ---clive/cloudserver.css---*/
/**
* ��̨���촰������ҳ��
* @author lin.weng
*/
.cloudserver{
background-color:#f8fbfb;
}
.cloudserver .hd{
height:37px;
background-position:0 -190px;
margin-top:0;
}
.cus-info{
margin:9px 0 0 0;
color:#666;
}
.cus-info li{
float:left;
margin:0 0 0 15px;
}
.cus-opt {
padding-right: 60px;
}
.cus-opt .cus-opt-first{
margin-top:8px;
margin-right:45px;
}
.cus-opt li{
float:left;
margin:4px 10px 0 0;
}
/***split bar begin***/
.split-bar{
width:11px;
margin-right:-11px;
display:block;
height: 419px;
border-bottom:1px solid #d7d7d7;
}
.split-bar .inner-wraper{
position:relative;
border:1px solid #d7d7d7;
border-right:none;
display:block;
height:100%;
background-position:0 0;
}
.split-bar .inner-wraper:hover{
background-position:-15px 0;
border:1px solid #b7cfe1;
}
.split-bar .arrow-left{
background-position:-10px -44px;
width:8px;
height:14px;
display:block;
position:absolute;
top:50%;
left:1px;
}
.split-bar .arrow-left:hover{
background-position:-20px -44px;
}
.split-bar .arrow-right{
left:2px;
background-position:-30px -44px;
}
.split-bar .arrow-right:hover{
background-position:-30px -44px;
}
.split-small{
padding-right:11px;
}
.split-expand{
padding-left:60px;
}
/***split bar end***/
.msg-container table{
background-color:#f9f9f9;
border:1px solid #d7d7d7;
line-height:1.6;
color:#666666;
width:100%;
}
.msg-container table td{
padding-left:3px;
}
.msg-container .td-noborder{
float:right;
margin-right:5px;
}
.wordcount-msg-warn{
color:#666666;
margin-top:10px;
}
.contracted{
width:302px;
}
#saveok .tip-success{
border: none;
background-color: white;
}
#savewarn .tip-warn{
border: none;
background-color: white;
}
/**
* ���?����ҳ�棬���ÿͻ��ߵ�ǰ�Ự�ѽ���
*/
.no-talk-msg {
text-align: center;
font-size: 20px;
padding-top: 20px;
height: 400px;
background-color: #FFF;
}
.record-layout .error-message {
text-align: center;
font-size: 20px;
line-height: 30px;
}
/**
* �����������ʽ
*/
#J_announcement {
width:420px;
}
#J_announcement a {
margin-right:20px;
text-decoration:underline
}
#J_announcement a:hover {
color:#FF7300;
}
/** end ---clive/cloudserver.css---*/
/** begin ---clive/ui-button.css---*/
/**
* 所有按钮的样式集
* @author lin.weng
*/
.ui-button{
position:relative;
}
.ui-button-blue{
border:1px solid #0d7ab4;
display:block;
padding:1px;
background-color:#7dcde6;
}
.ui-button-text{
color: #FFFFFF;
font-size: 14px;
font-weight:700;
padding:0 12px;
cursor: pointer;
display: block;
outline: medium none;
border:0;
position:relative;
padding-top:1px;
}
/**
* 蓝色的按钮
*/
.ui-button-blue .ui-button-text{
background-position:0 -58px;
background-repeat:repeat-x;
height:23px;
line-height:23px;
vertical-align: middle;
}
.ui-button-blue .ui-button-text:hover{
background-position:0 -800px;
background-repeat:repeat-x;
height:23px;
line-height:23px;
vertical-align: middle;
}
/**不可用的蓝色按钮**/
.ui-button-blue-disabled .ui-button-text{
background:none;
background-color:#dddcdc;
}
.ui-button-blue-disabled{
background-color:#e9e8e5;
}
/**
* 灰色的按钮
*/
.ui-button-gray{
border:1px solid #bebebe;
display:block;
padding:0 1px 0 1px;
background-color:#edede9;
}
.ui-button-gray .ui-button-text{
background-position:0 -90px;
background-repeat:repeat-x;
height:22px;
line-height:22px;
padding:0 11px;
vertical-align: middle;
color:#666;
}
.ui-button-gray .ui-button-text:hover{
background-position:0 -830px;
background-repeat:repeat-x;
height:22px;
line-height:22px;
padding:0 11px;
vertical-align: middle;
color:#666;
}
/**不可用的灰色按钮**/
.ui-button-gray-disabled .ui-button-text{
background:none;
background-color:#dddcdc;
color:#fff;
height:20px;
line-height:20px;
}
.ui-button-gray-disabled{
padding:1px;
background-color:#ecebe7;
}
/***
* 客服工作台用到的灰色按钮
* @author wengbo.chen
*/
.ui-graybutton {
height: 23px;
background-repeat: no-repeat;
background-position: 0 -624px;
text-align: center;
line-height: 23px;
cursor: pointer;
}
.ui-graybutton .ui-inner-bg {
height: 23px;
margin-left: 2px;
margin-right: 2px;
background-repeat: repeat-x;
background-position: 0 -648px;
}
.ui-graybutton .ui-inner-bg:hover {
height: 23px;
margin-left: 2px;
margin-right: 2px;
background-repeat: repeat-x;
background-position: 0 -768px;
}
.ui-graybutton .ui-right-corner {
height: 23px;
background-repeat: no-repeat;
background-position: right -672px;
}
.ui-graybutton-disabled {
background-position: 0 -696px;
color: #FFF;
}
.ui-graybutton-disabled .ui-inner-bg {
background-position: 0 -720px;
}
.ui-graybutton-disabled .ui-inner-bg:hover {
background-position: 0 -720px;
}
.ui-graybutton-disabled .ui-right-corner {
background-position: right -744px;
}
/** end ---clive/ui-button.css---*/
/** begin ---clive/ui-form.css---*/
/**
* 所有表单的样式集
* @author lin.weng
*/
.ui-form-item{
color:#6c6c6c;
}
.ui-form-select{
border:1px solid #e5e5e5;
background-position:0 -1px;
background-repeat:repeat-x;
height:38px;
margin-top:20px;
background-color:#f2f2f2;
}
.ui-form-select-opt{
margin-top:10px;
padding-left:18px;
}
.ui-form-select-opt li{
font-size:14px;
margin-right:15px;
float:left;
}
.ui-label{
line-height:20px;
}
.ui-input{
height:18px;
}
.ui-input-215{
width:215px;
}
.ui-button-mwhite input.ui-button-text {
padding: 5px 22px 8px;
}
.fm-success .fm-explain, .fm-warn .fm-explain, .fm-cue .fm-explain, .fm-loading .fm-explain {
background: url("https://img.alipay.com/pa/frame/v2/ico-pa.png") no-repeat scroll -164px -384px transparent;
color: #4D4D4D;
line-height: 15px;
padding: 5px 0 0 20px;
}
.fm-warn .fm-explain {
background-position: -59px -474px;
}
.fm-cue .fm-explain {
background-position: -27px -504px;
}
.fm-loading .fm-explain {
background: url("https://img.alipay.com/pa/frame/v2/ico-form-loading.gif") no-repeat scroll 0 4px transparent;
}
.fm-error .fm-explain {
background: url("https://img.alipay.com/pa/frame/v2/ico-pa.png") no-repeat scroll -128px -414px transparent;
color: #FF5243;
line-height: 15px;
padding: 5px 0 0 20px;
}
.fm-error div.fm-explain {
clear: both;
}
/** end ---clive/ui-form.css---*/
/** begin ---clive/ui-page.css---*/
/**
* 分页的样式集
* @author lin.weng
*/
.ui-page a:hover {
text-decoration:none;/* reset */
}
.ui-page{
color:#999999;
}
.ui-page a,.ui-page-break{
color:#999999;
border:1px solid #D4D4D4;
background-color:#FFFFFF;
float: left;
height: 23px;
line-height: 23px;
padding: 0 5px;
margin-right: 5px;
text-align: center;
white-space: nowrap;
font-size: 12px;
vertical-align: middle;
}
.ui-page a:hover {
color:#FFFFFF;
background-color:#3e95df;
}
.ui-page .current{
background-color:#3e95df;
color:#FFFFFF;
}
.ui-page .ui-page-last{
margin-right:0;
}
.ui-page .ui-page-prev:hover, .ui-page .ui-page-next:hover {
color:#fff;
background-color:#3e95df;
}
/** end ---clive/ui-page.css---*/
/** begin ---clive/ui-tab.css---*/
/**
* 所有tab页的样式集
* @author lin.weng
*/
.ui-tab{
margin-top:10px;
}
.ui-tab-trigger {
overflow:hidden;
}
.ui-tab-trigger-item {
float:left;
}
.ui-tab-trigger-item a:hover{
text-decoration:none;
}
.ui-tab-cnt .ui-tab-cnt-item-current{
display:block;
}
.ui-tab-cnt-item{
display:none;
}
.ui-tab-blue .ui-tab-trigger{
background-position:0 -130px;
height:50px;
}
.ui-tab-blue .ui-tab-trigger-item{
background-position:-400px 0;
width:92px;
height:34px;
margin:16px 4px 0 0;
font-weight:700;
}
.ui-tab-blue .ui-tab-trigger-item-current{
background-position:-300px 0;
}
.ui-tab-blue .ui-tab-trigger-item a{
line-height: 31px;
width: 90px;
text-align: center;
display:block;
font-size:14px;
color:#fff;
margin:5px 0 0 2px;
}
.ui-tab-blue .ui-tab-trigger-item-current a{
font-weight:700;
color:#333;
}
.ui-tab-state{
margin-top:0;
width: 350px;
}
.ui-tab-state .ui-tab-trigger{
background-position:0 -230px;
height:36px;
border:1px solid #d7d7d7;
border-bottom:0;
}
.ui-tab-state .ui-tab-trigger-item{
background-position:0 -310px;
width:auto;
height:28px;
border:1px solid #d7d7d7;
border-bottom:0;
margin:6px 0 0 2px;
}
.ui-tab-state-info{
float:left;
margin-top:6px;
}
.ui-tab-state-info .left-bar{
background-position:0 -42px;
width:4px;
height:12px;
float:left;
}
.ui-tab-state-info .detail{
background-color:#f2691d;
float:left;
font-size:10px;
line-height:11px;
height:11px;
padding:1px 2px 2px 2px;
color:#fff;
border:1px solid #fff;
border-left:0;
font-weight:400;
}
.ui-tab-state .ui-tab-trigger-item{
height:410px;
}
.ui-tab-state .ui-tab-trigger-item-current{
background-position:0 -420px;
height:29px;
}
.ui-tab-state .ui-tab-trigger-item a{
line-height: 29px;
text-align: center;
display:block;
color:#333;
}
.ui-tab-state .ui-tab-trigger-item-current a{
color:#333;
font-weight:700;
}
.ui-tab-state .ui-tab-cnt{
border:1px solid #d7d7d7;
border-top:0;
background:#fff;
}
/**
* .ui-tab-server
*/
.ui-tab-server{
margin-top:0;
}
.ui-tab-server .ui-tab-trigger{
background-position:0 -455px;
height:36px;
border:1px solid #3e95df;
border-bottom:0;
}
.ui-tab-server .ui-tab-trigger-item a{
line-height: 29px;
text-align: center;
display:block;
color:#fff;
}
.ui-tab-server .ui-tab-trigger-item-current a{
color:#333;
font-weight:700;
}
.ui-tab-server .ui-tab-trigger-item a:hover{background-position:0 -530px;color:#333;position:relative;}
.ui-tab-server .ui-tab-trigger-item{
background-position:0 -495px;
width:88px;
height:28px;
border:1px solid #4a9abe;
border-bottom:0;
margin:6px 0 0 2px;
}
.ui-tab-server .ui-tab-trigger-item-current{
background-position:0 -350px;
height:29px;
}
.ui-tab-server .ui-tab-trigger-item-first{
margin-left:10px;
}
/**省略号的样式**/
.ui-tab-server .ui-tab-trigger-item-first a{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.ui-tab-server .ui-tab-cnt{
border:1px solid #d7d7d7;
border-top:0;
background:#f3f3f3;
}
/**
* ui-tab-search
*/
.ui-tab-search{
margin-top:0;
}
.ui-tab-search .ui-tab-trigger{
border-bottom:4px solid #3e95df;
background:none;
}
.ui-tab-search .ui-tab-trigger-item{
width:92px;
height:27px;
border:1px solid #d9d9d9;
padding:1px;
padding-bottom:0;
background-color:#edefee;
margin:0 0 0 2px;
}
.ui-tab-search .ui-tab-trigger-item-current{
background-color:#eceeec;
border:1px solid #3e95df;
background-color:#95d1ea;
padding-bottom:0;
}
.ui-tab-search .ui-tab-trigger-item a{
width:92px;
line-height: 27px;
height:27px;
text-align: center;
display:block;
background-position:0 -565px;
color:#333;
font-weight:700;
}
.ui-tab-search .ui-tab-trigger-item-current a{
line-height: 27px;
height:27px;
color:#fff;
font-weight:700;
background-position:0 -595px;
}
.ui-tab-search .ui-tab-trigger-item a:hover{
}
.ui-tab-search .ui-tab-trigger-item-first{
margin-left:0px;
}
.ui-tab-search .ui-tab-cnt{
border:1px solid #d7d7d7;
border-top:0;
background:#f3f3f3;
}
/** end ---clive/ui-tab.css---*/
/** begin ---clive/ui-table.css---*/
/**
* 管理台无边框列表
*/
.ui-table-recordlist{
width:100%;
border:1px solid #dcdcdc;
margin:10px 0 0 0;
}
.ui-table-recordlist th{
font-weight:700;
}
.ui-table-recordlist th,.ui-table-recordlist td{
padding:6px 0 6px 0;
}
.ui-table-recordlist thead{
background-color:#aaa;
color:#fff;
}
.ui-table-recordlist-check{
text-align:center;
}
.ui-table .odd{
background-color:#f8f8f8;
}
/**
* 后台对话框列表
*/
.ui-table-wraper{
position:relative;
padding:34px 0 0 0;
background-position:0px -870px;
}
.ui-table-innerwraper{
height:376px;
overflow:auto;
background-color:#fff;
}
.ui-table-detaillist{
width:100%;
background-color:#fff;
display:table;
}
.ui-table-detaillist thead{
background-color:#f3f3f3;
color:#666;
display:table-header-group;
}
.ui-table-detaillist .ui-table-detaillist-hditem{
position:absolute;
top:0;
padding: 8px 0 8px 7px;
}
.ui-table-detaillist tbody{
display:table-row-group;
}
.ui-table-detaillist th{
font-weight:700;
text-align:left;
}
.ui-table-detaillist td{
padding:6px 0 6px 7px;
text-align:left;
color:#666;
}
/**
* 当前对话
*/
.ui-table-detaillist .current td{
color:#0f8b00;
}
.ui-table-detaillist tbody tr{
cursor:pointer;
}
/**
* hover
*/
.ui-table-detaillist tbody tr.hover{
background-color:#f2f8fd;
}
.ui-table-detaillist tbody tr.hover td{
color:#2891db;
}
/**有消息的颜色**/
.ui-table-detaillist .msgin td{
color:#f2691d;
}
/**当前对话字的颜色**/
.ui-table-detaillist .selected td{
color:#0f8b00;
}
/**对话超时**/
.ui-table-detaillist .overtime{
background-color:#fdc2ae;
}
.ui-table-detaillist .overtime td{
color:#666;
}
/**
* 查询表单现实列表样式
*/
.ui-table-searchlist{
width:100%;
table-layout:fixed;
}
.ui-table-searchlist th{
font-weight:700;
background-color:#eaeaea;
}
.ui-table-searchlist th,.ui-table-searchlist td{
color:#666;
text-align:left;
padding:6px 0 6px 7px;
word-wrap:break-word;
word-break:break-all;
border:1px solid #ccc;
}
.ui-table-searchlist td{
padding:3px 0 3px 7px;
}
.ui-table-searchlist thead{
background-color:#aaa;
color:#fff;
}
/** end ---clive/ui-table.css---*/
/** begin ---clive/ui-title.css---*/
/**
* 搜索页的title
*/
.ui-title-search{
font-weight:700;
line-height:22px;
font-size:14px;
height:22px;
color:#333;
}
.ui-title-search-small{
font-weight:700;
font-size:12px;
line-height:18px;
height:18px;
color:#333;
}
/** end ---clive/ui-title.css---*/
/** begin ---clive/ui-knowledgesearch.css---*/
/**
* 查询列表项目
*/
.ui-repeater-searchlist{
width:120px;
margin-left:-120px;
overflow:auto;
padding:10px 0 0 0;
}
.ui-repeater-searchlist li{
margin:0 0 0 10px;
}
.ui-repeater-knowledgesearchlist{
width:300px;
margin-left:-300px;
overflow:auto;
padding:10px 0 0 0;
}
.ui-repeater-searchlist240{
width:229px;
margin-left:-240px;
overflow:auto;
padding:10px 0 0 10px;
}
.knowledge-search {
padding-left:300px;
}
.knowledge-search .content{
width: 299px;
margin-left:-300px;
overflow:auto;
white-space: nowrap;
border-right:1px solid #d7d7d7;
height: 420px;
}
.knowledge-search .keyword {
padding: 2px 4px;
width: 120px;
}
.knowledge-search .ui-page a{
line-height: 18px;
height: 18px;
}
/** end ---clive/ui-knowledgesearch.css---*/
/** begin ---clive/ui-tip.css---*/
/**
* 提示的样式
*/
.notice {
background:url("https://i.alipayobjects.com/e/201112/2FLtchvb9m.png") no-repeat scroll -694px -103px #F1FFD6;
border:1px solid #EAEAD7;
color:#333333;
line-height:150%;
margin-top:13px;
min-height:50px;
padding-left:102px;
padding-right:52px;
}
.notice h3{
margin-top:10px;
padding-left:7px;
line-height:28px;
font-size:14px;
font-weight:bold;
margin:0px;
border:none;
padding:0px;
background:none;
color:#000000;
}
.n-success {
background-position:-877px 18px;
background-color:#EDFFCC;
border:1px solid #E5E5CD;
}
.n-error {
background-position:-510px -224px;
background-color:#FCEEE8;
border:1px solid #F6C8B5;
}
.n-cue {
background-color:#E5F5FF;
border:1px solid #CBD7E3;
}
.n-success, .n-error, .n-cue {
padding-bottom:16px;
padding-top:20px;
}
.notice .n-explain {
color:#808080;
margin-top:5px;
padding:0;
}
.notice .n-other {
color:#333333;
margin-top:6px;
}
.notice a {
color:#0077FF;
cursor:pointer;
outline:medium none;
text-decoration:none;
}
.notice a:hover{
text-decoration:underline;
}
/*
@ tip- 小的提示窗口
*/
.tip-success,.tip-warn,.tip-cue{
display:inline-block;
}
.tip-success,.tip-warn,.tip-cue{
*display:inline;
}
.tip-content {
background:url(https://i.alipayobjects.com/e/201112/2FLtchvb9m.png) no-repeat;
border:1px solid #ffffff;
line-height:20px;
padding:4px 18px 4px 24px;
}
.tip-success{
/*border:1px #92e677 solid;
background-color:#d4fad1;*/
}
.tip-success .tip-content{
background-position:-160px -384px;
}
.tip-warn{
/*border:1px #f6c8b5 solid;
background-color:#fceee8;*/
}
.tip-error{
/*border:1px #f6c8b5 solid;
background-color:#fceee8;*/
}
.tip-warn .tip-content ,.tip-error .tip-content{
background-position:-124px -414px;
}
.tip-cue{
/*border:1px solid #a5b9ce;
background-color:#e5f5ff;*/
}
.tip-cue .tip-content{
background-position:-23px -504px;
}
/** end ---clive/ui-tip.css---*/
/** begin ---clive/mainpanel.css---*/
#J_ChatWindow {
background-color: #FFF;
}
#J_messageBoxesContainer {
height: 259px;
border-bottom: solid 1px #dbdbdb;
background-color: #FFF;
}
#J_ChatWindow #toolbar {
height: 30px;
background-color: #FFF;
padding: 5px 5px 0 0;
}
#main-panels {
min-width: 500px;
}
#main-panels .tab-panel {
height: 410px;
background: none;
display: none;
}
#main-panels .ui-tab-cnt-item {
display: none;
}
#main-panels .ui-tab-trigger-item-current {
display: block;
}
#main-panels .ui-tab-cnt-item-current {
display: block;
}
#main-panels .ui-tab-trigger {
position: relative;
}
#J_switchNoteFrame {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
#J_endCurrentTalk {
position: absolute;
right: 13px;
top: 8px;
}
#J_endCurrentTalk .close-icon {
height: 13px;
width: 13px;
display: block;
cursor:pointer;
background-position: -63px -44px ;
}
#J_serviceSwitchButton {
top: 0;
right: 0;
position: absolute;
width: 54px;
margin-left: 7px;
}
#J_breakNoteWindow {
position: absolute;
top: 35px;
right: 10px;
z-index: 2000;
width: 226px;
height: 120px;
display: none;
}
#J_breakNoteWindow .text-field {
height: 62px;
width: 198px;
}
.center-wrapper {
text-align: center;
}
#J_topMessage {
width: 500px;
line-height: 20px;
margin: 0px auto;
font-size: 13px;
display: none;
font-weight: bold;
color: #666;
}
.message-push {
width: 220px;
margin-left: 6px;
}
.message-select-wrapper {
display: inline-block;
}
#J_pushMessageButton {
display: inline-block;
width: 54px;
}
/** end ---clive/mainpanel.css---*/
/** begin ---clive/ui-toolbar.css---*/
.toolbar-item {
float: left;
height: 20px;
width: 20px;
line-height: 20px;
cursor: pointer;
margin-left: 4px;
zoom: 1;
}
/**
* 字号调整
*/
.font-selector {
position: relative;
zoom: 1;
}
.font-selector .font-button {
width: 20px;
height: 16px;
margin-top: 4px;
cursor: pointer;
background-position: -145px -45px;
overflow: hidden;
text-indent: 20px;
zoom: 1;
}
.size-selector-wrapper {
display: none;
position: absolute;
left: 20px;
top: 4px;
}
.font-selector .size-selector-active {
display: block;
}
/** end ---clive/ui-toolbar.css---*/
/** begin ---clive/ui-inputbox.css---*/
.clive-input-box {
}
.clive-input-box .combo-box {
position: relative;
}
.clive-input-box .input-box-body {
padding: 3px;
background-color: white;
border-top: solid 1px #d7d7d7;
border-bottom: solid 1px #d7d7d7;
height: 74px;
zoom: 1;
}
/**
* 因为width设置为100%，所以要使用额外的div（.input-box-body）来做边框
*/
.clive-input-box .text-field {
width: 100%;
resize: none;
border: none;
height: 74px;
overflow-y: auto;
outline: none;
}
.clive-input-box .input-box-footer {
height: 33px;
position: relative;
z-index: 500;
}
.clive-input-box .info-bar {
padding-top: 6px;
padding-left: 10px;
line-height: 24px;
padding-right: 85px;
color: #666;
}
.clive-input-box .ui-graybutton {
position: absolute;
top: 6px;
right: 7px;
width: 72px;
}
.clive-input-box .send-button {
width: 50px;
height: 23px;
cursor: pointer;
}
.clive-input-box .shortcut-selection {
position: absolute;
top: 0;
right: 0;
height: 23px;
width: 21px;
cursor: pointer;
z-index: 400;
}
.clive-input-box .selection-button {
height: 23px;
width: 21px;
position: relative;
}
.shortcut-selection .upright-line {
position: absolute;
height: 13px;
width: 1px;
background-color: #868686;
left: 0px;
top: 4px;
}
.selection-button .arrow-down {
background-position: -42px -44px;
position: absolute;
height: 7px;
width: 13px;
display: block;
top: 9px;
right: 4px;
}
.clive-input-box .shortcut-menu {
position: absolute;
top: 22px;
right: 0;
width: 136px;
background: none repeat scroll 0 0 #f8fbfb;
border: 1px solid #cbcbcb;
padding: 1px;
display: none;
text-align: left;
}
.clive-input-box .shortcut-menu a {
display: block;
cursor: pointer;
height: 24px;
line-height: 24px;
list-style: none outside none;
padding: 0 3px 0 0;
text-decoration: none;
color: #000;
font-weight: normal;
}
.shortcut-menu .tick-icon {
display: block;
width: 24px;
height: 20px;
margin-top: 2px;
float: left;
}
.shortcut-menu .active-item .tick-icon{
background-position: -80px -40px;
}
.clive-input-box .shortcut-menu a:hover {
background: none repeat scroll 0 0 #3e95df;
}
.clive-input-box .shortcut-selection .shortcut-menu {
display: none;
}
.clive-input-box .shortcut-active ul.shortcut-menu {
display: block;
}
.clive-input-box .shortcut-text {
float: right;
}
/** end ---clive/ui-inputbox.css---*/
/** begin ---clive/ui-messagebox.css---*/
.clive-message-box {
height: 100%;;
background-color: #FFF;
overflow-y: auto;
}
.message-list {
word-wrap: break-word;
padding: 10px;
font-size: 13px;
}
.clive-message-box .uploaded-image {
max-width: 512px;
width: expression(this.width > 512 ? 512 : auto);
}
.servicer {
color: #f2691d;
font-weight: bolder;
}
.message-header {
padding: 5px 0 0 0;
}
.message-body {
padding: 3px 0 5px 0;
}
.clive-message-box .time {
color: #999;
margin-left: 16px;
}
.clive-message-box .member {
color: #0f8b00;
font-weight: bolder;
}
.clive-message-box .url {
color: #0077ff;
}
.notification,
.system {
color: #848484;
font-size: 13px;
line-height: 1.8em;
margin: 0;
padding: 0;
}
.system .time {
display: none;
}
/** end ---clive/ui-messagebox.css---*/
/** begin ---clive/ui-notewindow.css---*/
.note-window {
width: 241px;
height: 139px;
font-size: 12px;
display: none;
background-color: #FFF;
}
.note-window-inner {
border: solid 3px #767576;
padding: 10px 9px 5px 8px
}
.note-window .text-field {
height: 84px;
width: 213px;
border: solid 1px #d7d7d7;
padding: 2px;
resize: none;
outline: none;
font-size: 12px;
word-wrap: break-word;
}
.note-window .note-buttons {
margin-top: 5px;
height: 23px;
}
.note-window .ui-graybutton {
width: 54px;
font-size: 12px;
}
.note-window .confirm-button {
float: right;
margin-right: 21px;
}
.note-window .cancel-button {
float: right;
}
.note-window .default-text {
color: #bbbbbb;
}
/** end ---clive/ui-notewindow.css---*/
/** begin ---clive/ui-talkhistory.css---*/
.talk-history {
background-color: #FFF;
height: 410px;
}
.history-list {
width: 205px;
height: 400px;
padding: 5px;
float: left;
border-right: solid 1px #d7d7d7;
overflow-y: auto;
}
.history-list .history-item {
display: block;
height: 25px;
color: #07f;
padding-left: 10px;
line-height: 20px;
cursor: pointer;
text-decoration: none;
line-height: 25px;
}
.history-list li:hover {
background-color: #eff6fc;
}
.history-list .history-item-current {
color: #4ca200;
}
.history-content {
height: 395px;
overflow: hidden;
padding: 10px 0 5px 0;
}
.history-iframe {
width: 100%;
height: 100%;
border: none;
}
.history-list .loading-error {
text-align: center;
padding: 1em;
}
/** end ---clive/ui-talkhistory.css---*/
/** begin ---clive/ui-switchnote.css---*/
.switch-note {
background-color: #FFF;
height: 390px;
padding: 10px 0;
}
.switch-note-iframe {
border: none;
width: 100%;
height: 100%;
}
/** end ---clive/ui-switchnote.css---*/
/** begin ---clive/ui-serviceswitch.css---*/
.service-switch {
position: relative;
width: 185px;
float: right;
height: 23px;
line-height: 23px;
}
.group-select-wrapper {
top: 0;
left: 0;
position: absolute;
height: 23px;
width: 130px;
}
.group-select-wrapper label {
color: #666;
}
.group-select-wrapper select {
width: 80px;
outline: none;
}
.service-switch .note-window {
position: absolute;
top: 36px;
right: 0px;
z-index: 1000;
}
/** end ---clive/ui-serviceswitch.css---*/
/** begin ---clive/ui-imageupload.css---*/
/**
* 图片上传相关
*/
.image-upload {
outline: none;
}
.image-upload .trigger-btn {
display: block;
width: 20px;
height: 18px;
margin-top: 4px;
overflow: hidden;
background-position: -120px -44px;
}
.image-upload img {
margin-top: 4px;
}
.image-upload .fn-hide{
display: none;
}
.image-upload input {
opacity: 0;
filter: Alpha(opacity=0);
width: 20px;
height: 20px;
padding: 0;
margin: 0;
border: none;
}
.image-show {
width: 360px;
position: absolute;
top: 100px;
left: 50%;
margin-left: -180px;
border: solid 1px #CDCDCD;
background-color: #F6F6F6;
padding: 10px 20px;
text-align: center;
}
.image-show h2{
text-align: left;
font-weight: normal;
font-size: 14px;
border-bottom: solid 1px #DEDEDE;
line-height: 25px;
padding: 2px 4px;
margin-bottom: 10px;
}
.image-show img {
border: solid 2px #d4e2e9;
}
.image-show .ui-buttons {
padding: 5px 5px 0 0;
}
.image-show .ui-button {
margin-left: 15px;
}
.image-show .ui-button-mwhite input.ui-button-text {
padding: 5px 22px 8px;
}
.ui-buttons {
text-align: right;
}
.image-show .ui-button-lwhite, .image-show .ui-button-lwhite:hover,
.image-show .ui-button-mwhite, .image-show .ui-button-mwhiter:hover,
.image-show .ui-button-swhite, .image-show .ui-button-swhite:hover,
.image-show .ui-button-text {
background-image: url(https://img.alipay.com/sys/personal/nav/global-button.png);
background-repeat: no-repeat;
background-color: transparent;
}
.image-show .error-msg {
background: url("https://img.alipay.com/pa/frame/v2/ico-pa.png") no-repeat scroll -128px -414px transparent;
color: #FF5243;
line-height: 15px;
padding: 5px 0 0 20px;
text-align: left;
}
/** end ---clive/ui-imageupload.css---*/
/** begin ---record/record.css---*/
#J_categoryListCt {
height: 80px;
border: solid 1px #d7d7d7;
background-color: #f4f4f4;
padding: 5px 10px 5px 10px;
overflow-y: auto;
}
.textfield-wrapper {
margin-top: 8px;
border: solid 1px #d7d7d7;
padding: 4px;
margin-bottom: 3px;
}
#J_treeContainer .ygtvbranch {
background: none;
padding-left: 0;
}
#J_treeContainer .ygtvspacer {
text-indent: -1000px;
}
#J_categoryList {
width: 100%;
height: 100%;
}
#J_categoryList tr {
padding: 0;
margin: 0;
}
#J_categoryList td {
height: 20px;
padding: 0;
margin: 0;
}
#J_textField {
border: none;
resize: none;
outline: none;
width:100%;
height: 80px;
}
#J_countText {
color: #666;
padding: 5px 0;
}
#J_categoryList .remove-btn {
width: 20px;
height: 20px;
cursor: pointer;
}
#J_categoryList .remove-btn .close-icon {
background-position: -106px -45px;
margin: 5px;
width: 10px;
height: 10px;
}
#J_bankName {
width: 20em;
}
#orderNo {
width: 14em;
}
#eNo {
width: 10em;
}
#J-start {
width: 6em;
}
#J-end {
width: 6em;
}
#rechargeForm .ui-form-item {
height: 25px;
line-height: 25px;
padding: 3px 0;
}
#rechargeForm .ui-label {
width: 6em;
text-align: right;
display: inline-block;
}
#J-start-calender {
position: absolute;
}
#J-end-calender {
position: absolute;
}
#dtForm {
width: 8.4em;
}
#rechargeForm .query-elements {
width: 650px;
display: block;
}
#rechargeForm .submit-wrap {
margin-top: 28px;
}
/**
* 查询列表项目
*/
.record-ct {
border:1px solid #d7d7d7
}
.record-left{
width: 260px;
overflow:auto;
padding:10px 0 0 0;
border-right: solid 1px #d7d7d7;
min-height: 500px;
}
.record-left li{
margin:0 0 0 10px;
}
.record-right .talk-history {
height: auto;
}
.talk-title {
height: 28px;
line-height: 28px;
border-top: solid 1px #d7d7d7;
border-bottom: solid 1px #d7d7d7;
padding-left: 10px;
background-color: #eaeaea;
color: #666;
}
.talk-title .bold {
font-weight: bold;
}
.record-right {
margin-left: 260px;;
}
.record-content {
height: 235px;
}
/** end ---record/record.css---*/
/**Last Changed Author: svnsync--Last Changed Date: Thu Apr 17 09:05:36 CST 2014**/
/**clive.clive-2.7**/
/** CurrentDeveloper: clive**/
/** DeployDate: Mon Apr 21 18:41:06 CST 2014**/