/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {  font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 消除移动浏览器点击蓝色背景 */}
body {  margin: 0;text-align:left;font-size: 12px; background:#eaeaea;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary { /* 1 */  display: block;}
audio,canvas,progress,video {  display: inline-block;}
audio:not([controls]) {  display: none;  height: 0;}
progress {  vertical-align: baseline;}
template, /* 1 */[hidden] {  display: none;}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover {  outline-width: 0;}
abbr[title] {  border-bottom: none; /* 1 */  text-decoration: underline; /* 2 */  text-decoration: underline dotted; /* 2 */}
b,strong {  font-weight: inherit;}
b,strong {  font-weight: bolder;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background-color: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em;}
sup {  top: -0.5em;}
img {  border-style: none;}
svg:not(:root) {  overflow: hidden;}
code,kbd,pre,samp {  font-family: monospace, monospace; /* 1 */  font-size: 1em; /* 2 */}
figure {  margin: 1em 40px;}
hr {  box-sizing: content-box; /* 1 */  height: 0; /* 1 */  overflow: visible; /* 2 */}
button,input,select,textarea {  font: inherit; /* 1 */  margin: 0; /* 2 */}
optgroup {  font-weight: bold;}
button,input { /* 1 */  overflow: visible;}
button,select { /* 1 */  text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {  -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}
fieldset {  border:0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  box-sizing: border-box; /* 1 */  color: inherit; /* 2 */  display: table; /* 1 */  max-width: 100%; /* 1 */  padding: 0; /* 3 */  white-space: normal; /* 1 */}
textarea {  overflow: auto;}
[type="checkbox"],[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  -webkit-appearance: textfield; /* 1 */  outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}
::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}
/* normalize.css结束 */
.clearfix {	*zoom:1}
.clearfix:before,.clearfix:after {	display:table;	line-height:0;	content:""}
.clearfix:after {	clear:both}
p{margin: 0;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li,.f-dlfl dt,.f-dlfl dd{float:left;display:inline}
.f-fr{float:right;display:inline}
a,a:visited{text-decoration:none;color:#2a2a2a;}
a:hover{transition:color 160ms ease 0s, background-color 200ms ease 0s, border-color 160ms ease 0s, transform 500ms ease 0s; color: #f77;cursor: pointer;}
em{ font-style:normal;}
/* 全站全局CSS部分结束 */

.g-box-1200{ width:1200px; height:auto; margin:auto; display:block; }
.g-top-full{ width:100%; height:30px; background:#424242; display:block; overflow:hidden}
.g-top-full p{ height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#fff; font-family:serif; overflow:hidden}
.g-top-full p a{ padding:0 10px; color:#fff;}
.g-top-full p a:hover{ text-decoration:none;color: #f77}

.g-nav-full{ width:100%; height:90px; padding:8px 0 0; background:#fff; border-bottom:1px solid #dedede; display:block; overflow:hidden}
.g-nav-full .u-logo{ width:242px; height:auto; margin-top:9px; overflow:hidden}
.g-nav-full .u-logo:hover img{-webkit-transition:all 0.5s ease-in-out;	-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);}
.g-nav-full .tip{ width: 286px; height: 38px; margin: 25px 0 0 40px; background:url(../images/health_tip.png) no-repeat 0 0;}
.g-nav-full .m-nav{ width:auto; height:auto; margin:7px 0 0 20px; overflow:hidden}
.g-nav-full .m-nav li{ float:left; margin:0 0 0 30px; float:left; display:inline;}
.g-nav-full .m-nav li a{width:auto; height:33px; line-height:33px; font-size:16px; font-weight:normal; color:#333; padding:0 10px; text-decoration:none; display:block; overflow:hidden;}
.g-nav-full .m-nav li a:hover{ background:#00AAFF; color:#fff;}
.g-nav-full #form_top{ width:450px; height:46px; margin:18px 0 0; overflow:hidden}
.g-nav-full #form_top .u-search-input{ width:372px; height:41px; line-height:30px; text-indent:10px; background:#fff; float:left; font-size:14px; font-weight:normal; color:#333; margin:0; padding:0; border:2px solid #ff7777; border-radius:6px 0 0 6px; display:inline; overflow:hidden}
.g-nav-full #form_top .u-search-btn{ width:74px; height:45px; line-height:32px; font-size:16px; font-weight:normal; color:#fff; text-align:center; background:#ff7777; float:left; margin:0; padding:0; border:0; border-radius:0 6px 6px 0; display:inline; overflow:hidden; cursor:pointer}

.g-navlist{ width:100%; height:45px; line-height:45px; background-color:#54cf77; box-shadow: 0px 4px 4px #d0d0d0;}
.g-navlist ul li{ float:left; width:139px; text-align:center; font-size:16px; color:#fff;}
.g-navlist ul li a{ display:block; font-size:17px; color:#fff;}
.g-navlist ul li.hover a,.g-navlist ul li a:hover{ background-color:#3fae5f;}

/* 底部版权 */
.g_foot { background:#fbfbfb; border-top:1px solid #cecece; text-align:left; font-size:12px; padding:10px 0; margin:20px 0 0 0; line-height:24px; color: #666}
.g_foot  p { text-align:left;}
.g_foot  a { font-size:14px; color:#333}
.g_foot b,.g_foot span { color:#F00}

.foot_bg {width:100%; overflow:hidden; padding:15px 0; background:#fff; border-top:1px solid #bbb;margin-top:20px;}
.foot_jz { width:1200px; overflow:hidden; margin:0 auto;}
.foot_jz img {float:left;margin-right:50px; display: none;}
.foot_jz span {width:900px; float:left; overflow:hidden;display:block; font-size:14px; color:#999;padding-top:28px;line-height: 27px;}
.foot_jz span a { color:#999;}
.foot_jz span i { display:none;}
.list2_weixin {width:95px; float:right; overflow:hidden; text-align:center; margin-top:10px;}
.list2_weixin img {width:95px; height:95px; margin-bottom:3px; margin-left:0px; display:block;}
/* 当前位置 */
.f-jkico {background-image:url(../images/jkicon.jpg); background-repeat: no-repeat;}
.g-jknav{ height:44px;  position:relative; zoom:1; text-indent:24px;}
.g-jknav b{ width:13px; height:15px;  position:absolute; left:2px; top:15px; background-position: -9px -8px}
.g-jknav strong{ width:100%; height:44px;line-height:44px; font-size:14px; font-weight:normal; color:#333;text-indent:24px; display:block; overflow:hidden;}


/* 返回顶部 滚动监听 */
.g-float{ width:60px; height:auto;position:fixed;bottom:10px;left:50%;cursor:pointer;margin-left:610px;z-index:100;}
.g-float a{ width:100%; height:60px; margin:1px 0 0 0; display:block; overflow:hidden;}
.g-float #m-top-back{ height:0px; background:url(../images/gotop.gif) no-repeat;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2; float:left; display:block; overflow:hidden}
.g-float #m-top-back:hover {background-position:-60px 0;}


/*列表页分页*/
.page-list{ text-align:center; display:block; overflow:hidden; padding:20px 0;}
.page-list a{ width:auto; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#555; text-align:center; padding:0 12px; background:#fafafa; margin:0 5px 0 0; display:inline-block; overflow:hidden}
.page-list b{ width:auto; height:30px; line-height:30px; font-size:13px; font-weight:normal; color:#fff; text-align:center; padding:0 12px; background:#54cf77; margin:0 5px 0 0; display:inline-block; overflow:hidden}
.page-list a:hover,.page-list .current{ background:#54cf77; color:#fff;}


.totop {
	position: fixed;
	right: 25px;
	bottom: 25px;
	display: block;
	width: 26px;
	height: 62px;
	background: url(../images/rocket.png) no-repeat 0 0;
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
}
.totop:hover {
	background: url(../images/rocket.png) no-repeat 0 -62px;
}

.mstp{}
.mstp .ms-newlist li{
	float: left;
	width: 215x;
	margin: 10px;
	display: block;
	background-color: #CCCCCC;
}
.mstp .ms-newlist li p{
	width: 215x;
	display: block;
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	text-align: center;
}
.mstp .ms-newlist li img{
	 
	width: 215px;
}


.listtu li{
	float: left;
	width: 200px;
	margin-right: 12px;
	margin-top: 12px;
}.listtu li img{
	width: 196px;
	height: 196px;
	padding: 2px;
	border: 1px solid #EBEBEB;border-radius: 6px;
}

.listtu li p{
	font-size: 13px;
	line-height: 23px;
	height: 46px;
	text-align: center;
	overflow: hidden;
}



 .waterfall {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    padding: 1.5rem;
    background-color: #f9f9f9;
}

.item1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    background: white;
    padding: 0.8rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    height: 270px; /* 固定整体高度 */
}

.item1:hover {
    transform: translateY(-5px);
}

.item1:hover p {
    color: #ff4444; /* 悬停文字变红 */
}

.item1 img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 0.8rem;
}

.item1 p {
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    height: 40px; /* 固定文字区域高度 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 最多显示3行 */
}


.indx-box-1200{ width:1200px; height:auto; margin:auto; display:block; }
 .main-titlebox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
        }
     .main-title {
            font-size: 2em;
            color: #ff6b6b;
            border-bottom: 3px solid #ff6b6b;
            padding-bottom: 10px;
        }
        .nav-button,.nav-button:active{
            padding: 8px 22px;
            border: none;
            border-radius: 5px;
            font-size: 1.2em;
            color: #FFFFFF;
            background-color: #009900;
             
            transition: background-color 0.3s ease;
        }
 
        .nav-button:hover {
            background-color: #ff6b6b;
            color: white;
        }


        .container {
            display: flex;
            gap: 30px;
            flex: 1;
        }

        .recipe-grid {
            flex: 3;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .recipe-item {
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            overflow: hidden;
            text-align: center;
        }

        .recipe-image {
            width: 100%;
            height: 200px;
            object-fit: cover; /* 保持图片比例并填充容器 */
            display: block;
        }  .recipe-item:hover {
        transform: scale(1.02); /* 容器轻微缩放 */
        box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* 增强阴影 */
    }

    .recipe-item:hover .recipe-image {
        transform: scale(1.05); /* 图片放大效果 */
    }

        .recipe-title {
            padding: 15px;
            font-size: 1.1em;
            color: #333;
            text-decoration: none;
            display: block;
        }

        .recipe-title:hover {
            color: #ff6b6b;
        }

        .hot-list {
            flex: 1;
            background-color: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

.hot-list .m-headnews-list { margin-right: 0px }
.hot-list .m-headnews-list li{ padding:5px 0; border-bottom:1px dashed #d7d7d7;}
.hot-list .m-headnews-list li.f-ix{ padding:10px 0 2px; border:none;}
.hot-list .m-headnews-list li em{  float:left; width:25px; font-size:14px; font-style: italic; font-family:simsun;color: #ff6b6b;}
.hot-list .m-headnews-list li .name{ height:28px; line-height:27px; font-size:14px; overflow: hidden;}
.hot-list .m-headnews-list li .name a:hover{ color:#f77;}


.hot-list .m-headnews-list li.f-ix .js{ display:block;}



        .hot-list-title {
            font-size: 1.5em;
            color: #333;
            border-bottom: 2px solid #f0f0f0;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .hot-item {
            list-style: none;
            margin-bottom: 10px;
        }

        .hot-link {
            text-decoration: none;
            color: #666;
            display: block;
            white-space: nowrap; /* 禁止换行 */
            overflow: hidden; /* 溢出隐藏 */
            text-overflow: ellipsis; /* 显示省略号 */
            max-width: 100%; /* 限制最大宽度 */
            font-size: 1.05em;
        }

        .hot-link:hover {
            color: #ff6b6b;
            text-decoration: underline;
        }
   .new-recipe-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 20px;
            margin-top: 20px;
        }
/* 响应式设计 */
@media (max-width: 1200px) {
    .waterfall {
        grid-template-columns: repeat(3, 1fr);
    }
    .item1 {
        height: 300px;
    }
    .item1 img {
        height: 200px;
    }
}

@media (max-width: 900px) {
    .waterfall {
        grid-template-columns: repeat(2, 1fr);
    }
    .item1 {
        height: 350px;
    }
    .item1 img {
        height: 240px;
    }
}

@media (max-width: 600px) {
    .waterfall {
        grid-template-columns: 1fr;
    }
    .item1 {
        height: auto;
    }
    .item1 img {
        height: 200px;
    }
}