#content.recipe-content{margin-top:30px;}
.mini-title{font-size: 18px;color: #333;line-height: 18px;font-weight:bold;margin:30px 0 20px;}
#content .more{font-size: 13px;color: #256dc6;float: right;height:18px;line-height:18px;font-weight:normal;}
#content .more img{height:10px;vertical-align: middle;position: relative;top:-1px;}
#content .mr0{margin-right:0;}

#banner{display: block;width:690px;height:390px;overflow:hidden;border-radius:8px;}
/*鑿滆氨浠嬬粛*/
.rinfo{margin-top:20px;padding:9px 0 40px;}
.rinfo .title{font-size: 22px;color: #333;font-weight:bold;line-height: 24px;}
.vcnum{font-size: 13px;color: #333;margin-top:20px;}
.vcnum span{font-size: 24px;color: #ffb31a;position: relative;top:2px;}
.vcnum .collectnum{margin-left:40px;}
.rinfo .aut-info {font-size: 16px;color: #666;margin:25px 0;}
.rinfo .author-info {font-size: 16px;color: #666;margin-left:6px;position:relative;margin-right:20px;}
.rinfo .nickname {font-size: 13px;color: #333;display: inline-block;line-height:30px;vertical-align: middle;}
.rinfo .nickname:hover{color:#ffaa00;}
.rinfo .author-info i {display: inline-block;width: 18px;height: 18px;vertical-align: middle;background-size: cover;}
.rinfo .address{font-size: 16px;color: #666;line-height: 16px;margin-top: 4px;}
.rinfo .gz{float:left;height:30px;width:73px;line-height:28px;text-align: center;color:#333;border: 1px solid #333;border-radius: 4px;font-size: 12px;}
.rinfo .addicon{font-size: 14px;}
.rinfo .intro{font-size: 15px;color: #333;line-height: 27px;}

.operate{right:0;display: inline-block;top: -3px;}
.operate .btn-collect{display:inline-block;width:80px;height:34px;border-radius:4px;color:#fff;border: 1px solid #ffb31a;font-size: 15px;text-align: center;line-height:32px;background:#ffb31a  no-repeat 15px 10px;padding-left:20px;}
.operate .hascoll{background:#ffb31a  no-repeat 7px 10px;padding-left:17px;}
/*.operate .hascoll{background:transparent;border: 1px solid #333;color:#333;}*/
/* .operate .btn-share{display:inline-block;width:108px;height:42px;border-radius:4px;color:#000;border: 1px solid #d9d9d9;font-size: 15px;text-align: center;line-height:42px;box-sizing: border-box;margin-left:10px;}
.operate .btn-share>img{vertical-align:middle;}
.sharebox{width:152px;height:100px;position: absolute;top:52px;right:-22px;background: #fff;box-shadow: 0 0 5px 0 rgba(64,71,81,0.10);display: none;}
.sharebox .cjtd{ font-size: 0;height: 12px;left: 0;position: absolute;top: -12px;width: 100%;z-index: 10;}
.sharebox span{display: block;height:50px;line-height:50px;text-align: center;font-size: 18px;color:#333;}
.sharebox img{vertical-align: middle;margin-right:8px;} */
/*缂栬緫鎸夐挳*/
.editmod{margin-top:15px;text-align: right;}
.editmod a{display: inline-block;font-size: 13px;color: #256dc6;padding-left:20px;}


/*鏉愭枡*/
.metarial{padding-bottom: 40px;}
.metarial table {margin-left: 1px; color: #999;border-collapse: collapse;border-spacing: 0;overflow: hidden;}
.metarial tr{background: #f1f7fa;color: #333;}
.metarial td {border-top: 1px solid #e5e5e5;padding: 16px 0;width:344px;}
.metarial .lirtp td{border-top: 0;}
.metarial .lirre {width:343px;border-right:1px solid #e5e5e5;}
.metarial span {padding:0 18px;font-size: 15px;}
.metarial a {color: #12937c;text-decoration: none;font-size: 15px;}
.metarial .scname{display:inline-block;width:254px;padding-right:5px;}
.metarial .scnum{display:inline-block;max-width:90px;text-align:right;padding-left:0;}
/*姝ラ*/
.stepcont{margin:25px 0 40px;}
.stepcont a{float: left;}
.stepcont .stepinfo {float: left;padding: 0;width: 480px;word-wrap: break-word;margin-left:10px;font-size: 15px;color: #333;line-height: 27px;overflow: hidden;}
.stepcont .stepinfo p{font-weight:bold;}
/*灏忚创澹�*/
.tips{padding-bottom:40px;}
.tips p{font-size: 15px;color: #333;line-height: 27px;}
.creattime{font-size: 12px;color: #999;}
.copyright{font-size: 13px;color: #333;margin:10px 0 20px;}
.copyright span,.copyright a{color: #256dc6;}
.fenlei {font-size: 15px;font-weight: bold;line-height: 34px;margin-top:25px;}
.fenlei span {font-size: 13px;height: 34px;line-height:32px;padding: 0 16px;border: 1px solid #333;border-radius: 4px;display: inline-block;margin-right: 4px;font-weight:normal;}
.fenlei span a{color: #333;}
/*鐩稿叧鑿滆氨*/
.recipe-list {padding:5px 0 15px; }
.recipe-list .item{width:220px;height:270px;float:left;margin:0 15px 25px 0;}
.recipe-list .cover,.note-list .cover{width:220px;height:220px;display: block;overflow: hidden;}
.recipe-list .name{display:block;width:100%;line-height:35px;height:35px;font-size: 15px;}
.recipe-list .author{display:block;font-size: 12px;}
.recipe-list .name:hover,.recipe-list .author:hover span{color:#ffaa00;}
/*鐩稿叧浣滃搧*/
.note-list .item{width:220px;height:290px;float:left;margin:5px 15px 0 0;}
.note-list .cover{border-top-right-radius: 8px;border-top-left-radius: 8px;width:220px;height:220px;}
.note-list .info{padding:0 10px;height:70px;overflow: hidden;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;box-shadow: 1px 1px 4px rgba(124,131,140,0.04),1px 1px 4px rgba(124,131,140,0.04),-1px 1px 4px rgba(124,131,140,0.04),-1px 1px 4px rgba(124,131,140,0.04);position: relative;}
.note-list .name{    display: block;width:100%;line-height:35px;font-size: 15px;height:35px;overflow: hidden}
.note-list .author{display:block;font-size: 12px;height:22px;line-height:22px;}
.note-list .headicon{display:inline-block;width:22px;height:22px;vertical-align: middle;overflow:hidden;}
.note-list .nickname{display:inline-block;width:118px;vertical-align: middle;}
.note .upnote-btn{display:block;width:168px;height:42px;text-align:center;line-height: 42px;color: #fff;background: #ffb31a;font-size: 15px;font-weight: bold;margin:25px auto 0;}
.note-list .like,.note-list .not-like{position:absolute;height:16px;bottom:13px;right:10px;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;padding-left:19px;font-size:12px;cursor:pointer;background-size: 16px;}
.note-list .not-like{background:  no-repeat left 1px;_background-image: none;background-size: 16px;behavior: }
.note-list .like{background:  no-repeat left 1px;_background-image: none;background-size: 16px;behavior: }
/*鐑棬鏂囩珷*/
.artmod{padding-bottom: 22px;}
.artmod h2{font-size: 16px;color: #333;line-height: 16px;font-weight:bold;}
.hot-art{margin-top:20px;}
.hot-art .art-pic img{width:70px;height:70px;}
.hot-art .art-info{margin-left:6px;width:204px; }
.hot-art .art-info a{font-size: 15px;color: #333;font-weight:bold;line-height:27px;}
.hot-art .art-info p{    margin-top: 7px;font-size: 12px;color: #666;line-height: 18px;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.artmod .art-list li{margin-top: 20px;font-size: 13px;color: #333;line-height: 15px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.artmod .art-list li:hover a{color:#ffaa00;}
/*琚姞鍏ョ殑鑿滃崟*/
.addmenu{padding-bottom: 20px;}
.addmenu h2{font-weight:bold;font-size: 16px;line-height: 34px;padding:40px 0 5px;}
.addmenu .btn-addmenu{width:92px; height: 34px;line-height:32px;text-align:center;border:1px solid #333;color:#333;font-size: 15px;float:right;font-weight: normal;}
.menu-list .item{width:280px;height:156px;margin:20px 0;overflow: hidden;}
.menu-list .cover{display:block;width:100%;height:100%;text-align: center;}
.menu-list .menuinfo{position: absolute;top:0;left:0;width:100%;height:100%;}
.menu-list p{width:252px;font-size: 14px;color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,0.28);margin: 0 auto;padding-top:7px; }
.menu-list .name{font-weight: bold;padding-top:54px;font-size: 15px;}

/*鏀惰棌寮圭獥*/
#coll-box{width:590px;background:#fff;position: fixed;top:50%;left:50%;margin-top:-239px;margin-left:-295px;padding: 20px 0 26px;}
#coll-box .title{font-size: 20px;text-align: center;font-weight: bold;line-height: 24px;}
#coll-box .close{position: absolute;top:18px;right:18px;cursor:pointer;}
#coll-box .mlist{width:310px;height:259px;overflow-y: scroll;margin:40px 46px 0;}
#coll-box .mlist li{height:56px;line-height: 56px;font-size:15px;}
#coll-box .bot-btn{height:62px;line-height:42px;border-top:1px solid #e5e3df;padding-top:20px;}
#coll-box .create-btn{font-size: 16px;color: #256dc6;line-height: 42px;vertical-align: middle;float: left;margin-left: 50px;}
#coll-box .save-btn{float:right;width:200px;height:42px;line-height: 42px;text-align: center; font-size: 15px;color: #fff;background: #ffaa00;margin-right:34px;border-radius: 6px;vertical-align: middle;}
#coll-box input[type="checkbox"] {appearance: none;-webkit-appearance: none;outline: none;display: none;}
#coll-box label input[type="checkbox"]   span {background:  no-repeat left center;-webkit-background-size: cover;background-size: cover;width: 20px;height: 20px;float: left;margin:16px 10px 0 0;}
#coll-box label input[type="checkbox"]:checked   span {background:  no-repeat left center;-webkit-background-size: cover;background-size: cover;}
#coll-box .menucover{width:197px;height:197px;position: absolute;top:120px;right:20px;border-radius:6px;}

/*澶у浘灞曠ず*/
#bigimg{background:#fff;padding:10px;position: fixed;top:50%;left:50%;margin-left:-370px;margin-top:-250px; }
#bigimg .stepimg{max-width:720px;max-height:600px;}
#bigimg .steptxt{position: absolute;padding: 10px;left:0;width:100%;bottom: 0;font-size:13px;color:#fff;background:rgba(0,0,0,0.8); }
#bigimg .close-btn {position: absolute;top: -15px;right: -15px;width: 35px;height: 35px;background-image: ;background-position: -65px -240px;}
#bigimg .bigimg-left, .bigimg-right {position: absolute;bottom: 0;height: 100%;width: 25%;cursor: pointer;outline: none;}
#bigimg .bigimg-left{left:0;}
#bigimg .bigimg-right{right:0;}
#bigimg .fancy-ico {position: absolute;top: 50%; width: 27px;height: 48px;margin-top: -15px;cursor: pointer;z-index: 1102;display: none;}
#bigimg .fancybox-right-ico {background:  no-repeat;background-position: -72px -371px;right: 31px;}
#bigimg .fancybox-left-ico {background:  no-repeat;background-position: -72px -306px;left: 31px;}

/*鍒涘缓鑿滃崟*/
#create_menu{width: 400px;background: #fff;position: fixed;top: 50%;left: 50%;padding: 20px 0 26px;display: none;padding: 20px;text-align: center;z-index: 1000;border-radius: 4px;margin: -154px 0 0 -200px;}
#create_menu .title{padding-bottom:10px;}
#create_menu p{font-size: 15px;margin-top: 10px;text-align: left;}
#create_menu span{display:block;color:red;font-size:12px;height:14px;line-height:14px;margin-top:5px;padding-left:49px;}
#create_menu input{border:1px solid #ccc;height:34px;line-height: 32px;width: 310px;padding:0 5px;border-radius: 4px;}
#create_menu textarea{border:1px solid #ccc;padding: 2px 5px;width: 310px;vertical-align: top;height: 70px;line-height:27px;resize: none;border-radius: 4px;}
#create_menu .save-btn{display: inline-block;margin-top:10px;padding: 7px 21px;background: #ffb31a;font-size: 15px; color: #fff; border-radius: 4px;}
#create_menu .close-creat{position:absolute;top:10px;right:10px;width:15px;cursor:pointer;}

/*鑿滆氨鐨勫叏閮ㄤ綔鍝�*/
.leftmod{width:570px;float:left;}
.title{font-size:20px;line-height:20px;font-weight: bold;}
.sort-type{line-height: 14px;font-size: 14px;color: #999;margin:25px 0;}
.sort-type .active {color: #333;font-weight: bold;}

.alldish-list{margin-top:25px;}
.alldish-list .item{width:220px;height:343px;float:left;margin:0 40px 45px 0;}
.alldish-list .cover{display:block;width:220px;height:220px;border-top-right-radius: 8px;border-top-left-radius: 8px;}
.alldish-list .info{padding:8px 10px 20px;height:94px;overflow: hidden;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;box-shadow: 1px 1px 4px rgba(124,131,140,0.04),1px 1px 4px rgba(124,131,140,0.04),-1px 1px 4px rgba(124,131,140,0.04),-1px 1px 4px rgba(124,131,140,0.04);position: relative;}
.alldish-list .name{display: block;width:100%;line-height:22px;font-size: 15px;height:22px;overflow: hidden;margin-bottom: 20px;}
.alldish-list .author{display:block;font-size: 12px;height:22px;line-height:22px;}
.alldish-list .headicon{display:inline-block;width:22px;height:22px;vertical-align: middle;}
.alldish-list .nickname{display:inline-block;width:118px;vertical-align: middle;}
.alldish-list .like,.not-like{position:absolute;bottom:22px;right:10px;padding-left:21px;font-size:15px;cursor:pointer;background:  no-repeat left center;background-size: 20px}
.alldish-list .like{background:  no-repeat left center;background-size: 20px}

.recipe{width:220px;height:270px;float:left;display: inline-block;}
.recipe .cover{width:220px;height:220px;display: block;overflow: hidden;position:relative;}
.recipe .name{display:block;width:220px;height:35px;line-height:35px;font-size: 15px;}
.recipe .author{display:block;font-size: 13px;height:15px;line-height:15px;}
.recipe .name:hover,.recipe .author:hover a{color:#ffaa00;}

.boutiexclu{margin-top: 10px;font-size: 0;}
.boutiexclu span{display: inline-block;margin-right:16px;font-size: 14px;color: #fff;text-align: center;width: 42px;box-sizing: border-box;height: 22px;line-height: 22px;border-radius: 2px;}
.bouti{background: #ffb31a;}
.exclu{background: #ff4c44;}