/*!css/2020/participate_v2020.css*/h1,h2,h3,h4,h5,h6{font-weight:400}
.mb30{margin-bottom:30px}
.pb25{padding-bottom:25px}
.w400{width:400px}
.w780{width:780px}
.lh24{line-height:24px}
.lh28{line-height:28px}
.lh32{line-height:32px}
.f20{font-size:20px}
.f24{font-size:24px}
.tit-pad{padding:30px 20px 20px}
.borb-e{border-bottom:1px solid #eee}
.plr20{padding-right:20px;padding-left:20px}
.ptb25-lr20{padding:25px 20px}
.ptb30{padding-top:30px;padding-bottom:30px}
.detail-box{padding:50px 70px}
.detail-box .borb1{border-bottom:1px solid #f5f5f5}
.detail-box .title{font-size:30px;line-height:40px;font-weight:700}
.detail-box .info{margin-top:15px;font-size:12px}
.detail-box .info span{color:#bbb;margin-right:20px}
.detail-con{font-size:16px;line-height:32px}
.detail-con p{margin-top:15px;text-indent:2em}
.detail-con img{display:block;max-width:100%}
.xg-tag a{display:inline-block;padding:0 16px;border-radius:16px;line-height:30px;border-color:#bbb;color:#666;margin-left:5px}
.xg-tag a.disabled{pointer-events:none}
.like-list li{position:relative;padding-left:14px;line-height:30px;height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.like-list li:before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;background-color:#888;border-radius:50%;margin-top:-2px}
.article-list li{padding:20px 0;border-bottom:1px solid #eee;overflow:hidden}
.article-list li:last-child{border-bottom:0}
.article-list .img-block{width:190px;height:126px;margin-left:55px}
.article-list .tit{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-list .det{margin-top:10px;color:#999;line-height:22px;max-height:66px;overflow:hidden}
.article-list .icon-like{margin-right:5px;font-size:14px}
.carousel,.carousel .ovh{position:relative}
.carousel .ban-ul{position:absolute;left:0}
.carousel .ban-ul .item{float:left}
.carousel .dot{position:absolute;z-index:20}
.xm-qingxian{height:264px;background-color:#fff}
.xm-carousel,.xm-carousel .ban-ul,.xm-carousel .ban-ul .item,.xm-carousel .ovh{height:162px}
.xm-carousel .ban-ul .item{width:400px}
.xm-carousel .ban-ul .item .h92{height:92px}
.xm-carousel .ban-ul .item .img-block{float:left;width:140px;height:92px;margin-right:20px}
.xm-carousel .ban-ul .item p{height:20px;overflow:hidden}
.xm-carousel .ban-ul .item .f16{margin:0 0 5px}
.xm-carousel .ban-ul .item .h40{line-height:20px;color:#8c8c8c;height:40px;overflow:hidden;margin-top:5px;font-size:12px}
.xm-carousel .ban-ul .item .btn-bar{height:40px}
.xm-carousel .ban-ul .item .btn-bar .btn{width:163px;height:38px;line-height:38px}
.xm-carousel .dot{right:18px;top:-40px}
.xm-carousel .dot i{display:inline-block;width:8px;height:8px;border:1px solid #d9d9d9;border-radius:50%;margin:0 2px}
.xm-carousel .dot i.cur{background-color:#ff552e;border-color:#ff552e}
.r-cy-list li{margin-top:20px}
.r-cy-list li a{display:block;overflow:hidden}
.r-cy-list .l{margin-right:20px;width:120px;height:67px;overflow:hidden;position:relative}
.r-cy-list .l img{display:block;width:100%;height:100%}
.r-cy-list .l .icon-bofang-o{position:absolute;top:50%;left:50%;font-size:32px;line-height:32px;margin-top:-16px;margin-left:-16px}
.r-cy-list .l .icon-bofang-o::before{position:relative;z-index:2;color:#fff;opacity:.7}
.r-cy-list .l .icon-bofang-o::after{position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:1;content:'';background-color:rgba(0,0,0,.4);border-radius:50%}
.r-cy-list .tit{font-size:16px;height:40px;line-height:20px;overflow:hidden;margin-bottom:7px;font-weight:400}
.r-cy-list .lh20{line-height:20px}
.r-cy-list .money{color:#ff552e}
.hot-item-tag{margin-left:-10px}
.hot-item-tag a{margin-left:10px;margin-top:15px;float:left;padding:0 16px;height:30px;line-height:30px;padding:0 16px;border-radius:15px;background-color:#f8f8f8;color:#666}
.hot-item-tag a:hover{background-color:#ff562f;color:#fff;box-shadow:0 5px 10px rgba(2214,21,0,.18)}
.tit-tab-nav{margin-left:-26px}
.tit-tab-nav .item{float:left;font-size:20px;font-weight:700;margin-left:26px;cursor:pointer}
.tit-tab-nav .item.cur{color:#ff562f}
.xg-knowledge-list li{margin-top:30px;overflow:hidden}
.xg-knowledge-list .img-block{width:130px;height:87px;margin-right:25px}
.xg-knowledge-list .tit{font-size:16px;white-space:nowrap;height:20px;overflow:hidden;text-overflow:ellipsis}
.xg-knowledge-list .det{font-size:12px;color:#aaa;margin-top:5px;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.xg-knowledge-list .time{font-size:12px;color:#aaa;margin-top:2px}
.xg-wenda li{margin-top:20px}
.xg-wenda .tit{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xg-wenda .info{font-size:12px;color:#bbb;margin-top:5px}
.xg-wenda .info span{margin-right:25px}
.xg-wenda .info span:last-child{margin-right:0}
.franchiser-list li{margin-top:20px;overflow:hidden}
.franchiser-list .img-block{float:left;width:130px;height:87px;margin-right:25px;overflow:hidden}
.franchiser-list .tit{font-size:16px;margin-bottom:5px;line-height:30px;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.rank-bar{background-color:#fff}
.rank-bar dt{height:24px;line-height:24px;padding:16px 20px}
.rank-bar dt h2,.rank-bar dt h3{float:left;font-size:20px;color:#262626}
.rank-bar dt span.fr{color:#8c8c8c}
.rank-bar dd{height:60px;padding:0 20px;overflow:hidden;position:relative}
.rank-bar dd:after{position:absolute;left:30px;bottom:0;right:30px;content:'';border-bottom:1px solid #f5f5f5}
.rank-bar dd:last-child:after{border-bottom:0}
.rank-bar dd .item{position:relative;padding:15px 0 0 47px}
.rank-bar dd .item .icon-all{position:absolute;left:0;top:11px;color:#fff;text-align:center;padding-top:5px}
.rank-bar dd .item .icon-all.i-a33{color:#595959;top:15px}
.rank-bar dd .default{line-height:30px;height:30px;overflow:hidden}
.rank-bar dd .default .fr{color:#8c8c8c;margin-left:20px}
.rank-bar dd .tips{display:none;font-size:14px;line-height:24px;color:#8c8c8c;margin-top:8px;padding-bottom:14px;overflow:hidden}
.rank-bar dd .tips p{height:48px;overflow:hidden}
.rank-bar dd .tips img.fr{width:80px;height:54px;margin-left:25px}
.rank-bar dd.show{height:124px;background-color:#fff;box-shadow:0 3px 15px 0 rgba(0,0,0,.08)}
.rank-bar dd.show .tips{display:block}
.zan-bar{cursor:pointer}
.practice-bar{position:relative;padding:36px 20px 30px}
.practice-bar .pic{float:left;width:300px;height:200px;margin-right:30px}
.practice-bar .r-box{position:absolute;top:36px;right:20px}
.practice-bar .r-box .iconfont{margin-right:8px;color:#888;font-size:14px}
.practice-bar .r-box .zan-bar .icon-like{color:#ff552e}
.practice-bar .r-box .zan-bar-click .icon-like{color:#888}
.practice-bar .title{font-size:26px;font-weight:600;line-height:30px;overflow:hidden;padding-right:125px}
.difficulty{overflow:hidden}
.difficulty .iconfont{margin-left:5px;color:#aaa}
.difficulty .xin-oe{color:#f64040}
.practice-bar .detail{font-size:12px;line-height:20px;max-height:40px;overflow:hidden;color:#aaa}
.practice-bar .tag{overflow:hidden;margin-top:7px}
.practice-bar .tag li{float:left;width:50%;color:#aaa;line-height:26px;height:26px;font-size:12px;overflow:hidden}
.practice-bar .tag li span{color:#222}
.material-box{padding:30px 20px}
.material-tag{position:relative;display:inline-block;padding:0 10px;height:24px;line-height:24px;font-weight:600;background-color:#ccc;color:#fff}
.material-tag:before{content:'';position:absolute;top:0;right:-12px;border-width:12px 0 12px 12px;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:1}
.material-tag:after{content:'';position:absolute;top:50%;right:-2px;margin-top:-2px;width:4px;height:4px;border-radius:50%;z-index:2;background-color:#fff}
.material-tag-red{background-color:#f64040}
.material-tag-red:before{border-left-color:#f64040}
.material-list li{float:left;margin-top:20px;width:33.33%}
.material-list li a{display:block;overflow:hidden;margin-right:30px}
.material-list .pic{float:left;width:96px;height:64px;margin-right:14px}
.material-list .tit{height:20px;overflow:hidden;font-size:16px;font-weight:600}
.material-list .det{font-size:12px;color:#aaa;max-height:40px;overflow:hidden;margin-top:4px}
.cook-skill{padding:30px 20px 40px}
.cook-skill-content{padding-left:20px;font-size:16px;line-height:30px;color:#333}
.cook-skill-content p{margin-top:20px}
.p40{padding:40px}
.lh30{line-height:30px}
.lh40{line-height:40px}
.mr100{margin-right:100px}
.ptb25{padding-top:25px;padding-bottom:25px}
.practice-detail{padding:40px;border-bottom:1px solid #f5f5f5}
.practice-detail .title{font-size:36px}
.author-box{padding:17px 0}
.author-box .info{float:left;line-height:28px}
.author-box .info .pic{float:left;width:56px;height:56px;border-radius:50%;overflow:hidden;margin-right:13px}
.img-box img{display:block;max-width:100%}
.material-item{position:relative;overflow:hidden;border:1px solid #eee;border-top-width:2px}
.material-item:before{content:'';position:absolute;top:0;right:0;bottom:0;border-right:1px solid #eee}
.material-item:after{content:'';position:absolute;right:0;bottom:0;left:0;border-bottom:1px solid #eee}
.material-item li{position:relative;float:left;width:50%}
.material-item li:after{content:'';position:absolute;top:0;right:-1px;bottom:0;border-right:1px solid #eee}
.material-item .item{display:block;padding:12px 32px;line-height:48px;height:48px;overflow:hidden;border:1px solid #eee;border-top:0}
.material-item img{float:left;width:72px;height:48px;margin-right:20px}
.step-unfold .ovh{overflow:hidden;height:1185px}
.step-unfold .con li{padding-top:30px;overflow:hidden}
.step-unfold .con .pic{float:left;width:311px;height:207px;margin-right:40px}
.step-unfold .con .nr{font-size:16px;line-height:32px}
.step-unfold .more-step{width:150px;margin:55px auto 0;text-align:center;cursor:pointer;line-height:24px}
.hot-recomend li{margin-top:30px;overflow:hidden}
.hot-recomend .pic{float:left;width:240px;height:160px;overflow:hidden;margin-right:30px}
.hot-recomend .pic img{display:block;width:240px;height:160px}
.hot-recomend .title{font-size:20px;line-height:32px;height:32px;overflow:hidden}
.hot-recomend .detail{margin-top:10px;font-size:14px;line-height:24px;max-height:72px;overflow:hidden;color:#666}
.hot-recomend .info{margin-top:20px;font-size:12px;color:#aaa;line-height:24px}
.hot-recomend .info .iconfont{margin-right:10px}
.other-author-cook li{float:left;width:232px;margin-top:30px;margin-right:22px}
.other-author-cook li:nth-child(3n){margin-right:0}
.other-author-cook a{display:block}
.other-author-cook .pic{display:block;width:232px;height:154px}
.other-author-cook .tit{font-size:18px;height:20px;overflow:hidden;margin-top:10px}
.right-tab-nav{overflow:hidden}
.right-tab-nav h2{float:left;margin-right:50px;cursor:pointer; font-size:20px; font-weight:bold}
.right-tab-nav h2.cur{color:#ff5520}
.join-knowledge li{margin-top:20px;overflow:hidden}
.join-knowledge .pic{float:left;width:130px;height:87px;overflow:hidden;margin-right:20px}
.join-knowledge .pic img{display:block;width:100%;height:100%}
.join-knowledge .tit{font-size:16px;margin-bottom:2px;line-height:26px;height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.join-knowledge .det{margin-bottom:2px;font-size:12px;color:#aaa;line-height:20px;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.join-knowledge-liu li{margin-top:20px;overflow:hidden}
.join-knowledge-liu .pic{float:left;width:100px;overflow:hidden;margin-right:20px}
.join-knowledge-liu .pic img{display:block;width:100%;height:100%}
.join-knowledge-liu .tit{font-size:16px;margin-bottom:2px;line-height:26px;height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.join-knowledge-liu .det{margin-bottom:2px;font-size:12px;color:#aaa;line-height:20px;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.s-ca{color:#aaa}
.p30{padding:30px}
.expert-project{margin-top:24px}
.expert-project .img-block{border-radius:4px}
.expert-project .tit{line-height:24px;margin-top:20px}
.expert-project .name{font-size:18px;font-weight:700;max-width:234px}
.expert-project .like{font-size:12px;color:#bbb}
.expert-project .like .iconfont{font-size:12px;margin-right:4px;margin-top:-2px}
.expert-project .info{margin-top:8px}
.expert-project .info li{float:left;width:50%;margin-top:12px;font-size:14px;line-height:20px;color:#999}
.expert-project .btn-group{margin-top:24px}
.expert-project .btn-group .btn{width:162px;border:0;height:40px;line-height:40px;border-radius:20px;font-size:16px;text-align:center}
.expert-project .btn-group .btn-primary-pain{background-color:#ffede9;color:#ff562f}
.expert-project .btn-group .btn-primary{background-color:#ff562f;color:#fff}
.expert-project .btn-group .btn:hover{opacity:.8}
.expert-artcail{margin-top:24px;padding-top:24px;border-top:1px dashed #e8e8e8}
.expert-artcail dt{font-size:14px;color:#bbb;line-height:20px;margin-bottom:16px}
.expert-artcail dd{position:relative;padding-left:14px;margin-top:12px;font-size:14px;color:#666}
.expert-artcail dd:before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;background-color:#bbb;margin-top:-2px}
.expert-artcail dd a{display:block}
/*!css/2021/module-rank.css*/.ico-star{position:relative;display:inline-block;vertical-align:middle;font-family:iconfont;font-size:18px;line-height:1;cursor:pointer;color:#e8e8e8}
.ico-star:before{content:'\e7d0'}
.stars-bar,.stars-bar .iconbox,.stars-bar .txt{display:inline-block;vertical-align:middle}
.stars-bar .txt{font-size:16px;color:#ff562f;margin-left:10px;font-weight:600}
.iconbox{position:relative}
.iconbox .ico-star{margin:-3px 5px 0}
.iconbox .star-color{position:absolute;left:0;top:0;bottom:0;width:0;overflow:hidden;white-space:nowrap}
.iconbox .star-color .ico-star{color:#ff562f}
.stars-mini{line-height:20px;height:20px}
.stars-mini .ico-star{font-size:14px;margin:-3px 3px 0}
.stars-mini .txt{font-size:14px;margin-left:5px}
.module-rank{padding:30px 24px;background-color:#fff}
.radius-4{border-radius:4px}
.module-rank .nav-tit{position:relative;line-height:24px;font-size:18px;font-weight:700}
.module-rank .nav-tit:before{content:'';position:absolute;top:4px;left:-24px;width:4px;height:16px;background-color:#ff562f}
.module-rank .txt-more{font-size:12px;color:#999;line-height:24px}
.module-rank .txt-more:hover{color:#ff562f}
.module-rank .txt-more .iconfont{font-size:10px}
.module-rank-list li{margin-top:32px;overflow:hidden}
.module-rank-list li:first-child{margin-top:24px}
.module-rank-list .pic{float:left;width:130px;height:87px;margin-right:16px;border-radius:4px;overflow:hidden}
.module-rank-list .pic img{display:block;width:100%;height:100%}
.module-rank-list .tit{font-size:16px;font-weight:700}
.module-rank-list .money{font-size:14px;color:#ff562f;margin-left:10px}
.module-rank-list .info{margin-top:12px;overflow:hidden}
.module-rank-list .comment{color:#bbb;font-size:12px}
.module-rank-list .comment em{color:#666;margin-right:4px}
.module-rank-list .address{margin-top:12px;font-size:12px;color:#bbb}
.module-rank-list .address .icon-address{float:right;margin:1px 0 0 5px;font-size:12px;color:#666}