/*社区公共*/
.community { position:relative; color:#333}
.community h3 { margin-bottom:0.5rem; font-size:1rem; font-weight:normal; color:#e7757f;}
.community a { color:#6b6b6b}
.community .ctrl { text-align:center;}
.community .ctrl a,.community .index_div .content .ctrl span { width:60%; font-size:.85rem; height:2.5rem; line-height:2.5rem; display:inline-block; text-decoration:none;  border:#a5a5a5 solid 1px; background:#f9f9f9;}
.community .ctrl span.loading { opacity:.5; background:url(../images/loading.gif) no-repeat center; background-size:auto 80%;}

/*社区小首页*/
.community .index_div { position:relative;}
.community .index_div .banner { width:100%; position:relative;}
.community .index_div .banner .group { position:relative;}
.community .index_div .banner .item img { width:100%;}
.community .index_div .banner .dots { width:100%; position:absolute; bottom:1.25rem; text-align:center; height:10px; line-height:0px;}
.community .index_div .banner .dots span { width:10px; height:10px; display:inline-block; margin:0 3px; border:#eb6000 solid 1px; border-radius:10px;}
.community .index_div .banner .dots span.focus { background:#eb6000;}
.community .index_div .content { padding:1rem;}
.community .index_div .content h3 { color:#eb6100; margin-bottom:0.5rem; font-size:1.2rem; font-weight:normal}
.community .index_div .content p.brief { font-size:0.85rem; margin-bottom:1.5rem;}
.community .index_div .content ul { margin-bottom:.5rem;}
.community .index_div .content ul li { width:44%; margin:0 3%; text-align:center; float:left; margin-bottom:1.5rem; line-height:1rem;}
.community .index_div .content ul li p { font-size:.9rem; font-weight:bold; margin-bottom:.2rem;}
.community .index_div .content ul li img { border:#ccc solid 1px; width:100%; display:block; margin-bottom:.4rem;}
.community .index_div .content .recipe { margin-bottom:1rem;}
.community .index_div .content .recipe .left { width:48.5%; float:left;}
.community .index_div .content .recipe .right { width:48.5%; float:right;}
.community .index_div .content .recipe .item { margin-bottom:1rem; box-sizing:border-box; color:#999; line-height:.9rem; font-size:.7rem;}
.community .index_div .content .recipe .item img { width:100%; display:block; margin-bottom:.5rem;}
.community .index_div .content .recipe .item p { font-size:.8rem; margin-bottom:.3rem; color:#333;}
.community .index_div .content .downbox{ position:relative; }
.community .index_div .content .downbox img{ float:left; width:50%; }
.community .index_div .content .downbox .btnbox{ width:50%; float:left; display:table; vertical-align:middle; }
.community .index_div .content .downbox .btnbox a{ display:block; height:35px; color:#fff; font-size:14px; line-height:35px; text-align:center; width:50%; border-radius:35px; }
.community .index_div .content .downbox .btnbox .a1{ background:#f5949d; position:absolute; right:0; top:20px; }
.community .index_div .content .downbox .btnbox .a2{ background:#ebbd4e; position:absolute; right:0; bottom:20px; }
.community .index_div .content .downbox2{ padding-top:30px; }
.community .index_div .content .downbox2 .flo{ float:left; text-align:center; }
.community .index_div .content .downbox2 .flo{ width:50%; }
.community .index_div .content .downbox2 .flo img{ width:70%; margin-bottom:10px; }
.community .index_div .content .downbox2 .flo p{ font-size:14px; color:#383838; line-height:22px; }
.community .index_div .content .mabox{ text-align:center; font-size:14px; color:#383838; padding:20px 0; }
.community .index_div .content .mabox img{ width:55%; margin-bottom:15px; }


/*食谱列表*/
.community .list_div { position:relative; font-size:.8rem; padding:.9rem 10px;}
.community .list_div .filter { position:relative;}
.community .list_div .filter.nav{ }
.community .list_div .filter.nav .filbox{ padding:0; border:none; background:#fff; height:40px; }
.community .list_div .filter.nav .filbox.cur{ padding:10px 10px 0; border-bottom:1px solid #c3c3c3; }
.community .list_div .filter.nav .filbox.cur .icon{ right:10px; top:6px; }
.community .list_div .filter .icon { width:16px; height:16px; padding:4px; position:absolute; top:0; right:0; border:#adadad solid 1px; border-radius:3px;}
.community .list_div .filter .green { border:#9fac5d solid 1px;}
.community .list_div .filter .icon a { width:16px; height:16px; display:block; background:url(../images/community/filter.png) no-repeat; background-size:100% auto;}
.community .list_div .filter .icon a.open { background:url(../images/community/filter.png) no-repeat left bottom; background-size:100% auto;}
.community .list_div .filter .submenu { display:none; width:20%; text-align:center; background:#c0cc84; border:#9fac5d solid 1px; position:absolute; right:0; top:28px; box-shadow:2px 2px 2px #ddd; opacity:.9; -moz-opacity:0.9; border-top-left-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.community .list_div .filter .submenu a { display:block; line-height:2rem; border-bottom:#9fac5d solid 1px; color:#fff;}
.community .list_div .filter .submenu a:last-child { border:0;}

.community .list_div .recipe { margin-bottom:1rem;}
.community .list_div .recipe .left { width:48.5%; float:left;}
.community .list_div .recipe .right { width:48.5%; float:right;}
.community .list_div .recipe .item { margin-bottom:1rem; box-sizing:border-box; color:#999; line-height:.9rem; font-size:.7rem;}
.community .list_div .recipe .item img { width:100%; display:block; margin-bottom:.5rem;}
.community .list_div .recipe .item p { font-size:.8rem; margin-bottom:.3rem; color:#333;}

/*食谱详细*/
.community .detail_div { position:relative; background:#f2f2f2; font-size:.8rem;}
.community .detail_div h3 { color:#eb6100; margin-bottom:0.5rem; font-size:1rem; font-weight:normal}
.community .detail_div .banner img { width:100%;}
.community .detail_div .club { background:#fff; padding:.9rem 1rem; margin-bottom:.75rem;}
.community .detail_div .brief .view { margin-bottom:.5rem; border-left:#eb6100 solid 4px; padding-left:10px; color:#999}
.community .detail_div .brief .view h3 { margin:0px; padding:0; line-height:1.5rem; color:#333}
.community .detail_div .brief li { position:relative; padding:2px 0 2px 3.2rem;}
.community .detail_div .brief li i { position:absolute; width:3.2rem; text-align:right; left:0; top:2px;}
.community .detail_div .step li { width:100%; *zoom:1; margin-bottom:.8rem;}
.community .detail_div .step li img { width:30%; margin-right:4%; float:left;}
.community .detail_div .recommend li { width:33.33%; padding:0 2%; float:left; box-sizing:border-box; text-align:center; font-size:.7rem;}
.community .detail_div .recommend li img { width:100%; border:#f1f1f1 solid 1px; display:block; vertical-align:middle; margin-bottom:.5rem;}

.cook_cont .text{ padding:30px 10px 20px; }
.cook_cont .text img{ width:100%; margin-bottom:15px; }
.cook_cont .text h3{ font-size:18px; color:#eb6100; margin-bottom:8px; font-weight:normal; }
.cook_cont .text p{ font-size:14px; line-height:22px; color:#6c6b6b; }
.cook_cont .color{ background:#f8f8f8; height:15px; }
.cook_cont .classbox{ padding:0 10px; }
.cook_cont .classbox h3{ font-size:18px; color:#eb6100; margin-bottom:10px; font-weight:normal; padding-top:15px; }
.cook_cont .classbox .intro_list { font-size: 18px; }
.cook_cont .classbox .intro_list li {border-top:1px solid #ebebeb; padding:1rem 0; position: relative;}
.cook_cont .classbox .intro_list li h5 {font-weight: normal; color:#383838; padding:0; margin:0; font-size:16px;} 
.cook_cont .classbox .intro_list li .intro_ctrl {display:inline-block; width:14px; height:8px; position:absolute; right:0; top:1.4rem; background:url(../images/serve/down.png) no-repeat; background-size: 100% auto;}
.cook_cont .classbox .intro_list li .sub_menu2 {color:#6c6b6b; font-size:14px; margin:2rem 0; line-height: 22px; display: none;}
.cook_cont .classbox .intro_list li .sub_menu2 img{ max-width:100%; margin:10px 0; }
.cook_cont .classbox .intro_list li.cur h5 {color:#a1b735; font-size:16px;}
.cook_cont .classbox .intro_list li.cur .intro_ctrl {background:url(../images/community/up.jpg) no-repeat; background-size: 100% auto;}
.cook_cont .classbox .intro_list li.cur .sub_menu2 {display: block;}
.cook_cont .activity{ padding:0 10px; }
.cook_cont .activity h3{ font-size:18px; color:#eb6100; margin-bottom:10px; font-weight:normal; padding-top:15px; }
.cook_cont .activity li{ padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:10px; }
.cook_cont .activity li .tit{ padding:10px 0; }
.cook_cont .activity li .tit span{ background:url(../images/community/spanbg.png) no-repeat center; background-size:100% 100%; color:#fff; font-size:22px; padding:5px; display:inline-block; width:100px; margin-right:5px; }
.cook_cont .activity li .tit span i{ font-size:14px; vertical-align:bottom; }
.cook_cont .activity li .tit em{ color:#3e3e3e; font-size:16px; }
.cook_cont .activity li a{ display:block; }
.cook_cont .activity li a strong{ display:block; font-weight:normal; position:relative; }
.cook_cont .activity li a .img{ width:100%; margin-bottom:10px; }
.cook_cont .activity li a .play{ display:none; position:absolute; left:0; top:0; width:100%; }
.cook_cont .activity li a span{ line-height:22px; color:#7a7a7a; font-size:14px; display:block; }
.cook_cont .activity li a em{ display:block; height:40px; line-height:40px; color:#fff; text-align:center; font-size:16px; background:#f4a3aa; margin-top:10px; }
.cook_cont .activity li.cur .play{ display:block; }
.cook_cont .activity li.cur a em{ background:#eb6100; }

@media screen and (max-width: 325px) {
	.community .index_div .content .downbox .btnbox .a1{ top:10px; }
	.community .index_div .content .downbox .btnbox .a2{ bottom:10px; }
	
}