body {margin:0 auto; padding:0;text-decoration: none; font-size:12px;font-family:Arial,Verdana, Helvetica, sans-serif; color:#666666; background:#fff;}
* { margin: 0; padding: 0; }
a{ outline:none; text-decoration:none;}

 h1, h2, h3, h4{ margin: 0; padding:0; font-size:18px;}
 img{ border:none;-ms-interpolation-mode: bicubic; }
 ul,li,dl,dt,dd,form{ margin:0; padding:0; list-style:none;}

.clear { clear:both; float:none; height:1px; overflow:hidden;} 
.clearfix { height:0;clear:both;float:none;overflow:hidden;width:100%;}

.cho_wrap{ width:1000px; margin:0 auto; background:#fff;}
.cho_con{ width:921px; margin:0 auto;}
.cho_top{ background:url(../images/chocolate/top_bg.jpg) no-repeat; width:921px; height:249px; position:relative;}
.cho_top .detail{ position:absolute; right:41px; bottom:14px; background:url(../images/chocolate/detail_btn.gif) no-repeat; width:95px; height:47px;}

.act_info{ background:url(../images/chocolate/act_info.jpg) no-repeat; width:921px; height:95px;}

.cho_inform{ background:url(../images/chocolate/banner_bg.jpg) no-repeat; width:921px; height:174px; margin-top:15px; position:relative;}
.cho_inform .book-count{ position:absolute; width:260px; height:35px; bottom:57px; right:130px; color:#fff; text-align:center; font-size:14px;}
.cho_inform .book-count span{ color:#fee900; font-size:24px;}
.cho_inform .book-btn{ position:absolute; right:192px; bottom:0;background:url(../images/chocolate/tz_btn.gif) no-repeat; width:136px; height:57px; border:none; cursor:pointer;}
.cho_inform .yuding_suc{ position:absolute; right:192px; bottom:0;background:url(../images/chocolate/gz_btn.gif) no-repeat;width:136px; height:57px;}
.cho_inform .yuding_over{ position:absolute; right:192px; bottom:0;width:136px; height:57px;}

.rank_con{ margin-top:15px;}

.rank_con .left{ float:left; display:inline; background:url(../images/chocolate/rank_bg_left.gif) no-repeat; width:696px; height:785px;  padding:112px 0 0 0; margin-right:7px; position:relative;}
.rank_con .left .rank_tips{ position:absolute; top:42px; left:323px;}
.rank_con .left .juxing_con{ float:left; display:inline; width:227px; margin-left:8px;}
.rank_con .left .mingxing_con{ float:left; display:inline; width:227px;}
.rank_con .left .xinxing_con{ float:left; display:inline; width:227px;}
.rank_con .left h2{ color:#ad6a49; font-size:18px; text-align:center; height:26px;}
.rank_con .left ul{ height:16px; margin-bottom:14px;}
.rank_con .left li{ float:left; display:inline; color:#474646;}
.rank_con .left .top3 li{ color:#951616;}
.rank_con .left .top3 li.index{background:url(../images/chocolate/index_bg.gif) no-repeat; font-family:Tahoma; color:#fff;font-size:10px;}
.rank_con .left .index{  width:14px; text-align:center; color:#767575;  margin:0 4px 0 10px;}
.rank_con .left .name{ width:120px; height:15px; overflow:hidden;}
.rank_con .left .count{ background:url(../images/chocolate/chocolate_icon.gif) no-repeat; padding-left:17px; color:#767575;}

.rank_con .left .detail_box{ background:url(../images/chocolate/detail_bg.gif) no-repeat; width:210px; height:290px; margin-bottom:25px; margin-left:8px;}
.rank_con .left .detail_box ul{ height:22px; padding-top:12px; margin:0;}
.rank_con .left .detail_box li.name{ padding-left:6px; width:140px;color:#fff;}
.rank_con .left .detail_box li.name a{color:#fff;}
.rank_con .left .detail_box li.name a:hover{ color:#dcc0b1;}
.rank_con .left .detail_box li.count{ color:#fff;}
.rank_con .left .detail_box .photo{ border:2px #d1af9d solid; width:198px; height:148px; overflow:hidden; margin:0 auto; position:relative; text-align:center;}
.rank_con .left .detail_box .photo img{ width:198px;}
.rank_con .left .detail_box .photo .top1{ position:absolute; left:-1px; top:-1px;background:url(../images/chocolate/top1_icon.png) no-repeat!important;background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/chocolate/top1_icon.png' ,sizingMethod='crop'); width:60px; height:43px;}
.rank_con .left .detail_box .info_bar{ position:absolute; bottom:0; left:0; height:20px; line-height:20px; color:#fff; width:192px; padding-left:6px; background:#000;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60); text-align:left;}
.rank_con .left .detail_box .info_bar .sign{ position:absolute; right:6px;}

.rank_con .left .detail_box h2{ color:#fff000; font-size:12px; text-align:left; font-weight:normal; line-height:20px; margin-top:5px; text-indent:12px;}
.rank_con .left .detail_box p{ color:#dcc0b1; line-height:20px;text-indent:12px;width:200px; height:20px; overflow:hidden;}
.rank_con .left .detail_box p a{color:#dcc0b1;}
.rank_con .left .detail_box p a:hover{color:#fff;}

.rank_con .right{ float:left; display:inline; background:url(../images/chocolate/rank_bg_right.gif) no-repeat; width:218px; height:897px;}
.rank_con .right .top_con{ padding-top:58px;height:292px;}
.rank_con .right .btm_con{ padding-top:45px;}
.rank_con .right  .tips{margin-bottom:12px; width:170px;padding-left:20px;}
.rank_con .right ul{ height:18px;}
.rank_con .right li{ float:left; display:inline;}
.rank_con .right .item{ margin-bottom:7px;}
.rank_con .right .index{  width:21px;text-align:left; color:#767575;margin:0 0 0 20px;}
.rank_con .right .name{ width:170px; height:15px; overflow:hidden;}
.rank_con .right .name a{ color:#474646;}
.rank_con .right .top3 li.index{background:url(../images/chocolate/index_bg.gif) no-repeat; font-family:Tahoma; color:#fff;font-size:10px; text-indent:4px; }
.rank_con .right .top3 li.name{ color:#951616;}
.rank_con .right .top3 li.name a{color:#951616;}
.rank_con .right .detail_box{ text-indent:41px; margin-bottom:10px; display:none;}
.rank_con .right .detail_box span{ color:#000;}

.rank_con .right .gh_title{ width:196px; height:30px; margin:0 auto 10px;}
.rank_con .right .juxing{ background:url(../images/chocolate/gh_jx_title.gif) no-repeat;}
.rank_con .right .mingxing{ background:url(../images/chocolate/gh_mx_title.gif) no-repeat;}
.rank_con .right .xinxing{ background:url(../images/chocolate/gh_xx_title.gif) no-repeat;}

.rank_con .left .page_con{ margin-top:20px;}
.rank_con .left .page-bar{margin:0 10px 0 0;text-align:center;color:#767575;}
.rank_con .left .page-bar a{display:inline;white-space:nowrap;color:#767575;padding:0 5px;height:18px;line-height:18px;margin:0;color:#666;text-decoration:none;}
.rank_con .left .page-bar a:hover{background:#c6100f;color:#fff;}
.rank_con .left .page-bar li{font-family:Arial,Verdana;margin:0;padding:0;float:none;display:inline-block;*display:inline;*zoom:1;text-align:center;}
.rank_con .left .page-bar a.page-bar-current{color:#fff; background:#c6100f;}
.rank_con .left .page-bar a.page-bar-current:hover{}

.rank_con .act_tips{ color:#caaa9a; padding:30px 0 30px 30px;}

.cho_footer{ width:100%; height:110px; border-top:1px #d7d7d7 solid; padding:40px 0 0 0; background:#985737; text-align:center; color:#d3b09e;}
.cho_footer p{ line-height:22px;}
.cho_footer a{ color:#d3b09e;}

.pop_act_detail{ position:absolute; width:768px; height:734px; display:none; left:0; top:0; background:#a8613d;}
.pop_act_detail .close{ position:absolute; right:20px; top:14px; background:url(../images/chocolate/close.gif) no-repeat; width:31px; height:31px;}
.pop_act_detail .logo{ position:absolute; left:30px; top:43px; background:url(../images/chocolate/act_detail_icon.jpg) no-repeat; width:174px; height:168px;}
.pop_act_detail .info_text{ width:490px; color:#fff; line-height:22px; margin-left:227px;}
.pop_act_detail .info_text span{ color:#ffea01; font-size:14px; font-weight:bold;}
.pop_act_detail .rewards_con{ background:url(../images/chocolate/act_detail_bg.gif) no-repeat; width:720px; padding-top:82px; margin:25px auto 0; height:369px;}
.pop_act_detail .rewards_tab{ background:#d3b09e; width:680px; margin:0 auto; color:#a8613d;}
.pop_act_detail .rewards_tab th{ background:#fff; font-size:14px;}
.pop_act_detail .rewards_tab td{ background:#fff;}
.pop_act_detail .rewards_tab .padd{ padding-left:12px; line-height:18px;}