﻿/*银行卡产品列表*/
.mainFrame .Content .CardProductList{ width:98%; height:1%; margin:0 auto;}

.mainFrame .Content .CardProductList .ProList { margin-top:7px; border-top:1px solid #A3D1FF;}
.mainFrame .Content .CardProductList .ProList ul{ margin:0; padding:0; list-style:none; height:26px;}
.mainFrame .Content .CardProductList .ProList ul.header{ background:#E0F4FF;}
.mainFrame .Content .CardProductList .ProList ul li{ float:left; border:1px solid #A3D1FF;border-top:0px; border-right:0px; overflow:hidden; padding:0 4px 0 4px; text-align:center; height:25px; line-height:25px;}
.mainFrame .Content .CardProductList .ProList ul li.compare{ width:32px;}
.mainFrame .Content .CardProductList .ProList ul li.compare input{ vertical-align:middle;}
.mainFrame .Content .CardProductList .ProList ul li.pname{ width:241px; text-align:left;}
.mainFrame .Content .CardProductList .ProList ul.header li.pname{ text-align:center; }
.mainFrame .Content .CardProductList .ProList ul li.bname{ width:100px;}
.mainFrame .Content .CardProductList .ProList ul li.ctype { width:165px;}
.mainFrame .Content .CardProductList .ProList ul li.type { width:78px;}
.mainFrame .Content .CardProductList .ProList ul li.money{ width:92px;}
.mainFrame .Content .CardProductList .ProList ul li.bmoney{ width:96px;}
.mainFrame .Content .CardProductList .ProList ul li.Details{ width:52px; border-right:1px solid #A3D1FF;}

.mainFrame .Content .CardProductList .ProList .sbtn { margin-top:8px; color:#454545;}
.mainFrame .Content .CardProductList .ProList .page{ height:38px; line-height:38px; text-align:right; font-size:12px; float:right; margin-top:8px;}
.mainFrame .Content .CardProductList .ProList .page a{ border:1px solid #A3D1FF; text-decoration:none; display:block; float:left; margin-left:4px; padding:2px 8px 0px 8px; height:18px; line-height:18px;}
.mainFrame .Content .CardProductList .ProList .page a:hover{ background:#A3D1FF;}
.mainFrame .Content .CardProductList .ProList .page .at { border:1px solid #A3D1FF; background:#A3D1FF; font-weight:bold; color:#FFF;display:block; float:left; margin-left:4px; padding:2px 8px 0px 8px; height:18px; line-height:18px;}
.mainFrame .Content .CardProductList .ProList .remark{ height:25px; line-height:25px; font-size:12px; margin-bottom:8px; color:#FF0000;}
.mainFrame .Content .CardProductList:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*银行卡产品详细*/
.mainFrame .main_left #proShow { clear:both; width:98%; margin:0 auto; color:#656565;}
.mainFrame .main_left #proShow .hTag{ border-bottom:1px solid #A3D1FF; height:26px; background:#FFF; line-height:26px; margin-top:7px; clear:both;}
.mainFrame .main_left #proShow .hTag .title{ border:1px solid #A3D1FF; border-bottom:1px solid #FFF; height:25px; line-height:25px; margin-left:12px; float:left; background:url(../images/slidingBg.gif) repeat-x; padding:0 12px 0 12px; font-size:14px; font-weight:bold; color:#333534; position:absolute;}

.mainFrame .main_left #proShow .BasicInfo { margin-top:7px; margin:9px 9px 0 9px;}
.mainFrame .main_left #proShow .BasicInfo .cardImg{ float:left;}
.mainFrame .main_left #proShow .BasicInfo .cbinfo{ float:right; width:488px; border-top:1px solid #A3D1FF;}
.mainFrame .main_left #proShow .BasicInfo .cbinfo ul{ margin:0; padding:0; list-style:none; height:1%; min-height:25px; border:1px solid #A3D1FF; border-top:0px;}
.mainFrame .main_left #proShow .BasicInfo .cbinfo ul li{ float:left; background:#FFF;line-height:25px; height:25px; border-left:1px solid #A3D1FF; margin-left:-1px; width:150px; padding:0 4px 0 4px; vertical-align:middle; overflow:auto; word-break:break-all;}
.mainFrame .main_left #proShow .BasicInfo .cbinfo ul li.caption{ font-weight:bold; width:77px; text-align:center; background:#FBFCFF;}
.mainFrame .main_left #proShow .BasicInfo .cbinfo ul li.ltext{ width:393px;}

.mainFrame .main_left #proShow .dotline { border-bottom:1px dashed #A3D1FF; height:7px; clear:both;}

.mainFrame .main_left #proShow .DetailInfo {  margin:9px 9px 0 9px; border-top:1px solid #A3D1FF;}
.mainFrame .main_left #proShow .DetailInfo ul{ margin:0; padding:0; list-style:none; height:1%; min-height:25px; max-height:none; line-height:25px;  border:1px solid #A3D1FF; border-top:0px; clear:both;}
.mainFrame .main_left #proShow .DetailInfo ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.mainFrame .main_left #proShow .DetailInfo ul li{ float:left; min-height:25px; line-height:25px; width:198px; padding:0 4px 0 4px; }
.mainFrame .main_left #proShow .DetailInfo ul li.caption{ font-weight:bold; width:112px; text-align:center; background:none;}

.mainFrame .main_left #proShow .DetailInfo .r4 ul { background:url(../images/cardtdbg.gif) repeat-y;}
.mainFrame .main_left #proShow .DetailInfo .r2 ul { background:url(../images/cardtdbg.gif) -326px repeat-y;}
.mainFrame .main_left #proShow .DetailInfo .r2 ul li.ltext{ width:524px;}