@charset "utf-8"; 
/**************************************************** 优惠活动与信用卡动态搜索列表开始*******************************************/
.yhcon { float:left; width:960px; margin-top:6px;}
.yhcon .dgcon { height:158px; border-bottom:1px #ddd dotted; position:relative; color:#666;}
.yhcon .dgcon span.sh { color:#000;}
.yhcon .dgcon:hover { background:#f5f8fc;}
.yhcon .dgcon .shortimg { float:left; margin:16px 0px 0px 14px; display:inline; width:200px; height:124px;}
.yhcon .dgcon .concon { float:left; width:550px; padding-left:22px;}
.yhcon .dgcon p.p01 { float:left; width:100%; margin-top:18px; height:19px; line-height:19px; overflow:hidden; font-size:14px; font-weight:bold; font-family:"微软雅黑";}
.yhcon .dgcon p.p01 img { float:left; padding-top:2px; padding-right:3px;}
.yhcon .dgcon p.p01 a { color:#333;}
.yhcon .dgcon p.p01 span { color:#333; float:left; padding:0px 3px;}
.yhcon .dgcon p.p01 span a { color:#666;}
.yhcon .dgcon p.p01 a:hover, .yhcon .dgcon p.p01 a:hover span {color:#0781d5;}
.yhcon .dgcon p.p02 { float:left; width:100%; margin-top:12px; height:14px; line-height:14px; overflow:hidden;}
.yhcon ul { float:left; width:100%; margin-top:12px;}
.yhcon ul li { position:relative; height:18px; float:left; line-height:18px;}
.yhcon ul li span.icon { float:left; width:18px; height:18px; background:url(https://res.cngoldres.com/credit/images/icon_04y.png) no-repeat; margin-right:3px;}
.yhcon ul li.li01 span.icon { background-position:0px 0px;}
.yhcon ul li.li02 span.icon { background-position:-19px 0px;}
.yhcon ul li.li03 { color:#f00;}
.yhcon ul li.li03 span.icon { background-position:-38px 0px;}
.yhcon ul li.li04 span.icon { background-position:-56px 0px;}
.yhcon ul li.li01:hover span.icon { background-position:0px -19px;}
.yhcon ul li.li02:hover span.icon { background-position:-19px -19px;}
.yhcon ul li.li03:hover span.icon { background-position:-38px -19px;}
.yhcon ul li.li04:hover span.icon { background-position:-56px -19px;}
.yhcon ul li.li01 { width:108px;}
.yhcon ul li.li02 { width:85px;}
.yhcon ul li.li03 { width:130px;}
.yhcon ul li.li04 { width:80px; font-weight:bold;}
.yhcon ul li.tips em { position: absolute; left:-60px; width:150px; bottom:22px;line-height: 22px;padding:0  6px; text-align:left;border: 1px solid #f8d3a7; background: #fffedf;color: #333; z-index:2; display:none;}
.yhcon ul li.tips i {position: absolute;left:14px; bottom:15px; display:none; width:15px;height: 8px;background:url(https://res.cngoldres.com/credit/images/tips_bg.gif) no-repeat; z-index:3; overflow:hidden;}
.yhcon ul li.tips:hover em,.yhcon ul li.tips:hover i { display:block;}
.yhcon dl { float:left; width:100%; margin-top:12px;}
.yhcon dl dd { position:relative; width:32px; height:32px; float:left; margin-right:10px; display:inline;}
.yhcon dl dd.nohover:hover { background-position:0px -33px;}
.yhcon dl dd .tips {position: absolute; left:-50%; width:150px; bottom:37px;line-height: 22px;padding:0  6px; text-align:left;border: 1px solid #f8d3a7; background: #fffedf;color: #333; z-index:2; display:none;}
.yhcon dl dd i {position: absolute;left:7px; bottom:30px; _bottom:26px; display:none; width:15px;height: 8px;background:url(https://res.cngoldres.com/credit/images/tips_bg.gif) no-repeat 0px 0px; z-index:3;}
.yhcon dl dd span { position:relative; display:block; width:32px; height:32px; overflow:hidden;}
.yhcon dl dd:hover span img,.yhcon dl dd.ddhover span img { margin-top:-33px; width:32px; height:98px; }
.yhcon dl dd:hover .tips,.yhcon dl dd:hover i ,.yhcon dl dd.ddhover .tips,.yhcon dl dd.ddhover i{ display:block;}
.yhcon a.abotton { position:absolute; right:24px; top:40px; width:136px; height:44px; text-align:center; line-height:44px; font-size:16px; color:#fff; font-family:"微软雅黑"; background:#386dbb; border-radius:3px;}
.yhcon a.abotton:hover { background:#2cba66;}
/* 筛选的字段样式 */
.searchSsPanel { overflow:hidden; position:relative; float:left;}
.d_search { float:left; border-top:3px solid #0781d5; overflow:hidden; background:#fff;}
.d_search .title { float:left; width:960px; height:30px; line-height:30px; padding: 5px 10px 0px 5px; font-size:14px; font-weight:bold; color:#666; position:relative; z-index:999;}
.d_search .title p span { float:right;}
.d_search .title p span a { font-size:12px; font-weight:normal; color:#999; padding:0px 5px;}
.d_search .title p span a:hover {color:#0781d5; }
	/* 下面是弹出窗口用到的样式 */
	.hotcity{background:#fefefe;border:1px solid #e8e8e8; width:400px; position:absolute; display:none; right:10px; top:30px; z-index:999; font-weight:normal;}
	.hotcity .hint{padding:5px;font-size:12px; width:390px;}
	.hotcity .hint .closeImg{display:block;float:right;width:14px;height:14px;cursor:pointer}
	.hotcity .hint hr{clear:both;border:0;border-bottom:1px dotted #bbb;color:#fff}
	.hotcity .hint ul{margin:0;padding:0;height:1%}
	.hotcity .hint ul:after{clear:both;display:block;height:0;visibility:hidden;content:"\20"}
	.hotcity .hint ul li{float:left;width:20%!important;text-align:center;height:25px;line-height:25px;overflow:hidden;}
	.hotcity .hint ul li a{ display:inline-block; white-space:nowrap; padding:0px 10px;color:#333;!important}
	.hotcity .hint ul li a:hover{text-decoration:none;color:#555}
	.hotcity .hint .inter ul li{width:24%!important}
	.hotcity .hint .b_hct_tit{padding:3px 0 5px;}
	.hotcity .hint .b_hct_nav{border-bottom:1px solid #e8e8e8;zoom:1;margin-bottom:3px;height:21px; overflow:hidden;}
	.hotcity .hint .b_hct_nav a{ position:relative;bottom:-1px;float:left; margin-right:8px;padding:0 8px;height:20px;font-size:12px;line-height:20px;text-align:center;cursor:pointer;color:#0069ca}
	.hotcity .hint .b_hct_nav a.on {background:#fff;border:1px solid #e8e8e8;border-bottom:1px solid #fff;color:#333}
	.hotcity .hint .b_hct_lst{padding-left:9px}
	.hotcity .hint .e_hct_lst{margin:0;padding:0;height:1%}
	.hotcity .hint .e_hct_lst:after{clear:both;display:block;height:0;visibility:hidden;content:"\20"}
	.hotcity .hint .e_hct_lst dt{float:left;display:block;width:16px;color:#0069ca;height:25px;line-height:25px;padding-top:1px;*padding-top:0;}
	.hotcity .hint .e_hct_lst dd{ float:left; width:360px;zoom:1;_margin-left:0; display:inline;}
.d_search .bbroder { border-bottom:1px #ddd dotted;}
.d_search .filters { float:left; position:relative; z-index:1; padding:4px 0px; line-height:20px; }
.d_search .filters dt {float:left; width:80px; text-align:right; color:#999;}
.d_search .filters dd { float:left; width:880px;}
.d_search .filters dd .null{ float:left; width:65px; padding-left:10px;}
.d_search .filters dd .vals { float:left; width:800px;}
.d_search .filters dd .vals .geng { margin-top:5px;}
.d_search .filters dd a { font-size: 12px; float: left; margin:4px 20px 4px 0px; color:#666; white-space: nowrap; *display:inline; *line-height:20px; *height:20px; padding:0px 3px; line-height:20px; }
.d_search .filters dd a.ahot { color:#333; font-weight:bold;}
.d_search .filters dd a.selected, .d_search .filters dd a:hover, .d_search .filters dd a.ahot:hover { background:#0781d5; color:#fff;}
.d_search .filters dd a.more { float:right; padding-right:15px; width:40px;}
.d_search .filters dd a.more span { display:block; width:9px; height:5px; float:right; margin-top:7px; background:url(https://res.cngoldres.com/credit/images/aback.gif) 0px 0px no-repeat; overflow:hidden;}
.main .d_search .filters dd a.more02 span { background-position:0px -8px;}
.d_search .filters dd a.more:hover { background:none; color:#0781d5;}
.d_search .filters .week a { width:30px; padding:0; padding-left:25px; height:19px; line-height:18px; margin-right:15px; background:url(https://res.cngoldres.com/credit/images/week.gif) 0px 0px; color:#fff;}
.d_search .filters .week a:hover,.d_search .filters .week a.selected {  background:url(https://res.cngoldres.com/credit/images/week.gif) 0px -20px no-repeat;}
.d_search .filters input { float:left; display:inline; width:135px; height:22px; padding:0px 10px; line-height:22px; border:1px solid #dad9d9; margin-left:4px; color:#999;}
.d_search .filters input:hover { color:#666;}
.d_search .filters input.shops { float:left; position:relative; top:-5px;}
.d_search .shops {position:relative; z-index:1; padding-top:65px; height:23px;}
.d_search dl.shops .vals a { float:left; width:72px; padding:0; margin-top:3px; margin-right:15px; text-align:center; position:relative;}
.d_search dl.shops .vals a i { position:absolute; width:72px; height:42px; bottom:28px; left:0px;}
.d_search dl.shops .vals a i img { display:block; margin:0 auto; height:42px;}
.d_search dl.shops .vals a:hover { background:none; color:#0781d5; }
.d_search dl.shops .vals a span { display:block; width:72px; height:20px; line-height:20px; overflow:hidden;}
.d_search .back { float:left; width:960px; margin-top:15px; border-bottom:1px solid #ddd; }
.d_search .back a { display:block; width:80px; height:16px; line-height:16px; text-align:center; border:1px solid #ddd; position:relative; left:50%; border-bottom:0px; margin-bottom:-1px;}
.d_search .back a span { width:9px; height:5px; display:block; position:absolute; left:58px; top:5px; background:url(https://res.cngoldres.com/credit/images/aback.gif) 0px 0px no-repeat; overflow:hidden;}
.main .d_search .back02 a span { background-position:0px -8px;}
.d_search .back a span.bot { background-position:0px -8px;}
.d_search dl.yh {position:relative; z-index:1; padding-top:50px; height:30px;}
.d_search dl.yh .dnav,.d_search dl.yh .null { padding-top:10px;}
.d_search dl.yh .vals a { float:left; width:70px; padding:0; margin:0; padding-top:10px; text-align:center; position:relative; border-top:1px solid #ccc;}
.d_search dl.yh .vals a:hover,.d_search dl.yh .vals a.selected { background:none; color:#0781d5;}
.d_search dl.yh .vals a em { position:absolute; left:30px; bottom:27px; display:block; width:7px; height:7px;border-radius:5px; background:#ccc; overflow:hidden;}
.d_search dl.yh .vals a:hover em,.d_search dl.yh .vals a.selected em { background:#0781d5;}
.d_search dl.yh .vals a i {  position:absolute; left:17px; bottom:40px; display:block; width:32px; height:32px; overflow:hidden; }
.d_search dl.yh .vals a:hover i img,.d_search dl.yh .vals a.selected i img{ width:32px; height:98px; margin-top:-66px;}
/* 说明搜索结果 */
.caption { float:left; width:938px; height:34px; line-height:34px; padding:0px 10px; background:#fbfbfb; border:1px solid #e1e1e1; overflow:hidden;}
.caption b { color:#f40; font-size:16px; padding:0px 6px;}
/* 搜索卡的样式 */
.cardList{ float:left; width:958px; border:1px solid #e5eef9; padding:0px; height:171px; margin-top:10px; background:#f5f8fc;}
.cardList:hover,.main .cardListon { border:1px solid #386dbb; background:#fff; padding:0; height:265px;}/*鼠标移上去时用这个样式*/
.cardList .top{padding:14px 0px 0px;line-height:21px; z-index:0;}
.cardList .top .bankBQ{float:left;margin:0 10px 0 -6px;height:21px;position:relative;}
.cardList .top .bankBQ em{position:absolute;left:0;bottom:-5px;display:block;width:5px;height:5px;background:url(https://res.cngoldres.com/credit/images/cgbApp_sprite.png) no-repeat 0 -60px;}
.cardList .top .bankBQ span{float:left;display:inline-block;color:#fff;font-weight:bold;padding:0 6px;position:relative;}
.cardList .top .bankBQ span a { color:#fff;}
.cardList .top .bankBQ span i{position:absolute;top:8px;right:-3px;display:block;width:3px;height:5px;z-index:9999;}
.cardList .top .bankBQ .sty1{background:#386dbb;z-index:1;}
.cardList .top .bankBQ .sty2{background:#7cd3a2;z-index:0;}
.cardList .top .bankBQ .sty1 i{background:url(https://res.cngoldres.com/credit/images/cgbApp_sprite.png) no-repeat -6px -60px;}
.cardList .top .bankBQ .sty2 i{background:url(https://res.cngoldres.com/credit/images/cgbApp_sprite.png) no-repeat -10px -60px;}
.cardList .top h3{float:left;margin-right:10px;font:bold 14px "microsoft yahei";}
.cardList .top .active{ height:21px; overflow:hidden;}
.cardList .top .activeTit{font:14px "microsoft yahei";}
.cardList .top .activeTit a{font-weight:bold;color:#0055a8;}
.cardList .top .activeTit a:hover{color:#e72d2e;}
.cardList .top .activeBox{position:absolute;left:18px;background:#fafafa;border:1px solid #dcdcdc;width:200px;padding:10px;display:none;}
.cardList .top .activeBox img{display:block;margin:0 auto;width:200px;height:100px;}
.cardList .top .activeBox p{line-height:20px;overflow:hidden;color:#8a8a8a;}
.cardList .top .activeBox p strong{color:#0055a8;}
.cardList .top .activeBox p span{color:#e72d2e;}
.cardList .top .activeBox .viewBtn{float:right;height:20px;line-height:20px;padding-left:22px;background:url(https://res.cngoldres.com/credit/images/eye_icon.png) no-repeat;}
.cardList .top .activeBox .viewBtn:hover{background-position:0 -20px;}
.cardList .body{padding:0px 10px 10px; *zoom:1;}
.cardList .pic{float:left;width:180px; height:157px; margin-right:10px;}
.cardList .pic img{width:180px;height:113px; margin-top:9px; overflow:hidden;}
.cardList .pic .grey{display:none;width:81px;height:26px;font:12px/26px "microsoft";color:#666;text-align:center;margin:7px auto 0;	cursor:pointer; border:1px solid #ccc;}
.cardList:hover .pic .grey,.main .cardListon .pic .grey{display:block;}
.indCardTjList .applyBtn{display:block;width:100px;height:30px;font:bold 14px/30px "microsoft";color:#fff;text-align:center;margin:5px auto 0;background:#386dbb; border-radius:3px;}
.indCardTjList .applyBtn:hover{ background:#2cba66; color:#fff;}
.cardList .param {float:left;width:590px; margin-top:14px;}
.cardList .param .pre_agio{ height:21px; overflow:hidden;}
.cardList .param .pre_agio .eles{float:left;margin-right:4px;color:#5981bb;text-align:center; padding:0px 5px; height:16px;line-height:16px;border:1px solid #5981bb;border-radius:3px;cursor:pointer; margin-top:3px;}
.cardList .param .pre_agio .eles i,.cardList .param .pre_agio .eles .tips{display:none;}
.cardList .param .pre_agio .eles:hover {color:#e72d2e;position:relative;border:1px solid #e72d2e;}
.cardList .param .pre_agio .eles:hover  i{position:absolute;left:23px;bottom:-9px;display:block;width:15px;height:8px;background:url(https://res.cngoldres.com/credit/images/cgbApp_sprite.png) no-repeat 0 -65px;}
.cardList .param .pre_agio .eles:hover .tips{position:absolute;left:0;top:24px;display:block;width:250px;line-height:22px;padding:0 6px;text-align:left;border:1px solid #f8d3a7;background:#fffedf;color:#333;}
.cardList .param .pre_des{font:14px "microsoft yahei";line-height:48px; height:48px; overflow:hidden;}
.cardList .sx_agio{}
.cardList .sx_agio .sxIcon{float:left;margin-right:4px; width:36px; height:36px; cursor:pointer; position:relative; }
.cardList .sx_agio .sxIcon i,.cardList .sx_agio .sxIcon .tips{display:none;}
.cardList .sx_agio .sxIcon:hover i,.cardList .sx_agio .sxIcon.icon i{ position:absolute;left:12px;top:38px;display:block;width:15px;height:8px; background:url(https://res.cngoldres.com/credit/images/tips_bg.gif) 0px -11px no-repeat;}
.cardList .sx_agio .sxIcon:hover .tips,.cardList .sx_agio .sxIcon.icon .tips{position:absolute;left:0;top:45px;display:block;width:250px;line-height:22px;padding:0 6px;text-align:left;border:1px solid #f8d3a7;background:#fffedf;color:#333;}
.cardList .sx_agio .sxIcon span { position:absolute; display:block; width:32px; height:32px; overflow:hidden;}
.cardList .sx_agio .sxIcon:hover span img,.cardList .sx_agio .sxIcon.icon span img{ width:32px; height:98px; margin-top:-33px;}
.cardList .oper{ float:right; width:137px; height:117px; margin:0px 0px 0px 0px; padding-right:15px;}
.cardList a.applyBtn{display:block;width:137px;height:44px;font:18px/44px "microsoft yahei";color:#fff;text-align:center;margin:5px auto 0;border-radius:3px; background:#386dbb; cursor:pointer;}
.cardList a.applyBtn:hover { background:#2cba66; color:#fff;}
.cardList .nums{width:137px;text-align:center;font:14px "microsoft yahei";line-height:40px;}
.cardList .nums .vCountNum{font-weight:bold;color:#e72d2e;}
.cardList .sqing { font:14px/36px "microsoft yahei"; text-align:center; color:#444;}
.cardList .sqing b { font-size:16px; color:#e72d2e; font-weight:1000;}
.cardList .company{width:135px;text-align:center;font:14px "microsoft yahei";line-height:29px;cursor:pointer;border:1px solid #dcdcdc; background:#fafafa; position:relative; z-index:9999;}
.cardList .company .size{font-size:24px;font-style:italic;color:#e72d2e;float:left;width:50px;text-align:right;}
.cardList .company:hover .compList { display:block; z-index:99999;}
.compList {position:absolute;right:-1px;top:29px;z-index:9999;width:611px;height:150px;padding:10px 29px 10px 10px;border:1px solid #dcdcdc;background:#fcfcfc;display:none;}
.compList ul{ position:relative;font:12px "microsoft";text-align:left;background:#f7f7f7 url(https://res.cngoldres.com/credit/images/fwznNum.png) no-repeat 0 0;padding-left:30px; z-index:999;}
.compList li{line-height:30px;height:30px;overflow:hidden;border:0;padding:0 10px 0 0;color:#0055a8; z-index:9999;}
.compList li.one{background:#f2f2f2;}
.compList li .more{float:right;margin-left:20px;color:#0055a8;}
.compList li .date{float:right;color:#e72d2e;}
.compList .mBtn{position:absolute;right:0;top:0;width:12px;height:96px; overflow:hidden;padding:37px 8px;border-left:1px solid #dcdcdc;background:url(https://res.cngoldres.com/credit/images/preCate_more.png) no-repeat 6px 126px;font:12px/14px "microsoft";color:#b4b4b4;text-decoration:none;}
.cardList .param .sx_agio .eles i,.cardList . .sx_agio .eles .tips{display:none;}
.cardList .param .sx_agio .elesOn{background:#e72d2e;color:#fff;position:relative;}
.cardList .param .sx_agio .elesOn i{position:absolute;left:23px;bottom:-9px;display:block;width:15px;height:8px;background:url(https://res.cngoldres.com/credit/images/cgbApp_sprite.png) no-repeat 0 -65px;}
.cardList .param .sx_agio .elesOn .tips{position:absolute;left:0;top:24px;display:block;width:250px;line-height:22px;padding:0 6px;text-align:left;border:1px solid #f8d3a7;background:#fffedf;color:#333;}
.cardList .companyOn .compList{display:block;}
.cardList:hover .ftcs ,.main .cardListon .ftcs{ display:block;}
.cardList .ftcs{ width:956px; border-top:1px solid #f1f1f1;background:#fafafa;height:60px;display:none; overflow:hidden;}
.cardList .ftcs li{float:left;width:230px;padding:5px 0;line-height:25px;text-align:center;border-right:1px solid #ebebeb;color:#555;}
.cardList .ftcs li.end{ border-right:0;}
.cardList .ftcs li .name{color:#0055a8;}
.cardZZPic{color:#fff;}
.cardZZPic span{display:inline-block;  margin:2px 4px 0 0; width:27px;height:18px;}
.cardZZPic i{display:none;}

/******************************************** 优惠活动与信用卡动态搜索列表结束 卡对比页面样式开始 *************************************/
.commpare-table{margin-top:10px;border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #e5eef9; height:169px; position:relative; z-index:1;}
.commpare-table td.unavailable{background-color:#FFF;}
.commpare-table td,.commpare-table th{height:20px;padding:9px 0;border:1px solid #e5eef9;line-height:20px;}
.commpare-table .thead,.commpare-table .cate-title{height:20px;padding-left:10px; background:#f2f8ff;}
.commpare-table .thead p { text-align:right; padding-right:10px; color:#999;}
.cate-title strong{padding-left:20px;background-position:-87px -214px;color:#0781d5;font-size:14px;}
.cate-tr{cursor:pointer;}
.cate-item-on .cate-title strong{background-position:-87px -238px;}
.commpare-table th{width:98px;background:#fafbfd;font-weight:normal;font-size:14px;color:#444;}
.commpare-table td{ width:198px;padding:9px 8px;*zoom:1;text-align:center;word-wrap:break-word;word-break:break-all; color:#999;}
.commpare-table td b{color:#c00;font-weight:500;}
.commpare-table td .price-status{display:block;color:#999;}
.commpare-table tr:hover td { background:#fdf9f4; color:#666;}
.commpare-table tr:hover th {background:#fafbfd;}
.commpare-table td:hover { background:#fcf3ea;}
.commpare-table .cate-title{text-align:left;}
.unavailable { background:#fff;}
.commpare-table td.unavailable:hover  { background:#fff;}
.commpare-table tr:hover .cate-title { background:#f2f8ff;}
.commpare-table .thead{width:100%;text-align:left;}
.commpare-table .action-tr{height:20px;line-height:20px;overflow:hidden;}
.commpare-table .tips{float:left;margin-right:25px;color:#666;}
.commpare-table .thead label{float:left;height:20px;zoom:1;padding-left:18px;margin-right:25px;position:relative;}
.thead sup{float:left;margin-left:-20px;width:24px;height:11px;background-position:0 -216px;text-indent:-999em;overflow:hidden;}
.thead label input{position:absolute;left:0;top:4px;*left:-4px;*top:-1px;}
.commpare-table .pro-sel td,.commpare-table .pro-sel th{padding-bottom:0;border-bottom:0 none;}
.commpare-table .pro-sel td{vertical-align:top;}
.pro-sel .pro-name{height:290px;padding:6px 0 5px; }
.pro-sel .pro-name p.p01 { font-size:16px; color:#0781d5; line-height:40px; height:40px; overflow:hidden; text-align:center; font-family:"微软雅黑";}
.pro-sel .pro-name p.p02 { height:100px;}
.pro-sel .pro-name p.p02 img { display:block; margin:0 auto; width:160px; height:100px;}
.pro-sel .pro-name p.p03 { padding:10px 0px 0px; line-height:20px; height:40px; width:160px; text-align:left; overflow:hidden; margin:0 auto;}
.pro-sel .pro-name p.p03 span { display:inline;}
.pro-sel .pro-name a.abottom { display:block; margin:10px auto 15px; width:108px; height:34px; line-height:34px; text-align:center; color:#fff; border-radius:3px;background:#386dbb;font-family:"微软雅黑"; font-size:16px;}
.pro-sel .pro-name a.abottom:hover { background:#2cba66;}
.pro-sel .pro-name p.p04 a { text-align:center;color:#0781d5; }
.pro-sel .pro-name p.p04 a:hover { color:#444;}
.pro-sel .select-item { margin-top:72px;}
.pro-sel .select-item p { line-height:30px; font-size:16px;font-family:"微软雅黑"; color:#666;}
.pro-sel .select-item select { width:75%; height:18px; overflow:hidden; border:1px solid #c1c1c1; margin:5px 0px; color:#666;}
.pro-sel .pro-name img{display:block;margin:0 auto;}
.pro-sel .pro-name span{display:block;margin-top:20px;}
.param-con { z-index:1; position:relative;}
.param-con span { float:left; display:block; width:49%; line-height:25px;}
.param-con span.nf { width:70%;}
.param-con span.date { width:auto;}
.param-con .nfcenter { position:absolute; right:0px; top:50%; height:26px; margin-top:-13px;}
.param-con ul.compul { float:left; position:relative}
.param-con ul.compul li { float:left; width:32px; height:32px; margin:5px 5px 0px; display:inline; }
.param-con .divtips { position:relative; width:32px; height:32px;}
.param-con .divtips span { position:relative; float:none; display:block; width:32px; height:32px; overflow:hidden;}
.param-con .divtips:hover span img { margin-top:-33px; width:32px; height:98px;}
.param-con .divtips p {position: absolute; left:-65px; width:150px; bottom:37px;line-height: 22px;padding:0  6px; text-align:left;border: 1px solid #f8d3a7; background: #fffedf;color: #333; display:none; z-index:99;}
.param-con .divtips i {position: absolute;left:8px; bottom:30px; _bottom:26px; display:none; width:15px;height: 8px;background:url(https://res.cngoldres.com/credit/images/tips_bg.gif) no-repeat; z-index:100;}
.param-con .divtips:hover p, .param-con .divtips:hover i { display:block;}
.param-con div.atip {color:#0781d5; float:right; text-align:left; width:55px; height:25px; line-height:25px; position:relative; }
.param-con div.atip em { position: absolute; left:-60px; width:180px; bottom:27px; line-height: 22px;padding:0  6px; text-align:left;border: 1px solid #f8d3a7; background: #fffedf;color: #333; z-index:2; display:none;}
.param-con div.atip i {position: absolute;left:14px; bottom:20px; _bottom:16px; display:none; width:15px;height: 8px;background:url(https://res.cngoldres.com/credit/images/tips_bg.gif) no-repeat; z-index:3;}
.param-con div.atip:hover em, .param-con div.atip:hover i { display:block;}
.pro-sel .pro-name span.nf { float:left; width:120px; text-align:center;}
.param_yh { font-size:14px;font-family:"微软雅黑"; height:23px; color:#444; text-align:left; padding:0px 10px; position:relative; z-index:10;}
.param_yh i { font-size:24px; color:#e72d2e; font-style:italic; font-family:Arial; }
.param_yh:hover .compList { display:block; top:20px;}
.param_yh:hover .compList { z-index:9999;}
.complist01 { left:-100px;}
.complist02 { left:-300px;}
.complist03 { right:-100px;}
.complist04 { right:10px;}
.param_shops { float:left; text-align:left; padding:0px 10px;}
.param_shops p { float:left;}
.param_shops span { width:100%; display:block; font-size:14px; color:#444;}
.param_shops span i {color:#e72d2e;}
/* 卡对比的浮动 */
.main .card_ffon { display:block;}
.card_fudong { width:960px; height:200px; position:fixed; top:0; margin-left:-480px; left:50%; z-index:9999; display:none;_position:absolute; _left:expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft)-226);_top:expression(eval(document.documentElement.scrollTop));}
.card_fudong table { width:100%; height:200px;border-spacing:0;*border-collapse:collapse;}
.card_fudong table th{ width:100px;}
.card_fudong table td { min-width:206px; height:200px; background:url(https://res.cngoldres.com/credit/images/duibi_topbg.jpg) repeat-x;}
.card_fudong table td .fddiv {border-bottom:3px solid #0781d5;}
.card_fudong table .fddiv { float:left; width:100%; height:197px; position:relative;}
.card_fudong table .fddiv em { display:block; width:1px; height:100%; background:#eaeaea; position:absolute; right:0; top:0;}
.card_fudong table td .fddiv .pp01 {font-family:"微软雅黑"; font-size:14px; line-height:36px; height:36px; overflow:hidden; text-align:center;}
.card_fudong table td .fddiv img { display:block; width:120px; height:76px; margin:0 auto;}
.card_fudong table td .fddiv a.abottom { display:block; margin:10px auto 12px; width:108px; height:32px; line-height:32px; text-align:center; color:#fff; border-radius:3px;background:#0781d5;font-family:"微软雅黑"; font-size:16px;}
.card_fudong table td .fddiv a.abottom:hover { background:#2cba66;}
.card_fudong table td .fddiv p.pp02 a { width:100%; display:block; text-align:center; color:#0781d5; }
.card_fudong table td .fddiv p.pp02 a:hover { color:#444;}
.card_fudong table td .select-item { margin-top:32px; width:100%;}
.card_fudong table td .select-item p { line-height:30px; font-size:16px;font-family:"微软雅黑"; color:#666; text-align:center;}
.card_fudong table td .select-item select { width:75%; display:block; height:23px; border:1px solid #c1c1c1; margin:5px auto; color:#666;}
/******************************************** 卡对比页面样式结束 卡详情内容页开始 *************************************/
.kxq_top { width:606px; height:42px; padding:0px 14px; position:absolute; top:0px; left:0px;}
.kxq_top span { width:400px; float:left; display:block; height:42px; line-height:42px; overflow:hidden; font-size:18px; font-family:"微软雅黑"; font-weight:bold;}
/* 卡详情提要的部分，卡片+说明+优惠等简短信息 */
.kxq_tiyao { width:606px; padding:56px 14px 60px; height:142px;}
.kxq_tiyao dl dt {float:left; width:200px; overflow:hidden;}
.kxq_tiyao dl dt img {width:200px;height:126px;}
.kxq_tiyao dl dd { float:right; width:394px;}
.kxq_tiyao dl dd .kxq_pingtiao { line-height:32px; height:32px; overflow:hidden;}
.kxq_tiyao .dq_tip { float:left; width:80px; font-weight:bold; line-height:18px;cursor:pointer; position:relative; z-index:100;}
.kxq_tiyao .dq_tip span.icon { float:left; width:18px; height:18px; background:url(https://res.cngoldres.com/credit/images/icon_04y.png) -56px 0px no-repeat; margin-right:4px;}
.kxq_tiyao .dq_tip em { position: absolute; left:-60px; width:160px; bottom:22px;line-height: 22px; padding:0  6px; text-align:left;border: 1px solid #f8d3a7; background: #fffedf;color: #333; z-index:2; display:none; font-weight:normal;}
.kxq_tiyao .dq_tip i {position: absolute;left:14px; bottom:15px; width:15px;height: 8px;background:url(https://res.cngoldres.com/credit/images/tips_bg.gif) no-repeat; z-index:3; overflow:hidden; display:none;}
.kxq_tiyao .dq_tip:hover em,.kxq_tiyao .dq_tip:hover i { display:inline;}
.kxq_tiyao .renshu { font-weight:normal;font-family:"微软雅黑"; font-size:14px;}
.kxq_tiyao .renshu b { font-size:16px; color:#e72d2e;}
/* 卡详情 模块头部 跟着页面动 */
.kxq_title { width:635px; height:38px; border-left:1px solid #e8e8e8; background:#fcfcfc; position:absolute; top:200px; left:0px; overflow:hidden;}
.kxq_title a { float:left; width:107px; height:36px; border:1px solid #e8e8e8; border-left:none;font-family:"微软雅黑"; font-size:14px; text-align:center; line-height:36px;}
.kxq_title a.no { width:94px;}
.kxq_title a.tab,.kxq_title a:hover { background:#fff; font-weight:bold; color:#333; border-bottom:none; border-top:3px solid #0781d5; height:35px; line-height:34px;}
.kxq_title a:hover { font-weight:normal;}
/* 卡详情 第一部分 相关信息 */
.kxq01 { width:586px; margin:0px auto 20px; line-height:32px; color:#333; z-index:2;background:#fff;}
.kxq01 dl span { color:#999;}
.kxq01 dl dt { float:left; width:293px;}
.kxq01 dl dd { float:left; width:586px;}
.kxq01 em { color:#386dbb; margin-left:26px;}
/* 卡详情 第二部分 还款渠道 */
.kxq02 { width:606px; margin:0 auto; z-index:2; background:#fff;}
.kxq02 .tabtop { height:28px;}
.kxq02 .tabtop a { display:block; float:left; height:24px; line-height:24px;border-radius:5px; margin-right:10px; padding:0px 20px; border:1px solid #e8e8e8; background:#fff;}
.kxq02 .tabtop a:hover,.kxq02 .tabtop a.on {border:1px solid #0781d5; background:#0781d5; color:#fff;}
.kxq02 .bd { margin:12px 0px 20px;}
.kxq02 .bd .tablist01 { width:570px; height:270px; overflow:auto;}
.kxq02 dl.qudao dt { border-bottom:1px solid #e8e8e8; color:#333; font-weight:bold;}
.kxq02 dl.qudao dt,.kxq02 dl.qudao dd { height:30px; line-height:30px;}
.kxq02 dl.qudao span { float:left; display:block; height:30px; width:85px; line-height:30px; text-align:center;}
.kxq02 dl.qudao span.s01 { width:110px;}
.kxq02 dl.qudao span.s02 { width:150px;}
.viewCardTable{table-layout:fixed;border-collapse:collapse;color:#888;font-family:"微软雅黑";line-height:24px;}
.viewCardTable td{border:1px solid #f0f0f0;padding:8px;}
.viewCardTable .name{text-align:right;width:100px;}
.viewCardTable .name2{text-align:right;width:120px; color:#666; font-weight:bold;}
.viewCardTable .js{background:#fbfbfb;}
/* 卡详情 第三部分 特权与服务 */
.kxq03 { width:606px; margin:0 auto; z-index:2;background:#fff;}
.kxq03 ul { padding:5px 0px 20px;}
.kxq03 ul li { height:32px; line-height:32px; position:relative; padding-left:45px; overflow:hidden; margin-bottom:6px;}
.kxq03 ul li span { position:absolute; display:block; width:32px; height:32px; overflow:hidden; left:0; top:0;}
/* 卡详情 第四部分 优惠活动 */
.kxq04 { width:606px; margin:5px auto 20px; overflow:hidden; z-index:2;background:#fff;}
.kxq04 dl { width:626px; position:relative;}
.kxq04 dl dt,.kxq04 dl dd { float:left; width:293px; margin-right:20px; display:inline;}
.kxq04 dl dt { height:68px; line-height:20px; color:#999; margin-bottom:8px;}
.kxq04 dl dt span { display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold; color:#666;}
.kxq04 dl dt img { float:left; width:118px; height:68px; padding-right:10px;}
.kxq04 dl dd { height:26px; line-height:26px; overflow:hidden;}
.kxq04 dl dd span { float:right; width:90px; height:26px; background:#fff; text-align:right; color:#f00;}
.kxq04 dl dd a.dq { color:#386dbb; padding:0px 3px;}
.kxq04 dl dd a.dq:hover { color:#333;}
/* 卡详情 第五部分 卡系 */
.kxq05 { width:606px; height:196px; margin:5px auto; position:relative; z-index:2;background:#fff;}
.kxq05 .scroll { float:left; width:536px;overflow:hidden; margin:0px 35px; display:inline;}
.kxq05 .arrow { top:60px;}
.kxq05 ul { float:left; width:9999px;}
.kxq05 ul li { float:left; width:150px; height:168px; border:1px solid #e8e8e8; padding:10px 10px 0px; margin-right:10px; position:relative; overflow:hidden;}
.kxq05 ul li:hover { background:#f5f8fc;}
.kxq05 ul li img { width:150px; height:94px; position:absolute; left:11px; top:10px;}
.kxq05 ul li:hover img { width:152px; height:96px; left:10px; top:9px;}
.kxq05 ul li a.name { position:absolute; top:106px; float:left; width:150px; height:32px; overflow:hidden; color:#666; font-weight:bold; line-height:32px;}
.kxq05 ul li a.name:hover { color:#0781d5;}
.kxq05 ul li p { width:150px; line-height:24px; position:absolute; top:140px;}
/* 卡详情 第六部分 问答 */
.kxq06 { width:606px; margin:0px auto 10px;  z-index:2;background:#fff;}
.kxq06 dl { float:left; width:562px; border-top:1px dotted #e0e0e0; position:relative; padding:16px 10px 16px 34px;}
.kxq06 a:hover dl { background:#f5f8fc;}
.kxq06 dl.notop { border:none;}
.kxq06 dl:hover { background:#f5f8fc;}
.kxq06 dl dt { height:16px; line-height:16px; font-size:12px; font-weight:bold; color:#666;}
.kxq06 dl dd { margin-top:10px; line-height:24px; color:#999;}
.kxq06 dl .ico { display:block; width:16px; height:16px; height:16px; line-height:16px; text-align:center; color:#fff; position:absolute; left:10px;}
.kxq06 dl .ico_wen { top:16px; background:#2c66ba;}
.kxq06 dl .ico_da { top:46px; background:#2cba66;}
/* 卡详情 第七部分 为浮部浮动预留空间 */
.kxq07 { height:48px; width:600px; margin:0px auto 10px;}
/* 可以通用 优惠标签 */
.m_left .pre_agio { height:22px; overflow:hidden;}
.m_left .pre_agio .eles{float:left; color:#5981bb; margin-right:4px; display:inline; text-align:center; padding:0px 5px; height:16px; line-height:16px; border:1px solid #5981bb; border-radius:3px; cursor:pointer; margin-top:3px;}
.m_left .pre_agio .eles:hover {color:#e72d2e;position:relative;border:1px solid #e72d2e;}
/* 可以通用 特权 */
.m_left .sx_agio { height:36px;}
.m_left .sx_agio .sxIcon{float:left;margin-right:4px; width:36px; height:36px; cursor:pointer; position:relative; z-index:9;}
.m_left .sx_agio .sxIcon i,.m_left .sx_agio .sxIcon .tips{display:none;}
.m_left .sx_agio .sxIcon:hover i,.m_left .sx_agio .sxIcon.icon i{position: absolute;left:7px; bottom:30px; _bottom:26px; display:block; width:15px;height: 8px;background:url(https://res.cngoldres.com/credit/images/tips_bg.gif) no-repeat 0px 0px; z-index:3;}
.m_left .sx_agio .sxIcon:hover .tips,.m_left .sx_agio .sxIcon.icon .tips{position: absolute; left:-50%; width:150px; bottom:37px;line-height: 22px;padding:0  6px; text-align:left;border: 1px solid #f8d3a7; background: #fffedf;color: #333; z-index:2; display:block;}
.m_left .sx_agio .sxIcon span { position:absolute; display:block; width:32px; height:32px; overflow:hidden;}
.m_left .sx_agio .sxIcon:hover span img,.m_left .sx_agio .sxIcon.icon span img{ width:32px; height:98px; margin-top:-33px;}
/* 关于滚动条滑下去时，导航浮动相关样式 */
.dhfd01 { position:fixed; top:0; left:50%; margin-left:-480px; z-index:9999; border-top:3px solid #0781d5;
_position:absolute; _left:expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft)-226);_top:expression(eval(document.documentElement.scrollTop)-3);}
.dhfd02 { position:fixed; top:44px; left:50%; margin-left:-480px; z-index:9999;_position:absolute; _left:expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft)-226);_top:expression(eval(document.documentElement.scrollTop)+41);}
/******************************************** 卡详情内容页结束 优惠活动内容页开始 *************************************/
/* 优惠活动内容页左侧 h1文章标题 */
.m_left .font_title { padding:15px 0px; height:32px;}
.m_left .font_title h1 { font:bold 16px/32px "microsoft yahei"; color:#333;}
.m_left .font_title .font_zoom { float:right; width:100px; text-align:center; margin-top:5px;line-height:20px;}
.m_left .font_title .font_zoom a{color:#0055a8;}
.m_left .font_title .font_zoom strong{ font-size:16px;}
/* 优惠活动内容页左侧 优惠内容缩略 */
.r_yh_jj { width:610px; padding:12px; background:#f5f8fc; border:1px solid #e5eef9; margin-bottom:12px;}
.r_yh_jj dl {}
.r_yh_jj dl span { color:#999;}
.r_yh_jj dl a { padding:0px 5px; color:#2c66ba;font-weight:normal; }
.r_yh_jj dl a:hover { font-weight:bold;}
.r_yh_jj dl dt,.r_yh_jj dl dd { height:18px; line-height:18px; margin:6px 0px;}
.r_yh_jj dl dt { float:left; width:305px;}
.r_yh_jj dl dd { float:left; width:610px;}
.r_yh_jj p { width:608px; line-height:26px; margin-top:5px; padding:0px 3px; text-indent:2em; background:#fff; border:1px solid #e5eef9;}
/* 优惠活动内容 相关信用卡 */
.r_yh_xyk { width:606px; height:196px; margin:5px auto 10px; position:relative; z-index:2;background:#fff;}
.r_yh_xyk .scroll { float:left; width:536px;overflow:hidden; margin:0px 35px; display:inline;}
.r_yh_xyk .arrow { top:60px;}
.r_yh_xyk ul { float:left; width:9999px;}
.r_yh_xyk ul li { float:left; width:150px; height:180px; border:1px solid #e8e8e8; padding:10px 10px 0px; margin-right:10px; position:relative; overflow:hidden;}
.r_yh_xyk ul li:hover { background:#f5f8fc;}
.r_yh_xyk ul li img { width:150px; height:94px; position:absolute; left:11px; top:10px;}
.r_yh_xyk ul li:hover img { width:152px; height:96px; left:10px; top:9px;}
.r_yh_xyk ul li a.name { position:absolute; top:106px; float:left; width:150px; height:32px; overflow:hidden; color:#666; font-weight:bold; line-height:32px;}
.r_yh_xyk ul li a.name:hover { color:#0781d5;}
.r_yh_xyk ul li p { width:105px; line-height:20px; height:40px; overflow:hidden; color:#999; position:absolute; top:140px;}
.r_yh_xyk ul li a.ljsq { position:absolute; top:140px; right:8px; float:left; padding:2px 4px; width:36px; height:36px; text-align:center; font:normal 14px/18px "microsoft yahei"; background:#0781d5; color:#fff;border-radius:6px; }
.r_yh_xyk ul li a.ljsq:hover { background:#2cba66;}

/* 优惠活动内容页右侧 切换的同商户优惠与同银行优惠 */
.l_tab_yh { width:300px;}
.l_tab_yh .tabList { width:298px; height:36px; border-left:1px solid #dcdcdc;}
.l_tab_yh .tabList a { float:left; width:148px; height:36px; border:1px solid #dcdcdc; border-left:none;font-family:"微软雅黑"; font-size:14px; text-align:center; line-height:36px; background:#f0f0f0;}
.l_tab_yh .tabList a.on,.l_tab_yh .tabList a:hover {background:#fbfbfb; font-weight:bold; color:#333; border-bottom:none; border-top:3px solid #0781d5; height:35px; line-height:34px;}
.l_tab_yh .indRList { width:288px; margin:12px auto 0px;}
.l_tab_yh .indRList dt { height:68px; line-height:20px; color:#999; margin-bottom:8px; overflow:hidden;}
.l_tab_yh .indRList dt span { display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold; color:#666;}
.l_tab_yh .indRList dt img { float:left; width:118px; height:68px; padding-right:10px;}
.l_tab_yh .indRList dd { height:26px; line-height:26px; overflow:hidden;}
.l_tab_yh .indRList dd span { float:right; width:90px; height:26px; text-align:right; color:#f00;}
.l_tab_yh .indRList dd a.dq { color:#386dbb; padding:0px 3px;}
.l_tab_yh .indRList dd a.dq:hover { color:#333;}
/* 右侧 信用卡话题 信用卡那点事儿 */
.l_huati { width:298px; height:215px; border-radius:10px; position:relative;}
.l_huati a.title { font:bold 16px/20px "microsoft yahei"; position:absolute; top:14px; left:12px;}
.l_huati .hd {right:0;top:8px;}
.l_huati .hd a { position:absolute; top:15px; display:block; width:20px; height:20px; border-radius:15px; border:1px solid #ededed; overflow:hidden; font-size:18px; font-family:"微软雅黑";text-align:center; line-height:18px;}
.l_huati .hd a.up { left:238px;}
.l_huati .hd a.down { left:265px;}
.l_huati .hd a:hover { background:#0781d5; color:#fff;}
.l_huati .bd { width:274px; height:82px; padding:5px;  margin:45px 0px 0px 6px; overflow:hidden;}
.l_huati .bd li { float:left; width:274px; height:82px; overflow:hidden;}
.l_huati .bd li a:hover { text-decoration:underline;} 
.l_huati .bd li img { float:left; width:106px; height:82px; padding-right:5px;}
.l_huati .bd li p { font:normal 14px/20px "microsoft yahei";overflow:hidden;color:#333;margin-bottom:2px;}
.l_huati .bd li span { display:block; font:12px; line-height:20px; color:#999;}
.l_huati dl {width:300px; margin-top:10px;}
.l_huati dl dd {float:left; width:150px; height:28px; line-height:28px; overflow:hidden;}
.l_huati dl dd a{ display:block; background:url(https://res.cngoldres.com/credit/images/list_fx.png) no-repeat -55px 6px;width:115px; height:28px; overflow:hidden; padding:0 10px 0 25px;}
.l_huati dl dd a:hover{background-position:-55px -24px;}
/* 右侧 的信用卡专题样式 */
.l_zhuanti { width:290px; margin:0 auto; padding:0px 10px;}
.l_zhuanti dl {}
.l_zhuanti dl dt { float:left; width:115px; padding:0px 15px 5px; height:110px; overflow:hidden; font:normal 12px/20px "microsoft yahei"; text-align:center;}
.l_zhuanti dl dt a { width:85px; height:102px; line-height:25px; overflow:hidden;}
.l_zhuanti dl dt img { display:block; margin:0 auto; width:100px; height:82px; border:1px solid #ededed;border-radius:10px;}
.l_zhuanti dl dt:hover img {border:1px solid #ccc;}
.l_zhuanti dl dd { float:left; width:125px; padding:0px 10px; height:28px; line-height:28px; overflow:hidden;}
.l_zhuanti dl dd a { color:#999;}
.l_zhuanti dl dd a:hover { color:#386dbb;}
/* 右侧的计算器样式  */
.l_Tool li {height:38px;padding:0px 0px 15px 10px;}
.l_Tool li a{display:block;height:38px;padding-left:48px;position:relative;}
.l_Tool li a span{position:absolute;left:0;top:0;width:38px;height:38px;background:url(https://res.cngoldres.com/credit/images/list_fx.png) no-repeat;}
.l_Tool li a span.a{background-position:0 -90px;}
.l_Tool li a span.b{background-position:0 -138px;}
.l_Tool li a span.c{background-position:0 -186px;}
.l_Tool li a span.d{background-position:0 -234px;}
.l_Tool li a span.e{background-position:0 -282px;}
.l_Tool li a em {font-size:12px;font-weight:normal;line-height:22px;color:#386dbb;}
.l_Tool li a p{color:#999;line-height:16px;}
.l_Tool li a:hover{text-decoration:none;}
.l_Tool li a:hover em {font-weight:bold;}
.l_Tool li a:hover span.a{background-position:-38px -90px;}
.l_Tool li a:hover span.b{background-position:-38px -138px;}
.l_Tool li a:hover span.c{background-position:-38px -186px;}
.l_Tool li a:hover span.d{background-position:-38px -234px;}
.l_Tool li a:hover span.e{background-position:-38px -282px;}
/* 右侧 信用卡办理的样式 */
.l_banli { width:290px; height:200px; margin:0 auto; position:relative;}
.l_banli .hd { position:absolute; top:-30px; height:22px; right:0px; width:83px;}
.l_banli .hd a { float:left; width:20px; height:20px; border-radius:15px; border:1px solid #ededed; overflow:hidden; font-size:18px; font-family:"微软雅黑";text-align:center; line-height:18px;}
.l_banli .hd a:hover { background:#0781d5; color:#fff;}
.l_banli .hd a.prev { float:left;}
.l_banli .hd a.next { float:right;}
.l_banli .hd ul { float:left; height:6px; line-height:6px; overflow:hidden; padding:8px 0px 0px 5px;}
.l_banli .hd li { float:left; width:6px; height:6px; background:#ccc; border-radius:3px;margin-right:5px; display:inline; cursor:pointer;}
.l_banli .hd li.on{background:#ff6600;}
.l_banli .tempWrap { width:270px; margin:0 auto;}
.l_banli .con ul { float:left; width:270px;}
.l_banli .con ul li { float:left; width:120px; height:30px; line-height:30px; padding-right:15px;}
.l_banli .con ul li a { color:#999;}
.l_banli .con ul li a:hover { color:#386dbb;}
/**************************************************** 通用的，文章内容页，内容文字 调用文章展示框架 开始***********************************************************/
.content{ width:616px; margin:5px auto 0px;font-size:14px;line-height:30px;color:#333;overflow:hidden;}
.content p{ text-indent:2em;margin-bottom:30px;}
.content a {color:#377ebc; text-decoration:underline;}
.content a:hover {color:#ba3022; text-decoration:underline;}
.content img {text-indent:-2em;}
/* table */
.content table {width:600px; margin:0 auto 20px; border-top:1px solid #E7866E; border-left:1px solid #E7866E; overflow:hidden;}
.content table tr th {line-height:30px;height:30px; border-bottom:1px solid #E7866E; border-right:1px solid #E7866E; white-space:nowrap;}
.content table tr td {font-size:12px; font-family:SimSun; text-align:center; border-right:1px solid #E7866E; border-bottom:1px solid #E7866E; line-height:30px; height:30px; }
.content .red_bg {background:#FFE8E2;}
.content .gray_bg {background:#f2f2f2;}
.content .text_green {color:#0C3;}
.content .text_red {color:#F00;}
.content .top_title {background:#FFE8E2;}
/* 插入广告 */
.det_title_soft{ font-size:12px; height:30px; line-height:30px; overflow:hidden;}
.det_title_soft span{float:left; padding-right:34px;}
.det_title_soft span.soft_04{padding-right:0;}
.det_title_soft a{ font-weight:bold; color:#f00;}
.det_title_soft a:hover{ font-weight:bold; color:#f00; text-decoration:underline;}
.in_content_left_advs {float:left;width:300px;height:305px;margin:10px 10px 0px 0; overflow:hidden;}
.in_content_left_text_advs {margin-top:5px;height:48px;border:1px solid #ddd; background:#F8F8F8;}
.in_content_left_text_advs li {float:left;width:50%; height:24px; line-height:24px; font-size:12px;}
.in_content_left_text_advs li a {color:#0158A7; text-decoration:underline; padding-left:4px;}
.in_content_left_text_advs li a:hover {color:#ab0003; text-decoration:underline; padding-left:4px;}
.in_content_left_text_advs li a.red {color:#ab0003; text-decoration:underline; padding-left:4px;}
.in_content_left_text_advs li a.red:hover {color:#ab0003; text-decoration:underline; padding-left:4px;}
/**************************************************** 通用的，文章内容页，内容文字 调用文章展示框架 结束**********************************************************/

/* 内容中的免责声明 */
.r_shengming{margin-top:15px;line-height:24px;color:#999;}
.r_shengming span { display:inline-block; background: #ba3022; padding: 0px 5px; float:left; color: #fff; margin:3px 10px 0 0; line-height: 20px;}
/* 分享 */
.article-share{width:100%;margin:20px 0px 0px;overflow:hidden; height:40px; border-bottom:1px dotted #ededed;}
.article-share span a{display:block;float:left;*display:inline;height:20px;line-height:20px;margin-right:10px;background:url(https://res.cngoldres.com/credit/images/fengxiang.png) no-repeat;text-indent:25px;overflow:hidden;}
.article-share .fav{background-position:0 -30px;}
.article-share .print{background-position:0 -70px;}
.article-share .rss{background-position:0 -110px;}
.article-share .bug{background-position:0 -150px;}
.article-share .fav:hover{background-position:0 -50px;}
.article-share .print:hover{background-position:0 -90px;}
.article-share .rss:hover{background-position:0 -130px;}
.article-share .bug:hover{background-position:0 -170px;}
.baidu-share{float:right;height:20px;line-height:20px;}
.baidu-share .bds_more{height:20px;padding-top:0;padding-bottom:0;background:url(https://res.cngoldres.com/credit/images/fengxiang.png) no-repeat!important;}
.baidu-share .bds_tools a{height:20px;width:20px;padding-top:0;padding-bottom:0;padding-left:0;background:url(https://res.cngoldres.com/credit/images/fengxiang.png) no-repeat!important;margin-right:5px;overflow:hidden;}
.baidu-share .bds_more{background-position:0px 0!important;}
.baidu-share .bds_tools .bds_qzone{background-position:-60px -30px!important;}
.baidu-share .bds_tools .bds_tsina{background-position:-60px -50px!important;}
.baidu-share .bds_tools .bds_tqq{background-position:-60px -70px!important;}
.baidu-share .bds_tools .bds_renren{background-position:-60px -90px!important;}
.baidu-share .bds_tools .bds_tqf{background-position:-60px -110px!important;}
.baidu-share .bds_tools .shareCount{margin-top:2px;}
#float-share{width:20px;height:125px;position:fixed;left:50%;margin-left:-501px;top:356px;_display:none;}
#float-share .bds_more{background-position:-60px 0!important;}
#float-share .bds_tools a{margin-bottom:5px;}
#float-share .bds_tools a:hover{-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
/* 过渡效果 */
.transition a{-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}
@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}
@-ms-keyframes bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0)}40%{-ms-transform:translateY(-30px)}60%{-ms-transform:translateY(-15px)}}
@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}
/* 2014-02-19新增 新版百度分享样式 */
.baidu-share .bdsharebuttonbox a{margin-top:0;line-height:20px;}
.baidu-share .bdsharebuttonbox .bds_more{width:75px;text-indent:25px;background-position:-60px 0!important;}
.baidu-share .bdsharebuttonbox .bds_weixin{background-position:0 -230px!important;}
/* 内容页相关文章 */
.l_read {width:620px; margin:0 auto;}
.l_read p{  font:bold 14px/40px "microsoft yahei"; color:#333; }
.l_read p .keys{margin:0px 6px;color:#ab0003;}
.l_read li {height:30px;line-height:30px;font-size:14px;overflow:hidden;}
.l_read li a{color:#386dbb;}
.l_read li a:hover{ color:#ab0003;}
/* 优惠活动文章页内容广告以及内容页评论 */
.l_yh_ggao { width:620px; margin:12px auto;}
.ly_pinglun { width:620px; margin:0 auto;}
/* 内容页底部返回与收藏 */
.DlinkFavorite { clear:both; text-align:center; padding-top:10px;}
.FavImage a{ background:url(https://res.cngoldres.com/web/img/fav_22.gif) no-repeat; width:310px; height:25px; display:block; overflow:hidden; line-height:25px; float:left;color:#0158A7; }
.DlinkFavorite .FavImage{ margin:12px auto; width:324px; overflow:hidden;}
.DlinkFavorite .FavImage a { margin:0 12px;}
.DlinkFavorite .FavText{ clear:both; font-size:14px; text-align:center; width:546px; margin:0px auto 12px auto; height:27px;line-height:27px;  background:url(https://res.cngoldres.com/web/img/favtext_bg1.gif) no-repeat; }
.DlinkFavorite .FavText a { color:#ab0003;}
.DlinkFavorite .FavText a:hover { color:#ab0003;}
.DlinkFavorite .btn { width: 160px; height: 40px; margin: 30px auto;  text-indent: 20px;}
.DlinkFavorite .btn a { display: block; width: 122px; padding-right:38px; height: 40px; font:400 14px/40px "SimSun"; background:url(https://res.cngoldres.com/zhubao/img/zhubao_img_all.png) 0px -380px no-repeat; text-decoration: none;}
.DlinkFavorite .btn a:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
/* 优惠内容页里面的热门信用卡-广告 */
.news_card_adv{ background:#0781d5; padding:5px; width:610px; margin:0 auto;}
.news_card_adv h3{ font:20px/26px "微软雅黑";color:#fff;text-align:center;float:left;width:25px; padding:0px 5px;}
.news_card_adv .intro{ font:12px/15px "宋体";color:#77cdf7;text-align:center;float: left; width:16px; padding-right:8px;}
.news_card_adv ul{ background:#fff;float: left;width: 550px;}
.news_card_adv li{ padding:8px 14px;border-right:1px dotted #e8e8e8;border-bottom:1px dotted #e8e8e8;height:52px;float: left;width: 154px;}
.news_card_adv li.end{ border-right:0;}
.news_card_adv li img{ width:70px;height:44px;float:right;margin-top:4px; overflow:hidden;}
.news_card_adv li h4{ float:left;font-size:12px;font-weight:normal;width:82px;height:24px;line-height:24px;overflow:hidden;color:#666;}
.news_card_adv li p{ float:left;font-weight:bold;color:#ff2400;width:82px;height:28px;line-height:14px;overflow:hidden;}
/* 优惠内容页 切换热点知识以及新闻 */
.article_news { width:621px; height:331px; margin:0 auto; position:relative;}
.article_news .tabList { width:620px; height:36px; border-left:1px solid #dcdcdc;}
.article_news .tabList a { float:left; width:123px; height:36px; border:1px solid #dcdcdc; border-left:none;font-family:"微软雅黑"; font-size:14px; text-align:center; line-height:36px; background:#fcfcfc;}
.article_news .tabList a.on,.article_news .tabList a:hover {background:#fff; font-weight:bold; color:#333; border-bottom:none; border-top:3px solid #0781d5; height:35px; line-height:34px;}
.article_news .tabcon { padding:20px 10px 5px 210px; font:12px/30px;}
.article_news .tabcon ul {}
.article_news .tabcon li{background:url(https://res.cngoldres.com/credit/img/dot_icon01.png) no-repeat 0 12px;padding-left:12px;height:30px;overflow:hidden;}
.article_news .tabcon li.hot{font-weight:bold;}
.article_news .tabcon li a {color:#333;}
.article_news .tabcon li a:hover { color:#386dbb;}
.article_news .leftAdv { position:absolute; left:5px; top:50px; width:190px; height:265px; overflow:hidden;}
.article_news .leftAdv p { position:relative; width:190px;height:265px;}
.article_news .leftAdv p img {width:190px;height:265px;display:block;}
.article_news .leftAdv p em { position:absolute; left:0; bottom:0; display:block; width:190px; height:36px;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; z-index:1;}
.article_news .leftAdv p a.tit {position:absolute;left:0;bottom:0;font:bold 14px/36px "microsoft";height:36px;overflow:hidden;color:#fff; z-index:2; text-align:center; display:block; width:190px; overflow:hidden;}
/**************************** 右侧的栏目样式，大部分可以通用的 ****************************/
/* 右侧信用卡中心简要 */
.l_zhongxin { width:284px; padding:10px 0px 0px 13px; overflow:hidden;}
.l_zhongxin .zx { width:282px; height:115px; line-height:24px; color:#999; text-align:center;}
.l_zhongxin .zx .pic img { display:block; margin:0 auto;}
.l_zhongxin .zx a { display:block; font-size:14px; font-weight:bold; width:282px; text-align:center; font-family:"微软雅黑";}
.l_zhongxin .zx i { font-size:16px; color:#bc2c08; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.l_zhongxin p { width:284px;}
.l_zhongxin p a {line-height:18px; height:18px; padding:0px 6px; background:#f4f4f4; color:#666; border:1px solid #d2d2d2; margin:7px 6px 0px 0px; display:inline-block;}
.l_zhongxin p a:hover { background:#fff; color:#999;}
/* 右侧的优惠日历 */
.l_rili { width:298px; height:228px; border-radius:10px; position:relative;}
.l_rili em { position:absolute; top:3px; left:11px; width:41px; height:41px; z-index:2;}
.l_rili .title a { display:block; line-height:32px; padding:6px 0px 0px 58px; font-size:18px; font-family:"微软雅黑"; font-weight:bold;}
.l_rili .title a span { font-size:12px;}
.l_rili .con { width:274px; height:136px; border-radius:8px; position:relative;}
.l_rili .arrow { top:40px;}
.l_rili .arrow_left { margin-left:10px;}
.l_rili .arrow_right { margin-right:10px;}
.l_rili .con_con { position:absolute; left:45px; top:11px; width:180px; height:120px; overflow:hidden;}
.l_rili .con_con ul { float:left; width:99999px;}
.l_rili .con_con li { float:left; width:180px; height:120px; line-height:30px; padding-right:10px;}
.l_rili .con_con li img { float:left; width:180px; height:90px;}
.l_rili .con_con li a span { color:#386dbb; height:30px; float:left; width:180px; overflow:hidden; text-align:center;}
.l_rili .con_con li a:hover span { color:#666;}
.l_rili p { width:274px; height:45px; position:relative; overflow:hidden;}
.l_rili p a {float:left;  width:39px; height:45px; line-height:28px; text-align:center; position:relative; overflow:hidden; z-index:5;}
.l_rili p a i { position:absolute; display:block; width:8px; height:8px; border-radius:5px; left:11px; top:29px; background:#fff; border:1px solid #e8e8e8; overflow:hidden;}
.l_rili p a:hover i,.l_rili p a.on i { width:10px; height:10px;border-radius:10px; border:1px solid #0781d5; left:10px; top:28px;} 
.l_rili p span { display:block; width:274px; height:33px; position:absolute; left:0px; top:0px;border-bottom:1px solid #e8e8e8; z-index:2;}
/* 右侧卡推荐 */
.l_k_tj { width:284px; margin:0 auto; padding-bottom:6px;}
.l_k_tj .kxx { display:block; width:284px; margin:0px 0px 10px; line-height:22px; overflow:hidden; color:#999;}
.l_k_tj .kxx i { float:left; font-weight:bold; color:#fff; text-align:center; line-height:12px;width:12px; height:12px; margin:5px 5px 0px 0px; background:#bdc4cb;border-radius:2px;}
.l_k_tj .kxx span { float:right;}
.l_k_tj .kxx span em { color:#e72d2e;}
.l_k_tj .kxx a.title { display:block;word-break:break-all; height:22px; overflow:hidden; width:180px;}
.l_k_tj .kxx p { position:relative; width:264px; height:66px; line-height:18px; color:#999; margin-top:5px;font-family:"微软雅黑"; display:none;}
.l_k_tj .kxx p em {height: 36px;line-height: 18px;display: block;position: absolute;right: -10px;width: 160px;overflow: hidden;}
.l_k_tj .kxx p a.sq { position:absolute; right:70px; bottom:5px; display:block; width:82px; height:23px; line-height:23px; text-align:center; color:#fff; font-weight:bold; background:#0781d5; border-radius:3px; font-weight:normal; margin-top:3px;}
.l_k_tj .kxx p a.sq:hover { background:#2cba66;}
.l_k_tj .kxx p img { float:left; width:105px; height:66px; padding-right:10px;}
.l_k_tj .kxxon,.l_k_tj .kxx:hover { color:#333;}
.l_k_tj .kxxon i,.l_k_tj .kxx:hover i { background:#e75e5e;}
.l_k_tj .kxxon p,.l_k_tj .kxx:hover p { display:block;}
/* 右侧 我要找卡的简要版 */
.l_zhaoka { width:290px;}
.l_zhaoka p { float:left; width:290px; line-height:18px; height:18px; overflow:hidden; margin:2px 0px 8px;}
.l_zhaoka p i { float:left; width:52px; height:18px; display:block; text-align:center;background:#0781d5; color:#fff; font-weight:bold;border-radius:3px; margin-right:10px;}
.l_zhaoka p span { float:right; color:#2c66ba;}
.l_zhaoka p a span { color:#2c66ba;}
.l_zhaoka p a:hover span { color:#666;}
.l_zhaoka a em { margin-right:12px; color:#999;}
.l_zhaoka a:hover em { color:#333;}
.l_zhaoka a b { margin-right:12px; color:#333;}
.l_zhaoka a:hover b { color:#0781d5;}
/* 右侧 资讯栏目 带一条热点的 */
.l_zixun01 { width:284px;}
.l_zixun01 dl {}
.l_zixun01 dl dt { height:65px; line-height:23px; color:#999; padding:5px 0px 10px; margin-bottom:5px; border-bottom:1px dotted #e8e8e8; overflow:hidden;}
.l_zixun01 dl dt a span { display:block; height:24px; line-height:24px; overflow:hidden; color:#666; font-weight:bold;}
.l_zixun01 dl dt a:hover span { color:#0781d5;}
.l_zixun01 dl dt img { float:left; width:100px; height:65px; padding-right:10px;}
.l_zixun01 dl dd { width:278px; height:24px; overflow:hidden; background:url(https://res.cngoldres.com/credit/images/list_bg.gif) 4px 10px no-repeat;}
.l_zixun01 dl dd a { display:block; padding-left:18px; height:24px; line-height:24px; color:#999;}
.l_zixun01 dl dd a:hover { color:#e72d2e; background:url(https://res.cngoldres.com/credit/images/list_bg.gif) 0px -24px no-repeat; }