smartcost_v2/css/style.css

/*Reset 样式初始化*/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
  padding: 0;
  margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family:"微软雅黑","Tahoma";
	vertical-align: baseline;
	text-align:justify;
	word-wrap:break-word;
	text-justify:inter-ideograph
}
body{text-align:center}
ul, ol, li, h1 {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none
}
dl {
	margin:0
}
dd {
	margin-left:0
}
a {
	outline:none;
}
a img {
	border:0 none
}
img {
	vertical-align:middle;
	border:0px
}
table {
	border-collapse:collapse
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {
	display:inline-block;
	overflow:hidden
}
.clearfix {
	display:block
}
body {color:#333}
a {color:#00A0E9;text-decoration:none}
a:hover {color:#0091d3;text-decoration:underline}
/**/
.clearB {clearfix:both}
.fL {float:left}
.fR {float:right}
.colGreen{color:#17ab0c}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.width960 {width:960px;margin-left:auto;margin-right:auto}
/*css*/
.warpHeader .mainLogo {
	width:437px;
	height:57px;
	margin:10px
}
.warpHeader .mainLogo a {
	display:block;
	width:348px;
	height:57px;
	background:url(mainLogo.png) no-repeat
}
.warpHeader .mainSearch {
	float:right;
	height:32px;
	border:1px solid #ccc;
	border-radius:5px;
	margin:25px 0 0 0
}
.warpHeader .mainSearch input{
	vertical-align: top;
	margin:5px 0 0 0;
	height:22px;
	font-size:14px;
	color:#666;
	padding:0 5px;
	border:none;
	width:250px
}
.warpHeader .mainSearch .searchBtn {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:24px;
	height:24px;
	background:url(searchBtn.png) no-repeat 0 0;
	margin:5px 5px 0 0
}
.warpHeader .mainSearch .searchBtn:hover {
	background-position: 0 -24px
}
.warpHeader .mainNav {
	height:24px;
	width:100%;
	background:url(navBg.png) repeat-x 0 -48px;
	margin:0 0 20px 0
}
.warpHeader .mainNav .navBgLeft,.warpHeader .mainNav .navBgRight {
	background:url(navBg.png) no-repeat 0 0;
	font-size:1px;
	width:7px;
	height:24px;
	float:left
}
.warpHeader .mainNav .navBgRight {
	background-position:0 -24px;
	float:right
}
.warpContent {
	width:950px
}
.warpContent .sideBar {
	width:190px;
	float:left
}
.warpContent .sideBar .mainMenuEntry{
	margin:10px 0 10px 30px;
	padding:8px 10px 8px 10px
}
.warpContent .sideBar .mainMenuEntry h3{
	text-align:right;
	font-size:14px;
	font-weight:600;
	cursor:pointer
}
.warpContent .sideBar .mainMenuEntry ul {
	display:none
}
.warpContent .sideBar .mainMenuEntry ul li{
	text-align:right;
	margin:8px 0 0 0
}
.warpContent .sideBar .mainMenuEntry ul li a:hover{
	padding:0 5px 0 0
}
.warpContent .sideBar .mainMenuEntry ul li a.now {
	padding:0 10px 0 0;
	font-weight:600;
	color:#993333;
	cursor:default
}
.warpContent .sideBar .mainMenuEntry ul li a.now:hover {
	
}
.warpContent .sideBar .menuHover {
	background:#fff
}
.warpContent .sideBar .menuHover h3{
	padding:0 0 5px 0;
	border-bottom:1px dashed #d2d2d2;
	cursor:default
}
.warpContent .sideBar .menuHover ul{
	display:block
}
.warpContent .sideBar .adminInfo {
	margin:10px 0 0 30px
}
.warpContent .mainContent {
	margin:0 0 0 200px;
	padding:10px 0 10px 10px
}
.mainContent .helpContent .listEntry {
	margin: 10px 0;
	background:url(iconSlideup.png) no-repeat 0 7px;
	padding:0 16px
}
.mainContent .helpContent .listEntry h3{
	cursor:pointer;
	font-size:14px;
	padding:5px 8px 0 5px;
	color:#00A0E9
}
.mainContent .helpContent .listEntry h3 span{
	color:#999
}
.mainContent .helpContent .listEntry h3:hover{
	font-weight:600
}
.mainContent .helpContent .listEntry .listItem {
	display:none;
	border-bottom:1px dashed #ededed;
	padding:0 8px 10px 8px;
	margin:0 0 20px 0
}
.mainContent .helpContent .listEntry .listItem p {
	line-height:22px;
	color:#666
}
.mainContent .helpContent .listEntry .listItem p img {
	padding:3px;
	background:#f3f3f3;
	border:1px solid #dfdfdf
}
.helpContent .qDone {
	margin:20px 0 0 0;
	padding:15px 15px;
	background:#f7f7f7;
	float:left
}
.mainContent .helpContent .listEntryDown {
	background:url(iconSlidedown.png) no-repeat 0 7px
}

.mainContent .helpContent .listEntryDown h3 {
	font-weight:600
}
.mainContent .formPage h3{
	font-size:16px;
	font-weight:600;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dashed #ccc
}
.mainContent .formPage li {
	margin:0 0 10px 0
}
.mainContent .formPage .postList {
	margin:10px 0
}
.mainContent .formPage .postList li {
	border-bottom:1px dashed #f2f2f2;
	padding:0 0 5px 0;
	margin:0 0 5px 0
}
.mainContent .formPage .postList li .editBar a{
	margin:0 5px;
	color:#ccc
}
.mainContent .formPage .postList li .editBar a:hover{
	color:#FF6500
}
.mainContent .formPage .pageBar {
	text-align:center;
	margin:20px 0 0 0
}
.mainContent .formPage .pageBar a{
	margin:0 5px;
	color:#0061DE;
	padding:2px 6px;
	margin:0 3px 0 0;
	border:1px solid #dedfde
}
.mainContent .formPage .pageBar a:hover{
	background:#0061de;
	border-color:#000;
	color:#fff
}
.mainContent .formPage .pageBar a.current{
	border-color:#fff;
	color:#FF6500;
	font-weight:600;
	cursor:default
}
.mainContent .formPage .pageBar a.current:hover{
	border-color:#fff;
	color:#FF6500;
	cont-weight:600;
	background:#fff
}
.mainContent .formPage .pageBar a.inactivePrev{
	border-color:#fff;
	color:#ccc;
	cursor:default
}
.mainContent .formPage .pageBar a.inactivePrev:hover{
	background:#fff
}
.mainContent .catePage dl{
	margin:20px 0;
	width:350px
}
.mainContent .catePage dl dt{
	font-size:14px;
	margin:0 0 10px 0;
	font-weight:600
}
.mainContent .catePage dl dd{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #f2f2f2
}
.loginContent {
	background:#fff
}
.loginContent .loginPanel {
	margin:100px 0 100px 350px
}
.loginContent .loginPanel dt{
	font-size:18px;
	margin:15px 0 5px 0
}
.loginContent .loginPanel dd input {
	width:200px;
	height:22px;
	line-height:22px;
	font-size:18px;
	padding:5px
}
.loginContent .loginPanel dd button {
	margin:20px 0 0 0;
	width:210px;
	padding:5px;
	text-align:center
}
.warpFooter {
	margin-top:15px;
	padding-top:10px;
	border-top:1px solid #f1f1f1
}
.warpFooter .tel {
	font-size:20px;
	color:#ff7e00
}
.warpFooter .copyright {
	color:#ccc
}
.fbList li {
	margin:0 0 40px 0;
	padding:0 0 0 0;
	color:#666
}
.qItem .qImg,.aItem .aImg{
	width:48px;
	height:48px;
	background:url(qaImg.png) no-repeat
}
.aItem .aImg{
	background-position:0 -48px
}
.qItem .qContent,.aItem .aContent {
	padding:10px;
	margin:0 58px 0 48px;
	background:#FDF7ED;	
}
.qItem .qContent,.aItem .aContent p{
	line-height:22px
}
.aItem {margin:5px 0 0 0}
.aItem .aContent {
	background:#EAFAEA;
	margin:0 48px 0 58px
}
.fbList li .fbInfo{
	background:#999;
	padding:0 5px;
	height:20px;
	color:#fff;
	margin:0 0 0 48px
}
.categoryList dt {
	margin:0 0 10px 0;
	color:#ccc
}
.categoryList dt a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#333;
	padding:5px 0 5px 30px;
	width:160px;
	font-weight:600
}
.categoryList dt a:hover{
	background:#f2f2f2 url(categoryListLeftArrow.gif) no-repeat 10px 5px
}
.categoryList dt span {
	margin:0 0 0 30px
}
.categoryList dd a{
	padding:8px 0 8px 30px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:160px;
	color:#666
}
.categoryList dd a:hover{
	background:#f2f2f2;
	color:#333;
	text-decoration:none
}
.categoryList dd a.now{
	color:#6c9e00;
	border-left:5px solid #90C61A;
	font-weight:600;
	padding-left:25px;
	cursor:default
}
.categoryList dd a.now:hover{
	background:none;
	text-decoration:none;
}
.categoryList dd a span{
	padding-right:16px;
	background:url(catrgoryListMoreArrow.png) no-repeat right center
}
.helpContent {line-height:22px}
.helpContent h2.conTitle {
	font-size:22px;
	margin:0 0 15px 0
}
.helpContent blockquote{
	margin:10px;
	padding:10px;
	background:#f2f2f2
}
.helpContent img{
	padding:3px;
	border:1px solid #ccc;
	background:#ccc;
	margin:5px
}
.helpContent a img{
	border:1px solid #999
}
.helpContent a:hover img{
	border:1px solid #ccc;
	box-shadow: 0 0 5px 0 #999;
	background-color: #ff6501;
}
.helpContent table th {
	background:#f2f2f2;
	padding:5px 8px
}
.helpContent table td {
	border-bottom:1px solid #ccc;
	padding:5px 8px
}
.subCategoryList li{
	margin:10px 0
}
.subCategoryList li a{
	font-size:14px
}
.subCategoryList li a span{
    background: url(catrgoryListMoreArrow.png) no-repeat scroll right center transparent;
    padding-right: 16px;
  }
a.backIndex {
	margin:0 0 15px 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:#f2f2f2 url(categoryListLeftArrow.gif) no-repeat left center;
	padding:3px 5px 3px 16px;
	color:#666;
	border-radius:5px;
	box-shadow:1px 1px 1px -1px #999
}