/*****************************************************************/
/*
************site:www.shotools.com************
************version:2013-04-24**********
************author:johie****************
*/
/*****************************************************************/
.mb304-slide{width:800px;height:306px;overflow:hidden}
.mb304-section a{color:#333;text-decoration:none}
.mb304-section a:hover{color:#df0000;text-decoration:underline}
.mb304-focusnews{width:578px;height:380px;float:left;border:solid 1px #d4d4d4;display:inline;margin:10px 10px 0}
.mb304-focusnews h1{height:28px;color:#333;padding-left:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d4d4d4;font:bold 14px/28px "宋体";background:#eaeaea}
.mb304-focusnews h1 span{display:inline-block;margin-right:15px;font-weight:normal}
.mb304-fsnews { float:left; width:290px; height:212px; overflow:hidden; position:relative; z-index:100 }
.mb304-greypng { height:25px; background:#000; filter:alpha(opacity=70); opacity:.7; width:270px; left:10px; bottom:16px; position:absolute; z-index:110 } 
.mb304-section a.ntit { height:25px; width:270px; line-height:25px; text-align:center; overflow:hidden;left:10px; bottom:16px; position:absolute; z-index:1200; color:#fff; display:block }
.mb304-newsec a.newimg{ width:270px;height:180px;overflow:hidden; position:absolute; z-index:102; top:16px; left:10px}
.mb304-tlist{width:280px;float:left;height:188px;overflow:hidden;margin-top:16px}
.mb304-tlist li{line-height:22px}
.mb304-tlist li a{color:#333}
.mb304-tlist li a:hover{color:#df0000}
.mb304-list4 li{width:132px;float:left;display:inline;margin-left:10px;}
.mb304-list4 li span{display:block;float:left;width:132px;line-height:18px;margin-top:3px;height:36px;overflow:hidden}
/*****************************************************************/
.mb304-groupon{width:198px;height:380px;float:left;border:solid 1px #d4d4d4;margin-top:10px;}
.mb304-groupon h1{color:#317ee7;font-size:14px;height:29px;line-height:29px;padding-left:10px;}
.mb304-groupon h1 a{ color:#317ee7 }
/*.mb304-groupon h1 .mb304-cirlist{float:right;display:inline;margin-right:10px;margin-top:10px}*/
.pagination li a{background-position:-9px -25px;width:8px;height:8px;float:left;margin-left:5px;text-indent:-9999px; display:inline}
.pagination .mb304-current a{background-position:0 -25px;}
/*----------------------------------------------------------------*/
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
#slides1{position:relative}
#slides1 .mb304-slides_container{width:198px;height:351px;display:none;}	
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
#slides1 .mb304-slides_container .mb304-grpcontent{width:198px;height:351px;display:block;}
/*
Example only
*/
.pagination{position:absolute;z-index:9999;top:-18px;right:10px;width:80px;height:8px;}
.pagination li{float:left;display:inline-block;}
/*.pagination li a{display:block;width:13px;height:13px;overflow:hidden;background:#df2d79;border:solid 1px #df2d79;color:#fff;text-align:center;border-radius:10px}
.pagination .mb304-current a{background:#fff;border:solid 1px #fff;color:#317ee7}*/
/*----------------------------------------------------------------*/
.mb304-grpcontent{margin-top:10px}
.mb304-grpcontent .mb304-djs{text-align:center;height:25px;line-height:25px;margin-bottom:3px}
.mb304-grpcontent img{display:block;width:128px;height:128px;margin:0 auto;border:solid 1px #d4d4d4;clear:both}
.mb304-grpcontent .mb304-csname{display:block;margin:16px 18px;line-height:18px;height:54px;overflow:hidden}
.mb304-grpcontent .mb304-csname a:hover{text-decoration:underline}
.mb304-gpbtn{height:37px;background:#317ee8}
.mb304-gpbtn .mb304-jt{height:37px;width:29px;float:left;background-position:0 -188px;background-color:#fff}
.mb304-gpbtn .mb304-rt{float:left;color:#fff;line-height:37px;display:block;height:37px;width:160px}
.mb304-gpbtn .mb304-rt .mb304-csprice{float:left;font:normal 20px/24px Arial, Helvetica, sans-serif;margin-top:6px}
.mb304-gpbtn .mb304-rt .mb304-csprice em{font-style:normal;font-size:12px;}
.mb304-gpbtn .mb304-rt a{float:right;display:inline-block;background:#ffba00;margin:7px 0 0 0 ;width:59px;height:23px;font-size:14px;color:#fff;text-align:center;line-height:23px;font-weight:bold}
.mb304-gpbtn .mb304-rt a:hover{text-decoration:underline}
.mb304-inner{width:198px;height:49px;margin-top:11px}
.mb304-inner dl{float:left;width:64px;height:49px;text-align:center;font-size:14px;border-right:1px #e1e1e1 solid;border-left:1px #fff solid;background-color:#f0f0f0}
.mb304-inner dt{padding-top:10px;color:#444;font-size:12px;padding-bottom:5px}
.mb304-inner dd{padding:0 2px;color:#666;font-family:arial}
.mb304-pricebefore{text-decoration:line-through}
/*****************************************************************/
.mb304-csfloor{margin-top:10px}
.mb304-csfloor h1{height:30px;line-height:30px;overflow:hidden}
.mb304-csfloor h1 .mb304-fl{color:#317ee8;font:bold 18px/30px microsoft yahei,arial}
.mb304-csfloor h1 .mb304-fl em{color:#929292;font:normal 11px/30px tahoma,arial;margin-left:10px;}
.mb304-csfloor h1 .mb304-fr{font-size:12px;color:#333;font-weight:normal}
.mb304-csfloor h1 .mb304-fr a{color:#333;}
.mb304-csfloor h1 .mb304-fr a:hover{color:#df0000;text-decoration:underline}
.mb304-csfsec{/*margin-top:5px;*/}
.mb304-csfl{width:200px;float:left;}
.mb304-csflp1{width:200px;float:left;}
.mb304-csflp1 .mb304-aa{float:left;}
.mb304-csflp1 .mb304-bb{display:inline-block;}
.mb304-csfr{float:right;width:798px;height:537px;border:solid 1px #d4d4d4;overflow:hidden}
.mb304-csfr ul{width:800px}
.mb304-csfr li{width:199px;border-right:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4;float:left;height:268px; overflow:hidden;}
.mb304-csfr li img{width:128px;height:128px;border:solid 1px #d4d4d4;display:block;margin:28px auto 18px auto}
.mb304-csfr li span{display:block;margin:0 16px;line-height:18px;margin-top:7px;height:54px;overflow:hidden;word-break:break-all}
.mb304-csfr li .mb304-csname em,.mb304-grpcontent .mb304-csname em{text-decoration:underline;margin-right:5px;font-style:normal;color:#df0000}
.mb304-csfr li a{color:#333}
.mb304-csfr li a:hover{color:#df0000;text-decoration:underline}
.mb304-csfr li .mb304-csprice{color:#df0000;font:normal 20px/24px Arial, Helvetica, sans-serif}
.mb304-csfr li .mb304-csprice em{font-style:normal;font-size:12px;}
.mb304-csfr li .mb304-csprice b{font:normal 12px/24px 宋体;color:#909090}
.mb304-csf2 .mb304-csfr,.mb304-csf3 .mb304-csfr,.mb304-csf4 .mb304-csfr,.mb304-csf5 .mb304-csfr,.mb304-csf6 .mb304-csfr,.mb304-csf7 .mb304-csfr{height:268px}
.mb304-csf2 h1 .mb304-fl{color:#26b2c2}
.mb304-csf3 h1 .mb304-fl{color:#f26e33}
.mb304-csf4 h1 .mb304-fl{color:#30b356}
.mb304-csf5 h1 .mb304-fl{color:#8148a7}
.mb304-csf6 h1 .mb304-fl{color:#f1547f}
.mb304-csf7 h1 .mb304-fl{color:#eb5b4c}
.mb304-csf3 .mb304-csfr { height:537px }
:root{--ms-accent:#3d4a5c;--ms-radius:3px;--ms-line:1.62;--ms-gap:13px;}