.detail-section {
	background-color:#fff;
	height:auto;
	width:1080px;
	margin:5px auto
}
.detail-section .left-side {
	width:765px;
	overflow:hidden
}
.detail-section .left-side .article-title {
	color:#ff8400;
	font-weight:normal
}
.detail-section .left-side .article-info {
	color:#999;
	border-bottom:1px solid #eee
}
.detail-section .left-side .article-info b {
	font-weight:normal
}
.detail-section .left-side .article-main p {
	line-height:2
}
.detail-section .left-side .article-main p a {
	color:#ff8400;
	text-decoration:none;
	line-height:1;
	border-bottom:1px dotted #ff8400
}
.detail-section .left-side .article-main u {
	text-decoration:none
}
.detail-section .left-side .article-main strong {
	color: #087502;font-weight: 600;
}
.detail-section .left-side .article-main img {
	max-width:80%;
	margin:10px auto;
	text-align:center;
	vertical-align:top
}
.detail-section .left-side .article-prev-next {
	background-color:#eee
}
.detail-section .left-side .article-prev-next a:hover {
	text-decoration:underline
}
.detail-section .left-side .related-text-news .tab-title {
	width:100%;
	background-color:#eee;
	height:40px;
	line-height:40px
}
.detail-section .left-side .related-text-news .tab-title li {
	float:left;
	text-align:center
}
.detail-section .left-side .related-text-news .tab-title a {
	display:block;
	width:100px
}
.detail-section .left-side .related-text-news .tab-title a:hover,.detail-section .left-side .related-text-news .tab-title a.on {
	background-color:#ff8400;
	color:#fff
}
.detail-section .left-side .related-text-news .tab-content li {
	float:left;
	width:360px;
	padding:10px 5px 5px 5px;
	line-height:1;
	font-size: 14px;
}
.detail-section .left-side .related-text-news .tab-content li i {
	display:block;
	float:left;
	width:3px;
	height:3px;
	background-color:#666;
	margin:6px 5px 0 0
}
.detail-section .left-side .related-text-news .tab-content li span {
	float:right
}
.detail-section .left-side .related-text-news .tab-content li a {
	float:left
}
.detail-section .left-side .related-text-news .tab-content li a:hover {
	text-decoration:underline
}
.detail-section .left-side .related-pic-news {
	width:745px;
	overflow:hidden
}
.detail-section .left-side .related-pic-news dl {
	width:765px
}
.detail-section .left-side .related-pic-news dt {
	height:40px;
	line-height:40px;
	border-left:5px solid #ff8400;
	background-color:#eee
}
.detail-section .left-side .related-pic-news dd {
	text-align:center;
	float:left;
	margin-right:19px;
	margin-top:15px
}
.detail-section .left-side .related-pic-news dd a {
	display:block;
	width:170px;
	border:1px solid #ddd
}
.detail-section .left-side .related-pic-news dd a:hover {
	box-shadow:0 2px 0 #eee
}
.detail-section .left-side .related-pic-news dd img {
	width:170px;
	height:120px;
	vertical-align:top
}
.detail-section .left-side .related-pic-news dd span {
	display:block;
	height:30px;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.detail-section .right-side {
	width:300px;
	overflow:hidden
}
.detail-section .right-side .rank-list {
	height:380px;
	overflow:hidden
}
.detail-section .right-side .rank-list .rank-list-header p {
	width:100px;
	height:28px;
	line-height:28px;
	background-color:#e74a00;
	color:#fff
}
.detail-section .right-side .rank-list .rank-list-header .tab-title {
	margin-top:2px
}
.detail-section .right-side .rank-list .rank-list-header .tab-title li {
	float:left;
	margin-left:5px
}
.detail-section .right-side .rank-list .rank-list-header .tab-title a {
	display:block;
	width:60px;
	height:24px;
	line-height:24px;
	border-radius:3px;
	background-color:#eee
}
.detail-section .right-side .rank-list .rank-list-header .tab-title a:hover,.detail-section .right-side .rank-list .rank-list-header .tab-title a.on {
	color:#fff;
	background-color:#ff8400
}
.detail-section .right-side .rank-list .tab-content {
	height:auto;
	overflow:hidden
}
.detail-section .right-side .rank-list .tab-item dl {
	background-color:#eee;
	padding:10px;
	height:76px;
	overflow:hidden
}
.detail-section .right-side .rank-list .tab-item dl dt {
	float:left;
	margin-right:5px
}
.detail-section .right-side .rank-list .tab-item dl img {
	width:100px;
	height:75px
}
.detail-section .right-side .rank-list .tab-item dl .tab-item-title {
	height:22px;
	overflow:hidden
}
.detail-section .right-side .rank-list .tab-item dl .tab-item-title a {
	color:#000
}
.detail-section .right-side .rank-list .tab-item dl .tab-item-title a:hover {
	color:#ff8400
}
.detail-section .right-side .rank-list .tab-item dl .tab-item-desc {
	overflow:hidden;
	line-height:1.5
}
.detail-section .right-side .rank-list .tab-item dl .tab-item-desc a {
	padding-left:5px;
	color:#ff8400
}
.detail-section .right-side .rank-list .tab-item dl .tab-item-desc a:hover {
	text-decoration:underline
}
.detail-section .right-side .rank-list .tab-item ul {
	margin-top:4px;
	*margin-top:7px
}
.detail-section .right-side .rank-list .tab-item ul li {
	line-height:1;
	border-bottom:1px solid #eee;
	padding:10px 0
}
.detail-section .right-side .rank-list .tab-item ul a:hover {
	text-decoration:underline;
	color:#ff8400
}
.detail-section .right-side .rank-list .tab-item ul span {
	width:170px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.detail-section .right-side .rank-list .tab-item ul span a {
	color:#000
}
.detail-section .right-side .rank-list .tab-item ul strong {
	font-weight:normal;
	padding:0 10px
}
.detail-section .right-side .rank-list .tab-item ul strong a {
	color:#666
}
.detail-section .right-side .rank-list .tab-item ul em {
	color:#999
}
.detail-section .right-side .special-section h3 {
	width:100px;
	height:28px;
	line-height:28px;
	background-color:#e74a00;
	color:#fff;
	font-weight:normal
}
.detail-section .right-side .special-section dl {
	width:100%
}
.detail-section .right-side .special-section dl dt {
	float:left;
	position:relative;
	width:120px;
	height:80px;
	margin-right:5px
}
.detail-section .right-side .special-section dl dt img {
	width:120px;
	height:80px
}
.detail-section .right-side .special-section dl dt a {
	cursor:pointer
}
.detail-section .right-side .special-section dl .desc {
	line-height:1.5;
	margin-top:3px
}
.detail-section .right-side .special-section dl .desc a:hover {
	text-decoration:underline
}
.detail-section .right-side .special-section ul li {
	text-align:center;
	float:left;
	width:88px;
	margin-top:10px
}
.detail-section .right-side .special-section ul img {
	width:88px;
	height:60px;
	vertical-align:top
}
.detail-section .right-side .special-section ul span {
	display:block;
	margin-top:5px;
	width:88px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.detail-section .right-side .rank-category {
	width:300px;
	overflow:hidden;
	background-color:#fff
}
.detail-section .right-side .rank-category .tab-title {
	border-top:2px solid #ff8400
}
.detail-section .right-side .rank-category .tab-title li {
	float:left;
	width:75px
}
.detail-section .right-side .rank-category .tab-title li a {
	display:block;
	width:100%;
	height:35px;
	line-height:35px;
	background-color:#eee;
	color:#000
}
.detail-section .right-side .rank-category .tab-title li a:hover,.detail-section .right-side .rank-category .tab-title li a.on {
	background-color:#ff8400;
	color:#fff
}
.detail-section .right-side .rank-category .tab-content li {
	height:25px;
	line-height:25px;
	overflow:hidden;
	margin-top:10px
}
.detail-section .right-side .rank-category .tab-content li i {
	font-family:Arial;
	display:block;
	float:left;
	width:25px;
	height:25px;
	margin-right:5px;
	text-align:center;
	line-height:25px;
	background-color:#eee
}
.detail-section .right-side .rank-category .tab-content li a {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:270px;
	display:block;
	float:left
}
.detail-section .right-side .rank-category .tab-content li a:hover {
	text-decoration:underline
}
.detail-section .right-side .rank-category .tab-content li:nth-of-type(1) i {
	background-color:#f30;
	color:#fff
}
.detail-section .right-side .rank-category .tab-content li:nth-of-type(2) i {
	background-color:#f60;
	color:#fff
}
.detail-section .right-side .rank-category .tab-content li:nth-of-type(3) i {
	background-color:#f90;
	color:#fff
}
.materials{clear:both;width:100%;margin-top:20px;border-top:1px solid #eee;border-right:1px solid #eee;overflow:hidden}
.materials dt,dl.materials dd{height:38px;border-left:1px solid #e9e9e9;line-height:38px;text-indent:5px}
.materials dt{background:#f8f8f8;font-size:18px;border-bottom:1px solid #e9e9e9;font-family:"microsoft yahei","SimSun";_font-weight:bold}
.materials dd{float:left;width:300px;border-bottom:1px solid #e9e9e9;font-size:14px;color:#666}
.materials dd span{display:block;float:left;width:140px}
.materials dd span.num{float:right;text-align:right;margin-right:5px;color:#999}

.steps{clear:both;width:100%;margin-top:20px;overflow:hidden}
.steps dt{font-size:18px;font-family:"microsoft yahei","SimSun";_font-weight:bold}
.steps dd{float:left;width:100%;font-size:14px;padding:20px 0;border-bottom:1px dashed #dcdcdc}
.steps dd img{float:left;margin-right:20px}

.tips{clear:both;width:100%;margin-top:20px;overflow:hidden;font-size:14px}
.tips dt{font-weight:bold;margin-bottom:5px}
.tips dd p{line-height:28px;font-size:14px}
.gg300{
	width: 300px;
	height: 250px;
	margin-top: 15px;
}
.gg750{
	width: 750px;
	margin-top: 10px;
}
.detail-section .right-side .rank-category h3{width:100px;height:28px;line-height:28px;background-color:#e74a00;color:#fff;font-weight:normal;}
.recommend-recipe h3 {
	width:100px;
	height:28px;
	line-height:28px;
	background-color:#e74a00;
	color:#fff;
	font-weight:normal
}
.recommend-recipe ul {
	width:320px
}
.recommend-recipe li {
	float:left;
	position:relative;
	width:145px;
	height:100px;
	padding-top:15px;
	margin-right:15px
}
.recommend-recipe a {
	display:block;
	width:145px;
	height:100px;
	color:#000;
	cursor:pointer
}
.recommend-recipe a:hover {
	color:#ff8400
}
.recommend-recipe img {
	width:145px;
	height:100px
}
.recommend-recipe span {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	width:145px;
	height:25px;
	line-height:25px;
	background-color:#fff;
	filter:alpha(opacity=90);
	*zoom:1;
	background-color:rgba(255,255,255,0.9)
}
.seotitle{
margin: 5px 10px 10px 20px;
color: #BBB;
}


.qrcode{margin: 15px 10px 15px 10px; padding:5px; border:1px dashed #999; }
.qrcode img{float:left; width:190px; height:190px; margin-right:8px; }
.qrcode h3{height:50px; line-height:55px; font-size:24px; font-weight:bold;  position:relative;}
.qrcode p{padding-top:5px; font-size:21px; color:#333; line-height:45px; }
.qrcode p em{color:#F00;}