www.gusucode.com > 65：【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端) > 65：【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端)/style/css/help.css

    /* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
section, figure, aside {
	padding: 0;
	margin: 0;
	border: none;
}
/*---common---*/
.art_box {
	border: 1px solid #eee
}
.art_title {
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	border-bottom: solid 1px #dddddd;
	font-size: 12px;
	color: #666
}
/*---main---*/
.art_main {
	height: auto;
	margin-top: 25px;
}
/*aside nav*/
.art_nav {
	width: 210px;
	height: auto;
}
.art_nav h2 {
	color: #c5c5c5;
}
span.aside_txt {
	font-size: 18px;
	color: #666;
	font-family: "微软雅黑";
	color: #333;
	margin-right: 5px;
}
.helpl {
	height: auto;
	padding: 10px;
}
.helpl dl {
	padding-bottom: 10px;
}
.helpl dl dt, .helpl dd {
	padding: 0 10px;
	overflow: hidden;
}
.helpl dl dt {
	height: 20px;
	padding: 8px 10px;
	border-bottom: dotted 1px #d7d7d7;
	font-family: "微软雅黑";
	font-weight: bold;
}
.helpl dl dd i {
	font-size: 22px;
	font-weight: bold;
	color: #AAA;
	vertical-align: -4px;
	margin-right: 6px;
}
.helpl dl dd a:hover i {
	color: #FFF;
}
span.dt_ico, span.dt_txt {
	display: inline-block;
	float: left;
}
span.dt_ico {
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/help_bg.gif) no-repeat;
}
span.dt_txt {
	line-height: 20px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}
.art_ico1 {
	background-position: 0px 0px!important;
}
.art_ico2 {
	background-position: 0 -41px!important;
}
.art_ico3 {
	background-position: 0 -20px!important;
}
.art_ico4 {
	background-position: 0 -61px!important;
}
.art_ico5 {
	background-position: 0 -93px!important;
}
.helpl dl dd {
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
}
.helpl dl dd a, aside section dl dd a:hover {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 12px;
	text-decoration: none;
	overflow: hidden;
	transition: all .1s ease-in-out;
}
.helpl dl dd a:hover {
	background: #FE0400;
}
.helpl dl dd.on a {
	background: #FA0400;
	color: #fff!important;
}
.helpl dl dd.on a i {
	color: #FFF;
}
.helpl dl dd a {
	background-position: 0px -30px;
	color: #666666;
}
.helpl dl dd a:hover {
	color: #ffffff!important;
}
.helpl dl dd .current {
	color: #a10000!important;
}
/*aside content*/
.art_content {
	width: 982px;
	height: auto;
	line-height: 24px;
	border: 1px solid #eee
}
.root_body .art_content {
	width: 753px;
}
.art_content h2, .art_content h2 a {
	color: #777777;
}
.art_content .article {
	padding: 20px;
	font-size: 14px;
}
.art_content .article p {
	padding-top: 8px;
	line-height: 30px;
}
.art_header {
	height: 28px;
	padding: 5px 0px 24px 0px;
}
.art_header span {
	display: inline-block;
}
span.header_box {
	height: 28px;
	background: url(../images/d_line.gif) repeat-x 0 27px;
	display: block
}
span.header_txt, span.header_space {
	height: 22px;
	line-height: 22px;
	padding-bottom: 1px;
}
span.header_txt {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #FA0400;
	height: 25px;
	line-height: 25px;
}
span.header_space {
	background-position: right -93px;
	width: 15px;
}