.indexcontent{margin:10px auto;width:auto;overflow:auto; }
.indexcontent .cleft{ width:230px; float:left; margin-right:10px }
.indexcontent .cleft .categoryclass{ width:auto; height:auto; overflow:auto; text-align:left }
.cleft .categoryclass .hd{ background:url(../image/yhfl.gif) no-repeat top left; width:230px; height:auto; text-align:left;}
.cleft .categoryclass .hd span{color:#ED0404; margin:0 0 0 50px!important; font-weight:bold; line-height:100px;}
.cleft .categoryclass .bd{ padding:7px 20px 10px 20px; overflow:hidden; border-left:1px #FAC423 solid; border-right:1px #FAC423 solid; border-bottom:1px #FAC423 solid; height:100%; margin-top:-25px; background-color:#ffffff}
.cleft .categoryclass .bd .subtitle{ line-height:22px; clear:both; color:#555}
.cleft .categoryclass .bd .li{clear:both}
.cleft .categoryclass .bd li{ border-bottom:1px #eee solid; line-height:22px; color:#ACBDDF; width:129px; overflow:hidden; white-space:nowrap; background:url(../image/grayli.gif) no-repeat 5px 10px; padding-left:15px;}
.cleft .categoryclass .bd li.current{ border:1px #FFE499 solid; color:#F01D01; font-weight:bold; background:url(../image/redli.gif) #FFFACC no-repeat 5px 10px!important;}
.cleft .categoryclass .bd li.current a{ color:#F01D01; }
.cleft .categoryclass li{ float:left}
.indexcontent .cleft .area{}
.cleft .area a { float:left; display:block}
.cleft .controlcoupon{ background:#FFF7DA; border:1px #F0E2C1 solid; padding:10px 10px; height:auto; overflow:auto; width:auto }
.cleft .controlcoupon .button{ clear:both; border-bottom:1px solid #F0E2C1; padding-bottom:7px; height:100%; overflow:hidden; }
.cleft .controlcoupon .tel{ border-top:1px solid #FFFFFF; padding:2px 0 0 2px; height:100%; overflow:auto }
.cleft .controlcoupon .tel span{ color:#FC4200;font-weight:bold}
.indexcontent .cright{ width:950px; float:right; text-align:left; }
.cright .modulehd{ background:url(../image/modulehd_bg.gif) repeat-x; height:30px; text-align:left; border:1px #DFDEDE solid; line-height:30px; color:#333333; }
.cright .hdleft{ float:left; width:730px;}
.cright .hdleft span{ float:left; font-weight:bold; font-size:14px; color:#ff6600; margin-left:15px}
.cright .hdright{ flaot:right; width:auto; text-align:right!important;}
.cright .modulehd span{ float:left;}
.cright .modulehd a{ color:#333333; display:block; margin:auto 1px; float:left; padding:0 5px}
.cright .modulehd a:hover{ text-decoration:none; color:#ff6600; background:url(../image/curright.gif) no-repeat 15px 10px!important;}
.cright .modulehd a.current{ color:#ff6600; background:url(../image/curright.gif) no-repeat 15px 10px;}
.cright .modulebd{ background:#f6f6f6; padding:10px 10px 0 10px; width:auto; height:100%; overflow:auto }
.cright .modulebd .coupon{ clear:both; background:url(../image/pqxf.gif) no-repeat top right #ffffff; border:1px #d4d3d3 dashed; height:100%; overflow:auto; padding:10px; margin-bottom:10px; }
.coupon .preimg{ float:left; margin-right:15px; width:100px; height:100px; overflow:hidden; display:block;  border:1px #ddd solid;}
.coupon .preimg sup{ POSITION: absolute; margin-left:-30px; margin-top:-30px; clear:both; background:url(../image/zk.gif) no-repeat; width:45px; height:45px; color:white; font-weight:bold; line-height:45px; text-align:center; font-size:14px}
.coupon .preimg img{  max-width:98px;  max-height:98px; }

*html .coupon .preimg img{ width: expression(this.width > 98 && this.width > this.height ? 98 : auto); height: expression(this.height > 98 ? 98 : auto); }
.coupon .preimg img{ margin:1px}
.coupon .middle{ width:450px; float:left; padding-right:10px;}
.coupon .middle .title{ font-size:14px; font-weight:bold; line-height:25px}
.coupon .middle .content{ color:#666666; line-height:22px}
.coupon .middle .enddate{ margin-top:3px; color:#999}
.enddate span{ margin-left:20px;}
.coupon .fordetail{ float:left; text-align:center}
.fordetail .detail{ margin-top:20px}
.fordetail .print{#666; margin-top:5px}

.cright .shopinfo{ border-top:1px #FE7B23 solid; height:auto; padding:5px 10px 0 10px; background:url(../image/shopinfobg.gif) repeat-x top center; line-height:25px; background-color:#ffffff }
.shopinfo .hd{ color:#333; font-weight:bold; font-size:14px }
.shopinfo .bd{ border:3px #FFEDBD solid; padding:10px; margin:5px auto 10px auto;}
.shopinfo .bd .tel{ font-weight:100; font-size:12px}
.shopinfo .bd .address{ font-weight:100; font-size:12px}
.cright .viewcoupon{ border-top:1px #E6E6E6 solid; height:100%; overflow:auto; }
.viewcoupon .ctitle{ padding:10px 0; line-height:36px; font-size:22px; font-weight:bold; font-family:"΢ÈíÑźÚ"; color:black; text-align:center}
.viewcoupon .dateline{ text-align:center; clear:both; margin-bottom:13px; color:#666}
.viewcoupon .dateline span{ color:#ff6600; font-weight:bold; margin-right:20px}
.viewcoupon .viewdetail{ border-width:2px 2px 2px 0; border-color:#FF9900; border-style:dashed; width:683px; margin-left:auto; margin-right:auto; background:url(../image/yhq_rightbg.gif) #ffffff top right no-repeat;}
.viewdetail .yhq{ float:left; background:url(../image/yhq_bg.gif) repeat-y; width:19px; min-height:340px; _height:340px; padding-bottom:20px; overflow:auto; color:white; font-weight:bold; text-align:center; border-left:2px #FF6600 solid; }
.viewdetail .yhq span{ display:block; margin-top:130px }
.coupond{ width:auto; padding-top:20px; padding-left:20px; height:auto; overflow:auto; } 
.coupond .lefter{ width:280px; float:left; color:#999; margin-right:10px; border-right:1px #dedede solid; min-height:320px; _height:320px; }
.lefter .img { text-align:center; }
.lefter .img sup{ POSITION: absolute; margin-left:-50px; margin-top:-15px; clear:both; background:url(../image/sup.gif) no-repeat; width:59px; height:59px; color:white; font-weight:bold; line-height:52px; text-align:center; font-size:20px}
.lefter .img img{ max-width:260px; max-height:210px; }

*html .lefter .img img{ width: expression(this.width > 260 && this.width > this.height ? 260 : auto); height: expression(this.height > 210 ? 210 : auto); }
.lefter .tips { margin-top:15px; margin-left:10px; }
.lefter .tips ul li{ list-style:square!important; text-indent:15px }
.coupond .righter{ float:left; width:343px; min-height:320px; padding-bottom:20px; }
.righter .rtitle{ font-weight:bold; font-family:"΢ÈíÑźÚ"; font-size:18px; color:#222222; line-height:25px; margin-bottom:10px; }
.righter .enddate{ font-weight:bold; margin:5px auto; }
.righter .content{ margin-top:10px; line-height:22px; color:#999 }
.printer { clear:both; text-align:center; margin:20px auto; width:300px; }
.printbutton{ float:left; }
.printbutton span{ color:#ff3300; font-weight:bold }
.shoucangbutton{ flaot:left }

button{ cursor:pointer}
button.ckxq{ background:url(../image/ckxq.gif) no-repeat; width:67px; height:25px; border:none}
button.fbyhq{ background:url(../image/fbyhq.gif) no-repeat; width:79px; height:25px; border:none;}
button.glyhq{ background:url(../image/glyhq.gif) no-repeat; width:79px; height:25px; border:none}
input.print{ background:url(../image/print.gif) no-repeat; width:129px; height:33px; border:none; font-size:14px; font-weight:bold; color:#fff; text-indent:10px; line-height:25px; margin-right:15px; cursor:pointer}
input.shoucang{ background:url(../image/shoucang.gif) no-repeat; width:130px; height:34px; border:none; font-size:14px; font-weight:bold; color:#fff; text-indent:10px; line-height:25px; cursor:pointer}

.floatright{ float:right; }
.floatleft{ float:left; }
.pagination{ margin:10px 0; font-size:12px; width:98%; clear:both; height:100%; overflow:auto }
.pagination a,.pagination span{ float:left;display:inline;margin-right:2px;height:21px;line-height:21px;border:1px solid #FFE499;background-color:#fff;padding:0 7px; color:#ff3300 }
.pagination a:hover{ border:1px #FF3300 solid;font-weight:normal;text-decoration:none; }
.pagination span.current { border:1px #FE6400 solid; background-color:#FE6400; color:white; font-weight:bold }
.pagination a.pages-goto:link,.pagination a.pages-goto:visited { background-color:#fff; border-color:#FF3300; }