﻿/*购物街体样式*/
#class_center{ width:978px; background:#FFF; margin:0 auto; clear:both; padding-bottom:5px; position:relative;}
#class_center .add{ width:968px; height:80px; margin:0 auto; padding:2px 0px 5px 0px;}
em {font-style:normal;}
h1, h2, h3, h4, h5, p, dt, dd, dl{ margin:0px; padding:0px; font-size:12px;}
#class_center .pic_detail_title,#class_center .pic_detail_title span,#class_center .sub-comm,#class_center .comment_nav{ background:url(../images/class_images/img2.gif) no-repeat;}

/*左边区域购物街产品分类导航----------------------------------*/
#class_center .list_title,#class_center .release,#class_center .settled,#class_center .new_title,.library_title,#class_center .new_box li,.top_title,.num1,.num2,.num3,.top_img,.search_btn,.sm_title,#class_center .R_info li.email,.like_title,.like li,.crumb,.home_img,.delete,.print,.send,.keep,.tel_img{ background:url(../images/class_images/img.gif) no-repeat;}
/*当前位置*/
#class_center .crumb{ width:966px; height:27px;margin:0 auto 4px auto; overflow:auto; clear:both; overflow:hidden; background-position:0 -166px; background-repeat:repeat-x; border:1px solid #c8e7be; }	
#class_center .crumb li.home_img {float:left;background-position:-235px -195px; padding-left:30px; }
#class_center .crumb li{ float:left;line-height:29px; _line-height:30px; padding-left:4px; font-family:"宋体"; color:#333;}
#class_center .crumb a{ margin-right:3px;}
#class_center .crumb p {color:#808080;float:right;padding-right:9px; line-height:29px;}
#class_center .crumb em{ color:#f30;}
/*内容主题样式==================*/
#class_center .page{ width:968px;margin:0 auto; overflow:auto; clear:both; overflow:hidden; }	
#class_center .page_L{ width:770px;float:left; overflow:hidden;}
#class_center .list{ width:148px; height:820px; border:1px solid #b9d7f9; border-top:none; float:left; overflow:hidden; margin-right:4px; overflow:hidden; background:#f6fdff;}
#class_center .list_box{ width:148px; margin:0 auto; clear:both;}
#class_center .list_title{width:148px; height:32px; float:left; background-position:0px 0px; border-top:1px solid #c8e7be;border-bottom:1px solid #c8e7be;}
#class_center .list_title a{ line-height:32px; padding-left:12px; font-size:14px; color:#06c; font-weight:bold;}
#class_center .list_box ul{ padding:5px 10px; float:left;}
#class_center .list_box li{ width:130px; float:left; line-height:22px;}
#class_center .list_box li a{ font-family:"宋体";}
#class_center .list_box li span{ color:#999; padding:0 3px;font-family:"宋体";}
/*右边区域*/
#class_center .page_R{ width:198px;float:left; overflow:hidden; margin-left:0px;}
#class_center .btn_box{ width:198px; height:33px; margin:0 auto;}
#class_center .release,#class_center .settled{ width:97px; height:33px; overflow:hidden;}
#class_center .release a,#class_center .settled a{ font-size:13px; line-height:35px;_line-height:36px; text-indent:30px; color:#FFF; font-weight:bold; float:left;}
#class_center .release{ float:left; background-position:0px -36px;}
#class_center .settled{ float:right; background-position:-104px -36px;}
/*新进信息*/
#class_center .new_box{ width:196px; float:left; margin-top:4px; border:1px solid #eacc8b; background:#fffcf5;}
#class_center .new_title{ width:196px; height:38px; background-position:-221px 5px;  overflow:hidden;}
#class_center .new_box ul{ padding:0 0 6px 0; float:left;}
#class_center .new_box li{ width:172px; height:22px;padding:0 0 0 18px; float:left; line-height:22px; overflow:hidden; background-position:-247px -102px;}
/*推荐信息*/
#class_center .top_box{width:196px; float:left; margin-top:4px; border:1px solid #eacc8b; background:#fffcf5;}
#class_center .top_box ul{ padding:0 0 6px 0; float:left;}
#class_center .top_box li{ width:180px; height:22px; line-height:22px; padding-left:9px;overflow:hidden;}
#class_center .top_box span.num1{ width:17px; height:15px; background-repeat:no-repeat; background-position:-154px 0px; float:left; margin:3px 3px 0 0; text-align:center; line-height:14px;text-indent:1px; color:#FFF; font-family:Arial; font-size:11px; padding-left:1px;}
#class_center .top_box span.num2{ width:17px; height:15px; background-repeat:no-repeat; background-position:-174px 0px; float:left; margin:3px 3px 0 0; text-align:center; line-height:14px;text-indent:1px; color:#FFF; font-family:Arial; font-size:11px; padding-left:1px;}
#class_center .top_box span.num3{ width:17px; height:15px; background-repeat:no-repeat; background-position:-194px 0px; float:left; margin:3px 3px 0 0; text-align:center; line-height:14px;text-indent:1px; color:#FFF; font-family:Arial; font-size:11px; padding-left:1px;}
#class_center .top_title{ width:196px; height:38px; background-position:-221px -29px; overflow:hidden;}
/*黄页库*/
#class_center .library_box{ width:196px; float:left; margin-top:4px; border:1px solid #81c5ef; background:#fbfdff;}
#class_center .library_title{ width:196px; height:38px; background-position:-221px -63px; overflow:hidden;}
#class_center .library_box ul{ padding:0 0px 6px 15px; float:left;}
#class_center .library_box li{ width:172px; height:22px;float:left; line-height:22px; overflow:hidden; }
#class_center .library_box li a{ font-family:"宋体";}
#class_center .library_box li span{ color:#999; padding:0 3px;font-family:"宋体";}

