body,dl,dd,h1,h2,h3,h4,h5,h6,p,form { margin:0 } ul,ol { margin:0;padding:0; } table,td,th { border-collapse:collapse; } ol,ul,li { list-style:none;} h1,h2,h3,h4 { font-size:100%; font-weight:normal; } img,input,textarea { vertical-align:middle; border:0 } div { margin:0 auto; overflow:hidden;} a { text-decoration:none; color:#883700; outline:0; display:inline-block; } a:hover { text-decoration:none } body { /*background:url(../images/bg-body.gif) repeat;*/ background-color:#fff6ec; font:12px/1.5 "Microsoft YaHei",tahoma,Verdana,Geneva,sans-serif; color:#666; position:relative; } .clearfix:before,.clearfix:after { content:""; display:table } .clearfix:after { clear:both } .clearfix { zoom:1 } .fl { float:left;} .fr { float:right;} .mt10 { margin-top:10px;} .bgwhite { background-color:#fff; } .pr{position:relative;} .pa{position:absolute;} .bline10 {width:100%;height:10px;clear:both;} .bline26 {width:100%;height:26px;clear:both;} .line-t-50,.line-t-25,.line-t-30,.line-t-29,.line-t-28,.line-t-15,.line-t-20,.line-t-17, .line-t-10,.line-t-6{width:100%;clear:both;font-size:0;line-height:0;} .line-t-50{height:50px;} .line-t-30{height:30px;_height:34px;} .line-t-29{height:29px;} .line-t-28{height:28px;} .line-t-25{height:25px;} .line-t-17 {height:17px; } .line-t-15 {height:15px; } .line-t-20 {height:20px; } .line-t-10{height:10px;} .line-t-6{height:6px;} .font14{font-size:14px;} .font16{font-size:16px;} .font18{font-size:18px; font-family:'微软雅黑';} .textindent25{text-indent:25px; font-size:12px; line-height:20px;} .col-6b{color:#6b6b6b;} .col-94{color:#949494;} .txt-overflw{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .linebord {background:url(../images/line.png) repeat-x; height:2px; line-height:0; font-size:0; display:block;} p.hr-dot{display:block; border:1px dashed #ccc; border-width:0 0 1px 0; line-height:0; font-size:0; height:1px; padding:12px 0; clear:both;} .input1 { border:solid 1px #D9D9D9; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #top-nav-wrap { margin:0 auto; height:35px; background:#ff7900 url(../images/nav_01.gif); overflow:visible;} #top-nav{ width:960px; margin:0 auto; line-height:35px; position:relative; z-index:1; } #top-nav .nav-item{ float:left; position:relative; display:inline; } #top-nav .nav-item h2 a { display:block; line-height:35px; color:#fff; font-size:16px; padding:0 20px; } #top-nav .nav-item h2 a:hover { background-color:#FEF0E0; color:#F28C39; } #top-nav .on h2 a{ background-color:#FEF0E0; color:#F28C39;} #top-nav .nav-item h2 .arrow { float:right; display:block; margin:18px 0px 0px 5px; width:10px; height:10px; background:url('../images/arrow.png') -60px -140px;} #top-nav .on h2 .arrow {background:url('../images/arrow.png') -60px -100px;} #top-nav .nav-sub{ display:none; width:300px; height:470px; left:0; top:34px; position:absolute; background:#fff; border:solid 1px #dedede; border-top:none; } #top-nav .nav-sub ul { float:left; width:300px;} #top-nav .nav-sub ul h3{ display:block;font-size:16px; line-height:25px; background-color:#FEF0E0; color:#F63; padding:5px 10px;} #top-nav .nav-sub ul li{ zoom:1; overflow:hidden; } #top-nav .nav-sub a{ float:left; display:block; padding:2px 10px; color:#999; font-size:14px; line-height:25px;} #top-nav .nav-sub a:hover{ background-color:#FDD9BB; color:#000; } .top-wrap { margin: 0 auto; width:100%; background-color:#FFF; overflow:hidden; } .logo_wrap { margin:0 auto; width:1000px; height:80px; background-color:#fff;} .logo_wrap .logo { float:left;display:block; width:170px; height:70px; margin-top:10px;} .logo_wrap .logo_mid { float:left; width:377px; height:70px;} .so-div { margin:15px 10px 0 0; } .so-input { height: 28px; line-height: 28px; margin: 0 2px 0 0; width: 230px; padding: 0 6px; color:#999; font-size: 14px; -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.2); box-shadow: inset 1px 1px 2px rgba(0,0,0,.2); border: 1px solid #d9d9d9;} .so-btn { width: 82px; height: 33px; border: 0; background: url(../images/search_btn.jpg); cursor: pointer;} .nav-bar { height:30px; background-color:#F6F6F6; border-bottom:1px solid #F0F0F0;} .nav-bar ul { width:98%; margin:0 auto; overflow:hidden;} .nav-bar ul li { float:left; line-height:30px;} #footer { margin: 0 auto; background-color:#f8f8f8; height:60px; } #footer li { margin: 0 auto; width:980px; height:40px; line-height:40px; text-align:center;} #footer p { text-align:center; color:#333; height:30px; line-height:30px; } .mid-adv { margin:10px 5px 0px; height:210px;} .mid-adv .slider { float:left; width:730px;} .mid-adv .top-adv { float:right; width:220px;} .pages{ height:30px; padding-top:2px; margin:0 auto; font-size:14px;} .pages ul{ margin:0 auto; text-align:center;} .pages ul li{ display:inline; margin:0px 3px;} .pages a, .pages .sel{ background:#fff; color:#333; display:inline-block; height:21px; width:21px; border:solid 1px #FF8C22; line-height:21px;} .pages .sel{ background:#FF8C22; color:#fff;} .pages .prev, .pages .next{ height:21px; width:51px;} .nav-sub { height:30px; line-height:30px; } .box-wrap { width:980px; margin:10px auto 0px; overflow:hidden; } .main-img { float:left; width:480px; overflow:hidden;} .main-sum { float:right; width:510px; overflow:hidden;} .author-info { float:left; width:150px; background-color:#ffcccc; overflow:hidden;} .img-purview { margin:5px; width:470px; height:350px; background:center center no-repeat;} .head-icon-wrap {margin:0 auto; width:160px; height:160px; background-color:#e2e2e2;} .head-icon { margin:5px auto; width:150px; height:150px; background:center center; } .main-sum h1 {float:left; width:510px; font-size:24px; display:inline-block; font-weight:normal; } .main-sum .num {float:left; width:510px; height:36px; line-height:36px;} .main-sum .num span { padding:0px 10px; color:#d2d2d2;} .main-sum .tag { float:left; } .main-sum .tag a { float:left; margin: 2px; display: inline-block; padding:4px 8px; color:#999; background-color:#f3f3f3; } .main-sum .tag a:hover { background-color:#ff8803; color:#fff; } .main-sum .diff { float:left; width:480px; } .main-sum .diff ul { width: 100%; } .main-sum .diff ul li { float:left; width: 50%; height:25px; font-size:14px; background-color:#f9f9f9; } .main-sum .fav { float:left; width: 100%;} .main-sum .fav .opt { float:left; width: 70%;} .main-sum .fav .share { float:right; width: 30%; height:35px; line-height:35px;} .main-sum .opt a { float:left; display:block; width:100px; height:35px; font-size:18px; color:#fff; text-align:center; line-height:35px;} .main-sum .opt a:hover { color:#883700; } .main-sum .opt .fav_btn { background-color:#f6919a; } .main-sum .opt .col_btn { margin-left:20px; background-color:#ffcc00; } .main-sum .opt .share_btn { background-color:#93cd0a; } .main-sum .opt .bdsharebuttonbox {margin-left:20px;} .main-sum .ptime { float:left; width: 100%; font-size:14px; height:25px; line-height:25px;} .main-sum .desc { float:left; width: 95%; font-size:12px; height:100px; background-color:#fafafa; } .text_adv { float:left; margin-top:20px; height:40px;} .font16 { font-size:16px } .mleft { float:left; width:680px; } .mright { float:right; width:300px; } .mlwrap { width:680px;} .mleft .material { margin:5px; } .mleft .material h2 { font-size:24px; font-weight:normal; line-height:45px;} .mleft .material ul { width:658px; border: solid #e9e9e9; border-width: 1px 0 0 1px; overflow:hidden;} .mleft .material li { border: solid #e9e9e9; border-width: 0 1px 1px 0; font-size:14px;} .mleft .material .m_t {float:left; background-color:#f8f8f8; width: 657px; height:35px; line-height:35px; text-align:center; font-size:16px; font-weight:bold;} .mleft .material .s_t {float:left; width: 328px; height:30px; line-height:30px;} .mleft .material .s_t .s_t_i { margin:2px 10px; width:150px; display:inline-block;} .mleft .material .s_t .s_t_j { margin:2px 10px;} .mleft .step {margin:10px;} .mleft .step h2 { height:45px; line-height:45px; font-size:24px; font-weight:normal; } .mleft .step ul { width:648px; overflow:hidden;} .mleft .step li { float:left; width:100%; } .mleft .step .step-icon { float:left; width:60px; height:32px; font-size:18px; color:#efe;text-align:center;line-height:32px; background:url(../images/step_ol_bg.png) center center no-repeat; } .mleft .step .step-image { float:left; width:180px; } .mleft .step .step-text { float:left; margin-left:10px; width:380px; overflow:hidden; } .mleft .step .step-text p { font-size:14px; } .mleft .step .step-line { float:left; margin-top:10px; width:640px; height:10px; border-top:solid 1px #e2e2e2; overflow:hidden;} .mleft .step .step-image-small { width:180px; } .mleft .mlbox .recipe_tip { padding:10px; background-color:#f9f9f9;} .mleft .mlbox .recipe_tip h3 { line-height:35px; font-size:16px; } .mleft .mlbox .recipe_tip p { line-height:22px; font-size:14px; color:#999; } .mleft .mlbox .share { float:left; margin:10px; width:660px;} .mleft .mlbox .share_t { float:left; font-size:14px; margin-top:3px;} .mleft .mlbox .share .cpright { } .relates h2 { margin:0px 10px; font-size:18px; line-height:35px;} .relates ul { margin:0px 5px; overflow:hidden;} .relates ul .so_item { float:left; width:220px; background-color:#FFF; margin-bottom:10px;} .relates ul .mr5 { margin-right:5px; } .relates .img_item_box { width:220px; margin:5px auto; } .relates .img_item_box { overflow:hidden;} .relates .img_item_box .img { display:block; width:220px; height:200px; } .relates .img_item_box h3 { margin:0px 10px; line-height:40px;white-space:nowrap; text-overflow:ellipsis;} .relates .img_item_box h3 a{ font-size:16px; } .image-text-box { width:300px; background-color:#fff; overflow:hidden; } .image-text-box .itb-t {width:300px; height:35px; background-color:#f8f8f8;} .image-text-box .itb-t h3 { margin:0px 5px; width:290px; line-height:35px; font-size:16px; font-weight:normal; } .image-text-box .itb-b { margin:0px 5px; width:290px; overflow:hidden;} .image-text-box .itb-b li { float:left; width:100%; margin-top:5px;} .image-text-box .itb-b li .img { float:left; display:block; width:62px; height:62px; background-color:#c2c2c2;} .image-text-box .itb-b li .img img { margin:1px; width:60px; height:60px;} .image-text-box .itb-text { float:left; margin-left:10px; width:218px;} .image-text-box .itb-text .itb-text-t { display:block; font-size:16px; line-height:25px; } .image-text-box .itb-text .itb-text-b { color:#999;} .image-text-box .dtb-b { margin:0px 5px; width:290px; overflow:hidden;} .image-text-box .dtb-b li { float:left; width:50%; height:30px; line-height:30px;} .image-text-box .dtb-b li a { font-size:14px;} /*--------菜谱首页---------*/ .cbox { width:680px; overflow:hidden;} .cbox .cbox-t { width:680px; height:35px; background-color:#fde9d8; overflow:hidden; } .cbox .cbox-t h2 { float:left; width:420px; margin-left:10px; line-height:35px; font-size:16px; font-weight:normal;} .cbox .cbox-t .tabs { float:right; width:240px; overflow:hidden;} .cbox .cbox-t .tabs a { float:left; display:block; width:50px; height:25px; margin:5px; background-color:#fd9f30; font-size:14px; text-align:center; color:#fff;} .cbox .cbox-b { margin-top:5px;} .cbox .cbox-i { float:left; width:220px; margin-bottom:10px; background-color:#fff; overflow:hidden; } .cbox .mr10 { margin-right:10px;} .list_item_wrap { float:left; width:220px; overflow:hidden; } .list_item_wrap .img { display:block;} .list_item_wrap .img img { width:220px; height:180px;} .list_item_wrap ul { margin:5px 10px;} .list_item_wrap h3 { display:block; overflow:hidden;} .list_item_wrap h3 a{ height:30px; line-height:30px; font-size:16px; font-weight:normal;} .list_item_wrap h3 a:hover { text-decoration:underline; } .list_item_wrap li { height:30px; line-height:25px;} .hot-tag { width:300px; background-color:#fde9d8; overflow:hidden; } .hot-tag .hot-tag-t { overflow:hidden;} .hot-tag h2 { margin-left:10px; height:35px; line-height:35px; font-size:16px; font-weight:normal; } .hot-tag .hot-tag-b { background-color:#fff; overflow:hidden;} .hot-tag li { margin:0 5px; height:26px; line-height:26px; } .hot-tag li em { font-size:14px; font-weight:bold; } .hot-tag li a { margin-left:10px; font-size:14px; } .so_left { float:left; width:760px;} .so_right { float:right; width:230px; } /*-------搜索-----------*/ .so_box { } .so_box .so_box_t { height:35px; line-height:35px; background-color:#fff;} .so_box .so_box_t h2 {float:left; margin-left:10px; width:300px; font-size:14px; font-weight:normal;} .so_box .so_box_t .total { float:right; margin-right:10px;} .so_box .so_box_b { margin-top:10px; overflow:hidden; } .so_box .so_box_b .so_item { float:left; width:250px; background-color:#FFF; margin-bottom:10px;} .so_box .so_box_b .mr5 { margin-right:5px; } .img_item_box { width:240px; margin:5px auto; } .img_item_box { overflow:hidden;} .img_item_box .img { display:block; width:240px; height:200px; } .img_item_box h3 { margin:0px 10px; line-height:40px;white-space:nowrap; text-overflow:ellipsis;} .img_item_box h3 a{ font-size:18px; } .img_item_box em { float:left; width:220px; height:25px; display:block; margin: 0px 10px; font-size:12px; font-style:normal; color:#999; overflow:hidden;} .img_item_box em a{ color:#FED5AB; } .img_item_box em .tag { float:left; width:160px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .img_item_box em .view { float:right; width:60px; text-align:right; } .keyword_box { background-color:#FFF;} .keyword_box h2 { line-height:45px; margin-left:10px; font-size:18px;} .keyword_box li { float:left; width:230px; margin-bottom:10px; line-height:25px;} .keyword_box li a { margin:0 5px; padding:2px 5px; background-color:#f2f2f2;} .keyword_box li a:hover { background-color:#F60; color:#fff;} /*--------健康--------*/ .hleft { float:left; width:720px;} .hright { float:right; width:250px; } .news h2 { font-size:20px; font-weight:normal; padding:5px; width:650px; float:left; } .news ul { background-color:#fde9d8; overflow:hidden;} .news .more { float:right; display:block; width:50px; line-height:40px; } .news { width:720px; } .news dl { margin-top:5px; background:#f0f0f0; height:140px;} .news dl dt {float:left; width:184px;} .news dl dt img {width:180px; height:128px; border:solid 1px #c2c2c2;} .news dl dd {float:right; width:520px; } .news dl dd h3 {font-size:16px; font-weight:bold; color: #39c; height:30px; line-height:30px; overflow:hidden;} .news dl dd h3 a { color: #39c; } .news dl dd h3 a:hover { color: #39c; text-decoration: underline; } .news dl dd .desc { height:60px; font-size:14px; word-wrap: break-word; overflow:hidden;} .news dl dd .link { margin-top:10px; height:30px; line-height:30px; padding-right:10px; text-align:right;} .nav { padding:4px 10px; background-color:#fde9d8; } .news-main {padding:10px 20px;} .news-main h1 { font-size:24px; color:#f60; font-weight:normal; text-align:center;} .news-main .info { padding:5px; text-align:center; font-size:14px;} .news-main .content { font-size:16px; line-height:30px; } .news-main .content p { font-size:16px; line-height:30px; } .box-hline { overflow:hidden;} .box-hline .title { background-color:#FDD8C1;} .box-hline .title h2 { padding:4px; font-size:14px; color:#C30;} .box-hline .body { padding:5px 0px; background-color:#FFF9F4;} .box-hline .body li { margin:4px; line-height:20px;} .link1 { font-size:13px; text-decoration:underline;} .link1:hover { text-decoration:none; } .pager{ overflow:hidden; text-align:center;} .pager .pages { margin:0 auto; text-align:center;} .pager .pages a { float:left; padding: 2px 4px; margin-left:5px; display:block; text-align:center; color:#f60; border:solid 1px #F69;} .pager .pages a:hover { background-color:#F60; color:#FFF;} .pager .pages a.sel { background-color:#F60; color:#FFF;} .rest-main { overflow:hidden;} .rest-main .info { border:solid 1px #FFE4CA; background-color:#FFF8F0; overflow:hidden;} .rest-main .info .summary { width:400px; font-size:14px;} .rest-main .info .summary h1 { padding:5px; font-size:24px; font-weight:normal;} .rest-main .info .summary li { padding: 2px 5px; line-height:25px; } .rest-main .info .summary .intro { height:90px; background-color:#f2f2f2; font-size:12px; color:#666; overflow:hidden;} .rest-main .info .summary .exp {float:right; font-size:12px;} .rest-main .info .purview { width:270px; } .rest-main .info .purview .img { width:260px; margin:5px; height:220px;} .rest-main .info .purview .nail { width:260px; } .rest-main .info .purview .nail ul { width:260px; overflow:hidden;} .rest-main .info .purview .nail li { float:left; overflow:hidden; } .rest-main .info .purview .nail .mr10 { margin-right:10px; } .comments {} .comments .title { padding:5px;} .comments .title h2 { font-size:16px; font-weight:normal;} .comments .body {} .comments .body .comment-item { width:720px;} .comments .body .comment-item .user-icon{ width:80px; margin:4px;} .comments .body .comment-item .comment-info{ width:600px; margin-left:20px; margin-right:10px;} .rest-main .post-comment { float:left; font-size:14px; overflow:hidden;border:solid 1px #FFE4CA; background-color:#FFF8F0; overflow:hidden; } .rest-main .post-comment ul { overflow:hidden;} .rest-main .post-comment ul h2 { border-bottom:solid 1px #F60; width:98%; margin:0 auto; font-size:16px; font-weight:normal;} .starsBar{width:74px;height:13px;line-height:13px;display:inline-block;text-align:left;background:url('/images/starsbar.png') no-repeat;} .special_index { width:1000px; margin:0 auto; text-align:center; overflow:hidden;} .special_title { height:50px; line-height:50px;} .special_title h2 { float:left; margin-left:10px; font-size:24px;} .special_title .tabs { float:right; display:block; overflow:hidden;} .special_title .tabs a { height:35px; line-height:35px; padding:0px 10px; margin:0px 5px; color:#F28C39; font-size:16px; font-weight:normal;} .special_index .special_item { float:left; width:330px; margin-bottom:10px; overflow:hidden; background-color:#FFF;} .special_index .mr5 { margin-right:5px;} .special_index .special_item dt { float:left; width:330px; height:230px;} .special_index .special_item dt img{ float:left; margin: 5px; width:320px; height:220px;} .special_index .special_item dd { float:left; margin:5px 15px; width:300px;} .special_index .special_item dd h3 { text-align:left;} .special_index .special_item dd h3 a { font-size:20px; } .special_index .special_item dd .intro {float:left; line-height:25px; font-size:14px;} .special_pager { height:50px; } .special_pager .pages { margin-top:10px;} .wrap { width:1000px; } .ct_tuij { } .ct_tuij .title { height:50px; background-color:#fff; } .ct_tuij .title h2 { float:left; margin-left:10px; line-height:50px; width:600px; font-size:24px;} .ct_tuij .title .more { display:block; float:right; width:300px;} .ct_tuij .title .more a { margin:15px 10px; font-size:14px;} .ct_tuij .body { width:1000px; overflow:hidden; } .ct_tuij .body .ct_item { width:330px; margin:5px 0px; float:left; background-color:#FFF; } .ct_tuij .body .mr5{ margin-right:5px; } .ct_tuij .ct_item .ct_box { padding:5px; } .ct_tuij .ct_item img { width:320px; height:300px; } .ct_tuij .ct_item .ct_box h3 { float:left; margin-left:10px; font-size:18px; line-height:35px;} .ct_tuij .ct_item .ct_box .ct_i { float:left; margin-left:10px; height:25px; line-height:25px;} .ct_tuij .ct_item .ct_box .ct_v { float:left; display:block; width:200px; } .ct_tuij .ct_item .ct_box .ct_h { float:right; width:100px; } .ct_box1 {padding:5px; } .ct_box1 img { width:320px; height:300px; } .ct_box1 h3 { float:left; font-size:18px; line-height:35px; background:url(/images/alpha60.png); color:#666; width:320px; text-align:center; margin:-35px 0px 0px; z-index:999; position:absolute;} .ct_box1 .ct_i { margin:5px 10px; height:70px; line-height:22px; font-size:14px; color:#999;} .sc_icon { float:left; width:480px; overflow:hidden;} .sc_icon .img-purview { margin:5px; width:470px; height:300px; background:center center no-repeat;} .sc_info { float:right; width:510px; overflow:hidden;} .sc_info .sc_name { line-height:50px; height:50px; font-size:25px;} .sc_info .sc_desc{ float:left; height:180px;font-size:16px; line-height:25px; color:#999;} .text_box { background-color:#FFF; margin-bottom:10px;} .text_box .tb_t { background-color:#FFDCB9;} .text_box .tb_t h3{ margin:0px 10px; line-height:35px; font-size:18px;} .text_box .tb_b { overflow:hidden; margin:10px;} .text_box .tb_b p { line-height:25px; font-size:14px; color:#999;} .key_box { float:right; width:300px; background-color:#FFF; } .keys { margin:2px 5px; } .keys li { line-height:30px;} .keys li a{ margin:5px; padding:2px 10px; font-size:14px; background-color:#f3f3f3;} .keys li a:hover { background-color:#FFC184; color:#fff;}