[v-cloak]{display:none!important;}
@font-face {
    font-family: 'Din';
    src: url('https://apph5.meishi.cc/king_of_food/images/DIN%20Condensed%20Bold.woff.ttf')  format('truetype')
}


::-webkit-scrollbar{width: 8px;height:8px;background-color: #fff;}
::-webkit-scrollbar-track{border-radius:4px;background-color: rgba(84,64,14,0.2);}
::-webkit-scrollbar-thumb{border-radius: 4px;background-color: rgba(84,64,14,0.3);}



body{font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;background:#f7f6f5;}
body input,body textarea{font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;outline: none;}
.msj_header{height:80px;width:100%;}
.msj_header_box{height:80px;width:100%;position:fixed;background:rgba(246,77,54,0.8);background-image:-webkit-linear-gradient(to right, rgba(250,69,81,0.8), rgba(246,77,54,0.8)); background-image:linear-gradient(to right,rgba(250,69,81,0.8),rgba(246,77,54,0.8));z-index:1000;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.msj_header_c{width:1200px;position:relative;margin:0px auto;height:80px;font-size:0px;}
.msj_header_box .logo{height:80px;width:128px;display:inline-block;vertical-align:top;}
.msj_header_box .logo img{display:block;height:54px;margin:13px 0px 0px 0px;width:106px;}
.top_search_box{width:222px;height:80px;display:inline-block;vertical-align: top;transition:all ease .3s;}
.top_search_box_c{height:44px;width:222px;border-radius:22px;background:#fff;margin-top:18px;position: relative;transition:all ease .3s;}
.top_search_box_c .searchbtn{position: absolute;right:2px;top:2px;border-radius:20px;height:40px;line-height:40px;color:#fff;font-size:16px;font-weight:600;background:#f94751;text-align:center;width:66px;transition: all ease 0.1s;border:0px;}
.top_search_box_c .searchbtn:hover{background:#eb4b34;}
.top_search_box_c .text{height:40px;width:150px;line-height:40px;font-size:16px;color:#222;border:0px;border-radius:20px;margin:2px 0px 0px 2px;padding-left:15px;box-sizing: border-box;transition:all ease .3s;}




.main_nav{height:80px;width:670px;display:inline-block;vertical-align:top;font-size:0px;text-align:center;transition:all ease .3s;}

.msj_header.searching .top_search_box{width:292px;}
.msj_header.searching .top_search_box_c{width:292px;}
.msj_header.searching .main_nav{width:600px;}
.msj_header.searching .top_search_box_c .text{width:220px;}


.main_nav .nav_item{height:80px;display:inline-block;vertical-align: top;}
.main_nav .nav_item .linkitem{line-height:80px;display:block;font-size:17px;color:#fff;font-weight:600;padding:0px 20px;transition:all ease 0.3s;background:rgba(255,255,255,0);position:relative;}
/* .main_nav .nav_item .linkitem.current:after{height:3px;display:block;position:absolute;bottom:14px;left:50%;margin-left:-18px;background:#fff;content:" ";border-radius:2px;width:36px;} */
.main_nav .nav_item:hover{background:rgba(255,255,255,0.10);}
.main_nav .nav_item .linkitem.current{background:rgba(255,255,255,0.20);}
.main_nav .nav_item:hover .linkitem.current{background:rgba(255,255,255,0.1);}
.main_nav .nav_item .linkitem .arrow{display:inline-block;vertical-align:top;background:url(https://st-cn.meishij.net/p2/20210126/20210126105755_453.png) 0px -90px;background-size:30px 150px;height:6px;width:10px;margin-top:37px;margin-left:8px;}
.main_nav .nav_item .linkitem .appicon{display:inline-block;vertical-align:top;background:url(https://st-cn.meishij.net/p2/20210126/20210126105755_453.png) 0px -120px;background-size:30px 150px;height:22px;width:20px;margin-top:29px;margin-right:16px;}

.nav_sort_wrap{position:absolute;font-size:0px;top:80px;background:#fff;width:100%;left:0px;box-shadow:0px 12px 12px rgba(0,0,0,0.1);border-bottom-left-radius:12px;border-bottom-right-radius:12px;text-align:left;display:none;}
.nav_item_sort:hover .nav_sort_wrap{display:block;}

.nav_sort_wrap dl{text-align:left;padding:20px 0px 24px 20px;display:inline-block;vertical-align:top;}

.nav_sort_wrap dl dt{display:inline-block;vertical-align:top;margin-bottom:10px;}
.nav_sort_wrap dl dt a{font-size:18px;color:#222;font-weight:600;line-height:28px;padding:0px 8px;position:relative;}
.nav_sort_wrap dl dt a i{display:inline-block;vertical-align:top;height:22px;width:22px;background:url(https://st-cn.meishij.net/p2/20210127/20210127144908_515.png) no-repeat;background-size:22px 154px;margin:3px 0px 0px 2px;}
.nav_sort_wrap dl dt a i.i1{background-position:0px 0px;}
.nav_sort_wrap dl dt a i.i2{background-position:0px -22px;}
.nav_sort_wrap dl dt a i.i3{background-position:0px -44px;}
.nav_sort_wrap dl dt a i.i4{background-position:0px -66px;}
.nav_sort_wrap dl dt a i.i5{background-position:0px -88px;}
.nav_sort_wrap dl dt a i.i6{background-position:0px -110px;}
.nav_sort_wrap dl dt a i.i7{background-position:0px -132px;}
.nav_sort_wrap dl:hover dt a i{animation: icondance 1s linear;-webkit-animation: icondance 1s linear ;}
@keyframes icondance
{
	0% {margin-top:3px;}
	25% {margin-top:2px;}
	50% {margin-top:3px;}
	75% {margin-top:2px;}
	100% {margin-top:3px;}
}



.nav_sort_wrap dl dt a:hover{color:#f64d36;}
.nav_sort_wrap dl dd{font-size:0px;border-right:1px dashed #eee;}
.nav_sort_wrap dl:last-child dd{border-right:0px;}
.nav_sort_wrap dl dd strong{display:inline-block;vertical-align:top;height:24px;margin:4px 10px 4px 0px;font-size:14px;width:76px;text-align:left;}
.nav_sort_wrap dl dd strong.long{height:24px;margin:4px 10px 4px 0px;font-size:14px;width:auto;text-align:left;}

.nav_sort_wrap dl dd .link{display:inline-block;vertical-align:top;height:24px;line-height:24px;border-radius:4px;color:#999;font-size:14px;padding:0px 8px;position:relative;}
.nav_sort_wrap dl dd strong.long .link{background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);color:#fff;transition:all ease 0.1s;}
.nav_sort_wrap dl dd strong.long .link:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}

.nav_sort_wrap dl dd .link:hover{color:#f64d36;background:rgba(246,77,54,0.15)}
.nav_sort_wrap dl dd .link.hot{color:#f64d36;font-weight:600;}
.nav_sort_wrap dl dd .link.hot:hover{color:#f64d36;}
.nav_sort_wrap dl dd .link .hot{position:absolute;top:-10px;right:-16px;height:14px;background:#f64d36;border-radius:4px;color:#fff;padding:0px 3px;line-height:14px;font-size:10px;font-weight:900;
    animation: hot 0.7s linear  infinite;-webkit-animation: hot 0.7s linear  infinite;}
@keyframes hot
{
	0% {top:-10px;}
	100% {top:-9px;}
}

.nav_sort_wrap .bgitem{background:url(https://s1.c.meishij.net/n/images/jccp_navbgg.png) center no-repeat;background-size:100% 100%;position:absolute;right:-70px;bottom:-30px;height:165px;width:300px;}


.header_userinfo{display:inline-block;vertical-align:top;width:180px;height:80px;position:relative;}
.header_userinfo .loginbtns{text-align:right;font-size:12px;color:#fff;line-height:80px;}
.header_userinfo .loginbtns a{color:#fff;font-size:16px;}
.header_userinfo .loginbtns a:hover{text-decoration: underline;}

.header_userinfo .user{width:180px;padding:10px 0px;box-sizing:border-box;margin-top:12px;border-radius:4px;height:56px;overflow:hidden;transition:all ease 0.1s;}
.header_userinfo .user:hover{background:#fff;box-shadow:0px 0px 8px rgba(0,0,0,0.1);height:auto;}
.header_userinfo .user .avatarw{height:36px;font-size:0px;padding-bottom:10px;margin:0px 15px;display:block;}
.header_userinfo .user .avatarw .avatar{width:36px;height:36px;border-radius:20px;display:inline-block;vertical-align:top;position:relative;}
.header_userinfo .user .avatarw .avatar .daren{background:url(https://st-cn.meishij.net/p2/20210126/20210126123823_581.png) center no-repeat;background-size:100% 100%;height:16px;width:16px;position:absolute;right:0px;bottom:0px;}

.header_userinfo .user .avatarw .name{font-size:14px;font-weight:600;color:#fff;line-height:36px;padding:0px 0px 0px 10px;display:inline-block;vertical-align:top;width:114px;box-sizing:border-box;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.header_userinfo .user:hover .avatarw .name{color:#222;}
.header_userinfo .user .avatarw:hover .name{color:#f64d36;text-decoration: underline;}


.header_userinfo .user .morelinks{width:180px;}
.header_userinfo .user .morelinks .btns{height:32px;line-height:32px;text-align:center;font-size:14px;border-radius:2px;background:#f64d36;color:#fff;display:block;margin:0px 15px 10px;}
.header_userinfo .user .morelinks .btns1{background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);transition:all ease 0.1s;}
.header_userinfo .user .morelinks .btns1:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}

.header_userinfo .user .morelinks .btns2{background:#efeeec;color:#666;}
.header_userinfo .user .morelinks .btns2:hover{background:#eee;color:#666;}
.header_userinfo .user .morelinks .link{height:32px;line-height:32px;font-size:14px;color:#222;display:block;padding:0px 15px;position:relative;}
.header_userinfo .user .morelinks .link:hover{background:#f5f5f5;}
.header_userinfo .user .morelinks .link span{display:block;border-top:1px solid #f1f1f1;}
.header_userinfo .user .morelinks .link i{background:url(https://st-cn.meishij.net/p2/20210126/20210126121918_708.png) center no-repeat;background-size:100% 100%;display:block;height:7px;width:4px;position:absolute;right:15px;top:12px;}
.header_userinfo .user .morelinks .link .mes_num{font-size:12px;color:#fff;height:16px;padding:0px 4px;min-width:8px;text-align:center;border-radius:8px;line-height:16px;background:#f64d36;display:inline-block;vertical-align: top;position:absolute;top:8px;right:28px;}

.header_userinfo .user .morelinks #sign.signed{color:#aaa;}
.header_userinfo .user .morelinks #sign.signed:hover{background:#fff;cursor:default;}

.title_s1{height:32px;padding:20px 0px 20px 0px;font-size:24px;color:#222;font-weight:600;margin-top:20px;line-height:32px;}
.title_s2{height:32px;padding:20px 0px 20px 20px;font-size:24px;color:#222;font-weight:600;line-height:32px;position:relative;}
.title_s2 .more{height:32px;line-height:32px;padding:0px 15px;position:absolute;right:24px;top:20px;display:inline-block;vertical-align:top;font-size:16px;color:#fff;font-weight:600;border-radius:16px;background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);color:#fff;transition:all ease 0.1s;}
.title_s2 .more:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}
.title_s2 .more i{display:inline-block;vertical-align:top;background:url(https://st-cn.meishij.net/p2/20210309/20210309172505_770.png) center no-repeat;background-size:100% 100%;height:14px;width:7px;margin:9px 0px 0px 6px;}



.page_style1{height:40px;text-align:center;font-size:0px;padding:20px 0px;}
.page_style1 .link{margin:0px 4px;display:inline-block;vertical-align:top;height:40px;min-width:16px;padding:0px 12px;white-space: nowrap;border-radius:4px;color:#666;font-size:14px;line-height:40px;background:#f5f5f5;}
.page_style1 .link:hover{background:rgba(246,77,54,0.2);color:#f64d36;}
.page_style1 .current{margin:0px 4px;display:inline-block;vertical-align:top;height:40px;min-width:16px;padding:0px 12px;white-space: nowrap;border-radius:4px;color:#fff;font-size:14px;line-height:40px;background:#f64d36;}

.recipe_header{width:100%;background:#efeeec;}
.recipe_header_c{width:1200px;margin:0px auto;padding:40px 0px;font-size:0px;}
.recipe_topimgw{width:350px;display:inline-block;vertical-align:top;height:535px;border-radius:4px;}
.recipe_topimg{opacity: 0;width:350px;height:535px;}





.recipe_topvideow{width:350px;display:inline-block;vertical-align:top;height:535px;border-radius:4px;background:#222;overflow:hidden;position:relative;}
.recipe_topvideo_bg{width:390px;height:575px;position:absolute;left:-20px;top:-20px; filter: blur(10px);opacity:0.5;}
.recipe_topvideo{width:350px;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.video_toolbar{height:535px;background:rgba(0,0,0,0);width:100%;position:absolute;top:0px;left:0px;z-index:50;transition:all ease 0.3s;display:block;}
.recipe_topvideow:hover .video_toolbar{display:block;}

.video_playbtn{display:block;position:absolute;z-index:20;height:535px;width:100%;cursor:pointer;}
.video_playbtn i{background:url(https://st-cn.meishij.net/p2/20210128/20210128104851_979.png) 0px -20px no-repeat;background-size:100px 250px;height:100px;width:100px;display:block;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);opacity:0.8;transition:all ease 0.3s;}
.video_playbtn i:hover{opacity: 1;}

.video_pausebtn{display:none;position:absolute;z-index:20;height:535px;width:350px;cursor:pointer;}
.video_pausebtn i{background:url(https://st-cn.meishij.net/p2/20210128/20210128104851_979.png) 0px -120px no-repeat;background-size:100px 250px;height:100px;width:100px;display:block;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);opacity:0.8;transition:all ease 0.3s;}
.video_pausebtn i:hover{opacity: 1;}

.video_fullscrbtn{display:block;height:40px;width:40px;position:absolute;right:20px;bottom:20px;border-radius:20px;background:rgba(0,0,0,0.5);z-index:100;cursor:pointer;}
.video_fullscrbtn i{background:url(https://st-cn.meishij.net/p2/20210128/20210128104851_979.png) 0px -0px no-repeat;background-size:100px 250px;height:20px;width:20px;display:block;margin:10px;}
.video_fullscrbtn:hover{background:rgba(0,0,0,0.7);}


.video_fsw{z-index:2000;position:fixed;height:80%;width:1200px;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);display:none;}
.recipe_topvideo_fs{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);max-height:100%;max-width:100%;}
.video_fsw_bg{height:100%;width:100%;background:rgba(0,0,0,0.7);position:fixed;left:0px;top:0px;z-index:1000;display:none;}












.recipe_header_info{width:590px;display:inline-block;vertical-align:top;padding-left:30px;box-sizing:border-box;}
.recipe_header_info .recipe_title{font-size:32px;color:#222;line-height:42px;font-weight:700;padding-top:10px;margin-right:40px;}
.recipe_header_info .info1{font-size:16px;line-height:26px;color:#666;font-weight:400;}
.recipe_header_info .info1 a{color:#666;}
.recipe_header_info .info1 a:hover{color:#f64d36;text-decoration: underline;}
.recipe_header_info .info2{height:160px;margin:25px 0px 0px 0px;font-size:0px;}
.recipe_header_info .info2 .info2_item{display:inline-block;vertical-align: top;height:160px;width:80px;margin-right:20px;border-radius:16px;background:#fff url(https://st-cn.meishij.net/p2/20210118/20210118111520_116.png) no-repeat;background-size:80px 640px;position:relative;position: relative;overflow:hidden;}
.recipe_header_info .info2 .info2_item1{background-position:0px 0px;}
.recipe_header_info .info2 .info2_item2{background-position:0px -160px;}
.recipe_header_info .info2 .info2_item3{background-position:0px -320px;}
.recipe_header_info .info2 .info2_item4{background-position:0px -480px;}


.recipe_header_info .info2 .info2_item em{font-size:12px;color:#666;line-height:18px;position:absolute;left:12px;bottom:37px;font-weight:400;}
.recipe_header_info .info2 .info2_item strong{font-size:14px;color:#222;line-height:20px;position:absolute;left:12px;bottom:17px;font-weight:600;}

.recipe_ingredientsw{width:520px;margin:30px 0px 0px 0px;}
.recipe_ingredients{background:#ffe851;border-radius:16px;position:relative;margin-bottom:15px;}
.recipe_ingredients1{margin-bottom:0px;}
.recipe_ingredients .left{width:80px;position:absolute;left:0px;top:0px;}
.recipe_ingredients .left strong{font-size:20px;text-align:right;color:#000;font-weight:600;line-height:22px;margin-top:17px;display:block;padding-right:20px;}
.recipe_ingredients .left em{font-size:12px;text-align:right;color:#000;font-weight:600;line-height:14px;display:block;padding-right:20px;}

.recipe_ingredients .right{background:#fff;padding:18px 20px 8px 20px;margin-left:80px;border-top-right-radius:16px;border-bottom-right-radius:16px;position:relative;z-index:100;}
.recipe_ingredients .right strong{font-size:15px;color:#222;border-radius:8px;background:#f5f5f5;display:inline-block;vertical-align:top;margin:0px 12px 12px 0px;height:32px;padding:0px 10px;line-height:32px;border-radius:8px;}
.recipe_ingredients .right strong a{color:#222;margin-right:6px;}
.recipe_ingredients .right strong a:hover{color:#f64d36;text-decoration: underline;}
.recipe_ingredients .right strong span{color:#222;margin-right:6px;}
.recipe_ingredients .right .rf{position:absolute;right:16px;color:#666;font-size:12px;line-height:20px;top:-20px;height:20px;background:rgba(0,0,0,0.05);padding:0px 10px;border-radius:0px;border-top-left-radius:8px;border-top-right-radius:8px;}
.recipe_ingredients1 .right{background:#fff;padding:18px 20px 8px 20px;margin-left:80px;}


.recipe_qrcodebox{width:260px;display:inline-block;vertical-align:top;background:#fff;border-radius:4px;min-height:535px;}
.recipe_qrcodebox .qrcode{margin:40px auto 0px;height:128px;width:128px;}
.recipe_qrcodebox .qrcode_des{text-align:center;margin-top:15px;}
.recipe_qrcodebox .qrcode_des .t{font-size:18px;color:#222;line-height:30px;display:block;font-weight:600;}
.recipe_qrcodebox .qrcode_des .des{font-size:14px;color:#222;line-height:26px;display:block;font-weight:600;}
.recipe_qrcodebox .favbtnw{height:48px;margin:34px 30px 0px;;}
.recipe_qrcodebox .favbtnw a{transition:all ease 0.1s;display:block;height:48px;border-radius:4px;overflow:hidden;line-height:48px;font-size:18px;color:#fff;text-align:center;font-weight:600;background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);}
.recipe_qrcodebox .favbtnw a:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}
.recipe_qrcodebox .favbtnw a.added{background:#f5f5f5;color:#999;}
.recipe_qrcodebox .favbtnw a .i{display:inline-block;vertical-align:top;height:20px;width:24px;margin:14px 10px 0px 0px;background: url(https://st-cn.meishij.net/p2/20210126/20210126105755_453.png) 0px -30px no-repeat; background-size: 30px 150px;}


.recipe_qrcodebox .dotline{height:8px;font-size:0px;text-align:center;overflow:hidden;position:relative;margin-top:38px;}
.recipe_qrcodebox .dotline .dot1{height:8px;width:8px;border-radius:4px;background:#efeeec;position:absolute;left:-4px;top:0px;}
.recipe_qrcodebox .dotline .dot{height:4px;width:4px;border-radius:2px;margin:2px 3px;display:inline-block;vertical-align:top;background:#efeeec;}
.recipe_qrcodebox .dotline .dot2{height:8px;width:8px;border-radius:4px;background:#efeeec;position:absolute;right:-4px;top:0px;}
.recipe_qrcodebox .copyright{font-size:14px;color:#999;line-height:22px;padding:26px 30px;}


.main{width:1200px;margin:0px auto;font-size:0px;}
.main_left{width:810px;display:inline-block;vertical-align: top;margin-right:40px;}
.recipe_author{margin-top:40px;background:#fff;position:relative;border-radius:12px;padding:4px 0px 24px;}
.recipe_author .author{margin:20px 24px 0px;font-size:0px;position:relative;}
.recipe_author .author .avatarw{height:60px;display:inline-block;vertical-align: top;border-radius: 30px;overflow: hidden;width:60px;position:absolute;left:0px;top:0px;}
.recipe_author .author .avatarw a{display:block;height:60px;width:60px;}
.recipe_author .author .info{height:60px;padding-left:80px;}
.recipe_author .author .info .author_name{line-height:32px;height:32px;font-size:18px;color:#222;font-weight:600;display:inline-block;vertical-align:top;margin-top:2px;}
.recipe_author .author .info .author_name:hover{color:#f64d36;}
.recipe_author .author .info .infos{line-height:24px;height:24px;font-size:15px;color:#999;display:block;}
.recipe_author .author_words p{font-size:16px;color:#666;line-height:24px;padding:20px 24px 0px;font-weight:400;}

.recipe_author .quote_icon{position:absolute;right:25px;top:25px;height:20px;width:28px;background: url(https://st-cn.meishij.net/p2/20210126/20210126105755_453.png) 0px 0px no-repeat;;background-size: 30px 150px;}


.recipe_step_box{background:#fff;border-radius:12px;}
.recipe_step{position:relative;padding:24px 24px 4px 134px;min-height:128px;}
.recipe_step .recipe_step_num{height:128px;width:86px;position:absolute;left:24px;top:24px;background:#ffe851;border-radius:16px;border-bottom-right-radius:2px;}
.recipe_step .recipe_step_num strong{font-size:20px;text-align:right;color:#000;font-weight:600;line-height:22px;margin-top:17px;display:block;padding-right:20px;}
.recipe_step .recipe_step_num em{font-size:12px;text-align:right;color:#000;font-weight:600;line-height:14px;display:block;padding-right:20px;}
.recipe_step .recipe_step_num p{font-size:36px;text-align:right;color:#000;font-weight:600;line-height:70px;display:block;padding-right:20px;}

.recipe_step .step_content{min-height:128px;}
.recipe_step .step_content .stepimg{border-radius:4px;display:block;width:100%;margin-bottom:15px;}
.recipe_step .step_content p{font-size:18px;color:#222;line-height:28px;font-weight:600;padding:2px 0px 20px 0px;}

.recipe_finish_box{background:#fff;border-radius:12px;padding:24px;}
.swiper-container1{width:762px;height:508px;overflow:hidden;}
.swiper-container1 .swiper-slide{position:relative;overflow:hidden;background:#eee;}
.swiper-container1 .swiper-slide img{display:block;width:100%;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.swiper-pagination-bullet {opacity: .5;background: #fff;}
.swiper-pagination-bullet-active {opacity: 1;background: #f42e2b;}


.recipe_comments{background:#fff;border-radius:12px;padding:24px;}
.recipe_comments_poster{font-size:0px;padding-bottom:20px;}
.recipe_comments_poster .avatar{width:60px;height:60px;display:inline-block;vertical-align: top;}
.recipe_comments_poster .avatar a{display:block;height:60px;width:60px;border-radius:30px;}
.recipe_comments_poster .posterw{display:inline-block;vertical-align: top;width:682px;padding-left:20px;}
.recipe_comments_poster .posterw textarea{overflow-x:hidden;overflow-y:auto;border:0px;padding:12px 16px;box-sizing: border-box;background:#f5f5f5;font-size:14px;line-height:22px;color:#222;display:block;width:100%;height:60px;border-radius:12px;border-top-left-radius:2px;box-shadow:2px 2px 6px rgba(0,0,0,0.05) inset;}
.recipe_comments_poster .posterw .post_comments_btn{transition:all ease 0.1s;display:block;float:right;margin-top:15px;height:32px;line-height:32px;width:120px;text-align:center;background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);color:#fff;font-size:14px;font-weight:600;border-radius:4px;}
.recipe_comments_poster .posterw .post_comments_btn:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}


.comments_list{}
.comments_item{font-size:0px;}
.comments_item .avatar{display:inline-block;vertical-align:top;height:60px;padding:15px 0px;}
.comments_item .avatar a{display:block;height:60px;width:60px;border-radius:30px;}
.comments_item .c{display:inline-block;vertical-align: top;width:682px;margin-left:20px;min-height:55px;padding:15px 0px 20px;border-top:1px solid #eee;}
.comments_item .c .info{height:24px;line-height:24px;position:relative;margin-top:4px;}
.comments_item .c .info .name{font-size:14px;color:#999;line-height:24px;}
.comments_item .c .info .name:hover{color:#f64d36;text-decoration: underline;}
.comments_item .c .info .time{position:absolute;height:24px;line-height:24px;color:#999;font-size:14px;right:0px;top:0px;}
.comments_item .c .pwrap{}
.comments_item .c .pwrap p{font-size:16px;color:#222;line-height:24px;}
.comments_item .c .pwrap .imgw{padding-top:15px;font-size:0px;margin-bottom:-10px;}
.comments_item .c .pwrap .imgw img{display:inline-block;vertical-align:top;height:300px;margin-right:10px;margin-bottom:10px;border-radius:8px;}
.comments_item .c .pwrap .resw{background:#f5f5f5;padding:6px 15px 6px;border-radius:6px;margin-top:15px;}
.comments_item .c .pwrap .resw .re_item{padding:4px 0px 10px;border-bottom:1px solid #e8e8e8;}
.comments_item .c .pwrap .resw .re_item:last-child{border-bottom:0px;}

.recipe_tips{background:#fff;border-radius:12px;padding:24px;padding:24px 24px 24px 134px;min-height:70px;position:relative;}
.recipe_tips .recipe_tips_title{height:70px;width:86px;position:absolute;left:24px;top:24px;background:#ffe851;border-radius:16px;border-bottom-right-radius:2px;}
.recipe_tips .recipe_tips_title strong{font-size:20px;text-align:right;color:#000;font-weight:600;line-height:22px;margin-top:17px;display:block;padding-right:20px;}
.recipe_tips .recipe_tips_title em{font-size:12px;text-align:right;color:#000;font-weight:600;line-height:14px;display:block;padding-right:20px;}

.recipe_tips p{font-size:18px;line-height:27px;color:#666;font-weight:400;}

.list_s1{width:1200px;margin:0px auto;}

.list_s1_content{font-size:0px;margin-bottom:-20px;}

.list_s1_item{width:224px;height:360px;background:#fff;border-radius:12px;overflow:hidden;margin:0px 20px 20px 0px;display:inline-block;vertical-align: top;box-shadow:0px 4px 12px rgba(0,0,0,0);transition:all ease 0.3s;}
.list_s1_item:hover{box-shadow:0px 4px 12px rgba(0,0,0,.1);}
.list_s1_item:nth-child(5n){margin-right:0px;margin-bottom:0px;}
.list_s1_item .imgw{position: relative;height:280px;overflow:hidden;}
.list_s1_item_img{height:280px;display:block;}
.list_s1_item_img .vicon{height:30px;width:30px;background:url(https://st-cn.meishij.net/p2/20181206/20181206143142_460.png) 0px 0px no-repeat;background-size:30px 60px;position:absolute;right:15px;top:15px;}

.list_s1_item_img_set{height:280px;width:224px;overflow:hidden;font-size:0px;display:block;}
.list_s1_item_img_set .imgsetitem{width:50%;height:50%;display:inline-block;vertical-align:top;box-sizing: border-box;}
.list_s1_item_img_set .imgsetitem:nth-child(4n+1){border-right:1px solid #fff;border-bottom:1px solid #fff;}
.list_s1_item_img_set .imgsetitem:nth-child(4n+2){border-left:1px solid #fff;border-bottom:1px solid #fff;}
.list_s1_item_img_set .imgsetitem:nth-child(4n+3){border-right:1px solid #fff;border-top:1px solid #fff;}
.list_s1_item_img_set .imgsetitem:nth-child(4n+4){border-left:1px solid #fff;border-top:1px solid #fff;}

.list_s1_item_author{background:rgba(0,0,0,0.5);height:60px;position:absolute;left:0px;bottom:-60px;width:100%;transition:all ease 0.3s;padding-left:76px;box-sizing: border-box;}
.list_s1_item .imgw:hover .list_s1_item_author{bottom:0px;}
.list_s1_item_author .author_avatar{height:36px;width:36px;border-radius:18px;position: absolute;left:20px;top:12px;}
.list_s1_item_author strong{font-size:14px;color:#fff;line-height:60px;display:block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;margin-right:20px;}
.list_s1_item_author:hover strong{color:#f64d36;}

.list_s1_item_info{display:block;height:80px;}
.list_s1_item_info .title{font-size:16px;color:#222;font-weight:600;line-height:28px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;margin:12px 20px 0px;}
.list_s1_item_info .sc{font-size:14px;color:#999;font-weight:400;line-height:28px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;margin:0px 20px 0px;padding-left:24px;position:relative;}
.list_s1_item_info .sc:before{position:absolute;height:16px;width:16px;position:absolute;left:0px;top:6px;content:" ";background: url(https://st-cn.meishij.net/p2/20210126/20210126105755_453.png) 0px -60px no-repeat;background-size: 30px 150px;}
.list_s1_item_info:hover .title{color:#f64d36;}
.list_s1_item_info .des{font-size:14px;color:#999;font-weight:400;line-height:28px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;margin:0px 20px 0px;padding-left:0px;position:relative;}


/* 列表页 */

.list_s2{width:712px;margin:36px 40px 0px 0px;display:inline-block;vertical-align:top;}
.list_s2_content{font-size:0px;margin-bottom:-20px;}
.list_s2 .list_title{height:40px;font-size:32px;color:#222;font-weight:600;line-height:40px;padding:0px 0px 12px;}
.list_s2 .recipe_info{background:#fff;border-radius:12px;margin:0px 0px 32px;padding:20px 0px;}
.cpjh_main{width:712px;background:#fff;margin:0px auto 0px;padding:0px;font-size:0px;box-sizing:border-box;border-radius:12px;}
.cpjh_main .imgw{height:160px;width:240px;border-radius:4px;overflow:hidden;display:inline-block;vertical-align:top;position:relative;margin-left:20px;}
.cpjh_main .c1{width:422px;padding-left:20px;display:inline-block;vertical-align:top;box-sizing:border-box;}
.cpjh_main h1{margin:0px 0px;padding:0px 0px 0px;}
.cpjh_main h1 a{display:block;font-size:32px;font-weight:600;color:#222;line-height:48px;}
.cpjh_main .des{font-weight:400;text-align:justify;font-size:15px;color:#666;line-height:23px;display:block;word-break: break-all;margin:10px 0px 0px;padding:0px 0px;}
.cpjh_main  .zhishu{font-size:0px;text-align:left;margin-top:20px;}
.cpjh_main  .zhishu li{display:inline-block;vertical-align:top;width:237px;margin:0px;overflow:hidden;border-right:0px solid #eee;box-sizing:border-box;}
.cpjh_main  .zhishu li:nth-child(3n+2){width:238px;}
.cpjh_main  .zhishu li:first-child{background:url(https://st-cn.meishij.net/p2/20191031/20191031141328_172.png) 10% 10%  no-repeat;background-size:120% 300%;}
.cpjh_main  .zhishu li:nth-child(2n){background:url(https://st-cn.meishij.net/p2/20191031/20191031141328_548.png) 10% 10% no-repeat;background-size:120% 300%;}
.cpjh_main  .zhishu li:nth-child(3n){background:url(https://st-cn.meishij.net/p2/20191031/20191031141328_919.png) 10% 10% no-repeat;background-size:120% 300%;margin-right:0px;}
.cpjh_main  .zhishu li .title{height:48px;line-height:48px;font-size:18px;position:relative;text-align:left;text-indent:34px;font-weight:600;padding-top:5px;}
.cpjh_main  .zhishu li:first-child .title:before{content:" ";position:absolute;left:20px;top:21px;height:16px;background:#ffac1b;width:6px;border-radius:3px;}
.cpjh_main  .zhishu li:nth-child(2n) .title:before{content:" ";position:absolute;left:20px;top:21px;height:16px;background:#5bc295;width:6px;border-radius:3px;}
.cpjh_main  .zhishu li:nth-child(3n) .title:before{content:" ";position:absolute;left:20px;top:21px;height:16px;background:#c994d9;width:6px;border-radius:3px;}
.cpjh_main  .zhishu li .c{color:#666;line-height:23px;font-size:15px;padding:0px 20px 0px;text-align:left;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;}
.cpjh_main  .cover_play{position:absolute;left:0px;top:0px;height:100%;width:100%;background:rgba(0,0,0,0.5) url(https://st-cn.meishij.net/p2/20180919/20180919171125_849.png) center no-repeat;background-size:60px 60px;z-index:100;}



.slys_con{padding:20px 20px 20px;width:712px;margin:10px 0px 32px;background:#fff;box-sizing:border-box;border-radius:12px;}

.slys_con p.p1{color:#222;line-height:24px;font-size:16px;}

.slys_con p.p2{color:#222;line-height:24px;font-size:16px;}
.slys_con p.p2 span{padding-right:40px;}

.slys_con strong.yi{margin-top:20px;font-size:16px;font-weight:600;line-height:28px;margin-bottom:10px;color:#fff;height:28px;display:inline-block;vertical-align:top;padding:0px 8px;border-radius:8px;border-bottom-right-radius:1px;background-image:-webkit-linear-gradient(to right, rgba(16,202,136,0.7), rgba(16,202,136,1)); background-image:linear-gradient(to right,rgba(16,202,136,0.7), rgba(16,202,136,1));}
.slys_con strong.ji{margin-top:20px;font-size:16px;font-weight:600;line-height:28px;margin-bottom:10px;color:#fff;height:28px;display:inline-block;vertical-align:top;padding:0px 8px;border-radius:8px;border-bottom-right-radius:1px;background-image:-webkit-linear-gradient(to right, rgba(242,95,82,0.7), rgba(242,95,82,1)); background-image:linear-gradient(to right,rgba(242,95,82,0.7), rgba(242,95,82,1));}

.slys_con ul{padding:10px 0px 0px;max-height:176px;overflow:hidden;font-size:0px;}
.slys_con ul.show{max-height:fit-content;}
.slys_con ul li{height:88px;width:58px;margin-right:10px;margin-bottom:5px;display:inline-block;vertical-align:top;}
.slys_con ul li:nth-child(10n){margin-right:0px;}
.slys_con ul li a{display:block;height:88px;width:58px;}
.slys_con ul li a img{display:block;height:58px;width:58px;border-radius:6px;}

.slys_con ul li a strong{line-height:30px;height:30px;display:block;white-space:nowrap;overflow:hidden;text-align:center;color:#666;}
.slys_con ul li a:hover{color:#f64d36;text-decoration:underline;}
.slys_con ul li a:hover strong{color:#f64d36;text-decoration:underline;}









.list_s2_item{width:224px;height:360px;background:#fff;border-radius:12px;overflow:hidden;margin:0px 20px 20px 0px;display:inline-block;vertical-align: top;box-shadow:0px 4px 12px rgba(0,0,0,0);transition:all ease 0.3s;}
.list_s2_item:hover{box-shadow:0px 4px 12px rgba(0,0,0,.1);}
.list_s2_item:nth-child(3n){margin-right:0px;margin-bottom:0px;}
.list_s2_item .imgw{position: relative;height:280px;overflow:hidden;}
.list_s2_item_img{height:280px;display:block;}
.list_s2_item_img .vicon{height:30px;width:30px;background:url(https://st-cn.meishij.net/p2/20181206/20181206143142_460.png) 0px 0px no-repeat;background-size:30px 60px;position:absolute;right:15px;top:15px;}

.list_s2_item_author{background:rgba(0,0,0,0.5);height:60px;position:absolute;left:0px;bottom:-60px;width:100%;transition:all ease 0.3s;padding-left:76px;box-sizing: border-box;}
.list_s2_item .imgw:hover .list_s2_item_author{bottom:0px;}
.list_s2_item_author .author_avatar{height:36px;width:36px;border-radius:18px;position: absolute;left:20px;top:12px;}
.list_s2_item_author strong{font-size:14px;color:#fff;line-height:60px;display:block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;margin-right:20px;}
.list_s2_item_author:hover strong{color:#f64d36;}
.list_s2_item_info{display:block;height:80px;}
.list_s2_item_info .title{font-size:16px;color:#222;font-weight:600;line-height:28px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;margin:12px 20px 0px;}
.list_s2_item_info .sc{font-size:14px;color:#999;font-weight:400;line-height:28px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;margin:0px 20px 0px;padding-left:24px;position:relative;}
.list_s2_item_info .sc:before{position:absolute;height:16px;width:16px;position:absolute;left:0px;top:6px;content:" ";background: url(https://st-cn.meishij.net/p2/20210126/20210126105755_453.png) 0px -60px no-repeat;background-size: 30px 150px;}
.list_s2_item_info:hover .title{color:#f64d36;}



.list_wz_item{width:712px;height:80px;background:#fff;border-radius:0px;overflow:hidden;margin:0px 20px 1px 0px;display:inline-block;vertical-align: top;box-shadow:0px 4px 12px rgba(0,0,0,0);transition:all ease 0.3s;}
.list_wz_item:first-child{border-top-left-radius:12px;border-top-right-radius:12px;}
.list_wz_item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
.list_wz_item:hover{box-shadow:0px 4px 12px rgba(0,0,0,.1);}
.list_wz_item_info{display:block;height:80px;}
.list_wz_item_info .title{font-size:16px;color:#222;font-weight:600;line-height:28px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;margin:12px 20px 0px;}
.list_wz_item_info span{font-size:14px;color:#999;font-weight:400;line-height:28px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;margin:0px 20px 0px;position:relative;}
.list_wz_item_info:hover .title{color:#f64d36;}

.list_main{width:1200px;margin:0px auto;font-size:0px;}
.list_leftbox{width:108px;display:inline-block;vertical-align:top;margin-right:40px;margin-top:40px;}
.list_rightbox{width:300px;display:inline-block;vertical-align:top;margin-top:40px;}
.list_order{height:24px;line-height:24px;padding:0px 0px 24px;font-size:0px;}
.list_order li{display:inline-block;vertical-align:top;padding-right:20px;}
.list_order li a{font-size:16px;color:#666;}
.list_order li a.current{color:#f64d36;font-weight:600;}
.list_order li a:hover{color:#f64d36;}

.list_backbtn{height:44px;line-height:44px;border-radius:12px;margin-bottom:10px;display:block;font-size:16px;color:#222;font-weight:600;background:#fff url(https://st-cn.meishij.net/p2/20210311/20210311180645_955.png) 15px center no-repeat;background-size:7px 14px;padding-left:30px;}
.list_backbtn:hover{box-shadow:0px 4px 8px rgba(0,0,0,0.1);}
.sortlist{padding:14px 0px;background:#fff url(https://st-cn.meishij.net/p2/20210303/20210303163555_257.png) top right no-repeat;background-size:100% auto;border-radius:12px;}
.sortlist dt{display:block;height:40px;line-height:40px;color:#222;font-weight:600;text-align:center;font-size:16px;padding:8px 0px;box-sizing: border-box;}
.sortlist dt a{display:block;height:24px;margin:0px 12px;border-radius:2px;color:#222;line-height:24px;}
.sortlist dt a:hover{color:#f64d36;}
.sortlist dt a i{display:inline-block;vertical-align:top;height:4px;width:7px;background: url(https://st-cn.meishij.net/p2/20210325/20210325104339_736.png) center no-repeat;background-size:cover;margin:10px 0px 0px 6px;transition:all ease 0.3s;transform: rotate(-90deg);}
.sortlist dt.current a i{transform: rotate(0deg);}
.sortlist dd{}
.sortlist dd strong{display:block;height:34px;padding:4px 12px;box-sizing: border-box;}
.sortlist dd a{display:block;color:#999;font-size:14px;text-align:center;line-height:24px;height:24px;border-radius:2px;}
.sortlist dd a:hover{background: #f5f5f5;}
.sortlist dd a.current{color:#f64d36;background:rgba(246,77,54,0.15);}


/* 其他用户页 */

.user_box{width:100%;padding:40px 0px;background:#efeeec;}
.user_main{width:1200px;margin:0px auto;border-radius:12px;font-size:0px;}
.user_left{display:inline-block;vertical-align:top;width:160px;padding:0px 0px 0px 0px;}
.user_left .useravatar{height:160px;width:160px;border-radius:100px;overflow:hidden;}

.user_right{display:inline-block;vertical-align:top;width:600px;padding:0px 0px 0px 0px;padding-left:40px;position:relative;}
.user_right .name{font-size:32px;color:#222;line-height:44px;font-weight:600;padding:4px 0px 6px 0px;}
.user_right .name .vipicon{height:28px;width:28px;display:inline-block;vertical-align:top;margin:10px 0px 0px 4px;background:url(https://st-cn.meishij.net/p2/20210126/20210126123823_581.png) center no-repeat;background-size:cover;}
.user_right .userinfo{font-size:14px;color:#999;line-height:24px;position:relative;width:100%;min-height:48px;display:block;}
.user_right .sign{font-size:16px;color:#222;line-height:26px;padding-top:15px;margin-top:15px;width:520px;border-top:1px solid rgba(0,0,0,0.05);}


.user_followers{display:inline-block;vertical-align:top;width:400px;height:160px;font-size:0px;background:#fff;border-radius:4px;}
.user_followers .info{font-size:0px;text-align:center;}
.user_followers .item{display:inline-block;vertical-align: top;text-align:center;width:90px;height:100px;box-sizing:border-box;border-radius:0px;padding:22px 0px 0px 0px;}
.user_followers .item span{font-family: 'Din';font-size:24px;color:#222;display:block;line-height:34px;}
.user_followers .item strong{color:rgba(0,0,0,0.4);font-size:14px;line-height:24px;font-weight:600;}

.user_followers .btnw{height:40px;margin:0px 20px;}
.user_followers .btnw .btn{border-radius:4px;height:40px;line-height:40px;font-size:18px;color:#fff;display:block;text-align:center;background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);transition:all ease 0.2s;}
.user_followers .btnw .btn:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}
.user_followers .btnw .btn.added{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.4);}







/* 全局弹窗 */
.msj2021_alertbox{height:300px;width:600px;background:#fff;border-radius:12px;box-shadow:0px 10px 32px rgba(0,0,0,0.5);position:fixed;left:50%;top:50%;margin:-150px 0px 0px -300px;z-index:99999;padding:22px 24px 40px;box-sizing: border-box;}
.msj2021_alertbox strong{font-size:32px;color:#222;font-weight:600;line-height:36px;margin-bottom:14px;display:block;}
.msj2021_alertbox p{font-size:16px;color:#222;font-weight:400;line-height:26px;margin-bottom:20px;width:256px;}
.msj2021_alertbox .btns{position:absolute;left:24px;bottom:40px;height:44px;font-size:0px;}
.msj2021_alertbox .btns .dlbtn{border-radius:4px;line-height:44px;padding:0px 20px;font-size:18px;color:#fff;display:inline-block;vertical-align:top;background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);transition:all ease 0.2s;}
.msj2021_alertbox .btns .dlbtn:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}
.msj2021_alertbox .btns .shutbtn{border-radius:4px;line-height:44px;padding:0px 20px;font-size:18px;color:#999;display:inline-block;vertical-align:top;background:#eee;margin-left:10px;}
.msj2021_alertbox .btns .shutbtn:hover{background:#ddd;}
.msj2021_alertbox .msj2021_alertbox_qrcode{position:absolute;right:20px;top:20px;display:block;height:240px;width:180px;}
.msj2021_alertbox .msj2021_alertbox_qrcode img{display:block;height:180px;width:180px;}
.msj2021_alertbox .msj2021_alertbox_qrcode .des{font-size:16px;text-align:center;line-height:44px;color:#222;margin-top:16px;display:block;}
.msj2021_alertbox_bg{display:block;height:100%;width:100%;background:rgba(0,0,0,0);position: fixed;left:0px;top:0px;z-index:99998;}






/* 大图页 */
.big_main{width:1200px;margin:40px auto 60px;font-size:0px;}
.big_main_title{height:40px;font-size:32px;color:#222;font-weight:600;line-height:40px;padding:0px 0px 20px;text-align:left;}
.list_s3_content{font-size:0px;}
.list_s3_item{width:373px;height:560px;background:#fff;border-radius:18px;overflow:hidden;margin:0px 40px 40px 0px;display:inline-block;vertical-align: top;box-shadow:0px 4px 12px rgba(0,0,0,0);transition:all ease 0.3s;position:relative;}
.list_s3_item:hover{box-shadow:0px 8px 24px rgba(0,0,0,.3);}
.list_s3_item:nth-child(3n){margin-right:0px;}
.list_s3_item .imgw{position: relative;height:560px;overflow:hidden;display:block;}

.list_s3_item_img{height:560px;display:block;width:373px;overflow:hidden;}
.list_s3_item_img .imgitem{opacity: 0;width:100%;height:100%;}
.list_s3_item_img .vicon{height:40px;width:40px;background:url(https://st-cn.meishij.net/p2/20181206/20181206143142_460.png) 0px 0px no-repeat;background-size:40px 80px;position:absolute;right:20px;top:20px;}


.list_s3_item .info{background:url(https://st-cn.meishij.net/p2/20210309/20210309114403_359.png) left bottom no-repeat;background-size:100% 100%;width:100%;height:250px;position:absolute;bottom:0px;left:0px;z-index:50;}
.list_s3_item .info .t{position:absolute;font-size:26px;color:#fff;font-weight:700;line-height:36px;bottom:107px;padding:0px 20px;width:373px;box-sizing:border-box;}
.list_s3_item .info .sc{height:34px;line-height:34px;font-size:16px;font-weight:600;line-height:32px;padding:0px 20px;width:373px;box-sizing:border-box;color:#fff;position:absolute;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;bottom:73px;left:0px;}
.list_s3_item .info .user{height:34px;position:absolute;padding:0px 20px;bottom:29px;font-size:0px;width:373px;box-sizing:border-box;left:0px;}
.list_s3_item .info .user .avatar{height:34px;border-radius:17px;display:inline-block;vertical-align:top;width:34px;box-sizing:border-box;}
.list_s3_item .info .user .name{font-size:14px;font-weight:600;line-height:34px;padding-left:10px;display:inline-block;vertical-align:top;color:#fff;}










.main_right{width:350px;display:inline-block;vertical-align: top;padding-top:40px;position:relative;}
.right_wraper_s1{width:350px;background:#fff;border-radius:12px;position:relative;margin-bottom:40px;padding:10px 24px;box-sizing:border-box;}
.right_wraper_s2{width:302px;padding:1px 0px;margin:0px auto;height:auto!important;}





.fitme{background:#fff;border-radius:12px;padding:1px 0px;margin-bottom:40px;}
.fitme .fitme_items{margin:0px 20px;font-size:0px;}

.fitme .fitme_item{width:100%;height:50px;display:inline-block;vertical-align:top;text-align:left;margin:0px 0px 10px;border-radius:6px;font-size:0px;position:relative;box-sizing:border-box;}
.fitme .fitme_item_s1{background:#fff;background-image:-webkit-linear-gradient(to right, #fff, rgba(16,202,136,0.2)); background-image:linear-gradient(to right,#fff,rgba(16,202,136,0.2));border:1px solid rgba(16,202,136,0.3);}
.fitme .fitme_item_s2{background:#fff;background-image:-webkit-linear-gradient(to right, #fff, rgba(255,186,1,0.2)); background-image:linear-gradient(to right,#fff,rgba(255,186,1,0.2));border:1px solid rgba(255,186,1,0.3);}
.fitme .fitme_item_s3{background:#fff;background-image:-webkit-linear-gradient(to right, #fff, rgba(242,95,82,0.2)); background-image:linear-gradient(to right,#fff,rgba(242,95,82,0.2));border:1px solid rgba(242,95,82,0.3);}

.fitme .fitme_item .iw{height:36px;width:36px;border-radius:100%;background:#000;display:inline-block;vertical-align:top;margin:6px 0px 6px 12px;padding:6px;box-sizing:border-box;}
.fitme .fitme_item .iw i{display:block;height:24px;width:24px;}
.fitme .fitme_item .iw .i1{background:url(https://st-cn.meishij.net/p2/20210415/20210415161047_222.png) center no-repeat;background-size:cover;}
.fitme .fitme_item .iw .i2{background:url(https://st-cn.meishij.net/p2/20210415/20210415161047_867.png) center no-repeat;background-size:cover;}
.fitme .fitme_item .iw .i3{background:url(https://st-cn.meishij.net/p2/20210415/20210415161047_426.png) center no-repeat;background-size:cover;}
.fitme .fitme_item .iw .i4{background:url(https://st-cn.meishij.net/p2/20210415/20210415161047_264.png) center no-repeat;background-size:cover;}
.fitme .fitme_item .iw .i5{background:url(https://st-cn.meishij.net/p2/20210415/20210415161047_169.png) center no-repeat;background-size:cover;}


.fitme .fitme_item .t{font-size:16px;color:#222;font-weight:600;line-height:48px;display:inline-block;vertical-align: top;margin-left:10px;}
.fitme .fitme_item p{font-size:14px;color:#999;font-weight:400;line-height:48px;font-weight:600;display:inline-block;vertical-align: top;position:absolute;top:0px;right:15px;}
.fitme .fitme_item p i{display:inline-block;vertical-align:top;height:14px;width:14px;margin:17px 6px 0px 0px;}
.fitme .fitme_item_s1 p{color:#10ca88;}
.fitme .fitme_item_s2 p{color:#ffba01;}
.fitme .fitme_item_s3 p{color:#f25f52;}
.fitme .fitme_item_s1 p i{background:url(https://st-cn.meishij.net/p2/20210419/20210419151405_281.png) center no-repeat;background-size:cover;}
.fitme .fitme_item_s2 p i{background:url(https://st-cn.meishij.net/p2/20210419/20210419151405_712.png) center no-repeat;background-size:cover;}
.fitme .fitme_item_s3 p i{background:url(https://st-cn.meishij.net/p2/20210419/20210419151405_756.png) center no-repeat;background-size:cover;}

.fitme .fitme_item_s1 .iw{background:#fff;background-image:-webkit-linear-gradient(to right, rgba(16,202,136,0.7), rgba(16,202,136,1)); background-image:linear-gradient(to right,rgba(16,202,136,0.7), rgba(16,202,136,1));}
.fitme .fitme_item_s2 .iw{background:#fff;background-image:-webkit-linear-gradient(to right, rgba(255,186,1,0.7), rgba(255,186,1,1)); background-image:linear-gradient(to right,rgba(255,186,1,0.7), rgba(255,186,1,1));}
.fitme .fitme_item_s3 .iw{background:#fff;background-image:-webkit-linear-gradient(to right, rgba(242,95,82,0.7), rgba(242,95,82,1)); background-image:linear-gradient(to right,rgba(242,95,82,0.7), rgba(242,95,82,1));}
.fitme .st{font-size:18px;color:#222;font-weight:600;line-height:38px;padding:0px 20px 0px;}
.fitme .st span{color:#999;line-height:32px;margin-top:6px;font-size:12px;}

.jztbox{padding:20px 0px;position:relative;}
.jzt_show{height:128px;width:150px;margin:0px auto;position:relative;}
.jzt_show .item1{height:38px;width:50px;margin:0px auto;font-size:12px;text-align:center;color:#fff;font-weight:600;line-height:28px;padding-top:10px;box-sizing:border-box;}
.jzt_show .item2{height:39px;width:100px;margin:6px auto 0px;font-size:12px;text-align:center;color:#fff;font-weight:600;line-height:39px;}
.jzt_show .item3{height:39px;width:150px;margin:6px auto 0px;font-size:12px;text-align:center;color:#fff;font-weight:600;line-height:39px;}
.jzt_show .s1{background-image:-webkit-linear-gradient(to right, rgba(16,202,136,0.7), rgba(16,202,136,1)); background-image:linear-gradient(to right,rgba(16,202,136,0.7), rgba(16,202,136,1));}
.jzt_show .s2{background-image:-webkit-linear-gradient(to right, rgba(255,186,1,0.7), rgba(255,186,1,1)); background-image:linear-gradient(to right,rgba(255,186,1,0.7), rgba(255,186,1,1));}
.jzt_show .s3{background-image:-webkit-linear-gradient(to right, rgba(242,95,82,0.7), rgba(242,95,82,1)); background-image:linear-gradient(to right,rgba(242,95,82,0.7), rgba(242,95,82,1));}
.jzt_show .masker{background:url(https://st-cn.meishij.net/p2/20210415/20210415161047_374.png) center no-repeat;background-size:cover;position:absolute;left:0px;top:0px;height:128px;width:150px;}


.jztbox .dataitem{position:absolute;}
.jztbox .dataitem1{right:50%;top:4px;margin-right:21px;height:46px;padding-right:6px;}
.jztbox .dataitem1 .line{height:1px;width:100%;position:absolute;right:0px;top:20px;}
.jztbox .dataitem1 .line:after{height:1px;width:20px;content:" ";overflow:hidden;position:absolute;right:-20px;top:0px;transform: rotate(60deg);transform-origin:left center;}

.jztbox .dataitem2{left:50%;top:48px;margin-left:46px;height:46px;padding-left:6px;text-align:right;}
.jztbox .dataitem2 .line{height:1px;width:100%;position:absolute;right:0px;top:20px;}
.jztbox .dataitem2 .line:after{height:1px;width:20px;content:" ";overflow:hidden;position:absolute;left:-20px;top:0px;transform: rotate(-60deg);transform-origin:right center;}

.jztbox .dataitem3{right:50%;top:78px;margin-right:60px;height:46px;padding-right:6px;}
.jztbox .dataitem3 .line{height:1px;width:100%;position:absolute;right:0px;top:20px;}
.jztbox .dataitem3 .line:after{height:1px;width:20px;content:" ";overflow:hidden;position:absolute;right:-20px;top:0px;transform: rotate(60deg);transform-origin:left center;}

.jztbox .dataitem .c1{position:relative;z-index:10;font-size:30px;font-family:'Din';display:inline-block;vertical-align:top;line-height: 32px;background:#fff;}
.jztbox .dataitem .c2{position:relative;z-index:10;font-size:12px;display:inline-block;vertical-align:top;line-height: 14px;margin-top:14px;font-weight:600;background:#fff;padding-right:8px;}
.jztbox .dataitem .c3{position:relative;z-index:10;font-size:12px;display:inline-block;vertical-align:top;font-weight:600;padding-right:3px;line-height: 14px;}
.jztbox .dataitem .c4{position:relative;z-index:10;font-size:12px;color:#666;font-weight:600;display:inline-block;vertical-align:top;line-height: 14px;}

.jztbox .dataitem.s1 .c1{color:rgba(16,202,136,1)}
.jztbox .dataitem.s1 .c2{color:rgba(16,202,136,1)}
.jztbox .dataitem.s1 .c3{color:rgba(16,202,136,1)}
.jztbox .dataitem.s1 .line{background:rgba(16,202,136,1)}
.jztbox .dataitem.s1 .line:after{background:rgba(16,202,136,1)}

.jztbox .dataitem.s2 .c1{color:rgba(255,186,1,1)}
.jztbox .dataitem.s2 .c2{color:rgba(255,186,1,1)}
.jztbox .dataitem.s2 .c3{color:rgba(255,186,1,1)}
.jztbox .dataitem.s2 .line{background:rgba(255,186,1,1)}
.jztbox .dataitem.s2 .line:after{background:rgba(255,186,1,1)}

.jztbox .dataitem.s3 .c1{color:rgba(242,95,82,1);}
.jztbox .dataitem.s3 .c2{color:rgba(242,95,82,1);}
.jztbox .dataitem.s3 .c3{color:rgba(242,95,82,1);}
.jztbox .dataitem.s3 .line{background:rgba(242,95,82,.7);}
.jztbox .dataitem.s3 .line:after{background:rgba(242,95,82,.7);}

.jztbox .dataitem2 .c1{padding-left:8px;}
.jztbox .dataitem2 .c2{padding-right:0px;}


.fitme .deses{padding:0px 20px 20px;}
.fitme .deses p{font-size:14px;color:#666;line-height:22px;padding:3px 0px;}


.nutrition{background:#fff url(https://st-cn.meishij.net/p2/20210121/20210121140626_346.png) right 0px no-repeat;background-size:auto 180px;border-radius:12px;padding:1px 0px;margin-bottom:40px;}
.nutrition_radar{width:100%;height:236px;margin:10px auto 30px;padding:0px 0%;box-sizing: border-box;}
.nutrition_des{font-size:16px;line-height:24px;text-align:center;margin:10px 40px;color:#222;font-weight:600;display:block;}
.nutrition_tags{margin:0px 20px 0px;text-align:center;font-size:0px;padding:6px 20px 16px;}
.nutrition_tags li{margin:0px 6px 12px;display:inline-block;vertical-align:top;border-radius:4px;padding:0px 12px;color:#fff;font-weight:600;font-size:16px;height:32px;line-height:32px;background:#33d08a;}
.nutrition .line{height:8px;text-align:center;position:relative;font-size:0px;}
.nutrition .line i{display:inline-block;vertical-align:top;height:4px;width:4px;border-radius:2px;margin:3px;background:#eee;}
.nutrition .line i.left{position:absolute;left:-4px;background:#f5f5f5;top:0px;margin:0px;height:8px;width:8px;border-radius:4px;}
.nutrition .line i.right{position:absolute;right:-4px;background:#f5f5f5;top:0px;margin:0px;height:8px;width:8px;border-radius:4px;}
.nutrition_table{padding:24px 24px 20px;}
.nutrition_table .t{color:#222;font-size:18px;color:#33d08a;text-align:center;font-weight:600;line-height:28px;display:block;}
.nutrition_table .des{color:#222;font-size:14px;color:#222;text-align:center;font-weight:600;line-height:24px;display:block;}
.nutrition_list{font-size:0px;}
.nutrition_list_more{display:none;}
.nutrition_list .item{width:100px;display:inline-block;vertical-align:top;height:40px;line-height:40px;font-size:14px;color:#222;font-weight:600;}
.nutrition_list dt .item1{text-align:left;color:#33d08a;font-weight:600;}
.nutrition_list dt .item2{text-align:center;color:#33d08a;font-weight:600;}
.nutrition_list dt .item3{text-align:right;color:#33d08a;font-weight:600;}
.nutrition_list dd{font-size:0px;}
.nutrition_list dd .item1{text-align:left;}
.nutrition_list dd .item2{text-align:center;}
.nutrition_list dd .item3{text-align:right;}
.nutrition_list .jd_outer{height:20px;width:100px;border-radius:1px;overflow: hidden;margin-top:10px;background:#cff5e3;position:relative;}
.nutrition_list .jd_inner{height:20px;border-radius:1px;position:absolute;left:0px;top:0px;z-index:10;background:#33d08a;}
.nutrition_list .value{color:rgba(0,0,0,0.5);font-size:12px;line-height:20px;position:absolute;top:0px;right:5px;z-index:20;}
.nutrition_more{height:40px;line-height:40px;text-align:center;margin:10px 0px 0px;font-size:14px;color:#33d08a;font-weight:600;display:block;}
.nutrition_more:hover{background:#f5f5f5;border-radius:4px;}
.nutrition_more i{display:inline-block;vertical-align:top;height:6px;width:12px;background:url(https://st-cn.meishij.net/p2/20210128/20210128171545_741.png) center no-repeat;background-size:100% 100%;margin:17px 0px 0px 6px;}
















.dl_qrcodebox{width:100%;margin-bottom:40px;border-radius:12px;overflow:hidden;background:#fff;}
.dl_qrcodebox img{display:block;width:100%;}
.index_qrcode_incontentw{width:100%;position:relative;height:634px;margin-bottom:40px;}
.index_qrcode_incontentw.w300{height:543px;}
.right_item_s1{width:100%;margin-bottom:40px;border-radius:12px;overflow:hidden;background:#fff;}
.right_item_s1 ul{font-size:0px;padding:0px 20px 14px;}
.right_item_s1 ul li{margin:0px 10px 10px 0px;display:inline-block;vertical-align: top;}
.right_item_s1 ul li a{border-radius:4px;display:inline-block;padding:0px 10px;height:36px;line-height:36px;font-weight:400;color:#666;transition:all ease 0.3s;font-size:16px;background:#f5f5f5;}
.right_item_s1 ul li a:hover{background:rgba(246,77,54,0.2);color:#f64d36;}
.right_item_s1 ul li:last-child a{background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);color:#fff;}
.right_item_s1 ul li:last-child a:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}


.right_item_s2{width:100%;margin-bottom:40px;border-radius:12px;overflow:hidden;background:#fff;}
.right_item_s2 ul{padding:0px 20px 10px;}
.right_item_s2 ul li{height:100px;width:302px;margin-bottom:15px;}
.right_item_s2 ul li a{display:block;box-sizing: border-box;height:100px;width:302px;padding-left:110px;position:relative;}
.right_item_s2 ul li a .imgw{height:100px;width:100px;border-radius:4px;position:absolute;left:0px;top:0px;}
.right_item_s2 ul li a .imgw .tag{height:16px;line-height:16px;color:#fff;font-weight:600;padding:0px 5px;font-size:12px;border-top-right-radius:8px;border-bottom-right-radius: 8px;top:10px;left:0px;position:absolute;}
.right_item_s2 ul li a .imgw .tag1{background:#f64d36;}
.right_item_s2 ul li a .imgw .tag2{background:#f67a36;}
.right_item_s2 ul li a .imgw .tag3{background:#f6b936;}
.right_item_s2 ul li a .info{position:relative;height:100px;}
.right_item_s2 ul li a .info .title{line-height:22px;font-size:15px;color:#222;display:block;padding-top:2px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;font-weight:600;}
.right_item_s2 ul li a .info .des{line-height:20px;font-size:12px;color:#999;display:block;}
.right_item_s2 ul li a .info .author{position:absolute;bottom:5px;height:24px;line-height:24px;font-size:0px;white-space: nowrap;overflow:hidden;}
.right_item_s2 ul li a .info .author .avatarw{height:24px;width:24px;display:inline-block;vertical-align:top;border-radius:12px;}
.right_item_s2 ul li a .info .author .name{font-size:12px;color:#999;line-height:24px;display:inline-block;vertical-align:top;padding-left:10px;}
.right_item_s2 ul li a:hover .info .title{color:#f64d36;}


.right_item_s3{width:100%;margin-bottom:40px;border-radius:12px;overflow:hidden;background:#fff;}
.right_item_s3 ul{font-size:0px;padding:0px 0px 10px 20px;}
.right_item_s3 ul li{display:inline-block;vertical-align:top;max-width:33.3333333%;padding-right:15px;padding-bottom:15px;box-sizing: border-box;}
.right_item_s3 ul li a{display:inline-block;padding:0px 10px;box-sizing:border-box;color:#666;line-height:32px;height:32px;text-align:center;border-radius:16px;font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.right_item_s3 ul li:nth-child(4n-3) a{background:#ffecec;}
.right_item_s3 ul li:nth-child(4n-2) a{background:#fff4ea;}
.right_item_s3 ul li:nth-child(4n-1) a{background:#f6f2fe;}
.right_item_s3 ul li:nth-child(4n) a{background:#ecf5ff;}
.right_item_s3 ul li a:hover{color:#f64d36;font-weight:600;}


.right_item_s4{width:100%;margin-bottom:40px;border-radius:12px;overflow:hidden;background:#fff;}
.right_item_s4.fixed{position:fixed;left:50%;top:120px;margin-left:250px;width:350px;}
.right_item_s4.fixed2{position:absolute;bottom:0px;right:0px;margin:0px;top:auto;left:0px;width:350px;}
.right_item_s4 ul{font-size:0px;padding:0px 0px 10px 20px;}
.right_item_s4 ul li{display:inline-block;vertical-align:top;margin:0px 20px 10px 0px;}
.right_item_s4 ul li a{display:block;width:140px;}
.right_item_s4 ul li a .imgw{height:142px;width:142px;border-radius:6px;overflow:hidden;}
.right_item_s4 ul li a .t{display:block;font-size:14px;color:#222;font-weight:600;line-height:23px;padding:4px 10px 4px 0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;}
.right_item_s4 ul li a:hover .t{color:#f64d36;text-decoration: underline;}


.right_item_s5{width:100%;margin-bottom:40px;border-radius:12px;overflow:hidden;background:#fff;}
.right_item_s5 .ul{padding:0px 0px 10px;font-size:0px;margin-top:-10px;}
.right_item_s5 .ul li{display:inline-block;vertical-align:top;width:100%;}
.right_item_s5 .ul li a{font-size:0px;color:#666;display:block;text-align:left;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-size:0px;padding:10px 20px 4px;}
.right_item_s5 .ul li a:hover{background:#f5f5f5;}
.right_item_s5 .ul li a .yi{display:inline-block;vertical-align:top;background:#33d08a;color:#fff;height:36px;width:36px;border-radius:18px;text-align:center;font-size:20px;line-height:36px;margin:7px 10px 0px 0px;}
.right_item_s5 .ul li a .ji{display:inline-block;vertical-align:top;background:#f54932;color:#fff;height:36px;width:36px;border-radius:18px;text-align:center;font-size:20px;line-height:36px;margin:7px 10px 0px 0px;}
.right_item_s5 .ul li a .sc{display:inline-block;vertical-align:top;margin:0px 5px;overflow:hidden;width:85px;}
.right_item_s5 .ul li a .sc .imgw{width:85px;height:50px;overflow:hidden;position: relative;border-radius:8px;overflow:hidden;}
.right_item_s5 .ul li a .sc .imgw img{display:block;width:100%;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.right_item_s5 .ul li a .sc strong{font-size:13px;text-align: center;line-height:22px;display:block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:600;}
.right_item_s5 .ul li a .add{display:inline-block;vertical-align:top;height:50px;line-height:50px;font-size:24px;color:rgba(0,0,0,0.2);text-align:center;font-weight:700;}

.right_item_s5 .morebtn{transition:all ease 0.1s;display:block;margin:0px 20px 20px;height:32px;line-height:32px;text-align:center;background:rgba(91,194,149,0.1);color:#33d08a;font-size:15px;font-weight:600;border-radius:4px;}
.right_item_s5 .morebtn:hover{background:rgba(91,194,149,0.2);}
.right_item_s5 .morebtn i{display:inline-block;vertical-align:top;height:6px;width:10px;background:url(https://st-cn.meishij.net/p2/20210128/20210128171545_741.png) center no-repeat;background-size:100% 100%;margin:13px 0px 0px 6px;transform: rotate(-90deg);}




.sort_main{width:1200px;margin:0px auto;padding-top:35px;}
.sort_big_title{font-size: 32px;color: #222;line-height: 42px;font-weight: 700;padding:0px 0px 20px;}

.sort_wrap{width:100%;background:#fff;border-radius:12px;position:relative;margin:0px 0px 24px;box-sizing: border-box;padding:14px 0px 20px;}
.sort_wrap h2{font-size:24px;color:#222;font-weight:600;line-height:44px;padding:0px 24px;}
.sort_wrap ul{font-size:0px;width:100%;padding:0px 24px;max-height:224px;overflow:hidden;}
.sort_wrap.showall ul{height:auto;max-height:fit-content;}
.sort_wrap ul li{display:inline-block;vertical-align:top;width:144px;}
.sort_wrap ul li a{display:block;width:144px;height:112px;border-radius:12px;overflow:hidden;}
.sort_wrap ul li a:hover{background:#f5f5f5;}
.sort_wrap ul li a img{display:block;width:80px;margin:0px auto;position:relative;top:-6px;margin-bottom:-6px;}
.sort_wrap ul li a strong{display:block;width:144px;text-align:center;font-size:16px;color:#222;line-height:26px;}
.sort_wrap .showallbtn{display:block;width:240px;text-align:center;font-size:18px;color:#f25f52;font-weight:600;height:44px;line-height:44px;border-radius:8px;margin:6px auto 0px;}
.sort_wrap .showallbtn i{display:inline-block;vertical-align:top;height:6px;width:10px;background:url(https://st-cn.meishij.net/p2/20210220/20210220182241_599.png) center no-repeat;background-size:cover;margin:19px 0px 0px 10px;}


.sort_wrap .showallbtn:hover{background:#f5f5f5;}
.sort_wrap.showall .showallbtn{display:none;}


.sort_wrap dl{font-size:0px;width:100%;padding:0px 24px;overflow:hidden;box-sizing:border-box;}
.sort_wrap.hided dl{max-height:180px;}
.sort_wrap.showall dl{height:auto;max-height:fit-content;}
.sort_wrap dl dt{display:block;font-size:16px;color:#999;font-weight:400;line-height:28px;margin:4px 0px 10px;}

.sort_wrap dl dd{display:inline-block;vertical-align:top;margin:0px 10px 10px 0px;}
.sort_wrap dl dd a{display:inline-block;padding:0px 16px;height:36px;line-height:36px;border-radius:4px;overflow:hidden;border:1px solid #eee;}
.sort_wrap dl dd a:hover{background:#f5f5f5;}
.sort_wrap dl dd a strong{display:block;text-align:center;font-size:16px;color:#222;line-height:36px;}

.page_style2{height:40px;text-align:center;font-size:0px;padding:20px 0px;}
.page_style2 .link{margin:0px 4px;display:inline-block;vertical-align:top;height:40px;min-width:16px;padding:0px 12px;white-space: nowrap;border-radius:4px;color:#666;font-size:14px;line-height:40px;background:#fff;}
.page_style2 .link:hover{background:rgba(246,77,54,0.2);color:#f64d36;}
.page_style2 .current{margin:0px 4px;display:inline-block;vertical-align:top;height:40px;min-width:16px;padding:0px 12px;white-space: nowrap;border-radius:4px;color:#fff;font-size:14px;line-height:40px;background:#f64d36;}



/* 首页 */
.index_topvideo_w{width:100%;background:#efeeec;}
.index_topvideo_c{width:1200px;margin:0px auto;padding:10px 0px 40px;position:relative;}
.index_topvideo_c .title{height:32px;padding:20px 0px 20px 0px;font-size:24px;color:#222;font-weight:600;margin-top:6px;line-height:32px;position:relative;}
.index_topvideo_c .morevideo{top:20px;height:32px;line-height:32px;padding:0px 15px;position:absolute;right:0px;top:20px;display:inline-block;vertical-align:top;font-size:16px;color:#fff;font-weight:600;border-radius:16px;background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);color:#fff;transition:all ease 0.1s;}
.index_topvideo_c .morevideo:hover{background-image:-webkit-linear-gradient(to right, #f64d36, #eb4b34); background-image:linear-gradient(to right,#f64d36,#eb4b34);}
.index_topvideo_c .morevideo i{display:inline-block;vertical-align:top;background:url(https://st-cn.meishij.net/p2/20210309/20210309172505_770.png) center no-repeat;background-size:100% 100%;height:14px;width:7px;margin:9px 0px 0px 6px;}

.index_topvideo_c .videolist{height:526px;font-size:0px;}
.index_topvideo_c .videolist .vitem{height:526px;width:263px;margin:0px 20px 0px 0px;display:inline-block;vertical-align:top;border-radius:12px;overflow:hidden;background:#efeeec;transition:all ease .4s;}
.index_topvideo_c .videolist .vitem:last-child{margin-right:0px;}
.index_topvideo_c .videolist .vitem.current{width:350px;}
.index_topvideo_c .videolist .vitem.tostart{width:285px;}

.index_topvideo_c .videolist .vitem .recipe_topvideow{left:50%;transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);width:263px;background:#efeeec;transition:all ease .4s;}
.index_topvideo_c .videolist .vitem.current .recipe_topvideow{width:350px;}
.index_topvideo_c .videolist .vitem.tostart .recipe_topvideow{width:285px;}
.index_topvideo_c .videolist .vitem .recipe_topvideow .video_toolbar{display:block;background:rgba(0,0,0,0.5);}

.index_topvideo_c .videolist .vitem .recipe_topvideow .video_toolbar .video_playbtn{display:block;}
.index_topvideo_c .videolist .vitem.current .recipe_topvideow .video_toolbar{display:none;}

.index_topvideo_c .videolist .vitem .recipe_topvideow .link{display:none;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:100;}
.index_topvideo_c .videolist .vitem.current .recipe_topvideow .link{display:block;}
.index_topvideo_c .videolist .vitem .recipe_topvideow .info{background:url(https://st-cn.meishij.net/p2/20210309/20210309114403_359.png) left bottom no-repeat;background-size:100% 100%;width:100%;height:200px;position:absolute;bottom:0px;left:0px;z-index:50;}
.index_topvideo_c .videolist .vitem .recipe_topvideow .info .t{position:absolute;font-size:22px;color:#fff;font-weight:700;line-height:30px;bottom:75px;padding:0px 20px;width:263px;box-sizing:border-box;}
.index_topvideo_c .videolist .vitem .recipe_topvideow .info .user{height:34px;position:absolute;padding:0px 20px;bottom:29px;font-size:0px;width:263px;box-sizing:border-box;left:0px;}
.index_topvideo_c .videolist .vitem.current .recipe_topvideow .info .t{width:350px;}
.index_topvideo_c .videolist .vitem.current .recipe_topvideow .info .user{width:350px;}

.index_topvideo_c .videolist .vitem.tostart .recipe_topvideow .info .t{width:285px;}
.index_topvideo_c .videolist .vitem.tostart .recipe_topvideow .info .user{width:285px;}

.index_topvideo_c .videolist .vitem .recipe_topvideow .info .user .avatar{height:34px;border-radius:17px;display:inline-block;vertical-align:top;width:34px;box-sizing:border-box;}
.index_topvideo_c .videolist .vitem .recipe_topvideow .info .user .name{font-size:14px;font-weight:600;line-height:34px;padding-left:10px;display:inline-block;vertical-align:top;color:#fff;}

.index_contentw{width:1200px;margin:40px auto 0px;position:relative;}
.index_hotw{width:810px;border-radius:12px;background:#fff;height:192px;}
.index_hotlist{padding:0px 24px;font-size:0px;height:110px;overflow:hidden;}
.index_hotlist li{display:inline-block;vertical-align:top;margin:0px 15px 15px 0px;}
.index_hotlist li a{display:inline-block;vertical-align:Top;height:40px;line-height:40px;font-size:18px;color:#222;font-weight:400;padding:0px 16px;border-radius:20px;background:#f5f5f5;}
.index_hotlist li a:hover{background:#eee;}
.index_hotlist li a.hot{background:rgba(246,77,54,0.15);color:#f64d36;}
.index_hotlist li a.hot:hover{background:rgba(246,77,54,0.2)}

.index_sancanw{width:810px;border-radius:12px;background:#fff;margin-top:40px;}
.sancan_tab{height:32px;display:inline-block;vertical-align:top;padding-left:20px;font-size:0px;}
.sancan_tab li{display:inline-block;vertical-align:top;line-height:32px;height:32px;padding:0px 15px;font-size:18px;color:#fff;font-weight:600;border-radius:16px;background:#eee;color:#999;margin-right:15px;cursor:pointer;}
.sancan_tab li:hover{background:#e8e8e8;color:#888;}
.sancan_tab li.current{background:#f64d36;background-image:-webkit-linear-gradient(to right, #f67536, #f64d36); background-image:linear-gradient(to right,#f67536,#f64d36);color:#fff;}
.sancan_w{font-size:0px;}
.sancan-swiper-wrapper{padding-left:24px;}
.sancan-swiper-slide{font-size:0px;}
.sancan_item{width:240px;margin:0px 20px 0px 0px;display:inline-block;vertical-align:top;padding-bottom:24px;position:relative;top:0px;transition:all ease 0.3s;}
.sancan_item .imgw{height:240px;width:240px;border-radius:8px;overflow:hidden;position:relative;;}
.sancan_item .imgw .vicon{height:30px;width:30px;background:url(https://st-cn.meishij.net/p2/20181206/20181206143142_460.png) 0px 0px no-repeat;background-size:30px 60px;position:absolute;right:15px;top:15px;}
.sancan_item .title{font-size:18px;color:#222;line-height:30px;padding-top:10px;display:block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.sancan_item .des{font-size:14px;color:#999;line-height:26px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.sancan_item:hover .title{color:#f64d36;}
.index_qrcodew{position:absolute;right:0px;top:0px;width:350px;height:634px;border-radius:12px;overflow:hidden;background:#222;}
.index_qrcodew.w300{position:absolute;right:0px;top:0px;width:300px;height:543px;border-radius:12px;overflow:hidden;background:#222;}

.index_qrcodew .des{width:100%;text-align:center;position:absolute;bottom:24px;left:0px;}
.index_qrcodew .des strong{display:block;font-size:19px;font-weight:400;color:rgba(255,255,255,0.95);text-shadow: 0px 0px 4px rgba(0,0,0,0.9);line-height:28px;}
.index_qrcodew .des span{display:block;font-size:14px;font-weight:300;color:rgba(255,255,255,0.8);text-shadow: 0px 0px 4px rgba(0,0,0,0.9);line-height:20px;}
.index_qrcodew .bgimg{display:block;height:100%;width:100%;animation: qr1 6s linear  infinite;-webkit-animation: qr1 6s linear  infinite;}

.index_qrcodew .qrimg{display:block;height:251px;width:290px;position:absolute;left:30px;top:50px;}
.index_qrcodew .hdimg{display:block;height:324px;width:296px;position:absolute;right:0px;bottom:30px;animation: qr3 6s linear  infinite;-webkit-animation: qr3 6s linear  infinite;}

.index_qrcodew.w300 .qrimg{height:215px;width:248px;left:26px;top:43px;}
.index_qrcodew.w300 .hdimg{height:277px;width:254px;}


@keyframes qr1
{
	0% {transform: scale(1); filter: blur(0px);-ms-filter: blur(0px);}
	44% {transform: scale(1); filter: blur(0px);-ms-filter: blur(0px);}
	50% {transform: scale(1.2); filter: blur(4px);-ms-filter: blur(4px);}
	94% {transform: scale(1.2); filter: blur(4px);-ms-filter: blur(4px);}
	100% {transform: scale(1); filter: blur(0px);-ms-filter: blur(0px);}
}
@keyframes qr3
{
	0%  {right:-296px;transform: rotate(45deg);}
	44% {right:-296px;transform: rotate(45deg);}
	50% {right:0px;transform: rotate(0deg);}
	94% {right:0px;transform: rotate(0deg);}
	100%{right:-296px;transform: rotate(45deg);}
}


.index_recipesetw{border-radius:12px;background:#fff;margin:40px auto 0px;width:1200px;}
.recipeset_itemw{padding-left:24px;font-size:0px;padding-bottom:4px;}
.recipeset_itemw .recipeset_item{width:370px;display:inline-block;vertical-align: top;margin:0px 20px 20px 0px;}
.recipeset_itemw .recipeset_item .imgw{width:370px;height:186px;border-radius:8px;overflow:hidden;font-size:0px;}
.recipeset_itemw .recipeset_item .imgw .img1{height:92px;width:122px;display:inline-block;vertical-align: top;}
.recipeset_itemw .recipeset_item .imgw .img1:nth-child(6n+2){border-left:2px solid #fff;border-right:2px solid #fff;}
.recipeset_itemw .recipeset_item .imgw .img1:nth-child(6n+5){border-left:2px solid #fff;border-right:2px solid #fff;}
.recipeset_itemw .recipeset_item .imgw .img1:nth-child(6n+4){border-top:2px solid #fff;}
.recipeset_itemw .recipeset_item .imgw .img1:nth-child(6n+5){border-top:2px solid #fff;}
.recipeset_itemw .recipeset_item .imgw .img1:nth-child(6n+6){border-top:2px solid #fff;}
.recipeset_itemw .recipeset_item .imgw .img3{height:208px;width:122px;display:inline-block;vertical-align: top;}
.recipeset_itemw .recipeset_item .title{font-size:18px;color:#222;line-height:48px;white-space: nowrap;overflow:hidden;display:block;text-overflow: ellipsis;}
.recipeset_itemw .recipeset_item .amount{display:inline-block;vertical-align:top;background:#f5f5f5;color:#666;padding:0px 14px;font-size:14px;line-height:30px;height:30px;border-radius:2px;}
.recipeset_itemw .recipeset_item:hover .title{color:#f64d36;}


/* 菜谱集合 */
.recipe_set_listw{width:1200px;margin:0px auto;}
.recipe_set_list{width:1200px;margin:0px auto;font-size:0px;text-align:center;}
.recipeset_iteminlist{width:386px;background:#fff;border-radius:12px;display:inline-block;vertical-align:Top;margin:0px 20px 20px 0px;padding:16px 16px 20px;;box-sizing:border-box;text-align:left;transition:all ease 0.3s;box-shadow:0px 4px 12px rgba(0,0,0,0);}
.recipeset_iteminlist:nth-child(3n){margin-right:0px;}
.recipeset_iteminlist:hover{box-shadow:0px 4px 12px rgba(0,0,0,.1);}
.recipeset_iteminlist .imgw{width:354px;height:180px;border-radius:4px;overflow:hidden;font-size:0px;}
.recipeset_iteminlist .imgw .img1{height:90px;width:118px;display:inline-block;vertical-align: top;box-sizing:border-box;}
.recipeset_iteminlist .imgw .img1:nth-child(6n+2){border-left:2px solid #fff;border-right:2px solid #fff;}
.recipeset_iteminlist .imgw .img1:nth-child(6n+5){border-left:2px solid #fff;border-right:2px solid #fff;}
.recipeset_iteminlist .imgw .img1:nth-child(6n+4){border-top:2px solid #fff;}
.recipeset_iteminlist .imgw .img1:nth-child(6n+5){border-top:2px solid #fff;}
.recipeset_iteminlist .imgw .img1:nth-child(6n+6){border-top:2px solid #fff;}
.recipeset_iteminlist .title{font-size:18px;color:#222;line-height:48px;white-space: nowrap;overflow:hidden;display:block;text-overflow: ellipsis;}
.recipeset_iteminlist .amount{display:inline-block;vertical-align:top;background:#f5f5f5;color:#666;padding:0px 14px;font-size:14px;line-height:30px;height:30px;border-radius:2px;}
.recipeset_iteminlist:hover .title{color:#f64d36;}
.recipe_set_header{width:100%;background:#efeeec;padding:1px 0px 40px;}
.recipe_set_headerc{width:1200px;margin:0px auto;position:relative;min-height:220px;}
.recipe_set_headerc .title{color:#222;font-size:32px;line-height:44px;padding:34px 0px 10px 0px;font-weight:600;width:710px;}
.recipe_set_headerc .des{font-size:16px;line-height:26px;color:#222;width:710px;}


.recipe_set_headerc .author{margin:20px 0px 0px;font-size:0px;position:relative;}
.recipe_set_headerc .author .avatarw{height:60px;display:inline-block;vertical-align: top;border-radius: 30px;overflow: hidden;width:60px;position:absolute;left:0px;top:0px;}
.recipe_set_headerc .author .avatarw a{display:block;height:60px;width:60px;}
.recipe_set_headerc .author .info{height:60px;padding-left:80px;}
.recipe_set_headerc .author .info .author_name{line-height:32px;height:32px;font-size:18px;color:#222;font-weight:600;display:inline-block;vertical-align:top;margin-top:2px;}
.recipe_set_headerc .author .info .author_name:hover{color:#f64d36;}
.recipe_set_headerc .author .info .infos{line-height:24px;height:24px;font-size:15px;color:#999;display:block;}
.recipe_set_headerc .qrcode{height:180px;width:350px;border-radius:12px;background:url(https://st-cn.meishij.net/p2/20210316/20210316164958_571.png) center no-repeat;background-size:cover;position:absolute;right:0px;top:40px;}






/* 食材 */
.shicai_wrap{width:100%;background:#efeeec;padding:40px 0px;}
.shicai_c{width:1200px;margin:0px auto;font-size:0px;position:relative;}
.shicai_imgw{height:180px;width:180px;display:inline-block;vertical-align:top;border-radius:12px;}
.shicai_info{width:670px;display:inline-block;vertical-align:top;box-sizing:border-box;padding:0px 20px;}
.shicai_info h1{font-size:32px;font-weight:600;color:#222;line-height:52px;}
.shicai_info ul{font-size:0px;padding-top:10px;}
.shicai_info ul li{display:inline-block;vertical-align:top;margin:0px 0px 10px 0px;background:#fff;border-radius:8px;padding:6px 20px 6px 15px;overflow:hidden;position:relative;}
.shicai_info ul li:last-child{margin-bottom:0px;}
.shicai_info ul li strong{font-size:16px;color:#222;font-weight:600;line-height:38px;display:inline-block;vertical-align:top;background:#ffe851;position:absolute;height:100%;left:0px;top:0px;width:90px;text-align:center;}
.shicai_info ul li strong.red{color:#fff;background:#f64d36;}
.shicai_info ul li p.red{color:#f64d36;}
.shicai_info ul li p{font-size:16px;color:#666;line-height:26px;display:inline-block;vertical-align:top;padding-left:90px;}
.shicai_c .qrcode{height:180px;width:350px;border-radius:12px;background:url(https://st-cn.meishij.net/p2/20210316/20210316164958_571.png) center no-repeat;background-size:cover;position:absolute;right:0px;top:0px;}

.shicai_c .baike{width:1200px;margin:40px auto 0px;background:#fff;max-height:170px;overflow:hidden;border-radius:12px;padding:0px 24px;box-sizing:border-box;position:relative;transition:all ease 0.4s;}
.shicai_c .baike.show{max-height:600px;}
.shicai_c .baike .baikew{overflow:hidden;max-height:552px;margin:24px 0px;padding-right:20px;padding-bottom:100px;box-sizing: border-box;}
.shicai_c .baike.show .baikew{overflow:auto;}
.shicai_c .baike .masker{position:absolute;background-image:-webkit-linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.8), rgba(255,255,255,1)); background-image:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.8), rgba(255,255,255,1));bottom:0px;left:0px;width:100%;height:100px;}
.shicai_c .baike .masker a{display:inline-block;text-align:center;background:rgba(246,77,54,0.1);line-height:40px;font-size:18px;font-weight:600;color:#222;height:40px;border:1px solid rgba(246,77,54,0.5);border-radius:4px;padding:0px 20px;color:#f64d36;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.shicai_c .baike .masker a:hover{color:#f64d36;font-weight:600;background:rgba(246,77,54,0.2);}



.shicai_c .baike .title1{font-size:24px;line-height:28px;height:28px;padding:0px 0px 20px;color:#222;border-bottom:1px solid #eee;display:block;font-weight:600;}
.shicai_c .baike .title2{font-size:18px;color:#222;line-height:30px;height:30px;padding-top:15px;display:block;font-weight:600;}
.shicai_c .baike .title2 a{color:#222;}
.shicai_c .baike .title2 a:hover{color:#f64d36;text-decoration:underline;}
.shicai_c .baike p{padding:10px 0px;line-height:27px;font-size:15px;color:#666;}
.shicai_c .baike ul{padding:10px 0px;font-size:0px;}
.shicai_c .baike ul li{float:left;width:696px;padding:0px 0px 20px 0px;font-size:0px;}
.shicai_c .baike ul li *{display:inline-block;vertical-align:top;}
.shicai_c .baike ul li div.t{height:30px;line-height:30px;width:30px;color:#fff;font-size:16px;margin:10px 20px 10px 0px;border-radius:15px;text-align:center;font-weight:600;}
.shicai_c .baike ul li.yi div.t{background:#33d08a;}
.shicai_c .baike ul li.ji div.t{background:#f64d36;}
.shicai_c .baike ul li a.img{width:50px;height:50px;border-radius:4px;overflow:hidden;}
.shicai_c .baike ul li a.img img{height:50px;width:50px;}
.shicai_c .baike ul li span.add{width:28px;height:50px;position:relative;}
.shicai_c .baike ul li span.add:after{content:" ";display:block;height:12px;width:4px;border-radius:2px;position:absolute;left:12px;top:19px;background:#ddd;}
.shicai_c .baike ul li span.add:before{content:" ";display:block;width:12px;height:4px;border-radius:2px;position:absolute;left:8px;top:23px;background:#ddd;}
.shicai_c .baike ul li p{height:50px;line-height:50px;color:#666;font-size:14px;padding:0px;padding-left:10px;}
.shicai_c .baike ul li p a{color:#666;}
.shicai_c .baike ul li p a:hover{color:#ff3232;text-decoration:underline;}



.main_footer{width:100%;background:rgba(11,11,10,0.9);padding-top:40px;margin-top:40px;}
.footer_con1{width:1200px;margin:0px auto;height:190px;font-size:0px;}
.logobottom{display:inline-block;vertical-align:top;height:180px;width:600px;background: url(https://st-cn.meishij.net/p2/20210312/20210312114857_208.png) left center no-repeat;background-size:440px auto;}
.logobottom a{height:100%;width:200px;display:block;}
.qrcodes_bottom{height:200px;width:600px;display:inline-block;vertical-align:top;font-size:0px;}
.qrcodes_bottom .item{overflow:hidden;display:inline-block;vertical-align:top;position:relative;height:80px;width:280px;margin:0px 0px 20px 20px;background:rgba(255,255,255,0.1);border-radius:4px;position:relative;transition:all ease 0.3s;}
.qrcodes_bottom .item:hover{background:rgba(255,255,255,0.2);overflow:visible;}
.qrcodes_bottom .item .icon{position: absolute;background:url(https://st-cn.meishij.net/p2/20210125/20210125105907_288.png) center no-repeat;background-size:50px 200px;width:50px;height:50px;left:35px;top:15px;}
.qrcodes_bottom .item .icon1{background-position:0px 0px;}
.qrcodes_bottom .item .icon2{background-position:0px -50px;}
.qrcodes_bottom .item .icon3{background-position:0px -100px;}
.qrcodes_bottom .item .icon4{background-position:0px -150px;}

.qrcodes_bottom .item .words{padding-left:100px;padding-top:16px;}
.qrcodes_bottom .item .words .t{font-size:17px;line-height:26px;color:#fff;font-weight:400;display:block;}
.qrcodes_bottom .item .words .des{font-size:14px;line-height:22px;color:rgba(255,255,255,0.5);font-weight:400;display:block;}

.qrcodes_bottom .item .qrcode{position:absolute;border-radius:16px;background:rgba(255,255,255,1);padding:5px;left:50%;top:-210px;margin-left:-100px;opacity:0;transition:all ease 0.5s;box-shadow:0px 0px 30px rgba(0,0,0,0.20);}
.qrcodes_bottom .item .qrcode img{display:block;height:190px;width:190px;}
.qrcodes_bottom .item .qrcode .arrow{width: 0;height: 0;border-width: 20px;border-style: solid;border-color: rgba(255,255,255,1) transparent transparent transparent;position:absolute;bottom:-30px;left:50%;margin-left:-20px;}
.qrcodes_bottom .item:hover .qrcode{opacity:1;top:-220px}


.footer_con2{width:1200px;margin:0px auto;height:120px;}
.footer_con2 ul{padding-top:23px;font-size:0px;text-align:center;}
.footer_con2 ul li{display:inline-block;vertical-align:top;height:30px;line-height:30px;}
.footer_con2 ul li a{font-size:16px;font-weight:600;color:#fff;padding:0px 12px;}
.footer_con2 ul li a:hover{color:#f64d36;}
.footer_con2 p{font-size:12px;color:#999;line-height:30px;text-align:center;}
.footer_con2 p a{color:#999;}