#class_center .library_title,#class_center .top_title a,#class_center .new_title{line-height:38px; _line-height:40px;font-size:14px; font-weight:bold; text-indent:45px; float:left; }

/*列表页=============================*/
#class_center .list_page{ width:968px;margin:0 auto; overflow:auto; clear:both; overflow:hidden; background:url(../images/class_images/L_bg.gif) repeat-y; }	
#class_center .list_page_bottom{ width:968px; height:5px;margin:0 auto; clear:both; overflow:hidden;background:url(../images/class_images/bottom_bg.gif) no-repeat; }
#class_center .list_page_L{ width:766px;float:left; overflow:hidden; margin-right:4px;}
#class_center .list_bg{ width:766px; float:left; background:url(../images/class_images/L_bg.gif) repeat-y; margin-top:4px;}
/*分类导航*/
#class_center .top_nav{ width:762px; clear:both; border:1px solid #b8d7f9; padding:1px; background-color:#f1f8ff; overflow:auto; }
#class_center .top_nav_box{ width:722px; background:#f4fff3; padding:15px 20px 10px 20px; overflow:auto; float:left;}
#class_center .class_classify{ width:722px; height:28px; float:left; border-bottom:1px #b8d7f9 dashed;}
#class_center .class_classify em{ float:left; display:block; color:#060; font-size:14px; line-height:28px;}
#class_center .class_classify a{ font-size:14px; line-height:28px; float:left; padding:0px 3px;}
#class_center .class_classify span{margin:0px 6px 0px 6px; color:#a2d0aa; font-size:12px; font-family:"宋体"; float:left; line-height:26px;}
#class_center .class_classify a.hover{ float:left; height:18px;_height:16px; line-height:19px;_line-height:16px; border:0px #a2d0aa solid; margin-top:4px; _margin-top:2px;background:#06c;padding-top:0px; _padding-top:3px;color:#fff; font-weight:bold;}

#class_center .class_top_line{ width:766px; height:4px; float:left; overflow:hidden; background-color:#fff; border-bottom:1px solid #b8d7f9;}
#class_center .class_bottom_line{ width:766px; height:0px; float:left; overflow:hidden; border-bottom:1px solid #b8d7f9;}

