body{background: #FFFFFF;}
.shipu-top{width: 1280px;margin: 0 auto;margin-top: 40px;}
.shipu-top-title{width: 100%;display: flex;justify-content: space-between;box-sizing: border-box;padding: 0 20px;background: #FFFFFF;box-shadow: 0px 6px 5px 0px rgba(113,113,113,0.41);border-radius: 10px;height: 60px;margin-bottom: 10px;}
.shipu-top-title .left{width: 30%;text-align: left;height: 60px;line-height: 60px;font-size: 20px;}
.shipu-top-title .con{width: 40%;}
.shipu-top-title .right{width: 30%;height: 60px;line-height: 60px;text-align: right;}
.shipu-top-title .right a{font-size: 14px;line-height: 32px;display: inline-flex;vertical-align: bottom;background: #FFFFFF;border: 1px solid #FFFFFF;box-shadow: 0px 5px 9px 0px rgba(88,66,66,0.41);border-radius: 10px;padding: 0 10px;margin-bottom: -10px;}
.shipu-top-title .right .add{font-size: 16px;background: #FFFFFF url(../img/20220822/5.png) no-repeat 5px center;padding-left: 20px;margin-right: 20px;border: 1px solid #AAAAAA;box-sizing: border-box;}
.shuaxuans{width: 100%;box-sizing: border-box;padding: 20px 20px 0 20px;border: 1px solid #999999;overflow: hidden;}
.shuaixuan{width: 100%;display: flex;justify-content: space-between;max-height: 150px;}
.shipu-top .kai{max-height:900px;}
.RecipesAdd-title{border: 1px solid #AAAAAA;border-right: none;border-left: none;}
.shipu-top-paixu{width: 100%;display: flex;justify-content: flex-end;}
.shipu-top-paixu dl{display: flex;justify-content: flex-start;line-height: 50px;height: 50px;}
.shipu-top-paixu dl dd{margin-left: 20px;}
.shoufang{width: 100%;height: 60px;display: flex;justify-content: flex-start;position: relative;z-index: 1;background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7));}
.shoufang .left{width: 40%;}
.shoufang .con{width: 20%;background: url(../img/20220822/6.png) center 27px no-repeat;text-align: center;line-height: 90px;font-size: 12px;color: #666;cursor: pointer;}
.shipu-top .shoufang.on .con{background: url(../img/20220822/7.png) center 27px no-repeat;}
.shoufang .right{width: 40%;text-align: right;}
.shoufang .right a{padding: 0 20px;height: 32px;line-height: 30px;background: #E8E8E8;font-size: 12px;border-radius: 5px;margin-left: 20px;display: inline-flex;vertical-align: bottom;margin-top: 20px;display: none;}
.shoufang .right .a1{background: #743A3A;color: #FFFFFF;}
.shipu-top .shoufang.on .right a{display: inline-flex;}
.shuaixuan li{min-width: 150px;line-height: 30px;text-align: center;font-size: 16px;box-sizing: border-box;position: relative;padding: 0 10px;
transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.shuaixuan li dl{width: 100%;font-size: 14px;color: #666666;box-sizing: border-box;padding: 0 10px 0 10px;overflow: hidden;z-index: 1;
transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.shuaixuan li dl dt{width: 100%;line-height: 30px;height: 30px;overflow: hidden;text-align: left;position: relative;}
.shuaixuan li dl dt::before{content: '\003E';position: absolute;right: 2px;top: 0;height: 30px;color: #999999;
transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */
}
.shuaixuan li dl dd{width: 100%;line-height: 30px;height: 30px;overflow: hidden;display: flex;justify-content: flex-start;word-break:keep-all;white-space:nowrap;position: relative;}
.shuaixuan li dl dd:last-child{margin-bottom: 10px;}
.shuaixuan li dl dd input{float: left;margin-top: 9px;}
.shuaixuan li dl dd img{width: 12px;height: 12px;margin-top: 10px;margin-right: 3px;}


.shipu-ul{width: 1280px;margin:0 auto;box-sizing: border-box;overflow: hidden;position: relative;margin-top: 20px;margin-bottom: 100px;}
.shipu-ul ul{display: flex;justify-content:flex-start;flex-wrap: wrap;margin-bottom: 20px;}
.shipu-ul ul li{width: 290px;height: 340px;border-radius: 20px;background: #E9E9E9;margin-right: 40px;margin-top: 40px;overflow: hidden;box-sizing: border-box;padding: 15px 30px 0 30px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.shipu-ul ul li:nth-child(4n){margin-right: 0;}
.shipu-ul ul li:hover{}
.shipu-ul ul li .img{width: 100%;height: 230px;border-radius: 50%;overflow: hidden;
transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.shipu-ul ul li .img img{display: flex;width: 100%;height: 100%;backface-visibility: hidden;
transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.shipu-ul ul li .dis{width: 100%;height: 25px;line-height: 25px;font-size: 12px;color: #666666;box-sizing: border-box;padding: 0 0;border-bottom: 1px solid #DDDDDD;}
.shipu-ul ul li .title{width: 100%;height: 35px;line-height: 35px;font-size: 18px;box-sizing: border-box;padding: 0 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.shipu-ul ul li .desc{width: 100%;display: flex;justify-content: space-between;box-sizing: border-box;padding: 0 0;height: 30px;line-height: 30px;font-size: 12px;color: #666666;}
.shipu-ul ul li .desc span{height: 30px;background: url(../img/keyong/18.png) no-repeat 0 center;padding-left: 20px;}
.shipu-ul ul li .desc em{height: 30px;font-style: normal;}
.shipu-ul ul li:hover .img{border-radius: 20px;}
.shipu-ul ul li:hover img{
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.zanwu{width: 100%;line-height: 200px;text-align: center;color: #666666;font-size: 14px;}