/** * LianaMe CSS * 公共样式 * @version 1.18 2010-05-12 * @author zhanghao@yuchengtech.com */ /* 交易区域 Begin */ body { background-color: #FFFFFF; } .clear { clear:both; font-size:0px; height:0; line-height:0; } /** 金额相关样式 **/ .currencyInput { width:115px; text-align: right; padding-right: 2px; border:#cdd1d4 1px solid; } .currency { text-align: right; font-weight: bold; padding-right:4px; } .detil { text-align: right; padding-right:4px; } .detils { text-align: left; padding-left:40px; } .space { text-align: left; padding-right:4px; } .detailTable .currency { text-align: left; } /* 表示余额为正/盈余/上涨的情况 */ .positive{ color: #FF5050; } /* 表示余额为负/亏损/下跌的情况 */ .negative{ color: #009900; } /** 收入 **/ .currencyIncome{ color: #F51106; text-align: right; font-weight: bold; padding-right: 4px; } /** 支出 **/ .currencyExpenses{ color: #009900; text-align: right; font-weight: bold; padding-right: 4px; } /** 文本样式 **/ .stepInfo{ color: #8A8A88; padding-left: 8px; } .textImportant { color: #F51106; } .textTitle { font-size: 16px; font-weight: bold; } .textLink{ _padding-top: 4px; float: left; cursor: pointer; color:#276FBF } /** 图表相关样式 **/ .chartLink01{ background: url("../../images/icon_sprites.png") scroll -1px -664px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -664px no-repeat; height:16px; margin: 8px; padding: 0 4px 4px 24px; color:#2770BF; cursor: pointer; } .chartLink02{ background: url("../../images/icon_sprites.png") scroll -1px -684px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -684px no-repeat; height:16px; margin: 8px; padding: 0 4px 4px 24px; color:#2770BF; cursor: pointer; } .chartLink03{ background: url("../../images/icon_sprites.png") scroll -1px -705px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -705px no-repeat; height:16px; margin: 8px; padding: 0 4px 4px 18px; cursor: pointer; } .chartLink04{ background: url("../../images/icon_sprites.png") scroll -1px -725px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -725px no-repeat; height:16px; margin: 8px; padding: 0 4px 4px 24px; text-decoration: underline; cursor: pointer; } /** 表格样式 ---Begin **/ /** 标题栏 **/ .tableCaption{ background: url("../../images/icon_sprites.png") scroll -1px -1041px no-repeat; *background: url("../../images/icon_sprites_ie.png") scroll -1px -1044px no-repeat; color:#585858; font-weight:bold; padding-left: 20px; float: left; } /** 列表类表格，通常用于辅助工具栏 **/ .smallListTable { color: #040404; text-align: center; width: 100%; margin-top: 8px; } .smallListTable thead tr{ background: url(../../images/default/bg_horizontal.png) scroll 0 -421px repeat-x; height: 24px; } .smallListTable thead td { line-height: 210%; padding-left:6px; border: none; border-bottom: 1px dashed #F6F6F6; } .smallListTable tbody td { line-height: 200%; padding: 2px 6px; border-bottom: 1px dashed #F6F6F6; } .smallListTable tfoot td { padding: 2px 6px; border: 1px solid #DCDCDC; } .smallListTable .bg1 { background-color: #FFFFFF; } .smallListTable .bg2 { background-color: #FFFFFF; } .smallListTable .rowMoveover td,.listTable .rowMoveover td a:link { background-color: #E1EDF9; color: #000000; } .smallListTable .sortable { background: url(../../images/default/table_sortable.gif) right no-repeat; padding-right: 5px; } .smallListTable .sortedAsc { background: url(../../images/default/table_sort_up.gif) right no-repeat; } .smallListTable .sortedDesc { background: url(../../images/default/table_sort_down.gif) right no-repeat; } /** 列设置类表格 **/ .columnConfigTable { color: #000000; width: 100% } .columnConfigTable tbody tr { height: 30px; } .columnConfigTable tbody td { padding: 2px 5px 2px 15px; } .columnConfigTable tbody td input{ margin-right: 2px; } /** 表格样式 ---End **/ /** 背景样式 ---Begin **/ .coloredArea01 { padding: 8px 12px; margin-top: 8px; background:url(../../images/default/bg_horizontal.png) scroll 0 -1154px repeat-x; } .coloredArea02 { border: 1px solid #D4D2D2; height:33px; line-height:33px; margin-top: 8px; background:url(../../images/default/bg_horizontal.png) scroll 0 -1200px repeat-x; } .coloredArea03{ background:url(../../images/default/bg_horizontal.png) scroll 0 -931px repeat-x; font-weight: bold; color:#4E4D4B; height: 30px; line-height: 30px; margin: 0 1px; padding-left: 5px; } .topRightFloatBar{ background:url(../../images/default/bg_horizontal.png) scroll 0 -709px repeat-x; border-bottom: 1px solid #DEDCDD; text-align: right; } /* 背景样式 ---End **/ /* 按钮区域 ---Begin **/ .buttonArea { text-align: center; margin: 6px 0; } /** 按钮默认样式 **/ .buttonArea button { background:url(../../images/default/bg_horizontal.png) scroll 0 -1005px repeat-x; height:26px; line-height:26px; border: 1px solid #efb422; color: #000; margin-right: 12px; padding: 0 8px; _padding: 0 8px; font-size:14px; cursor: pointer; } /** 圆角按钮 **/ .fixedRoundButon1{ background: url("../../images/default/button_sprites.png") scroll -70px -170px repeat-x; width:52px; height:26px; line-height:26px; margin: 0 8px; border: 0; } .roundButton { background: none; border: none; white-space: nowrap; cursor: pointer; overflow: visible; height: 26px; _width: 0; margin: 0; padding: 0; } .roundButton span { background-image: url("../../images/default/button_right.png"); display: block; height: 24px; padding-right: 20px; background-repeat: no-repeat; background-position: right bottom; } .roundButton span span { background: url("../../images/default/button_sprites.png"); padding-right: 0; padding-left: 20px; line-height: 24px; } .roundButton span span span { padding-left: 21px; background-image: none; background-repeat: no-repeat; background-position: left center; } .roundButton .dropdownRight { background-position: right top; } .roundButton .icon01 { background: url("../../images/default/button_sprites.png") scroll 0 -25px; padding-left: 30px; } .roundButton .icon02 { background: url("../../images/default/button_sprites.png") scroll 0 -50px; padding-left: 30px; } .roundButton .icon03 { background: url("../../images/default/button_sprites.png") scroll 0 -75px; padding-left: 30px; } .roundButton .icon04 { background: url("../../images/default/button_sprites.png") scroll 0 -100px; padding-left: 30px; } .arrowUp01{ background: url("../../images/icon_sprites.png") scroll -115px -16px; _background: url("../../images/icon_sprites_ie.png") -115px -16px; width:12px; height:12px; float: left; } .arrowDown01{ background: url("../../images/icon_sprites.png") scroll -115px -28px; _background: url("../../images/icon_sprites_ie.png") scroll -115px -28px; width:12px; height:12px; float: left; } .iconButtonFold{ background: url("../../images/icon_sprites.png") scroll 0 -1158px; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1158px; padding-left: 16px; *display: inline-block; cursor: pointer; } .iconButtonUnfold{ background: url("../../images/icon_sprites.png") scroll 0 -1172px; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1172px; padding-left: 16px; *display: inline-block; cursor: pointer; } .iconButtonPrevious{ background: url("../../images/icon_sprites.png") scroll -141px -23px; _background: url("../../images/icon_sprites_ie.png") scroll -141px -23px; width: 12px; height: 18px; cursor: pointer; } .iconButtonNext{ background: url("../../images/icon_sprites.png") scroll -153px -23px; _background: url("../../images/icon_sprites_ie.png") scroll -153px -23px; width: 12px; height: 18px; cursor: pointer; } .iconButtonSet, .iconButtonAid, .iconButtonVideo, .iconButtonRecommend, .iconOnlineWaiter, .iconHelp, .iconButtonGoldMedal, .iconButtonQuery, .iconButtonTag, .iconButtonDelete, .iconButtonAdd, .iconButtonPrint, .iconButtonSave, .iconButtonUpdate, .iconButtonDetail, .iconButtonModify, .iconButtonCopy, .iconButtonHide, .iconButtonRedeem, .iconButtonFundSubscribe, .iconButtonPurchase , .iconButtonBuy, .iconButtonSchedule, .iconButtonCancel, .iconButtonCompare, .iconButtonPause, .iconButtonResume, .iconButtonSubscribe, .iconButtonUnsubscribe, .iconButtonWithdraw, .iconButtonPay, .iconButtonClaims, .iconButtonDebt, .iconButtonFollow, .iconButtonExpand, .iconButtonCollapse, .iconButtonLaunch{ color: #2770BF; padding-left: 20px; font-size: 13px; cursor: pointer; margin: auto 5px; _padding-top: 2px; } .printIcon{ color: #2770BF; padding-left: 25px; padding-top: 5px; font-size: 13px; cursor: pointer; margin: auto 5px; _padding-top: 2px; float:right; background: url("../../images/default/print_icon2.gif") no-repeat; _background: url("../../images/default/print_icon2.gif") no-repeat; } a.iconButtonSet, a.iconButtonAid:hover, a.iconButtonTag:hover, a.iconButtonDelete:hover, a.iconButtonAdd:hover, a.iconButtonPrint:hover, a.iconButtonSave:hover, a.iconButtonUpdate:hover, a.iconButtonDetail:hover, a.iconButtonModify:hover, a.iconButtonCopy:hover, a.iconButtonHide:hover, a.iconButtonRedeem:hover, a.iconButtonFundSubscribe:hover, a.iconButtonPurchase :hover, a.iconButtonBuy:hover, a.iconButtonSchedule:hover, a.iconButtonCancel:hover, a.iconButtonCompare:hover, a.iconButtonPause:hover, a.iconButtonResume:hover, a.iconButtonSubscribe:hover, a.iconButtonUnsubscribe:hover, .iconButtonWithdraw:hover, .iconButtonPay:hover, .iconButtonFollow:hover, a.iconButtonExpand:hover, a.iconButtonCollapse:hover{ text-decoration: none; } .iconButtonSet{ background: url("../../images/icon_sprites.png") scroll -1px -542px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -542px no-repeat; } .iconButtonAid{ background: url("../../images/icon_sprites.png") scroll -1px -504px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -504px no-repeat; } .iconButtonVideo{ background: url("../../images/icon_sprites.png") scroll -1px -2175px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -2175px no-repeat; padding-left: 22px; } .iconButtonGoldMedal{ background: url("../../images/icon_sprites.png") scroll -2px -2121px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -2px -2121px no-repeat; } .iconButtonRecommend{ background: url("../../images/icon_sprites.png") scroll -2px -2147px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -2px -2147px no-repeat; } .iconButtonQuery{ background: url("../../images/icon_sprites.png") scroll -1px -1895px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1895px no-repeat; } .iconButtonWithdraw{ background: url("../../images/icon_sprites.png") scroll 0 -1351px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1351px no-repeat; } .iconButtonPay{ background: url("../../images/icon_sprites.png") scroll 0 -1484px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1484px no-repeat; } .iconButtonModify{ background: url("../../images/icon_sprites.png") scroll 0 -1207px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1207px no-repeat; } .iconButtonTag{ background: url("../../images/icon_sprites.png") scroll -1px -1061px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1061px no-repeat; } .iconButtonDelete{ background: url("../../images/icon_sprites.png") scroll -1px -1080px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1080px no-repeat; } .iconButtonAdd{ background: url("../../images/icon_sprites.png") scroll -1px -1099px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1099px no-repeat; } .iconButtonPrint{ background: url("../../images/icon_sprites.png") scroll 0 -1119px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1119px no-repeat; } .iconButtonSave{ background: url("../../images/icon_sprites.png") scroll -1px -1140px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1140px no-repeat; padding-left: 18px; } .iconButtonDetail{ background: url("../../images/icon_sprites.png") scroll -1px -902px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -902px no-repeat; } .iconButtonCopy{ background: url("../../images/icon_sprites.png") scroll 0 -1227px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1227px no-repeat; } .iconButtonHide{ background: url("../../images/icon_sprites.png") scroll 0 -1249px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1249px no-repeat; } .iconButtonFundSubscribe{ background: url("../../images/icon_sprites.png") scroll 0 -1288px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1288px no-repeat; } .iconButtonPurchase{ background: url("../../images/icon_sprites.png") scroll 0 -1309px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1309px no-repeat; } .iconButtonCompare{ background: url("../../images/icon_sprites.png") scroll 0 -1330px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1330px no-repeat; } .iconButtonRedeem{ background: url("../../images/icon_sprites.png") scroll 0 -1351px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1351px no-repeat; } .iconButtonBuy{ background: url("../../images/icon_sprites.png") scroll 0 -1372px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1372px no-repeat; } .iconButtonSchedule{ background: url("../../images/icon_sprites.png") scroll 0 -1391px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1391px no-repeat; } .iconButtonCancel{ background: url("../../images/icon_sprites.png") scroll 0 -1409px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1409px no-repeat; } .iconButtonPause{ background: url("../../images/icon_sprites.png") scroll 0 -1268px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1268px no-repeat; } .iconButtonResume{ background: url("../../images/icon_sprites.png") scroll 0 -1423px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -0 -1423px no-repeat; } .iconButtonSubscribe{ background: url("../../images/icon_sprites.png") scroll 0 -1442px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1442px no-repeat; } .iconButtonUnsubscribe{ background: url("../../images/icon_sprites.png") scroll 0 -1463px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1463px no-repeat; } .iconButtonClaims{ background: url("../../images/icon_sprites.png") scroll 0 -1751px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1751px no-repeat; } .iconButtonDebt{ background: url("../../images/icon_sprites.png") scroll 0 -1773px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1773px no-repeat; } .iconButtonFollow{ background: url("../../images/icon_sprites.png") scroll 0 -2055px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -2055px no-repeat; } .iconOnlineWaiter{ background: url("../../images/icon_sprites.png") scroll -2px -2097px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -2px -2097px no-repeat; } .iconButtonExpand{ background: url("../../images/icon_sprites.png") scroll 0 -2269px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -2270px no-repeat; } .iconButtonCollapse{ background: url("../../images/icon_sprites.png") scroll 0 -2289px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -2290px no-repeat; } .iconButtonLaunch{ background: url("../../images/icon_sprites.png") scroll -1px -1872px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1872px no-repeat; } .iconHelp{ background: url("../../images/icon_sprites.png") scroll -1px -503px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -503px no-repeat; } .iconButtonHelp, .iconButtonSettings, .iconShortcut{ color: #5A5A5A; line-height: 28px; padding: 3px 8px 4px 28px; cursor: pointer; } .iconButtonHelp{ background: url("../../images/default/button_sprites.png") scroll 0 -171px; } .iconButtonSettings{ background: url("../../images/default/button_sprites.png") scroll 0 -194px; } .iconShortcut{ background: url("../../images/default/button_sprites.png") scroll 0 -217px; } .iconStarOn{ background: url("../../images/icon_sprites.png") scroll 0 -1688px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1688px no-repeat; vertical-align: middle; padding: 5px 0 0 13px; } .iconStarOff{ background: url("../../images/icon_sprites.png") scroll 0 -1710px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1710px no-repeat; vertical-align: middle; padding: 5px 0 0 13px; } .iconStarHalf{ background: url("../../images/icon_sprites.png") scroll -2px -2482px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -2px -2482px no-repeat; vertical-align: middle; padding: 5px 0 0 13px; } /* 填充测试数据按钮，上线后置为隐藏 */ .testButton{ /* display: none;*/ } /** 按钮区域 ---End **/ /** 翻页表头区域 ---Begin **/ .turnpage { margin: 5px 0 5px 0; float: right; color:#837F80 } .turnpage div { height: 18px; cursor: pointer; float: left; margin-left: 2px; padding: 0 6px; } .turnpage .pageNormal { border: 1px solid #AFC2EC; } .turnpage .pageSelected { background-color: #3291CB; color: #FFFFFF; font-weight:bold; padding: 1px 6px; } .turnpage .lastPage { border: 1px solid #AFC2EC; } .turnpage .nextPage { border: 1px solid #AFC2EC; } .turnpage .morePage { border: 1px solid #AFC2EC; width:60px; margin-top:5px; font-weight:bold; cursor: pointer; } .turnpage .turnpageJumpInput { width: 30px; } /** 翻页表头区域 ---End **/ /** 等待提示 Begin **/ /** * waitDefault: 缺省样式，在指定的区域居中显示，不脱离文档流 * waitTopFixed: 固定在屏幕上方居中显示，脱离文档流 * waitCenterFixed: 固定在屏幕居中显示，脱离文档流 * waitTop: 在当前父元素的区域上方居中显示，脱离文档流（需要指定父元素position为absolute） * waitCenter: 在当前父元素的区域居中显示，脱离文档流（需要指定父元素position为absolute） */ div.waitDefault { width: auto; height: auto; display: table; /* FF/IE8下设置宽度自适应 */ margin: auto; /* FF/IE8下设置居中 */ _text-align: center; /* IE6下设置居中 */ +text-align: center; /* IE7下设置居中 */ } div.waitDefault div { color: #3C3C3C; padding: 5px 10px 5px 30px; border: 1px solid #FDBA08; background: url("../../images/wait.gif") 5px 5px no-repeat #FCF9D0; font-weight: bold; _display: inline; /* IE6下设置宽度自适应 */ +display: inline; /* IE7下设置宽度自适应 */ } div.waitTopFixed, div.waitCenterFixed, div.waitTop, div.waitCenter { height: auto; left: 50%; z-index: 10000; } div.waitTopFixed div, div.waitCenterFixed div, div.waitTop div, div.waitCenter div { color: #3C3C3C; padding: 5px 10px 5px 30px; border: 1px solid #FDBA08; background: url("../../images/wait.gif") 5px 5px no-repeat #FCF9D0; font-weight: bold; position: relative; left: -50%; } div.waitCenterFixed div, div.waitCenter div { top: -50%; /*此属性仅在IE6/7下有效*/ } div.waitTopFixed { position: fixed; top: 30px; _position: absolute; /*IE6 用absolute模拟fixed*/ _top: expression(documentElement.scrollTop + 30 + "px"); } div.waitCenterFixed { position: fixed; top: 50%; _position: absolute; /*IE6 用absolute模拟fixed*/ _top: expression(documentElement.scrollTop + documentElement.clientHeight*0.5 + "px"); } div.waitTop { position: absolute; top: 30px; } div.waitCenter { position: absolute; top: 50%; } /** 等待提示 End **/ /** 页面上部链接区域 **/ .linkbarContainer { margin: 10px 16px -1px 16px; border-bottom: 1px solid #D0D0D0; } .linkbarContainer span { background:url(../../images/default/bg_horizontal.png) scroll 0 -251px repeat-x; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; color: #555555; line-height: 26px; padding: 3px 10px 4px 10px; cursor: pointer; } .linkbarContainer .select { font-weight: bold; border-bottom: 0; } /** 资产明细页面内容区域 **/ .fixedMain { padding-top: 8px; width: 910px; margin:auto; } /** 页面内容区标题 **/ .contentTitle { color: #505050; font-weight: bold; padding: 6px 8px; } /** 收款人名册链接 **/ .payeeLink { background: url(../../images/icon_sprites.png) scroll -1px -268px no-repeat; _background: url(../../images/icon_sprites_ie.png) scroll -1px -268px no-repeat; margin-left: 6px; vertical-align: middle; padding-left: 20px; cursor: pointer; } /* 交易区域 End */ /* UI组件区域 Begin */ /* Liana.Tip样式 Begin */ .tipContainer { position: absolute; } /** * 通过9宫格方式画出边框，区域编号如下所示 * 1 2 3 * 4 5 6 * 7 8 9 */ .tipContainer .area1 { background: url(../../images/default/tip_sprites.png) scroll -12px -30px no-repeat; width: 30px; height: 15px; } .tipContainer .area2 { background: url(../../images/default/tip_sprites.png) scroll 0 -79px repeat-x; width: 100%; } .tipContainer .area3 { background: url(../../images/default/tip_sprites.png) scroll -34px -30px no-repeat; width: 12px; height: 15px; } /* 中间区域 */ .tipContainer .area4 { background: url(../../images/default/bg_vertical.png) scroll 3px 0 repeat-y; width: 30px; } .tipContainer .area5 { font-weight: bold; background: #ffffcd; padding: 0 6px; background: url(../../images/default/tip_sprites.png) scroll -90px left repeat-x; } .tipContainer .area6 { background: url(../../images/default/bg_vertical.png) scroll -39px 0 repeat-y; width: 12px; } /* 底边框 */ .tipContainer .area7 { background: url(../../images/default/tip_sprites.png) scroll 0 0px no-repeat; width: 30px; height: 30px; } .tipContainer .area8 { background: url(../../images/default/tip_sprites.png) scroll 0 -96px repeat-x; width: 100%; } .tipContainer .area9 { background: url(../../images/default/tip_sprites.png) scroll -34px -43px no-repeat; width: 12px; height: 30px; } .tipCloseButton { background: url(../../images/default/tip_sprites.png) scroll -33px -1px no-repeat; width: 12px; height: 12px; cursor: pointer; } /* 全圆角提示样式 Begin */ .tipProContianer { position: absolute; } /* 四角图片 */ .tipProContianer .area1, .tipProContianer .area3, .tipProContianer .area7, .tipProContianer .area9 { width: 12px; height: 15px; } .tipProContianer .area1 { background: url(../../images/default/tip_sprites.png) scroll -15px -30px no-repeat; } .tipProContianer .area3 { background: url(../../images/default/tip_sprites.png) scroll -26px -30px no-repeat; } .tipProContianer .area7 { background: url(../../images/default/tip_sprites.png) scroll -15px -45px no-repeat; } .tipProContianer .area9 { background: url(../../images/default/tip_sprites.png) scroll -26px -45px no-repeat; } /* 四边的图片 */ .tipProContianer .area2 { background: url(../../images/default/tip_sprites.png) scroll 0 -79px repeat-x; width: 100%; } .tipProContianer .area4 { background: url(../../images/default/bg_vertical.png) scroll -11px 0 repeat-y; width: 12px; } .tipProContianer .area6 { background: url(../../images/default/bg_vertical.png) scroll -41px 0 repeat-y; width: 12px; } .tipProContianer .area8 { background: url(../../images/default/tip_sprites.png) scroll 0 -96px repeat-x; width: 100%; } .tipProContianer .area5 { font-weight: bold; background: #F8F8F8; padding: 0 6px; } .tipProContianer .eventMore { text-align: right; cursor: pointer; } /* 全圆角提示样式 End */ /* 左上方提示样式 Begin */ .tipTopLeftContainer { position: absolute; } .tipTopLeftContainer .area1 { background: url(../../images/default/tip_sprites.png) scroll -15px -30px no-repeat; width: 12px; height: 15px; } .tipTopLeftContainer .area2 { background: url(../../images/default/tip_sprites.png) scroll 0 -79px repeat-x; width: 100%; } .tipTopLeftContainer .area3 { background: url(../../images/default/tip_sprites.png) scroll -24px -30px no-repeat; width: 30px; height: 15px; } /* 中间区域 */ .tipTopLeftContainer .area4 { background: url(../../images/default/bg_vertical.png) scroll -11px 0 repeat-y; width: 12px; } .tipTopLeftContainer .area5 { font-weight: bold; background: #F8F8F8; padding: 0 6px; } .tipTopLeftContainer .area6 { background: url(../../images/default/bg_vertical.png) scroll -39px 0 repeat-y; width: 30px; } /* 底边框 */ .tipTopLeftContainer .area7 { background: url(../../images/default/tip_sprites.png) scroll -15px -45px no-repeat; width: 12px; height: 30px; } .tipTopLeftContainer .area8 { background: url(../../images/default/tip_sprites.png) scroll 0 -96px repeat-x; width: 100%; } .tipTopLeftContainer .area9 { background: url(../../images/default/tip_sprites.png) scroll -52px 0 no-repeat; width: 30px; height: 30px; } /* 自动调整位置提示样式 Begin*/ .autoTipContainer .area1 { background: url(../../images/auto_tip_sprites.png) scroll 0 0 no-repeat; _background: url(../../images/auto_tip_sprites_ie.png) scroll 0 0 no-repeat; width: 13px; height: 23px; } .autoTipContainer .area2 { background: url(../../images/auto_tip_sprites.png) scroll 0 -51px repeat-x; _background: url(../../images/auto_tip_sprites_ie.png) scroll 0 -51px repeat-x; width: 100%; } .autoTipContainer .area2 .arrow { background: url(../../images/auto_tip_sprites.png) scroll -16px 0 no-repeat; _background: url(../../images/auto_tip_sprites_ie.png) scroll -16px 0 no-repeat; width: 18px; height: 23px; } .autoTipContainer .area3 { background: url(../../images/auto_tip_sprites.png) scroll -37px 0 no-repeat; _background: url(../../images/auto_tip_sprites_ie.png) scroll -37px 0 no-repeat; width: 13px; height: 23px; } /* 中间区域 */ .autoTipContainer .area4 { background: url(../../images/auto_tip_vertical.png) scroll 0 0 repeat-y; _background: url(../../images/auto_tip_vertical_ie.png) scroll 0 0 repeat-y; width: 13px; } .autoTipContainer .area5 { font-weight: bold; background: #FFFFCC; padding: 0 6px; } .autoTipContainer .area6 { background: url(../../images/auto_tip_vertical.png) scroll -13px 0 repeat-y; _background: url(../../images/auto_tip_vertical_ie.png) scroll -13px 0 repeat-y; width: 13px; } /* 底边框 */ .autoTipContainer .area7 { background: url(../../images/auto_tip_sprites.png) scroll 0 -23px no-repeat; _background: url(../../images/auto_tip_sprites_ie.png) scroll 0 -23px no-repeat; width: 13px; height: 26px; } .autoTipContainer .area8 { background: url(../../images/auto_tip_sprites.png) scroll 0 -74px repeat-x; _background: url(../../images/auto_tip_sprites_ie.png) scroll 0 -74px repeat-x; width: 100%; } .autoTipContainer .area8 .arrow { background: url(../../images/auto_tip_sprites.png) scroll -16px -23px no-repeat; _background: url(../../images/auto_tip_sprites_ie.png) scroll -16px -23px no-repeat; width: 18px; height: 26px; } .autoTipContainer .area9 { background: url(../../images/auto_tip_sprites.png) scroll -37px -23px no-repeat; _background: url(../../images/auto_tip_sprites_ie.png) scroll -37px -23px no-repeat; width: 13px; height: 26px; } /* 自动调整位置提示样式 End*/ /* 左上方提示样式 End */ /* Liana.Tip样式 End */ /* Combox样式 Begin */ .comboxInput { height: 17px; border: 1px solid #86B2D1; border-right: 0; padding: 1px 0 1px 3px; float: left; } .comboxButton { background: url(../../images/icon_sprites.png) scroll -26px -62px no-repeat; height: 21px; width: 19px; float: left; cursor: pointer; } .comboxButton:hover { background: url(../../images/icon_sprites.png) scroll -48px -62px no-repeat; } .comboxContainer { background-color: #FFFFFF; overflow: auto; position: absolute; border: 1px solid #86B2D1; } .comboxContainer div { cursor: pointer; margin: 1px 0; padding-left: 3px; } .comboxContainer .cross { background-color: #EFF5FA; } .comboxContainer .select { background-color: #316AC5; color: #FFFFFF; } .comboxContainer .treeLv1 { } .comboxContainer .treeLv2 { padding-left: 18px; } .comboxContainer .treeLv3 { padding-left: 33px; } /* Combox样式 End */ /* MonthSelector样式 Begin */ .monthSelectorContainer .lastMonth{ background: url("../../images/default/button_sprites.png") scroll 0 -240px no-repeat; line-height : 24px; padding: 4px 0 3px 21px; cursor: pointer; } .monthSelectorContainer .monthText{ background: url("../../images/default/button_sprites.png") scroll -30px -240px no-repeat; line-height : 24px; padding: 4px 4px 3px 2px; } .monthSelectorContainer .nextMonth{ background: url("../../images/default/button_sprites.png") scroll -102px -240px no-repeat; line-height : 24px; padding: 4px 0 3px 21px; cursor: pointer; } /* MonthSelector样式 End */ /* ToolBar样式 Begin */ .toolBarContainer { background:url(../../images/default/bg_horizontal.png) scroll 0 -1248px repeat-x; position: absolute; padding:0 2px 0 2px; height: 23px; border: 1px solid #BCBCBB; text-align: center; } .toolBarContainer div { height: 18px; width: 18px; margin: 3px; float: left; cursor: pointer; } .toolBarContainer .buttonAdd { background: url("../../images/icon_sprites.png") scroll -1px -1099px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1099px no-repeat; } .toolBarContainer .buttonDelete { background: url("../../images/icon_sprites.png") scroll -1px -1080px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1080px no-repeat; } .toolBarContainer .buttonModify { background: url("../../images/icon_sprites.png") scroll 0 -1207px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1207px no-repeat; } .toolBarContainer .buttonTag { background: url("../../images/icon_sprites.png") scroll -1px -1061px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1061px no-repeat; } .toolBarContainer .buttonBuy { background: url("../../images/icon_sprites.png") scroll 0 -1372px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1372px no-repeat; } .toolBarContainer .buttonPay { background: url("../../images/icon_sprites.png") scroll 0 -1484px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1484px no-repeat; } .toolBarContainer .buttonDetail{ background: url("../../images/icon_sprites.png") scroll 3px -901px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 3px -901px no-repeat; } .toolBarContainer .buttonCopy{ background: url("../../images/icon_sprites.png") scroll 0 -1227px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1227px no-repeat; } .toolBarContainer .buttonWithdraw{ background: url("../../images/icon_sprites.png") scroll 0 -1351px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1351px no-repeat; } .toolBarContainer .buttonResume{ background: url("../../images/icon_sprites.png") scroll 0 -1424px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -0 -1424px no-repeat; } .toolBarContainer .buttonPurchase{ background: url("../../images/icon_sprites.png") scroll 0 -1309px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1309px no-repeat; } .toolBarContainer .buttonClaims{ background: url("../../images/icon_sprites.png") scroll 0 -1751px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1751px no-repeat; } .toolBarContainer .buttonPause{ background: url("../../images/icon_sprites.png") scroll 0 -1268px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1268px no-repeat; } .toolBarContainer .buttonDealing{ background: url("../../images/icon_sprites.png") scroll 0 -1961px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1961px no-repeat; } .toolBarContainer .buttonLaunch{ background: url("../../images/icon_sprites.png") scroll -1px -1872px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -1872px no-repeat; } .toolBarContainer .buttonRepay{ background: url("../../images/icon_sprites.png") scroll 0 -1984px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -1984px no-repeat; } .toolBarContainer .buttonApplication{ background: url("../../images/icon_sprites.png") scroll 0 -2008px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -2008px no-repeat; } .toolBarContainer .buttonFinancialManagement{ background: url("../../images/icon_sprites.png") scroll 0 -2033px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -2033px no-repeat; } .toolBarContainer .buttonFollow{ background: url("../../images/icon_sprites.png") scroll 0 -2055px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -2055px no-repeat; } .toolBarContainer .buttonUnFollow{ background: url("../../images/icon_sprites.png") scroll 0 -2075px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll 0 -2075px no-repeat; } .toolBarContainer .buttonOnlineService{ background: url("../../images/icon_sprites.png") scroll -1px -2096px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -2096px no-repeat; } .toolBarContainer .buttonChangeOnline { background: url("../../images/icon_sprites.png") scroll -1px -2455px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -1px -2455px no-repeat; } /* ToolBar样式 End */ /* 窗体样式 Begin */ /** * 通过9宫格方式画出边框，区域编号如下所示 * 1 2 3 * 4 5 6 * 7 8 9 */ .lianaWindow, .simpleWindow{ position: absolute; } .lianaWindow .area1 div { background: url(../../images/default/window_container.png) scroll -2px 0 no-repeat; width: 32px; height: 30px; } .lianaWindow .area2 { background:url(../../images/default/bg_horizontal.png) scroll 0 -168px repeat-x; width: 100%; } .lianaWindow .area3 div { background: url(../../images/default/window_container.png) scroll -76px 0 no-repeat; width: 12px; height: 30px; } .lianaWindow .area2 .lianaWindowTitle { font-weight: bold; font-size:13px; padding: 4px 0 0 8px; float: left; } .lianaWindow .area2 .windowMinButton { background: url(../../images/default/window_container2.png) scroll -46px -6px no-repeat; height: 14px; width: 14px; margin: 6px 10px 0 0; float: right; cursor: pointer; } .lianaWindow .area2 .windowCloseButton { background: url(../../images/default/window_container2.png) scroll -61px -6px no-repeat; height: 14px; width: 14px; margin: 6px 0 0 0; float: right; cursor: pointer; } /* 中间区域 */ .lianaWindow .lianaWindowBody { background: #F8F8F8; border-left:1px solid #C1C0C0; border-right:1px solid #C1C0C0; } .lianaWindowBody iframe { border: 0; width: 100%; height: 100%; } /* 底边框 */ .lianaWindow .area7 div { background: url(../../images/default/window_container2.png) scroll -2px -35px no-repeat; width: 32px; height:10px; } .lianaWindow .area8 { background:url(../../images/default/bg_horizontal.png) scroll 0 -449px repeat-x; width: 100%; } .lianaWindow .area9 div { background: url(../../images/default/window_container2.png) scroll -74px -35px no-repeat; width: 12px; height:10px; } .simpleWindowBody iframe { border: 0; width: 100%; height: 100%; } .windowCenterFixed { position: fixed; _position: absolute; /*IE6 用absolute模拟fixed*/ } /* 窗体样式 End */ /* UI组件区域 End */ /* 成功页面 Begin */ .success { margin: 4px 100px 4px 100px; padding: 4px 0pt 0px 0px; } .success .icon { background: url(../../images/icon_sprites.png) scroll 0 0 no-repeat; width: 60px; height: 57px; margin: 10px; float: left; } .success ul { list-style-type: none; margin: 10px 0 0 20px; float: left; } .success li { margin-bottom: 10px; padding: 0 20px 0px 4px; } .success .head { font-size: 14px; font-weight: bold; } /* 成功页面 End */ /* 协议页面 Begin */ .agreementArea { border:1px solid #C2C2C2; background-color:#FFFFFF; height:400px; line-height:150%; overflow-x:visible; overflow-y:scroll; padding: 10px; } .agreementArea h1 { font-size: large; text-align: center; } .agreementArea p { text-indent:2em; text-align: justify; } /* 协议页面 End */ /* 自助缴费 Begin */ .paymentList { width: 100%; min-width: 1000px } .paymentList li { padding: 20px 0px 20px 60px; float: left; color: #818181; text-align: center; } a.paymentIcon01On,a.paymentIcon01On:visited { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -2px -1px no-repeat; } a.paymentIcon01On:hover { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -2px -149px no-repeat; } a.paymentIcon02On,a.paymentIcon02On:visited { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -98px -1px no-repeat; } a.paymentIcon02On:hover { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -98px -149px no-repeat; } a.paymentIcon03On,a.paymentIcon03On:visited { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -193px -1px no-repeat; } a.paymentIcon03On:hover { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -193px -149px no-repeat; } a.paymentIcon04On,a.paymentIcon04On:visited { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -289px -1px no-repeat; } a.paymentIcon04On:hover { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -289px -149px no-repeat; } a.paymentIcon05On,a.paymentIcon05On:visited { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -385px -1px no-repeat; } a.paymentIcon05On:hover { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -385px -149px no-repeat; } a.paymentIcon06On,a.paymentIcon06On:visited { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -481px -1px no-repeat; } a.paymentIcon06On:hover { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -481px -149px no-repeat; } a.paymentIcon07On,a.paymentIcon07On:visited { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -573px -1px no-repeat; } a.paymentIcon07On:hover { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -573px -149px no-repeat; } a.paymentIcon08On,a.paymentIcon08On:visited { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -664px -1px no-repeat; } a.paymentIcon08On:hover { display:block; width: 59px; height: 59px; margin-bottom: 5px; _margin-bottom: 0; background: url(../../images/payment_sprites.gif) scroll -664px -149px no-repeat; } .paymentIcon01Off { display:block; width: 59px; height: 59px; margin-bottom: 5px; background: url(../../images/payment_sprites.gif) scroll -2px -76px no-repeat; } .paymentIcon02Off { display:block; width: 59px; height: 59px; margin-bottom: 5px; background: url(../../images/payment_sprites.gif) scroll -98px -76px no-repeat; } .paymentIcon03Off { display:block; width: 59px; height: 59px; margin-bottom: 5px; background: url(../../images/payment_sprites.gif) scroll -193px -76px no-repeat; } .paymentIcon04Off { display:block; width: 59px; height: 59px; margin-bottom: 5px; background: url(../../images/payment_sprites.gif) scroll -289px -76px no-repeat; } .paymentIcon05Off { display:block; width: 59px; height: 59px; margin-bottom: 5px; background: url(../../images/payment_sprites.gif) scroll -385px -76px no-repeat; } .paymentIcon06Off { display:block; width: 59px; height: 59px; margin-bottom: 5px; background: url(../../images/payment_sprites.gif) scroll -481px -76px no-repeat; } .paymentIcon07Off { display:block; width: 59px; height: 59px; margin-bottom: 5px; background: url(../../images/payment_sprites.gif) scroll -573px -76px no-repeat; } .paymentIcon08Off { display:block; width: 59px; height: 59px; margin-bottom: 5px; background: url(../../images/payment_sprites.gif) scroll -664px -76px no-repeat; } /** 文字链接---Begin **/ /* 默认为blue */ a, a:visited, a:active, a.blue, a.blue:visited, a.blue:active { color: #276FBF; font-family:Arial,"宋体",sans-serif; text-decoration: none; } a:hover, a.blue:hover { color: #276FBF; text-decoration: underline; } a.black, a.black:visited, a.black:active { color: #5E5D5D; text-decoration: none; } a.black:hover { color: #FB7204; text-decoration: underline; } a.green, a.green:visited, a.green:active { color: #2C9406; text-decoration: underline; } a.green:hover { text-decoration: none; } a.red, a.red:visited, a.red:active { color: #F54906; text-decoration: underline; } a.red:hover { text-decoration: none; } a.disabled, a.disabled:visited, a.disabled:hover { color: #CDCDCD; text-decoration: none; } /** 文字链接----End **/ /* 自助缴费 End */ /* 进度条 Begin */ .progressBarTable{ background:url(../../images/default/bg_horizontal.png) scroll 0 -251px repeat-x; width:100%; border:1px solid #DEDEDE; } .progressBarTable td{ text-align:center; color:#8E8D8D; border-left:1px solid #DEDEDE; } .progressBarTable .text{ position:absolute; left:0; _left: auto; _text-align: left; line-height:24px; } .progressBarTable .over{ background:url(../../images/default/bg_horizontal.png) scroll 0 -471px repeat-x; color:#030303; line-height:24px; float:left; } .progressBarDiv{ background: url(../../images/default/progressbar_sprites.png) scroll 0 0px repeat-x; width: 99%; height: 22px; border: 1px solid #DEDEDE; } .onStep0, .onStep1, .onStep2, .onStep3, .onStep4, .offStep0, .offStep1, .offStep2, .offStep3, .offStep4{ width: 20px; height: 20px; margin-left: 10px; margin-top: 1px; float:left; } .onStep0{ background: url(../../images/default/progressbar_sprites.png) scroll -2px -48px no-repeat; } .onStep1{ background: url(../../images/default/progressbar_sprites.png) scroll -26px -48px no-repeat; } .onStep2{ background: url(../../images/default/progressbar_sprites.png) scroll -50px -48px no-repeat; } .onStep3{ background: url(../../images/default/progressbar_sprites.png) scroll -72px -48px no-repeat; } .onStep4{ background: url(../../images/default/progressbar_sprites.png) scroll -94px -48px no-repeat; } .offStep0{ background: url(../../images/default/progressbar_sprites.png) scroll -2px -25px no-repeat; } .offStep1{ background: url(../../images/default/progressbar_sprites.png) scroll -26px -25px no-repeat; } .offStep2{ background: url(../../images/default/progressbar_sprites.png) scroll -50px -25px no-repeat; } .offStep3{ background: url(../../images/default/progressbar_sprites.png) scroll -72px -25px no-repeat; } .offStep4{ background: url(../../images/default/progressbar_sprites.png) scroll -94px -25px no-repeat; } .progressBarDiv .text{ margin-left: 5px; margin-right: 15px; line-height:24px; font-size: 12px; float:left; } .progressBarDiv .focusText{ margin-left: 5px; margin-right: 15px; line-height:24px; font-size: 12px; color: #FC7E03; font-weight: bold; float:left; } .progressBarDiv .arrow{ background: url(../../images/default/progressbar_sprites.png) scroll -135px -26px no-repeat; width: 12px; height: 22px; float:left; } /* 进度条 End */ /* 标签页 Begin */ .tagGroupBg { background:url(../../images/default/bg_horizontal.png) scroll 0 -776px repeat-x; width:100%; height:24px; margin-top: -1px; padding-top:1px; padding-top:1px\9; *padding-top:3px; _padding-top:3px; } ul.tagGroup { height: 21px; margin: 2px 0 0 15px; display: block; } ul.tagGroup li { background: url(../../images/default/tag_left.gif) no-repeat left bottom; float: left; margin-right: 2px; list-style-type: none; height: 21px; } ul.tagGroup li span { background: url(../../images/default/tag_right.gif) no-repeat right bottom; padding-right: 8px; padding-left: 10px; float: left; color: #605f5e; cursor: pointer; vertical-align: middle; line-height: 21px; height: 21px; text-decoration: none; } ul.tagGroup li.tagOn { background-position: left top; position: relative; line-height: 21px; height: 21px; } ul.tagGroup li.tagOn span { background-position: right top; color: #040404; line-height: 21px; height: 21px; } /* 选中项高于未选中项的标签页 */ ul.tagGroupSelectedBig { height: 25px; margin: 2px 0 0 5px; display: block; } ul.tagGroupSelectedBig li { background: url(../../images/default/tag_selected_big_left.gif) no-repeat left bottom; float: left; margin-right: 2px; list-style-type: none; height: 25px; } ul.tagGroupSelectedBig li span { background: url(../../images/default/tag_selected_big_right.gif) no-repeat right bottom; padding-right: 8px; padding-left: 10px; float: left; color: #afafaf; cursor: pointer; vertical-align: middle; line-height: 25px; line-height: 28px\9; /* IE8 */ *line-height: 25px; /* IE7 */ _line-height: 25px; /* IE6 */ height: 25px; text-decoration: none; } ul.tagGroupSelectedBig li span.importantTag, ul.tagGroupSelectedBig li.tagOn span.importantTag { background: url(../../images/default/tag_selected_big_right.gif) no-repeat right bottom; padding-right: 8px; padding-left: 10px; float: left; color:#FB601C; font-weight:bold; cursor: pointer; vertical-align: middle; line-height: 25px; line-height: 28px\9; /* IE8 */ *line-height: 25px; /* IE7 */ _line-height: 25px; /* IE6 */ height: 25px; text-decoration: none; } ul.tagGroupSelectedBig li.tagOn { background-position: left top; line-height: 25px; height: 25px; } ul.tagGroupSelectedBig li.tagOn span { background-position: right top; color: #2893c9; } .tagLine { border-top:1px solid #e6ebf1; width:100%; height:1px; _overflow:hidden; margin-top:-1px } .tagUnderLine { border-top:1px solid #e6ebf1; height:1px; _overflow:hidden; margin-top:22px; } /* 标签页 End */ /* 银行LOGO Begin */ .bankLogo102 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -2px no-repeat; } .bankLogo103 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -26px no-repeat; } .bankLogo104 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -130px no-repeat; } .bankLogo105 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -51px no-repeat; } .bankLogo106 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -156px no-repeat; } .bankLogo301 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -78px no-repeat; } .bankLogo304 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -358px no-repeat; } .bankLogo305 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -103px no-repeat; } .bankLogo307 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -382px no-repeat; } .bankLogo308 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -182px no-repeat; } .bankLogo309 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 0 -312px no-repeat; } .bankLogo310 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -407px no-repeat; } .bankLogo402 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll 1px -335px no-repeat; } .bankLogo502 { width: 20px; height: 20px; position: absolute; background: url(../../images/bank_logo.png) scroll -1px -433px no-repeat; } /* 银行LOGO End */ /* 手风琴样式 Begin */ .accordionContainer { border: none; border-top: solid 1px #DCDCDC; } .accordionContainer .accordionTitle { background: url("../../images/default/accordion_sprites.png") scroll 0 -35px repeat-x; color: #908F8F; height: 23px; line-height: 23px; padding-left: 10px; cursor: pointer; border-left: solid 1px #DCDCDC; border-right: solid 1px #DCDCDC; } .accordionContainer .accordionCurrent { background: url("../../images/default/accordion_sprites.png") scroll 0 -6px repeat-x; color: #000; height: 22px; line-height: 22px; font-weight: bold; } .accordionContainer .accordionContentWithBorder { border: solid 1px #DCDCDC; } .accordionContainer .accordionContent { border: none auto; } .accordionContainer .accordionTitle span { display: block; width: 100%; background: url("../../images/default/accordion_sprites.png") scroll -2px -75px no-repeat; text-indent: 20px; } .accordionContainer .accordionCurrent span { background: url("../../images/default/accordion_sprites.png") scroll -2px -58px no-repeat; } /* 手风琴样式 End */ /* 贷款类型图标样式 Begin */ .loanTypeIcon01{ display:block; width: 45px; height: 45px; background: url(../../images/icon_sprites.png) scroll 0 -1500px no-repeat; _background: url(../../images/icon_sprites_ie.png) scroll 0 -1500px no-repeat; } .loanTypeIcon02{ display:block; width: 45px; height: 45px; background: url(../../images/icon_sprites.png) scroll -190px -1500px no-repeat; _background: url(../../images/icon_sprites_ie.png) scroll -190px -1500px no-repeat; } .loanTypeIcon03{ display:block; width: 45px; height: 45px; background: url(../../images/icon_sprites.png) scroll -105px -1500px no-repeat; _background: url(../../images/icon_sprites_ie.png) scroll -105px -1500px no-repeat; } /* 贷款类型图标样式 End */ /* 基金星级样式 Begin */ .ranks0 { background: url("../../images/rank_small.png") no-repeat scroll -50px 50% transparent; display: inline-block; height: 10px; width: 50px; } .ranks1 { background: url("../../images/rank_small.png") no-repeat scroll -40px 50% transparent; display: inline-block; height: 10px; width: 50px; } .ranks2 { background: url("../../images/rank_small.png") no-repeat scroll -30px 50% transparent; display: inline-block; height: 10px; width: 50px; } .ranks3 { background: url("../../images/rank_small.png") no-repeat scroll -20px 50% transparent; display: inline-block; height: 10px; width: 50px; } .ranks4 { background: url("../../images/rank_small.png") no-repeat scroll -10px 50% transparent; display: inline-block; height: 10px; width: 50px; } .ranks5 { background: url("../../images/rank_small.png") no-repeat scroll 0 50% transparent; display: inline-block; height: 10px; width: 50px; } /* 基金星级样式 End */ /* 装饰图标 */ .iconGoldMedal{ background: url("../../images/icon_sprites.png") scroll -2px -2121px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -2px -2121px no-repeat; } .iconRecommend{ background: url("../../images/icon_sprites.png") scroll -2px -2147px no-repeat; _background: url("../../images/icon_sprites_ie.png") scroll -2px -2147px no-repeat; } /* 默认存放widget的容器 Begin */ #leftContainer{ _float:left; _margin-right: 20px; } #rightContainer{ float: right; width: 360px; } .widgetLite{ border: 1px solid #C8D9E9; margin-bottom: 8px; } .widgetLite .header{ display: none; } .widgetLiteClose{ background: url("../../images/icon_sprites.png") scroll -212px -24px no-repeat; width:13px; height:12px; margin-left: 5px; float: right; cursor: pointer; } /* 默认存放widget的容器 End */ /* 浮动信息栏 */ #floatInfoBar { height: auto; z-index: 10001; position: fixed; left: 35%; _left: 37%; top: 30px; _position: absolute; /*IE6 用absolute模拟fixed*/ _top: expression(documentElement.scrollTop + 30 + "px"); } #floatInfoBar div .icon_normal{ background:url("../../images/icon_sprites.png") no-repeat scroll 5px -1935px transparent; _background:url("../../images/icon_sprites_ie.png") no-repeat scroll 5px -1935px transparent; padding-top:5px; padding-bottom:3px; padding-left:30px; *padding-top:4px; _padding-top:4px; } #floatInfoBar div .icon_warning{ background:url("../../images/icon_sprites.png") no-repeat scroll -2px -2199px transparent; _background:url("../../images/icon_sprites_ie.png") no-repeat scroll -2px -2199px transparent; padding-left:25px; } #floatInfoBar div .icon_market{ background:url("../../images/icon_sprites.png") no-repeat scroll -2px -2226px transparent; _background:url("../../images/icon_sprites_ie.png") no-repeat scroll -2px -2226px transparent; padding-bottom:3px; padding-left:25px; } #floatInfoBar div .icon_userDefine{ background:url(../../images/icon_sprites.png) no-repeat scroll 0px -1391px transparent; _background:url(../../images/icon_sprites_ie.png) no-repeat scroll 0px -1391px transparent; padding-bottom:3px; padding-left:25px; } #floatInfoBar .notifyMessage{ background: url(../../images/default/bg_horizontal.png) scroll 0 -1285px repeat-x; color: #3C3C3C; padding: 1px 10px; border: 1px solid #92BFDE; position: relative; width: 300px; vertical-align: middle; } #floatInfoBar div .notifyClose{ background:url("../../images/icon_sprites.png") no-repeat scroll -190px -22px transparent; _background:url("../../images/icon_sprites_ie.png") no-repeat scroll -190px -22px transparent; margin-left: 10px; padding-left:12px; cursor: pointer; } /* 按钮组样式 Begin */ .buttonSet{ letter-spacing: -4px; /* 消除因inline-block带来的间隙 */ word-spacing: -4px; /* 消除因inline-block带来的间隙 */ *letter-spacing: -3px; /* 针对IE的处理 */ *word-spacing: -3px; /* 针对IE的处理 */ line-height: 21px; margin-top: 3px; margin: auto 3px; } .buttonSet span{ display: inline-block; vertical-align: middle; } .buttonSet label{ cursor: pointer; } .buttonSet .selectedButtonFirstLeft{ background:url("../../images/default/button_set.png") no-repeat 0 0 transparent; _background:url("../../images/default/button_set_ie.png") no-repeat 0 0 transparent; width: 6px; height: 20px; _height: 21px; } .buttonSet .selectedButtonLeft{ background:url("../../images/default/button_set.png") no-repeat -8px 0 transparent; _background:url("../../images/default/button_set_ie.png") no-repeat -8px 0 transparent; width: 6px; height: 20px; _height: 21px; } .buttonSet .selectedButtonCenter{ background:url("../../images/default/button_set.png") repeat-x 0 -60px transparent; _background:url("../../images/default/button_set_ie.png") repeat-x 0 -60px transparent; height: 20px; _height: 21px; text-align: center; color: #ffffff; padding: 0 10px; line-height: 19px; line-height: 23px\9; /* IE8 */ *line-height: 21px; /* IE6&7 */ font-size: 12px; letter-spacing: normal; } .buttonSet .selectedButtonRight{ background:url("../../images/default/button_set.png") no-repeat -16px 0 transparent; _background:url("../../images/default/button_set_ie.png") no-repeat -16px 0 transparent; width: 6px; height: 20px; _height: 21px; } .buttonSet .selectedButtonLastRight{ background:url("../../images/default/button_set.png") no-repeat -24px 0 transparent; _background:url("../../images/default/button_set_ie.png") no-repeat -24px 0 transparent; width: 6px; height: 20px; _height: 21px; } .buttonSet .buttonFirstLeft{ background:url("../../images/default/button_set.png") no-repeat 0 -30px transparent; _background:url("../../images/default/button_set_ie.png") no-repeat 0 -30px transparent; width: 6px; height: 20px; _height: 21px; } .buttonSet .buttonLeft{ background:url("../../images/default/button_set.png") no-repeat -8px -30px transparent; _background:url("../../images/default/button_set_ie.png") no-repeat -8px -30px transparent; width: 6px; height: 20px; _height: 21px; } .buttonSet .buttonAfterSelectedLeft{ background:url("../../images/default/button_set.png") no-repeat -16px -30px transparent; _background:url("../../images/default/button_set_ie.png") no-repeat -16px -30px transparent; width: 6px; height: 20px; _height: 21px; } .buttonSet .buttonCenter{ background:url("../../images/default/button_set.png") repeat-x 0 -90px transparent; _background:url("../../images/default/button_set_ie.png") repeat-x 0 -90px transparent; height: 20px; _height: 21px; text-align: center; color: #999999; padding: 0 10px; line-height: 19px; line-height: 23px\9; /* IE8 */ *line-height: 21px; /* IE6&7 */ font-size: 12px; letter-spacing: normal; } .buttonSet .buttonRight{ background:url("../../images/default/button_set.png") no-repeat -16px -30px transparent; _background:url("../../images/default/button_set_ie.png") no-repeat -16px -30px transparent; width: 6px; height: 20px; _height: 21px; } .buttonSet .buttonLastRight{ background:url("../../images/default/button_set.png") no-repeat -24px -30px transparent; _background:url("../../images/default/button_set_ie.png") no-repeat -24px -30px transparent; width: 6px; height: 20px; _height: 21px; } .buttonSetBg{ width: 100%; background: transparent url(../../images/default/bg_horizontal.png) repeat-x scroll 0 -709px; height: 25px; overflow: hidden; border-bottom: 1px solid #DEDCDD; } /* 按钮组样式 End */ /* 突出按钮样式 Begin */ .buttonRemarkable{ cursor:pointer; letter-spacing: -4px; /* 消除因inline-block带来的间隙 */ word-spacing: -4px; /* 消除因inline-block带来的间隙 */ *letter-spacing: -3px; /* 针对IE的处理 */ *word-spacing: -3px; /* 针对IE的处理 */ } .buttonRemarkable span { display:inline-block; vertical-align:middle; } .remarkableButtonLeft { background: url("../../images/default/button_sprites.png") no-repeat 0 -519px transparent; width: 32px; height: 27px; _height: 27px; } .remarkableButtonRight { width: 16px; height: 27px; _height: 27px; background: url("../../images/default/button_sprites.png") scroll -40px -519px no-repeat; } .remarkableButtonCenter { line-height: 27px; letter-spacing: normal; text-align: center; color: #000000; font-size: 14px; font-weight: bold; background: url("../../images/default/button_sprites.png") scroll 0 -550px repeat-x; padding:0 10px; } .buttonRemarkable:hover .remarkableButtonLeft { background: url("../../images/default/button_sprites.png") no-repeat -60px -519px transparent; } .buttonRemarkable:hover .remarkableButtonRight { background: url("../../images/default/button_sprites.png") scroll -100px -519px no-repeat; } .buttonRemarkable:hover .remarkableButtonCenter { background: url("../../images/default/button_sprites.png") scroll 0 -583px repeat-x; } /* 突出按钮样式 End */ .disabled { color: gray; } input.errorInput{ background-color: #F06000; } textarea.errorInput{ background-color: #F06000; } .auth{ border:1px solid gray; height:20px; background-color:#ccc; padding:5px; } .authInfo{ border:1px solid gray; height:50px; } /** 修改部份 **/ /** 页面内容区域 **/ .main { margin:8px 15px; _margin-top: 1px; position:relative; padding:10px; border:#d5d5d5 1px solid; } /**　步骤　**/ #navbarArea { text-align:center; } .navbar { position:relative; display:inline-block; margin:0px auto; margin-bottom:0px; height:40px; z-index:100; } .navbar { _display:inline; } .navbar li { z-index:200; float:left; padding:0 22px; padding-top:6px; height:34px; font-size:14px; } .navbar .navbarOff { background:url(../../images/default/steps_off.gif) top no-repeat; } .navbar .navbarOn { background:url(../../images/default/steps_on.gif) center top no-repeat; } .navbar .navbarOff2On { padding:0; width:35px; height:40px; background:url(../../images/default/steps_offtoon.gif) top no-repeat; } .navbar .navbarOn2Off { padding:0; width:35px; height:40px; background:url(../../images/default/steps_ontooff.gif) top no-repeat; } .navbar .navbarOff2Off { padding:0; width:35px; height:40px; background:url(../../images/default/steps_offtooff.gif) top no-repeat; } /** 录入表单步骤数字提示 **/ .steps_1 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll 0px -40px no-repeat; } .steps_1_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll 0px 0px no-repeat; } .steps_2 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -26px -40px no-repeat; } .steps_2_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -26px 0px no-repeat; } .steps_3 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -52px -40px no-repeat; } .steps_3_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -52px 0px no-repeat; } .steps_4 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -78px -40px no-repeat; } .steps_4_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -78px 0px no-repeat; } .steps_5 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -104px -40px no-repeat; } .steps_5_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -104px 0px no-repeat; } .steps_6 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -130px -40px no-repeat; } .steps_6_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -130px 0px no-repeat; } .steps_7 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -156px -40px no-repeat; } .steps_7_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -156px 0px no-repeat; } .steps_8 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -182px -40px no-repeat; } .steps_8_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -182px 0px no-repeat; } .steps_9 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -208px -40px no-repeat; } .steps_9_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon.gif) scroll -208px 0px no-repeat; } .steps_10 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -1px -39px no-repeat; } .steps_10_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -2px 0px no-repeat; } .steps_11 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -27px -39px no-repeat; } .steps_11_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -28px 0px no-repeat; } .steps_12 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -52px -40px no-repeat; } .steps_12_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -53px -1px no-repeat; } .steps_13 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -79px -40px no-repeat; } .steps_13_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -80px -1px no-repeat; } .steps_14 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -104px -40px no-repeat; } .steps_14_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -105px -1px no-repeat; } .steps_15 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -130px -40px no-repeat; } .steps_15_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -130px 0px no-repeat; } .steps_16 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -156px -40px no-repeat; } .steps_16_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -156px 0px no-repeat; } .steps_17 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -182px -40px no-repeat; } .steps_17_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -182px 0px no-repeat; } .steps_18 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -208px -40px no-repeat; } .steps_18_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -208px 0px no-repeat; } .steps_19 { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -1px -39px no-repeat; } .steps_19_on { display:block; margin-right:8px; float:left; width:25px; height:27px; background:url(../../images/default/number_icon_offset.png) scroll -2px 0px no-repeat; } /** 输入类表文本输入样式 **/ /**通用文本输入**/ .commonInput { width:130px; border:#cdd1d4 1px solid; color:#878787; } /**账号输入**/ .accountInput { ime-mode:disabled; width:206px; border:#cdd1d4 1px solid; color:#878787; } /**备注样式**/ .remarkInput { width:206px; border:#cdd1d4 1px solid; color:#878787; rows:3; cols:20; } /**Select**/ .selectInput { ime-mode:disabled; border:#cdd1d4 1px solid; } /**手机号、mail地址输入**/ .contactInput { float:left; width:150px; border:#cdd1d4 1px solid; color:#878787; } /**分段输入**/ .sectionInput { float:left; width:50px; border:#cdd1d4 1px solid; color:#5e5c5f; margin-right:8px; } /** 输入类表格 **/ .inputTable { color: #000; width: 100%; margin-top: 8px; border: 1px solid #DCDCDC; } .inputTable .currencyTransfer { padding-right: 4px; text-align: left; } .inputTable input.currencyTransfer { width:130px; border:#cdd1d4 1px solid; text-align: right; } .inputTable thead { font-size:14px; } .inputTable .thead_on td { background:url(../../images/default/inputTable_title_on.gif) left repeat-x; line-height:27px; color:#2893c9; } .inputTable .thead_off td { background:url(../../images/default/inputTable_title_off.gif) left repeat-x; line-height:27px; } .inputTable td { border: 1px solid #DCDCDC; border-right:0; border-left:0; padding: 4px 8px; color:#878787; } .inputTable td.title { background-color: #fff; border-right: none; text-align: right; width: 25%; } .inputTable td a { color:#2893c9; text-decoration: underline; } /** 页面提示区域 **/ .tipsBox { margin-top:8px; padding:8px 0 8px 30px; border:#ffcd68 1px solid; background:#ffffcd url(../../images/default/tips_icon.gif) 10px 8px no-repeat; } /** tokens非首次登录样式 **/ .tipsBoxLog { margin-top:8px; padding:10px 0 0 0px; width:590px; height:25px; border:#ffcd68 1px solid; background:#ffffcd url(../../images/default/tips_icon.gif) 10px 8px no-repeat; } .tipsBoxLog span{ padding:8px 0 8px 32px; } /** tokens首次登录样式 **/ .tipsBoxLog1 { margin-top:8px; padding:8px 0 8px 30px; border:#ffcd68 1px solid; background:#ffffcd url(../../images/default/tips_icon.gif) 10px 8px no-repeat; margin-left:3px; } .logonHead { margin-top:8px; padding:8px 0 8px 30px; border:#ffcd68 1px solid; } /* 按钮区域 ---Begin **/ .buttonArea { text-align: center; padding: 12px 0; } #tableButtonArea.buttonArea { text-align: center; padding: 12px 0; display:none; } /** 按钮默认样式 **/ .buttonArea button:not([disabled]) { background:url(../../images/default/bg_horizontal.png) scroll 0 -1005px repeat-x; height:26px; line-height:26px; border: 1px solid #efb422; color: #000; margin-right: 12px; padding: 0 8px; _padding: 0 8px; cursor: pointer; font-size:14px; } .buttonArea button[disabled] { background: url("../../images/default/bg_horizontal.png") repeat-x scroll 0 -170px transparent; border: 1px solid #CCCCCC; color: #000000; font-size: 14px; height: 26px; line-height: 26px; margin-right: 12px; padding: 0 8px; } /**业务说明区**/ .hint { margin:8px 15px; _margin-top: 1px; position:relative; padding-top:8px; } .hint .title { height:30px; color:#FCB913; font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; width:80px; margin-left:5px; margin-bottom:-10px; font-size: 18px; border:0; } .hint .title_right { width:250px; border-top:1px #FCB913 solid; margin-left:82px; margin-bottom:15px; } .hint .title_en { height:30px; color:#FCB913; font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; width:185px; margin-left:5px; margin-bottom:-10px; font-size: 18px; border:0; } .hint .title_right_en { width:250px; border-top:1px #FCB913 solid; margin-left:187px; margin-bottom:15px; } .hint .box { padding:8px 20px; border:#ffcc67 1px solid; background-color:#ffffcd; } .hint .box p { padding:5px 0; } .main .hint { margin: 0; } /** 显示明细类表格 **/ .detailTable { color: #000; margin-bottom:8px; width: 100%; } .detailTable thead td { padding:7px 0 7px 20px; background:url(../../images/default/inputTable_title_on.gif) repeat-x; font-size:14px; color:#2893c9; } .detailTable td { border: 1px solid #eaeaea; padding: 5px 8px; } .detailTable td.title { color:#878787; text-align: right; width: 128px; /* 默认显示两列成标题栏的宽度 */ } .detailTable td.keyBg { background-color:#f0f0f0; } /* 对于inputTable和detailTable显示成4列的宽度设置 */ .fourCols td { width: 30%; } .fourCols td.title { width: 20%; } /** 转账金额 **/ .currencyTransfer { ime-mode:disabled; color: #0A1B92; text-align: right; font-weight:bold; padding-right: 4px; } .detailTable .currency { text-align: left; } .detailTable input.currencyTransfer { text-align: right; } .detailTable .currencyTransfer { text-align: left; } /** 支付确认提醒 **/ .paymentBox { margin:0 auto; padding-top:8px; width:192px; height:30px; background:url(../../images/default/payment_bg.gif) no-repeat; text-align:center; font-size:14px; color:#000; } /** 当前位置区域 **/ .current { padding:4px 20px 2px 40px; background:url(../../images/default/current_icon.gif) 20px center no-repeat; color:#000; line-height:28px; } .current a { color:#000; } /** 查询条件表格 **/ .queryTable { color: #000; width: 100%; margin-top: 8px; } .queryTable thead td { padding:7px 0 7px 20px; background:url(../../images/default/inputTable_title_on.gif) repeat-x; font-size:14px; color:#2893c9; } .queryTable td { border: 1px solid #eaeaea; padding: 4px 8px; color:#878787; } .queryTable td.title { background-color:; border-right: none; text-align: right; width: 30%; } /** 重点文字提示样式 **/ .txtRed { color:#F00; } /** 分隔符样式 **/ .separator { padding: 0 8px; } /* Calendar样式 Begin */ .calendarInput { ime-mode:disabled; width: 80px; border: 1px solid #cdd1d4; vertical-align : baseline; } .calendarButton { background: url(../../images/icon_sprites.png) scroll -2px -63px no-repeat; _background: url(../../images/icon_sprites_ie.png) scroll -2px -63px no-repeat; padding: 2px 0 1px 16px; +padding-top: 3px; margin-left: 4px; vertical-align: baseline; cursor: pointer; } .calendarContainer { background-color: white; position: absolute; border-top: 1px solid #BFD6E0; text-align: center; } .calendarContainer caption { background: url(../../images/default/bg_horizontal.png) scroll 0 -850px repeat-x; color: #555454; } .calendarContainer .date { border-left: 1px solid #BFD6E0; border-right: 1px solid #BFD6E0; } .calendarContainer .buttons { font-size: 14px; font-weight: bold; height: 24px; border-left: 1px solid #BFD6E0; border-right: 1px solid #BFD6E0; cursor: pointer; } .calendarContainer .buttons span { padding: 10px; } .calendarContainer .header { background: url(../../images/default/bg_horizontal.png) scroll 0 -806px repeat-x; height: 20px; } .calendarContainer .header td { color: white; height: 20px; } .calendarContainer .footer { background-color: #EAF0FA; height: 20px; } .calendarContainer .footer td { text-align: center; } .calendarContainer .footer input { border: 1px solid gray; background-color: #fff; cursor: pointer; padding: 0px; /* 覆盖缺省的input设置 */ margin: 5px; } .calendarTable { width: 100%; border-left: 1px solid #BFD6E0; border-right: 1px solid #BFD6E0; border-bottom: 1px solid #BFD6E0; } .calendarTable tbody td { line-height:24px; cursor: pointer; } .calendarTable .holiday { background-color: #F8F8F8; } .calendarTable .today { background: url(../../images/default/bg_horizontal.png) scroll 0 -834px repeat-x; font-weight: bold; } .calendarTable .outMonthDay { color: #9B9999; } .calendarTable .dateWrap { float: left; } .calendarTable .eventWrap { font-weight: bold; height: 100%; margin-left: 12px; float: left; } .calendarTable .eventType1, .calendarTable .eventType2, .calendarTable .eventType3, .calendarTable .eventType4, .calendarTable .eventType5, .calendarTable .eventType6 { line-height:20px; padding: 0 8px 0 20px; margin: 2px 0; float: left; } .calendarTable .eventType1 { background: url(../../images/icon_sprites.png) scroll 0 -1916px no-repeat; } .calendarTable .eventType2 { background: url(../../images/icon_sprites.png) scroll 0 -1938px no-repeat; } .calendarTable .eventType3 { background: url(../../images/icon_sprites.png) scroll 0 -1961px no-repeat; } .calendarTable .eventType4 { background: url(../../images/icon_sprites.png) scroll 0 -1916px no-repeat; } .calendarTable .eventType5 { background: url(../../images/icon_sprites.png) scroll 0 -1938px no-repeat; } .calendarTable .eventType6 { background: url(../../images/icon_sprites.png) scroll 0 -1961px no-repeat; } /* Calendar样式 End */ /** 列表类表格 **/ .listTable { text-align: center; width: 100%; margin-top: 8px; } .listTable td { border: 1px solid #e6ebf1; padding: 4px 6px; color:#000; } .listTable td a { text-decoration: underline; cursor: pointer; } .listTable thead tr { background:url(../../images/default/inputTable_title_on.gif) repeat-x; height: 24px; } .listTable thead td { line-height:24px; padding: 0 2px; color:#878787; font-weight:bold; } .listTable .bg1 { background-color: #FFFFFF; } .listTable .bg2 { background-color: #f4f9ff; } .listTable .rowMoveover td, .listTable .rowMoveover td a:link { background-color: #E1EDF9; color: #000000; } .listTable .sortable { font-weight:bold; background: url(../../images/default/table_sortable.gif) right no-repeat; padding-right: 6px; } .listTable .sortedAsc { font-weight:bold; background: url(../../images/default/table_sort_up.gif) right no-repeat; } .listTable .sortedDesc { font-weight:bold; background: url(../../images/default/table_sort_down.gif) right no-repeat; } /** 标题栏 **/ .caption { /*.tableCaption作废 */ background: url("../../images/icon_sprites.png") scroll -1px -1041px no-repeat; *background: url("../../images/icon_sprites_ie.png") scroll -1px -1044px no-repeat; color:#585858; font-weight:bold; padding-left: 20px; float: left; display: none; } /** 汇总金额样式 **/ .summary { margin-top:8px; padding:6px 20px; border:#eaeaea 1px solid; background-color:#ffffcd; } .summary span { padding:0 0; } /** 角色维护用表格 **/ /** 输入类表格 **/ .maintainTable { color: #000; width: 100%; margin-top: 8px; border: 1px solid #DCDCDC; } .maintainTable .currencyTransfer { color: #e76859; padding-right: 4px; text-align: left; } .maintainTable input.currencyTransfer { text-align: right; } .maintainTable thead { font-size:14px; } .maintainTable .thead_on td { background:url(../../images/default/inputTable_title_on.gif) left repeat-x; line-height:27px; color:#2893c9; } .maintainTable .thead_off td { background:url(../../images/default/inputTable_title_off.gif) left repeat-x; line-height:27px; } .maintainTable td { border: 1px solid #DCDCDC; border-right:0; border-left:0; padding: 4px 8px; color:#878787; } .maintainTable td.title { background-color: #fff; border-right: none; text-align: right; width: 20%; } .maintainTable td a { color:#2893c9; text-decoration: underline; } /** 回单用样式开始 **/ .receiptDiv table { width: 100%; } .receiptDiv td { padding: 4px 8px; } .receiptDiv td h1 { text-align: center; font-size: 22px; border-style: none; } .receiptDiv td.imgTd { /** 图章用TD **/ width: 160px; } .receiptTable thead td { text-align: left; border-style: none; } .receiptTable td { border: 1px solid; } .receiptTable td.title { text-align:right; } .botReceiptTable td { border: 1px solid; border-top-style: none; } /** 回单用样式结束 **/ /** DP276开始 **/ .floatL{ float:left;position:relative; } .floatR{ float:right;position:relative; } .step_lbl{ margin-left:30px;font-size: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #696969; FONT-WEIGHT:bold} .step_lbl2{ margin-left:0px;font-size: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #808080;} .step_lbl3{ margin-left:0px;font-size: 20px; font-weight:bold;BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FF2D2D;} .fld_group{ overflow:hidden; padding:5px 5px 10px 5px; position:relative; } .fld_group.fld_body_group{background: none repeat scroll 0 0 #E5E5E5; margin: 5px 0; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; position: relative; } .fld_wrap{ padding: 3px; position:relative; height:auto!important; background-color: transparent; margin-bottom: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; display: inline-block; zoom: 1; margin-left: 0px; } .inputTable .thead_on_DP276 td { background:url(../../images/default/inputTable_title_on.gif) left repeat-x; line-height:27px; color:#0000FF; } .dp276xh.btn-otp { background: url("../../../img/dp276/dp276xh/btn_otp.png") no-repeat left top transparent; display: block; } .dp276xh.dsp-sign1-1 { background: url("../../../img/dp276/dp276xh/dsp_sign1-1.png") no-repeat left top transparent; display: block; } .dp276xh.dsp-sign1-2 { background: url("../../../img/dp276/dp276xh/dsp_sign1-2.png") no-repeat left top transparent; display: block; } .dp276xh.dsp-sign1-3 { background: url("../../../img/dp276/dp276xh/dsp_sign1-3.png") no-repeat left top transparent; display: block; } .righteAdvice{ text-align: right; margin-left: 0px; padding-left: 0px; width:100%; display:block; font-weight: bold; } /** DP276结束 **/ /* 票据业务承诺函 Begin */ .BillPromiseArea { border:1px solid #C2C2C2; background-color:#FFFFFF; height:400px; line-height:150%; overflow-x:visible; overflow-y:scroll; padding: 10px; } .BillPromiseArea h1 { font-size: large; text-align: center; } .BillPromiseArea p { text-indent:2em; text-align: justify; padding-top: 3px; line-height: 20px; } .BillPromiseArea span { font-weight:bold; border-bottom:2px solid #000000; } /* 票据业务承诺函 End */