/*分类*/
#class_center .catalog{ width:760px;padding:12px 0; float:left;}
#class_center .catalog dl{float:left;border-bottom:1px dashed #b8d7f9;margin:0 12px;_margin:0 6px;padding:8px 0 0; display:block;}
#class_center .catalog dt{float:left;padding-top:1px;text-align:right;width:86px; font-size:14px; color:#0066cc}
#class_center .catalog dd{float:left;padding-left:10px;position:relative;width:632px;}
#class_center .catalog dl a{ font-size:14px;}
#class_center .catalog dl.btm{ border:none; padding-top:12px;}
#class_center .catalog div.fit {height:100%;}
#class_center .interval {color:#808080;float:left;height:23px;overflow:hidden;width:620px;}
#class_center .interval span{display:inline-block;margin:0 10px 8px 0;}
#class_center .interval a.msk{background-color:#06c;color:#fff; padding:2px 1px 1px 1px; font-weight:bold;}

/*信息列表*/
#class_center .class_list{ width:722px; /*height:80px;overflow:hidden;*/ float:left;margin:2px 15px 0 15px;_margin-left:8px; clear:both; border-bottom:1px dashed #e9ebe8;  padding:10px 5px 0 5px;}
#class_center .one{ background-color:#f1f8ff;}
#class_center .class_list li{ width:718px; /*height:22px;overflow:hidden;*/ line-height:22px; float:left;  margin-left:0px;}
#class_center .class_list li.class_list_text{ width:718px; /*height:42px;overflow:hidden;*/ line-height:22px; float:left; }
#class_center .class_list span a{ float:14px; color:#06c; font-size:14px; padding:0 10px 0 5px;font-family:"宋体";}
#class_center .class_list span{ float:left;}
#class_center .class_list span.top_img{ width:16px; height:16px; margin:0 3px;float:left; background-position:0px -75px; margin-top:3px;}
#class_center .class_list em{ float:14px; color:#f30; font-size:14px; padding:0 10px 0 8px;font-family:"宋体";}
#class_center .class_list em a{ padding:0 10px; color:#666;}
#class_center .red{ font-size:14px; color:#f00; float:left;}
#class_center .time{ font-size:14px; color:#f60; float:left;}

/*地区选择*/
#class_center .class_area{ width:722px;float:left; margin-top:6px;}
#class_center .class_area em{ float:left; display:block; color:#060; font-size:14px; line-height:28px;}
#class_center .class_area a{ font-size:14px; line-height:28px;padding:0px 3px;}
#class_center .class_area span{margin:0px 6px 0px 6px; color:#a2d0aa; font-size:12px; font-family:"宋体";line-height:22px;}
#class_center .class_area a.hover{ float:left; height:18px;_height:16px; line-height:19px;_line-height:16px; border:0px #a2d0aa solid; margin-top:4px; _margin-top:2px;background:#50b501;padding-top:0px; _padding-top:3px;color:#fff; font-weight:bold;}

/*列表右边区域------------*/
#class_center .class_page_R{ width:198px;float:left; overflow:hidden; margin-left:0px;}
#class_center .class_btn_box{ width:198px; height:37px; margin:0 auto; background-color:#fff; border-bottom:1px solid #ebcc8b}
#class_center .R_top_line{width:198px; height:0px;border-top:1px solid #ebcc8b; float:left; overflow:hidden; }
/*信息搜索*/

#class_center .class_search{ width:166px; float:left; padding:15px;}
#class_center .class_search li{ width:166px; height:24px;margin:4px 0; float:left; overflow:hidden; font-family:"宋体";}
#class_center .class_search h1{ height:30px; float:left; line-height:20px;}
#class_center .class_search span{ width:50px;text-align:right; float:left; line-height:22px;_line-height:26px;}
#class_center .class_search input{border:1px solid #7f9db9; height:18px;line-height:18px;}
#class_center .class_keyword{ width:108px;_width:106px;}
#class_center .search_area{ width:110px; height:21px;}
#class_center li.li_btn{width:64px; height:30px; float:left; padding-left:50px; _padding-left:53px;}
#class_center li.li_btn input{width:64px; height:30px; display:block;border:medium none;}
#class_center .search_btn{ width:64px; height:30px;background-position:-104px -69px; _background-position:-104px -71px; float:left;font-size:14px; font-weight:bold; color:#fff; line-height:20px;}

/*右边广告*/
#class_center .r_add{ width:165px; height:65px; margin:10px auto; clear:both; border:1px solid #f4e4c0; padding:3px; background:#fff;}
/*栏目说明*/
#class_center .sm{width:168px; float:left; padding:15px;}
#class_center .sm_title{ width:168px; line-height:28px;font-size:14px; color:#666; background-position:-244px -128px; text-indent:20px; overflow:hidden; font-weight:bold;}
#class_center .sm_text{ clear:both; line-height:22px; text-align:left; padding:0px 0 10px 0;}

