﻿.search {background:#3d3d3d; height:50px; overflow:hidden;}
.search .marquee {float:left; }
.search .marquee h2 {background:url(../images/search_notice_title.jpg) no-repeat; text-indent:-9999px; width:105px; height:34px; float:left; margin:8px 12px;}
.search .marquee .wrap{height:26px; overflow: hidden; position: relative; margin:12px 0;}
.search .marquee ul {position:relative;}
.search .marquee ul li {height:26px; line-height:26px; }
.search .marquee ul li a {color:#fff; font-size:12px; }
.search .box {float:right; background:url(../images/search_box_bg.jpg) no-repeat; width:333px; height:34px; margin:8px 13px; position:relative; zoom:1;}
.search .box .text, .bdcs-search-form-input {border:none; background:none; width:270px; height:30px; line-height:30px; padding-left:20px; +padding-left:0; font-size:14px; color:#333;font-family:"黑体";}
.search .box .text.default {color:#a7a7a7; }
.search .box .submit, .bdcs-search-form-submit {display:block; width:42px; height:32px; text-indent:-9999px; position:absolute; right:0; top:0;border:none; background:none; }

.banner{width:1005px;margin:auto;height:300px; overflow:hidden; position:relative;}
.banner a {display:block;height:100%; }
.banner #img1 {background:url(../images/banner/1.jpg) repeat-x center center; height:352px; }

.banner .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#f00; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:1005px; height:300px; display:block;  }

.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:#666 url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=10);opacity:0.1;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=70);opacity:0.7;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }


/* 主要区域 */
.content {float:left; width:725px; margin-top:10px; margin-bottom:10px; overflow:hidden; }

.news {overflow:hidden; }
.news #focus { width: 305px; height: 200px; position: relative; overflow:hidden; float:left;}
.news #focus li img {width:305px; height:200px; }
.news #focus li p {position:absolute;left:0; bottom:0px; background:#333; color:#fff; height:30px; line-height:30px; font-size:12px; text-align:center; width:100%; filter: alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.news #focus .prev,
.news #focus .next { display: none; width: 20px; height: 50px; background: url(../images/focus/btn.png) no-repeat; position: absolute; top: 80px;}
.news #focus .prev { left: 0; }
.news #focus .next { right: 0; background-position: right }
.news .list {float:left; width:410px; margin-left:10px;}
.news .list .tabs {border-left:1px #ccc solid; overflow:hidden;}
.news .list .tabs a{display:block; float:left; width:120px; height:30px; line-height:30px; text-align:center; border-top:3px #ccc solid; border-right:1px #ccc solid; cursor:pointer; text-decoration:none; font-weight:bold; font-family:"黑体";}
.news .list .tabs a.active {border-top:#00A1E9 3px solid; }
.news .list ul {clear:both; border:1px #ccc solid; height:152px; padding:7px 0; display:none; zoom:1;}
.news .list ul#tab1 {display:block; }
.news .list ul li {position:relative; zoom:1; line-height:30px; font-size:12px; background:url(../images/icons/icon_arrow.png) no-repeat 5px center; padding-left:15px; margin:0 10px; border-bottom:1px #ccc dashed;}
.news .list ul li.last {border-bottom:none; }
.news .list a {color:#666; }
.news .list small {position:absolute; right:0; top:0px; font-size:12px; color:#666;}

.products {overflow:hidden; clear:both; margin-top:10px;}
.products a {display:block; width: 241px; height:73px; float:left; text-indent:-9999px; margin-right:1px;}
.products a#pro1 {background:url(../images/pro1.png) no-repeat; }
.products a#pro2 {background:url(../images/pro2.png) no-repeat; }
.products a#pro3 {background:url(../images/pro3.png) no-repeat;margin:0; }

.data {margin-top:10px; }
.data .tabs {border-left:1px #ccc solid; overflow:hidden;}
.data .tabs a{display:block; float:left; width:240px; height:70px; color:#666; text-align:center; border-top:5px #ccc solid; border-right:1px #ccc solid; cursor:pointer; text-decoration:none;font-weight:bold; font-family:"黑体"; font-size:18px; }
.data .tabs a i {display:block; width:49px; height:18px; background:url(../images/icons/icon_products.png) no-repeat; margin:10px auto; }
.data .tabs a.pro2 i {background-position:0 -36px; }
.data .tabs a.pro3 i {background-position:0 -76px; }
.data .tabs a.pro4 i {background-position:0 -119px; }
.data .tabs a.pro2 {width:241px;}
.data .tabs a.active {border-top:#00A1E9 5px solid; }
.data .tabs a.pro1.active {border-top-color:#B50829; color:#B50829; }
.data .tabs a.pro1.active i {background-position:0 -18px; }
.data .tabs a.pro2.active {border-top-color:#008246; color:#008246; }
.data .tabs a.pro2.active i {background-position:0 -56px; }
.data .tabs a.pro3.active {border-top-color:#0181C0; color:#0181C0; }
.data .tabs a.pro3.active i {background-position:0 -97px; }
.data .tabs a.pro4.active {border-top-color:#6a632a; color:#6a632a; }
.data .tabs a.pro4.active i {background-position:0 -137px; }
.data .wrap {border:1px #ccc solid; padding-bottom:10px;  overflow:hidden; }/*height:370px;*/
.data .tab {display:none;}
.data .tab#tab1 {display:block; }
.data h3 {border-bottom:2px #00A1E9 solid; line-height:30px; margin:10px 20px 0; position:relative; zoom:1; font-size:16px;}
.data h3 a{color:#666;text-decoration:none; font-weight:bold; font-family:"黑体";}
.data .quotes {width:350px; float:left; position:relative;}
.data .quotes .countdown {position:absolute; top:180px; left:20px; font-family:"黑体"; color:#999; font-size:20px; text-align:center; }
.data .quotes .countdown h5{margin:10px;font-weight:bold;display:none;}
.data .quotes .countdown h6{margin:20px;font-size:14px; display:none;}
.data .quotes .countdown p {color:#666; font-size:18px; display:none; }
.data .quotes .loading {position:absolute; top:180px; left:160px;}
.data .quotes h3 span {position:absolute;right:0; top:0px;}
.data .quotes h3 span a {background:#F2F2F2; padding:3px 5px; margin-left:5px; cursor:pointer; color:#B1B1B1; font-size:12px; }
.data .quotes h3 span a:hover, .data .quotes h3 span a.active{color:#0181C0; }
.data .quotes .priceboard {margin:0 20px; width:310px; border-top:none;}
.data .quotes .priceboard td{padding:6px 0;}
.data .charts {width:650px; float:right; position:relative;}
.data .charts h3 {margin-bottom:10px; }
.data .charts .tab {margin:0 10px; }
.data .chart {width:340px; height:300px; }
.data .chart .loading {position:absolute; top:180px; left:160px;}

.info {margin-top:10px; float:left; width:350px;}
.info h3 {line-height:30px;border:1px #ccc solid; border-top:#00A1E9 3px solid; text-indent:10px; font-family:"黑体"; font-size:16px; color:#000; position:relative;}
.info h3 a {position:absolute; right:10px; font-size:12px; font-family:"宋体"; color:#666; }
.info h3 a:hover {text-decoration:none; }
.info#info-comments {float:right; }
.info .tabs {border-left:1px #ccc solid; overflow:hidden;}
.info .tabs a{display:block; float:left; width:86px; height:30px; line-height:30px; text-align:center; border-right:1px #ccc solid; cursor:pointer; text-decoration:none; font-weight:bold; font-family:"黑体"; color:#666;}
.info .tabs a.last {width:87px; }
.info .tabs a.active {font-weight:bold; color:#00A1E9;}
.info ul {clear:both; border:1px #ccc solid; height:390px; padding:7px 0; display:none; zoom:1;}
.info ul#tab1 {display:block; }
.info ul li {position:relative;zoom:1;line-height:30px; font-size:12px; background:url(../images/icons/icon_arrow.png) no-repeat 5px center; padding-left:15px; margin:0 10px; border-bottom:1px #ccc dashed;}
.info ul li.last {border-bottom:none; }
.info ul li a {color:#666; display:block;  width:240px; overflow:hidden;white-space:nowrap;  }
.info small {position:absolute; right:0; top:0px; font-size:12px; color:#666;}

/* 边栏 */
.sidebar {float:right;width:271px; margin-top:10px; }
.notice .tabs {border-left:1px #ccc solid; overflow:hidden;}
.notice .tabs a{display:block; float:left; width:134px; height:30px; line-height:30px; text-align:center; border-top:3px #ccc solid; border-right:1px #ccc solid; cursor:pointer; text-decoration:none;font-weight:bold;font-family:"黑体";}
.notice .tabs a.active {border-top:#00A1E9 3px solid; }
.notice .tab {clear:both; border:1px #ccc solid; height:152px; padding:7px 0;  display:none; zoom:1;}
.notice .tab#tab1 {display:block; }
.notice ul li {width:240px; overflow:hidden;white-space:nowrap; zoom:1; line-height:30px; font-size:12px; background:url(../images/icons/icon_arrow.png) no-repeat 5px center; padding-left:15px; margin:0 5px; border-bottom:1px #ccc dashed;}
.notice ul li.last {border-bottom:none; }
.notice a {color:#666; }

.openacct {margin-top:10px; height:71px; background:url(../images/openacct.png) no-repeat center center; border:1px #ccc solid; }
.openacct a {display:block; height:100%; text-indent:-9999px; }

.quicklinks {margin-top:10px; }
.quicklinks h3{background:#0181C0; color:#fff; line-height:30px;font-family:"黑体";font-weight:bold; text-indent:20px; }
.quicklinks .wrap {overflow:hidden; zoom:1;}
.quicklinks .wrap a {display:block; width:85px; height:60px; border:1px #ccc solid; float:left; color:#525252; line-height:100px; margin:0 5px 5px 0; text-align:center; font-size:12px; position:relative;}
.quicklinks .wrap a:hover {background:#00A1E9; color:#fff; text-decoration:none; }
.quicklinks .wrap a.nomargin {margin-right:0; }
.quicklinks .wrap a i {background:url(../images/icons/icon_quicklinks.png) no-repeat top center; display:block; width:32px; height:32px; position:absolute; top:5px; left:25px;}
.quicklinks a.banks i{ background-position: 0 0;} 
.quicklinks a.banks:hover i{ background-position: 0 -82px; } 
.quicklinks a.mobile i{ background-position: 0 -164px; } 
.quicklinks a.mobile:hover i{ background-position: 0 -246px; } 
.quicklinks a.members i{ background-position: 0 -328px;} 
.quicklinks a.members:hover i{ background-position: 0 -410px;} 
.quicklinks a.openaccounts i{ background-position: 0 -492px; } 
.quicklinks a.openaccounts:hover i{ background-position: 0 -574px;} 
.quicklinks a.down i{ background-position: 0 -656px; } 
.quicklinks a.down:hover i{ background-position: 0 -738px; } 
.quicklinks a.process i{ background-position: 0 -820px; } 
.quicklinks a.process:hover i{ background-position: 0 -902px; } 
.quicklinks a.qa i{ background-position: 0 -984px; } 
.quicklinks a.qa:hover i{ background-position: 0 -1066px; } 
.quicklinks a.rules i{ background-position: 0 -1148px; } 
.quicklinks a.rules:hover i{ background-position: 0 -1230px; } 
.quicklinks a.mail i{ background-position: 0 -1312px; } 
.quicklinks a.mail:hover i{ background-position: 0 -1394px; } 
.quicklinks a.moni i{ background-position: 0 -1476px; } 
.quicklinks a.moni:hover i{ background-position: 0 -1558px; } 
.quicklinks a.manual i{ background-position: 0 -1640px; } 
.quicklinks a.manual:hover i{ background-position: 0 -1722px; } 

.review {margin-top:10px; }
.review h3{ background:url(../images/icons/icon_calendar.png) no-repeat 5px 10px; font-size:18px; border-top:3px #00A1E9 solid; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:none; line-height:50px;font-family:"黑体"; position:relative; zoom:1; padding-left:50px; color:#333;}
.review h3 small {position:absolute; top:4px; left:15px; font-size:10px; color:#0181C0; font-weight:bold;}
.review h3 a{color:#333; text-decoration:none;}
.review .wrap {border:1px #ccc solid; background:#FCFCFC; font-size:12px; line-height:20px; height:68px; text-indent:2em; padding:10px; position:relative; padding-bottom:30px; zoom:1;}
.review .readmore {position:absolute; bottom:5px; right:10px;}

.portals {margin-top:10px; }
.portals a {display:block; margin-bottom:10px; width:100%; height:80px; background:url(../images/portals.png) no-repeat center center; border:1px #ccc solid; }
.portals a#service {background-position:center 0; }
.portals a#activity {background-position:center -80px; }
.portals a#guide {background-position:center -160px; }

.friendlylinks {margin-top:10px; }
.friendlylinks h3{background:#0181C0; color:#fff; line-height:30px; font-family:"黑体";font-weight:bold; text-indent:20px; }
.friendlylinks .wrap {border:1px #ccc solid; border-top:none; overflow:hidden;}
.friendlylinks ul li {margin:10px 0; text-align:center; }
.friendlylinks ul li img{width:180px; height:50px; }