@charset "utf-8";
* {margin:0;padding:0;}
body {font-family:"宋体", Arial, Helvetica, sans-serif;font-size:14px; background:#E9EDEE;}
a {font-size:14px;text-decoration:none;outline:none;}
a:hover{ color:#ff007e; text-decoration:underline;}
input{padding:0px;margin:0px;}
ul {list-style:none;}
img {border:none;text-indent:0;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
.left{ float:left;}
.right{float:right;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1; overflow:hidden;}

.wrap{width: 980px;margin:0 auto;background: #fff;padding:10px;}
.cLeft{width: 665px;}
.cRight{width:300px;}
h4.cTit,h1.cTit{margin-bottom:6px;color:#f5680c;font-size: 18px;padding-left:4px;border-bottom: 1px solid #e8e8e8;padding-bottom:5px;}
h4.cTit a{float:right;font-weight:normal;font-size:12px;color:#f5680c;}
#header{position: relative; }
.logo{height:76px;width: 465px;padding-left:10px}
.logoTxt{margin-top:23px;margin-left:10px;background: url(../images/head_bg.gif) no-repeat;width:220px;font-size:14px;padding-left:25px;height: 32px; line-height: 32px; display:block;}
.search{position: absolute;top:35px;right:0px;_left:635px;}
.search form{height:27px;}
.search input{background:url(../images/head_bg.gif) no-repeat; border:none;float:left;}
.search input.sTxt{padding-left:25px;background:#fff url(../images/search.gif) no-repeat 5px 4px; width:225px;border:1px solid #d2d2d2;height:25px; line-height: 25px;color:#c9c9c9; }
.search input.sBtn{background: url(../images/head_bg.gif) no-repeat -22px -35px;width: 80px;padding-left:13px;height:27px; text-align: center;margin-left: 5px;color:#333;font-size: 14px;font-weight: bold; }
.menu {margin-top:5px;}
.menu span{display: block;height: 98px;width: 9px;background:url(../images/head_bg.gif) no-repeat; overflow: hidden;}
.menu span.mLeft{ background-position: 0 -35px;}
.menu span.mRight{ background-position:-10px -35px;}
.menuCont{background: url(../images/nav_bg.gif) repeat-x;height:98px;width:962px;position: relative;}
.menuCont ul{}
.menuCont li{float:left;padding:0 20px;line-height: 38px;height: 38px;}
.menuCont li a{color:#fff;font-weight: bold;font-size: 14px;}
.menuCont .help{font-weight: normal;position: absolute;top:10px; right:10px;color:#fff;}
.tjShipu{color:#333;padding-left: 15px;height: 48px; line-height: 48px;}
.tjShipu strong{font-size: 14px;}
.tjShipu a{padding:0 10px;color:#333;}

.link_nav{height:23px;}
.link_nav a{height:22px; line-height:22px;float:left;display:block;width:70px;border:1px solid #ccc;border-bottom: none; text-align:center;color:#323232; background:#ececec;margin-right: 4px; }
.link_nav a.linka1{position: relative;z-index: 999; height:23px;font-weight:bold; background:#fff;color:#ec3961;text-decoration:none; border-bottom: none; }
.link_content{ line-height:23px; background:#fff;padding:8px;border:1px solid #ccc;}
.link_content a{color:#383838; padding:0 5px;}
div.link_content{ display:none;}
div.lincon_in{ display:block;}

.feil{height: 33px; line-height: 33px;color:#c24029;}
.feil a{color:#c24029;}
.fdd a{display: inline-block;float:left;width: 50px;color:#36618c; line-height: 20px; white-space: nowrap;}
.fdd a:hover{color:#c24029;}

.fjc a{display: inline-block;float:left;width:33.3%;color:#36618c; line-height: 25px; white-space: nowrap;}
.fjc a:hover{color:#c24029;}

.fdd2 a{display: inline-block;float:left;width: 120px;color:#36618c; line-height: 20px; white-space: nowrap;}
.fdd2 a:hover{color:#c24029;}

.tit{width:158px;float:left;height:45px;background:url(../images/xm_page.png) 0px -115px;overflow:hidden;height:40px; line-height: 40px;}
.tit h2{font-size:14px;color:#fff;padding-left:15px;}
.sht{float:left;width:460px;height:45px;padding-top:12px;color:#d51938;font-size:14px;font-weight:700;text-align:center;background:url(../images/xm_input_jsbg.png) repeat-x;overflow:hidden;}

.thPic{border-right: 1px solid #ececec;}
.thPic ul li{width: 50px;float:left; text-align: center;margin-right: 7px;margin-bottom: 13px; display: inline;}
.thPic ul li a{display: block;color: #36618c;}
.thPic ul li a:hover{color:#d00;}
.thPic ul li a span{padding-top:6px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#footer{margin:10px 0;border: 1px solid #ccc;padding:10px 5px 0 5px;}
.footdd{float:left;width:165px;margin-top:10px;padding-left: 10px;}
.footdd li{height:22px; line-height: 22px;}
.footdd li a{color:#333;}
.footer_dd{border-bottom: 1px dashed #ccc;padding-bottom: 5px;}
.footwb{margin-left:80px;}
.footwb li{background: url(../images/icon1.jpg) no-repeat;padding-left: 21px;}
.footwb li.fw1{background-position: 0 5px;}
.footwb li.fw2{background-position: 0 -16px;}
.footwb li.fw3{background-position: 0 -39px;}
.ewm{width: 150px; text-align: center;border-left:1px solid #ccc;}
.ewm span{display: block; line-height: 23px;color:#646464;}
.copyRight{text-align: center;padding:20px 0;}

/* scrolltop */
.scroll_top {
    _display: none;
}
#SCROLL_TOP {
    position: fixed; text-align: center; width: 44px; bottom: 80px; display: none;
    background: url(../images/scroll_top.gif) no-repeat -44px 0px; height: 48px; color: #f00;
    margin-left: 494px; font-size: 14px; cursor: pointer; left: 51%; _position: absolute;
}
#SCROLL_TOP:hover {
    border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px;
    padding-right: 0px; background: url(../images/scroll_top.gif) no-repeat;
    border-top: 0px; border-right: 0px; padding-top: 0px;
}

.chapter_title{	font-size:18px;
	font-weight:bold;
	line-height:22px;
	padding-bottom:4px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-top:16px;
	clear:both;
}

div.span-3,div.span-16 {
	float:left;
	margin-right:10px;
        line-height:180%;
}
.span-16 {
         color:#c24029;
         width:665px;
}
.normal {
	font-size:14px
}
.bold {
	font-weight:bold
}
.top5 {
	padding-top:5px
}
.prepend-15px {
	padding-left:10px
}
.span-3 {
	width:120px;
}
.span-3 a{color: #36618c;}
.line{border-bottom: 1px solid #e8e8e8;}

.caipulist{width:640px; };

.caipulist ul { 
    width:auto; 
    margin:0 auto; 
    border:0px solid #E4E1D3; 

}
.caipulist ul li { 
    float:left; 
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 3px;
    padding-top: 5px;
    list-style-type:none;
    display:inline;
}
.caipulist ul li a { 
    display:block; 
    width:140px; 
    height:175px; 
    text-decoration:none;
}
.caipulist ul li a img { 
    display:block; 
    width:140px; 
    height:140px; 
    overflow:hidden;
    border-radius: 8px;
}
.caipulist ul li a span { 
    display:block; 
    height:auto; 
    line-height:25px; 
    font-size:14px; 
    text-align:center; 
    color:#333; 
    cursor:hand; 
    white-space:nowrap; 
    overflow:hidden;
}
.caipulist ul li a:hover span { 
    color:#c00;
}
.caipulist good{position:absolute; top:0; left:0; width:38px; height:16px; background:url(../images/good_so.png) no-repeat 0 0;}

.tui_c {
    width: 100%;
    overflow: hidden;
}
.tui_c ul {
    width: 100%;
    padding: 0;
}
.tui_c li {
    float: left;
    float: left;
    margin: 0 12px 12px 0;
}
.tui_c li a {
    text-align: center;
    font-size: 16px;
    display: block;
}
.tui_c li img {
    display: block;
    margin: 0 0 5px 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.underline{
    line-height: 30px;
    color: #000000;
    border-bottom: 3px solid #F00;
}

.tips{
width: 100%;
line-height: 20px;
color: #999;
}

.author1{
    vertical-align:middle;
    margin-top: 5px;
    float:left;
    color: #999;
}
.author1 img{
    border-radius: 50%; 
    width: 38px;
    height: 38px; 
    vertical-align:middle;
}
.author1 span{
   margin-left: 8px;
}
.author1 .collectnum{
   color: #f46c31;
   font-size: 150%;
   padding-left: 10px;
   font-style: normal;
}

.userlist{width:640px; };

.userlist ul { 
    width:auto; 
    margin:0 auto; 
    border:0px solid #E4E1D3; 

}
.userlist ul li { 
    float:left; 
    margin-right: 10px;
    margin-left: 15px;
    padding-bottom: 3px;
    padding-top: 5px;
    list-style-type:none;
    display:inline;
}
.userlist ul li a { 
    display:block; 
    height:135px;
    width:98px;
    text-decoration:none;
}
.userlist ul li a img { 
    display:block; 
    width:75px; 
    height:75px; 
    overflow:hidden;
    border-radius: 50%; 
}
.userlist ul li a span { 
    display:block; 
    height:auto; 
    line-height:25px; 
    font-size:14px; 
    text-align:left; 
    color:#333; 
    cursor:hand; 
    white-space:nowrap; 
    overflow:hidden;
}
.userlist ul li a:hover span { 
    color:#c00;
}

/* 专题分享 css */
.special-share{right:0;top:50%;transform: translateY(-50%);padding-left: 10px;}
.special-share .share-title{float:left;height:32px;line-height:32px;font-size:14px;color:#585858;}
.special-share .share-content{float:left;margin:0 0 0 10px;}
.special-share .share-content .item{float:left;width:32px;height:32px;background-size:100%;border-radius: 100%;margin:0 10px 0 0;cursor: pointer;}
.special-share .share-content .item:last-child{margin:0;}
.special-share .share-content .item.icon1{background-image:url(../images/share-icon1.png);}
.special-share .share-content .item.icon2{background-image:url(../images/share-icon2.png);}
.special-share .share-content .item.icon3{background-image:url(../images/share-icon3.png);}
.special-share .share-content .item.icon4{background-image:url(../images/share-icon4.png);}
/* 专题分享 css end */
/* 分享二维码弹窗 css */
.share-code-popup{position: fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;}
.share-code-popup .bac{position: absolute;top:0;right:0;bottom:0;left:0;background:#000000;opacity: .6;}
.share-code-popup .postion{position: absolute;left:50%;top:50%;width:360px;height:360px;margin-left:-180px;margin-top:-250px;background:#FFFFFF;}
.share-code-popup .popup-content{text-align: center;}
.share-code-popup .popup-content .title{padding:40px 0;font-size:14px;color:#080808;}
.share-code-popup .popup-content .content{display:table;margin:auto;}
.share-code-popup .popup-content img{width:190px;height:190px;}
/* 分享二维码弹窗 css end */
/*提示弹出层 css*/
.tipsShow{width:100%; position: fixed;top:50%;left:0px;overflow:hidden;display:none;z-index:25;margin-top:-21px;z-index:1000;}
.tipsShow .contentFrame{display:table;margin:auto; position: relative;padding:0 20px;height:42px;line-height:42px;text-align:center;color:#FFF;font-size:16px;}
.tipsShow .contentFrame .bac{width:100%;height:100%; position: absolute;top:0px;left:0px;background: #000000;opacity: 0.7;z-index:5;border-radius:4px;}
.tipsShow .contentFrame .content{position: relative;z-index:10;}
/*提示弹出层 css end*/
/* 浮动分享 css */
.float-share-layer{position: relative;overflow:inherit !important;}
.float-share{position: absolute;margin-left:-130px;top:0;width:110px;background:#FFFFFF;z-index:10;}
.float-share.float{position: fixed;top:20px;}
.float-share .share-head{padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #e8e8e8;}
.float-share .share-head .code{width:110px;height:110px;background-size:100%;background-image:url(../images/float-share-code.png);}
.float-share .item{display:block;font-size:16px;margin:0 0 15px 0;color:#585858;position: relative;}
.float-share .item:hover i{opacity: .6;}
.float-share .item i{float:left;width:34px;height:34px;background:#FF6634;border-radius: 5px;position: relative;margin:0 12px 0 0;}
.float-share .item.icon1 i{background:#FF6634;}
.float-share .item.icon2 i{background:#FFBD34;}
.float-share .item.icon3 i{background:#54CD4B;}
.float-share .item i::before{content:'';position: absolute;width:24px;height:24px;background-size:100%;position: absolute;left:50%;top:50%;margin-top:-12px;margin-left:-12px;}
.float-share .item.icon1 i::before{background-image:url(../images/float-share-icon1.png);}
.float-share .item.icon2 i::before{background-image:url(../images/float-share-icon2.png);}
.float-share .item.icon3 i::before{background-image:url(../images/float-share-icon3.png);}
.float-share .item span{display:inline-block;height:34px;line-height:34px;}
.float-share .share-qrcode-layer{display:none;position: absolute;top:0;left:0;right:0;bottom:0;padding-bottom:50px;}
.float-share .share-qrcode{box-sizing: border-box;width: 84px;height: 84px;border: 1px solid #ddd;position: absolute;top:40px;border-radius: 3px;padding: 5px;background:#FFFFFF;}
.float-share .share-qrcode:after, .float-share .share-qrcode:before {content: "";border-width: 8px;border-style: solid;position: absolute;left: 34px;}
.float-share .share-qrcode:before {border-color: transparent transparent #ddd;top: -16px;}
.float-share .share-qrcode:after {border-color: transparent transparent #fff;top: -15px;}
.float-share .share-qrcode .code{overflow: hidden;}
.float-share .share-qrcode .code img{width:100%;height:auto;}
/* 浮动分享 css end */


.ingredients dd {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    overflow: hidden;
    font-size: 16px;
    white-space: nowrap;
}
.ingredients dd p {
    float: left;
    width: 49.5%;
    overflow: hidden;
}
.step dd {
    width: 100%;
    padding: 5px 0;
    overflow: hidden;
    zoom: 1;
    font-size: 16px;
    height: 120px;
}
.step dd .imleft {
    float: left;
    width: 150px;
}
.step dd b {
    float: left;
    width: 30px;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}
.imleft img {
    vertical-align: middle;
    width: 100%;
    background-size: 100%;
}
.step dd p{
    text-indent: 0px;
    word-wrap: break-word;
    word-break: break-all;
    text-justify: auto;
    text-align: justify;
}
	#arcml {
	width: 325px;
	border-color: #eee;
	border-style: solid;
	border-width: 0 1px 1px;
	background-color: #fff;
	margin-top: 15px;
	margin-left: 28px;
	margin-bottom: 15px
}

#arcml-tit {
	display: block;
	padding-left: 14px;
	height: 30px;
	line-height: 30px;
	background-color: #eee;
	font-size: 14px
}

#arcml-ul {
	list-style: none;
	padding: 0
15px;
	overflow: hidden
}

#arcml-ul
li {
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	background: url(/images/arcmlico.gif) 0px 12px no-repeat;
	padding-left: 12px
}

#arcml-ul li
a {
	color: #3c72aa;
	text-decoration: none
}

#arcml-ul li a:hover {
	color: #f60;
	text-decoration: underline
}