/*内容页*================================*/
#class_center .info_top_line{ width:766px; height:0px; float:left; overflow:hidden; border-top:1px solid #c8e7bd;}
#class_center .R_info{ width:168px; float:left; padding:15px;}
#class_center .R_info h1{ height:30px; float:left; line-height:20px;}
#class_center .R_info li{ width:168px; height:22px; line-height:22px; float:left; font-family:"宋体";}
#class_center .R_info h3{ width:170px; font-size:13px; margin:0px; padding: 0 0 3px 0; clear:both;}
#class_center .R_info h3 a{ color:#06c; font-weight:normal;}
#class_center .shop_info{margin:0 auto; border-top:1px dashed #f4e4c0;}
#class_center .shop_info h3{ font-weight:normal;}
#class_center .shop_info h3 a{color:#f30;}
#class_center .R_info li a.look_shop { text-decoration:underline;}

#class_center .R_info li.email{ width:104px; height:29px; float:left; background-position:0 -102px; margin:5px 0;}
#class_center .R_info li.email a{ line-height:29px; color:#fff; font-weight:bold; text-indent:28px; display:block;}

#class_center .like{ width:198px; float:left; clear:both;}
#class_center .like_title{ width:198px; height:27px; overflow:hidden; float:left; background-position:0 -134px; line-height:30px;_line-height:32px; font-weight:bold; text-indent:30px;}
#class_center .like ul{ padding:8px 0 6px 0; float:left;}
#class_center .like li{ width:170px; height:22px;padding:0 0 0 20px; float:left; line-height:22px; overflow:hidden; background-position:-247px -102px;}
/*星级*/
.star1,.star2,.star3,.star4,.star5,.star6,.star7,.star8,.star4,.star9{ background:url(../images/class_images/star.gif) no-repeat;width:80px; height:20px; display:block;} 
.star1{ background-position:32px 4px;_background-position:32px 3px;}
.star2{ background-position:32px -18px;_background-position:32px -19px;}
.star3{ background-position:32px -39px;_background-position:32px -40px;}
.star4{ background-position:32px -58px;_background-position:32px -59px;}
.star5{ background-position:32px -76px;_background-position:32px -77px;}
.star6{ background-position:32px -95px;_background-position:32px -96px;}
.star7{ background-position:32px -113px;_background-position:32px -114px;}
.star8{ background-position:32px -131px;_background-position:32px -132px;}
.star9{ background-position:32px -150px;_background-position:32px -151px;}

.star_img{ padding-top:3px; float:left;}
#class_center .R_info span{ float:left;}

/*内容页文章信息*/
#class_center .info_title{width:732px; height:40px; line-height:40px;margin:15px; text-align:left; float:left; clear:both; font-size:16px; font-weight:bold;}
#class_center .text_info{width:710px; height:28px;line-height:30px;_line-height:32px; margin:0 auto 15px auto; padding:0 10px; text-align:left; clear:both; font-size:12px; border:1px solid #ecf6e3; background-color:#f6fcf1; overflow:hidden;}
#class_center .text_info_L{ font-family:"宋体"; float:left;}
#class_center .text_info_R{ font-family:"宋体"; float:right; width:290px; height:28px; overflow:hidden;}
#class_center .text_info_R li{ float:right; margin-left:10px;_margin-left:10px;}
#class_center .delete{ background-position:0px -190px; float:left; padding-left:20px;}
#class_center .send{ background-position:0px -231px; float:left; padding-left:20px;}
#class_center .keep{ background-position:-77px -232px; float:left;padding-left:20px;}
#class_center .print{ background-position:-78px -190px; float:left;padding-left:20px;}
#class_center .info_text{width:712px;line-height:24px; margin:10px 16px 16px 16px; float:left; padding:0 10px; text-align:left; clear:both; font-size:12px; font-family:"宋体";}

