@charset "utf-8";
/* CSS Document */
.main { width:960px; margin:0 auto; overflow:hidden;}
.main_left { width:260px; float:left; overflow:hidden;}
.main_right { width:690px; float:right; overflow:hidden;}
.hao_tool{ width:258px; border:1px solid #f7dbda; padding-bottom:10px; overflow:hidden;}
.hao_tool h3{ background:url(https://res.cngoldres.com/web/hao/img/tool_titlebg.gif) repeat-x; text-indent:12px; height:30px; line-height:30px; font-size:14px; color:#ab0003;}
.hao_tool dl{width:226px;margin:0 auto;line-height:20px;border-bottom:1px dotted #ddd;padding-bottom:10px; overflow:hidden;}
.hao_tool dt{width:210px;color:#ab0003;padding:10px 0 0 10px;background:url(https://res.cngoldres.com/bank/img/icon_red.gif) no-repeat 0 19px;}
.hao_tool dt a{color:#ab0003;}
.hao_tool dd{width:64px;padding-left:10px;float:left;}
.hao_tool img { width:250px; padding:9px 4px 0; display:block;}

.hot_top{ width:258px; border:1px solid #ddd; margin-top:10px; overflow:hidden;}
.hot_top h3{ background:url(https://res.cngoldres.com/web/hao/img/left_titlebg.gif) no-repeat; text-indent:12px; height:27px; line-height:27px; font-size:14px; color:#ab0003;}
.hot_top .title{ height:26px; color:#444; font-weight:bold; float:left; width:225px; line-height:26px; margin-top:10px; border-bottom:1px dotted #ddd; margin-left:12px; display:inline;}
.hot_top .title span.name{ float:left; }
.hot_top .title span.rating{ float:right; display:inline; margin-right:15px;}
.hot_top ul{ float:left; width:245px; background:url(https://res.cngoldres.com/web/hao/img/num.gif) no-repeat 10px 4px; padding-bottom:10px; margin-top:6px;}
.hot_top li{ line-height:24px;text-indent:15px;  height:27px; float:left; width:225px; border-bottom:1px dotted #ddd; margin-left:13px; display:inline;}
.hot_top li a { float:left;}
.hot_top li a.name{ float:left; margin-left:25px; display:inline; color:#1e50a2;}
.hot_top li a:hover{ color:#ab0003;}
.hot_top li span{ float:right; color:#ab0003;}

.gold_converter{ width:258px; background:#f3f3f3; border:1px solid #ddd; margin-top:10px; overflow:hidden;}
.gold_converter h3{ background:url(https://res.cngoldres.com/web/hao/img/left_titlebg.gif) no-repeat; text-indent:12px; height:27px; line-height:27px; font-size:14px; color:#ab0003;}
.menubox_gold{ width:100px; margin:12px auto; overflow:hidden;}
.menubox_gold li{float:left;background:url(https://res.cngoldres.com/web/hao/img/menubox_gold_bg.gif) no-repeat;width:36px;heihgt:15px;line-height:15px;text-align:center;margin-right:10px;overflow:hidden;}
.menubox_gold li.sub_menu_li{background-position:0 -15px;}
.menubox_gold li.sub_menu_li a:hover{text-decoration:none;}

.tool_futures{ width:258px; border:1px solid #ddd; margin-top:10px; overflow:hidden;}
.tool_futures h3{ background:url(https://res.cngoldres.com/web/hao/img/left_titlebg.gif) no-repeat; text-indent:12px; height:27px; line-height:27px; font-size:14px; color:#ab0003;}
.tool_futures ul{ width:240px; padding:0 0 15px 18px; overflow:hidden;}
.tool_futures li {width:120px; float:left;}
.tool_futures li a { width:100px; height:20px; line-height:20px; display:block; border:1px solid #aea0a1; text-align:center; margin:9px 18px 0 0;}
.tool_futures li a:hover { border:1px solid #ab0003; text-decoration:none;}

.hao_famous{ width:690px; overflow:hidden;}
.hao_famous h3{ background:url(https://res.cngoldres.com/web/hao/img/famous_titlebg.gif) no-repeat; height:30px; line-height:30px; text-indent:22px; color:#fff;}
.famous_info { width:688px; border:1px solid #f7dbda; padding-bottom:8px; overflow:hidden;}
.famous_info ul { width:660px; margin:4px 8px 0; padding:0 6px; overflow:hidden;}
.famous_info ul.double { background:#f2f2f2;}
.famous_info li { float:left; width:110px; height:26px; line-height:26px; font-size:14px;}

.hao_cool{ width:688px; border:1px solid #ddd; padding-bottom:3px; margin-top:10px; overflow:hidden;}
.hao_cool h3{ background:url(https://res.cngoldres.com/web/hao/img/cool_titlebg.gif) no-repeat; height:30px; line-height:30px; text-indent:22px; color:#ab0003;}
.hao_cool h4 { width:668px; height:30px; line-height:30px; margin:10px 10px 5px; background:#f2f2f2; font-size:14px; color:#0158a7; text-indent:6px; overflow:hidden;}
.hao_cool p { width:668px; height:30px; line-height:30px; margin:0 10px; font-size:14px; color:#07519a; overflow:hidden;}
.hao_cool p a { width:105px; height:30px; display:block; float:left; text-indent:10px; overflow:hidden;}
.hao_cool p span { width:86px; display:block; float:left; text-indent:3px;}
.hao_cool p span a { width:86px; display:block; color:#ab0003;}
.hao_cool p span.more { float:right; font-size:12px; width:55px;}
.hao_cool p span.more a { width:55px; display:block; color:#ab0003;}
.left_adv_1{ margin-bottom:10px;}
.right_adv_1{ margin-top:10px; width:640px; overflow:hidden; margin-left:10px; height:60px;}