﻿/* CSS Document */
body{ padding:0px; margin:0px; font-size:12px;}
div,form,h1,p{ padding:0px; margin:0px;}
.clear{ font-size:1px; clear:both;}
.blank10{ height:10px; font-size:1px; clear:both;}

.yel01{ color:#003399; text-decoration:none;}
.yel01 A{ color:#003399; text-decoration:none;}
.yel01 A:visited{ color:#003399; text-decoration:none;}
.yel01 A:hover{ color:#FF0000; text-decoration:underline;}

.yel02{ color:#999999; text-decoration:none;}
.yel02 A{ color:#999999; text-decoration:none;}
.yel02 A:visited{ color:#999999; text-decoration:none;}
.yel02 A:hover{ color:#FF0000; text-decoration:underline;}

/* link */
A{ color:#000000; text-decoration:none;}
A:visited{ color:#000000; text-decoration:none;}
A:hover{ color:#FF0000; text-decoration:underline;}

.ts_con{ width:920px; margin:0px auto; clear:both;}

/* 推荐投诉 */
.tjtousu{ width:280px; float:left;background: #ffffff;}
.tjtousu .tj_top{background: url(../images/article_bg0224.gif) no-repeat; height:29px; }
.tjtousu .tj_border{border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; border-bottom:#AED2F6 solid 1px; padding: 1px 10px;}
.tjtousu .tj_border ul{ padding:0px; margin:0px; list-style-type:none;}
.tjtousu .tj_border li{ display:block; padding:6px 0px;}
.tjtousu .tj_border li h1{ font-size:16px; font-weight:bold; line-height:25px;}
.tjtousu .tj_border li p{ font-size:12px; line-height:18px; color:#666666;}

/* 焦点图片 */
.jdpic{ width:390px; float:left; margin:0px 10px;}
.jdpic .jd01{border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; width:388px;}
.jdpic .jd02{ background: url(../images/jd02_bg.gif) no-repeat; width:390px; height:100px;}
.jdpic .jd02 ul{  padding:10px 0px 0px 10px; margin:0px; list-style-type:none; background:url(../images/jttousu_bg01.gif) no-repeat 5px 10px;}
.jdpic .jd02 li{ display:block; font-size:12px; line-height:25px; padding:0px 5px 0px 25px; clear:both; }
.jdpic .jd02 li span.l{ display:block; float:left;}
.jdpic .jd02 li span.r{ display:block; float:right; font-size:12px; color: #009900;}
.jdpic .jd02 li span.r a{ color: #FF0000;}

/* 品牌投诉量 */
.brand{ width:230px; float:right;}
.rightkuan {clear: both; width: 230px }
.rightkuan .lefttop {
	background: #EAF7FF; width: 218px; HEIGHT: 25px; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px;
 text-align:left; line-height:25px; padding:0px 0px 0px 10px; font-size:14px; font-weight:bold; color:#000000;}

.rightkuan .leftcon {
	BORDER-RIGHT: #AED2F6 1px solid; background: #ffffff; BORDER-left: #AED2F6 1px solid; width: 228px
}
.tabs {
	padding-left: 10px; background: #EAF7FF; padding-bottom: 23px; margin: 0px 0px 10px; padding-TOP: 5px; BORDER-bottom: #AED2F6 1px solid
}
.tabs span {
	display: block; background: url(../images/brand_bg02.gif) no-repeat; float: left; margin: 0px 5px 0px 0px; width: 62px; cursor: pointer; line-height: 23px; HEIGHT: 23px; TEXT-ALIGN: center
}
.tabs span.current {
	display: block; background: url(../images/brand_bg01.gif) no-repeat; float: left; width: 62px; cursor: pointer; line-height: 24px; border-bottom: #ffffff 2px solid; HEIGHT: 24px; TEXT-ALIGN: center
}
.tabscon {
	padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 0px; border-bottom:#AED2F6 1px solid; 
}
.tabscon UL {
	padding-RIGHT: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-TOP: 0px; LIST-STYLE-TYPE: none
}
.tabscon LI {
	clear: both; padding-RIGHT: 0px; display: block; text-align:left;  line-height:22px;
}
.tabscon LI span.pm {
	padding-RIGHT: 10px; padding-left: 5px; float: left; padding-bottom: 1px; padding-TOP: 4px; HEIGHT: 18px
}
.tabscon LI span.name {
	padding-RIGHT: 0px; padding-left: 0px; float: left; padding-bottom: 0px; width: 130px; padding-TOP: 0px; HEIGHT: 21px
}
.tabscon LI span.count {
	float: left; width: 20px; COLOR: #ff0000
}

/* 投诉流程 */
.tslc{ width:920px; clear:both; margin:0px auto;}

/* 各品牌列表 */
.dif{clear: both; width: 920px; margin:0px auto; position:relative }
.dif_brand {width: 920px;}
.dif_brand .diftop {
	background: #EAF7FF; width: 908px; HEIGHT: 25px; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px;
 text-align:left; line-height:25px; padding:0px 0px 0px 10px; font-size:14px; font-weight:bold; color:#000000;}

.dif_brand .difcon {
	BORDER-RIGHT: #AED2F6 1px solid; background: #ffffff; BORDER-left: #AED2F6 1px solid; width: 918px
}
.dif_tabs {
	padding-left: 10px; background: #EAF7FF; padding-bottom: 23px; margin: 0px 0px 10px; padding-TOP: 5px; BORDER-bottom: #AED2F6 1px solid
}
.dif_tabs span {
	display: block; background: url(../images/brand_bg02.gif) no-repeat; float: left; margin: 0px 5px 0px 0px; width: 62px; cursor: pointer; line-height: 23px; HEIGHT: 23px; TEXT-ALIGN: center
}
.dif_tabs span.current {
	display: block; background: url(../images/brand_bg01.gif) no-repeat; float: left; width: 62px; cursor: pointer; line-height: 24px; border-bottom: #ffffff 2px solid; HEIGHT: 24px; TEXT-ALIGN: center
}
.dif_tabscon {
	padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 0px; border-bottom:#AED2F6 1px solid; 
}
.dif_tabscon UL {
	padding-RIGHT: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-TOP: 0px; LIST-STYLE-TYPE: none
}
.dif_tabscon LI { width:290px; float:left; font-size:14px; line-height:24px; background:url(../images/dian.gif) 3px 10px no-repeat; padding-left:12px;}
.tsbutton{ position:absolute; top:15px; right:15px;}
/* 安例点评 */
.anlidp{ width:278px; float:left; border:#AED2F6 solid 1px;}
.anlidp .dptop{ background:url(../images/dp_topbg.gif) repeat-x; height:24px; border-bottom:#AED2F6 solid 1px;}
.anlidp .dptop span.title{ display:block; font-size:14px; font-weight:bold; padding:5px 0px 0px 10px;}
.anlidp .dpcon{ padding:5px;}
.anlidp .dpcon ul{ padding:0px; margin:0px; list-style-type:none;}
.anlidp .dpcon li{ display:block; line-height:22px;  background:url(../images/dian.gif) 3px 6px no-repeat; padding-left:12px; clear:both; }
.anlidp .dpcon li span.bt{ display:block; float:left;}
.anlidp .dpcon li span.name{ display:block; float:right; color:#999999; font-size:12px}

/* 最新投诉 */
.newts{ width:390px; float:left; margin:0px 10px!important; margin:0px 8px 0px 8px;}
.newts .tstop{ width:390px; height:26px; text-align:center; font-size:14px;}
.newts .tstop .t1{ width:128px; float:left; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:25px;line-height:25px; cursor:pointer; font-weight:bold;}
.newts .tstop .t2{ width:130px; float:left; background:url(../images/dp_topbg.gif) repeat-x; border-top:#AED2F6 solid 1px; border-bottom:#AED2F6 solid 1px; height:24px; line-height:24px; cursor:pointer;}
.newts .tstop .t3{ width:128px; float:left; background:url(../images/dp_topbg.gif) repeat-x; border:#AED2F6 solid 1px; height:24px; cursor:pointer; line-height:24px;}
.newts .tstop .t1_1{ width:128px; float:left; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; border-bottom:#AED2F6 solid 1px;  height:24px;line-height:24px; cursor:pointer; background:url(../images/dp_topbg.gif) repeat-x; }
.newts .tstop .t2_2{ width:130px; float:left; border-top:#AED2F6 solid 1px; height:25px; line-height:25px; cursor:pointer; font-weight:bold; }
.newts .tstop .t3_3{ width:128px; float:left; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:25px; cursor:pointer; line-height:25px; font-weight:bold; }
.newts .tscon{ border-bottom:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; padding:5px;}
.newts .tscon ul{ padding:0px; margin:0px; list-style-type:none;}
.newts .tscon li{ display:block; line-height:25px; font-size:14px; clear:both;  background:url(../images/dian.gif) 3px 10px no-repeat; padding-left:12px;}
.newts .tscon li span.bt{ display:block; float:left;}
.newts .tscon li span.time{ display:block; float:right; color:#999999; font-size:12px}

/* 企业不重视的投诉 */
.nots{ width:228px; float:right; border:#AED2F6 solid 1px;}
.nots .notop{ background:url(../images/dp_topbg.gif) repeat-x; height:24px; border-bottom:#AED2F6 solid 1px;}
.nots .notop span.title{ display:block; font-size:14px; font-weight:bold; padding:5px 0px 0px 10px;}
.nots .nocon{ padding:5px;}
.nots .nocon ul{ padding:0px; margin:0px; list-style-type:none;}
.nots .nocon li{ display:block; line-height:22px; background:url(../images/dian.gif) 3px 6px no-repeat; padding-left:12px;}

/* 投诉图片展示 */
.tspic{ width:918px; border:#AED2F6 solid 1px; padding:0px; margin:0px auto; clear:both;}
.tspic .pictop{ background:url(../images/tspic_bg01.gif) repeat-x; height:28px;}
.tspic .pictop span.pictitle{ background:url(../images/tspic_bg02.gif) repeat-x; display:block; width:140px; height:28px; line-height:28px; font-size:14px; font-weight:bold; text-align:center;}
.tspic .piccon{ padding:15px 6px 6px 12px;}
.tspic .piccon ul{ padding:0px; margin:0px; list-style:none;}
.tspic .piccon li{ width:165px; float:left; display:block; margin:0px 12px 10px 0px; background:#F3F3F3; border:#E8E8E8 solid 1px; height:145px;}
.tspic .piccon li span.img{ text-align:center; width:165px; display:block;}
.tspic .piccon li span.img img{ border:#FFFFFF solid 5px; height:110px; width:150px;}
.tspic .piccon li span.text{ text-align:center; line-height:20px; display:block; height:20px; overflow:hidden;}

/* 企业回复 */
.huifu{ width:280px; float:left;}
.huifu .hftop{width:280px; height:26px; text-align:center; font-size:14px;}
.huifu .hftop .f1{ width:138px; float:left; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:25px;line-height:25px; cursor:pointer; font-weight:bold;}
.huifu .hftop .f2{ width:139px; float:left; background:url(../images/dp_topbg.gif) repeat-x; border-top:#AED2F6 solid 1px; border-bottom:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:24px; line-height:24px; cursor:pointer;}
.huifu .hftop .f1_1{ width:138px; float:left; border-top:#AED2F6 solid 1px; border-bottom:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:24px;line-height:24px; cursor:pointer; background:url(../images/dp_topbg.gif) repeat-x; }
.huifu .hftop .f2_2{ width:139px; float:left; border-top:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:25px; line-height:25px; cursor:pointer; font-weight:bold; }
.huifu .hfcon{ border-bottom:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; padding:10px 5px 5px 5px;}
.huifu .hfcon ul{ padding:0px; margin:0px; list-style-type:none;}
.huifu .hfcon li{ display:block; line-height:18px; font-size:12px; clear:both; color:#666666; padding:0px 0px 8px 12px; background:url(../images/dian.gif) 3px 6px no-repeat; }

/* 汽车厂商 */
.changs{ width:390px; float:left; margin:0px 10px;}
.changs .cs01{ width:210px; float:left;}
.cs01kuan {clear: both; width: 210px }
.cs01kuan .lefttop {background: #EAF7FF; width: 198px; HEIGHT: 25px; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; text-align:left; line-height:25px; padding:0px 0px 0px 10px; font-size:14px; font-weight:bold; color:#000000;}
.cs01kuan .leftcon {BORDER-RIGHT: #AED2F6 1px solid; background: #ffffff; BORDER-left: #AED2F6 1px solid; width: 208px}
.cs01_tabs { padding-left: 8px; background: #EAF7FF; padding-bottom: 23px; margin: 0px 0px 10px; padding-TOP: 5px; BORDER-bottom: #AED2F6 1px solid}
.cs01_tabs span { display: block; background: url(../images/brand_bg02.gif) no-repeat; float: left; margin: 0px 3px 0px 0px; width: 62px; cursor: pointer; line-height: 23px; HEIGHT: 23px; TEXT-ALIGN: center}
.cs01_tabs span.current { display: block; background: url(../images/brand_bg01.gif) no-repeat; float: left; width: 62px; cursor: pointer; line-height: 24px; border-bottom: #ffffff 2px solid; HEIGHT: 24px; TEXT-ALIGN: center}
.cs01_tabscon { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 0px; border-bottom:#AED2F6 1px solid; }
.cs01_tabscon UL { padding-RIGHT: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-TOP: 0px; LIST-STYLE-TYPE: none}
.cs01_tabscon LI { clear: both; padding-RIGHT: 0px; display: block; text-align:left;  line-height:22px;}
.cs01_tabscon LI span.pm { padding-RIGHT: 10px; padding-left: 5px; float: left; padding-bottom: 1px; padding-TOP: 4px; HEIGHT: 18px}
.cs01_tabscon LI span.name { padding-RIGHT: 0px; padding-left: 0px; float: left; padding-bottom: 0px; width: 110px; padding-TOP: 0px; HEIGHT: 21px}
.cs01_tabscon LI span.count { float: left; width: 20px; COLOR: #ff0000}

/* 厂商Q分值排行 */
.changs .cs02{ width:170px; float:right;}
.cs02kuan {clear: both; width: 170px }
.cs02kuan .lefttop {background: #EAF7FF; width: 158px; HEIGHT: 25px; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; text-align:left; line-height:25px; padding:0px 0px 0px 10px; font-size:14px; font-weight:bold; color:#000000;}
.cs02kuan .leftcon {BORDER-RIGHT: #AED2F6 1px solid; background: #ffffff; BORDER-left: #AED2F6 1px solid; width: 168px}
.cs02_tabs { padding-left: 8px; background: #EAF7FF; padding-bottom: 23px; margin: 0px 0px 10px; padding-TOP: 5px; BORDER-bottom: #AED2F6 1px solid}
.cs02_tabs span { display: block; background: url(../images/brand_bg02.gif) no-repeat; float: left; margin: 0px 3px 0px 0px; width: 62px; cursor: pointer; line-height: 23px; HEIGHT: 23px; TEXT-ALIGN: center}
.cs02_tabs span.current { display: block; background: url(../images/brand_bg01.gif) no-repeat; float: left; width: 62px; cursor: pointer; line-height: 24px; border-bottom: #ffffff 2px solid; HEIGHT: 24px; TEXT-ALIGN: center}
.cs02_tabscon { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 0px; border-bottom:#AED2F6 1px solid; }
.cs02_tabscon UL { padding-RIGHT: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-TOP: 0px; LIST-STYLE-TYPE: none}
.cs02_tabscon LI { clear: both; padding-RIGHT: 0px; display: block; text-align:left;  line-height:22px;}
.cs02_tabscon LI span.pm { padding-RIGHT: 10px; padding-left: 5px; float: left; padding-bottom: 1px; padding-TOP: 4px; HEIGHT: 18px}
.cs02_tabscon LI span.name { padding-RIGHT: 0px; padding-left: 0px; float: left; padding-bottom: 0px; width: 90px; padding-TOP: 0px; HEIGHT: 21px}
.cs02_tabscon LI span.count { float: left; width: 20px; COLOR: #ff0000}

/* 投诉要点 */
.tsyd{ width:230px; float:right;}
.tsyd .ydtop{width:230px; height:26px; text-align:center; font-size:14px;}
.tsyd .ydtop .y1{ width:113px; float:left; border-top:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:25px;line-height:25px; cursor:pointer; font-weight:bold;}
.tsyd .ydtop .y2{ width:114px; float:left; background:url(../images/dp_topbg.gif) repeat-x; border-top:#AED2F6 solid 1px; border-bottom:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:24px; line-height:24px; cursor:pointer;}
.tsyd .ydtop .y1_1{ width:113px; float:left;  background:url(../images/dp_topbg.gif) repeat-x; border-top:#AED2F6 solid 1px; border-bottom:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:24px;line-height:24px; cursor:pointer;}
.tsyd .ydtop .y2_2{ width:114px; float:left; border-top:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; height:25px; line-height:25px; cursor:pointer;  font-weight:bold;}

.tsyd .ydcon{ border-bottom:#AED2F6 solid 1px; border-left:#AED2F6 solid 1px; border-right:#AED2F6 solid 1px; padding:10px 5px 5px 5px;}
.tsyd .ydcon ul{ padding:0px; margin:0px; list-style-type:none;}
.tsyd .ydcon li{ display:block; line-height:25px; font-size:14px; clear:both; background:url(../images/dian.gif) 3px 10px no-repeat; padding-left:12px;}



/* 焦点图片区 */
div#MainPromotionBanner{
	width:388px;
	height:200px;
	background:#feb900;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 200px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 388px;
	height: 200px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 388px;
	height: 200px;	
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 175px; 
	right: 0px;
	z-index: 10;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #74a8ed;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: .9em;
	cursor: pointer;
	overflow: hidden; 
	margin:3px 6px;
	background: url(../images/slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(../images/slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 6px; 
}