#class_center .tel_box {width:710px; margin:0 auto 15px auto; padding:10px; text-align:left; clear:both; font-size:12px; border:1px solid #ecf6e3; background-color:#f6fcf1; overflow:hidden;}
#class_center .tel_box li{float:left;height:24px; line-height:24px;width:328px; margin-right:10px; overflow:hidden;}
#class_center .tel_box span{color:#33800d; font-weight:normal;}
#class_center .tel_img{ width:106px; height:26px; background-position:-110px -106px; display:block; text-align:center;}

#class_center .bottom_info {width:710px; margin:0 auto 15px auto; padding:10px; text-align:left; clear:both; font-size:12px; border:1px solid #f7e6ac; background-color:#fffef5; overflow:hidden;}
#class_center .bottom_info_text{ width:710px; float:left; text-align:left; clear:both; line-height:20px;}
#class_center .bottom_info_text span.red{ color:#f00; float:none; font-size:12px;}

#class_center .class_box1 {width:710px; float:left; margin-bottom:10px;}
#class_center .class_box1 li {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #EFD7A5;
	float:left;
	height:26px;
	line-height:26px;
	margin-right:15px;
	padding:0 8px 0 3px;
	text-align:center;
	text-indent:5px;
}
#class_center .class_box1 a{ display:block;padding-left:18px; margin-left:5px;}
#class_center .box1_img1{ display:block; background:url(../images/class_images/info_img.gif) no-repeat 2px 5px;}
#class_center .box1_img2{ display:block; background:url(../images/class_images/info_img.gif) no-repeat 2px -29px;}
#class_center .box1_img3{ display:block; background:url(../images/class_images/info_img.gif) no-repeat 2px -63px;}
#class_center .box1_img4{ display:block; background:url(../images/class_images/info_img.gif) no-repeat 2px -97px;}

/*产品详细介绍*/
#class_center .pic_detail{ width:732px; margin:0 auto; clear:both; margin-top:4px;}
#class_center .pic_detail_title{ width:732px; height:28px; float:left; border-bottom:2px solid #f30; background-position:0px -130px;}
#class_center .pic_detail_title span{ float:left; padding:0 11px 0 6px; margin-left:6px; background-position:right -157px; line-height:32px; height:28px; overflow:hidden; color:#fff; font-size:14px;}
#class_center .pic_detail_text{ width:706px; padding:12px; float:left; border:1px solid #e7e7e7; line-height:22px; background:#fff; margin-bottom:12px;}

/*评论*/
.fill-dis label {
	color:#333333;
	float:left;
	text-align:right;
	width:75px;
}
.color-r  {
color:#FF0000;
}
.mr5 {
margin-right:5px;color:#FF0000;
}
.fill-dis textarea {
border:1px solid #CECECE;
height:80px;
width:580px;
padding:3px;
}

.bor1 {
border:1px solid #E4E4E4;
}

select, input, button, textarea {
font:99% arial,helvetica,clean,sans-serif;
}

#class_center .pw{height:30px; float:left; margin:10px 0 0 0;}
#class_center .pw em{ width:75px; float:left;}
#class_center .pw input{border:1px solid #CECECE;}

#class_center .comment_btn{ width:600px; height:31px; float:left; overflow:hidden; clear:both; margin-bottom:10px; margin-left:75px;_margin-left:26px;}
#class_center .sub-comm{
	width:89px;
	height:31px;
	line-height:31px;
	padding-right:10px;
	float:left;
	background-position:0px -189px;
	_background-position:0px -191px;
	border:medium none;
	font-size:14px;
	color:#FFF;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	padding-left:13px;
}
#class_center .comment{ width:703px; float:left;}
#class_center .comment_nav{ width:701px; height:31px; float:left; overflow:hidden; background-position:0px -229px; background-repeat:repeat-x; border:1px solid #efd7a5; line-height:34px;}
#class_center .comment_nav b{ color:#f30; width:120px; float:left; padding-left:15px;}
#class_center .comment_nav a{ float:right; margin-right:15px;}

/*最新评论列表*/
#class_center .comment_list{ width:703px; height:100%; float:left; border-bottom:1px dashed #ddd; padding:12px 0;}
#class_center .comment_list li{ width:692px; line-height:20px; float:left; padding:0 5px;}
#class_center .comment_list span{ margin-left:10px; color:#999; font-family:Arial;}
#class_center .list_end{ border-bottom:none;}


