page {background-color: #FFFFFF;}
.cookbook .cookbook_header {height: 88rpx;padding: 6rpx 24rpx;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.cookbook .cookbook_header .navigator-btn {margin-left: 6rpx;width: 20rpx;height: 36rpx;width: 36rpx;height: 36rpx;}
.cookbook .cookbook_header .navigator-btn .link {width: 100%;height: 100%;background: #181818;background: url(/assets/images/xian/icon_larrow.png) no-repeat center;background-size: contain;display: inline-block;}
.cookbook .cookbook_header .cookbook_search {position: relative;}
.cookbook .cookbook_header .cookbook_search .cookbook_input {width: 522rpx;height: 76rpx;background: #F6F7F8;border-radius: 38rpx;border: 1rpx solid #DDDDDD;text-indent: 24rpx;}
.cookbook .cookbook_header .cookbook_search .cookbook_icon {position: absolute;width: 36rpx;height: 36rpx;background: url(/assets/images/xian/icon_search.png) no-repeat center;background-size: contain;top: 50%;transform: translateY(-50%);right: 24rpx;} 
.cookbook .cookbook_header .cookbook_btn {width: 76rpx;padding-top: 76rpx;}

.cookbook .cookbook_list {padding: 0 24rpx;box-sizing: border-box;margin-top: 40rpx;margin-bottom: 25rpx;}
.cookbook .cookbook_list .cookbook_box {display: flex;justify-content: space-between;align-items: center;margin-bottom: 41rpx;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_img {width: 238rpx;padding-top: 178rpx;box-sizing: border-box;border-radius: 16rpx;overflow: hidden;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_content {width: calc(100% - 238rpx);padding-left: 24rpx;box-sizing: border-box;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_content .cookbook_box_title {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 32rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;margin-top: 4rpx;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_content .cookbook_box_text {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 22rpx;color: #999999;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_content .cookbook_box_type {display: flex;align-items: center;margin-top: 26rpx;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_content .cookbook_box_type .cookbook_box_num.none {display: none;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_content .cookbook_box_type .cookbook_box_num {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 22rpx;color: #666666;text-align: left;font-style: normal;text-transform: none;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_content .cookbook_box_type .cookbook_box_num:last-child {margin-left: 24rpx;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_img .cookbook_box_border {position: absolute;top: 0;right: 0;border: 56rpx solid #EE742F;border-left: 56rpx solid transparent;border-bottom: 56rpx solid transparent;border: 28rpx solid #EE742F;border-left: 28rpx solid transparent;border-bottom: 28rpx solid transparent;}
.cookbook .cookbook_list .cookbook_box .cookbook_box_img .cookbook_box_star {position: absolute;top: 6rpx;right: 6rpx;width: 24rpx;height: 24rpx;background: url(/assets/images/xian/icon_starp.png) no-repeat center;background-size: contain;}
.cookbook .cookbook_list.grid {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 52rpx;}
.cookbook .cookbook_list.grid .cookbook_box {flex-direction: column;justify-content: flex-start;align-items: flex-start;width: calc((100% - 22rpx) / 2);}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_img {width: 100%;padding-top: 254rpx;}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_content {width: 100%;padding-left: 0rpx;margin-top: 24rpx;}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_content .cookbook_box_title {font-size: 28rpx;margin-top: 0rpx;}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_content .cookbook_box_text {display: none;}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_content .cookbook_box_type {margin-top: 8rpx;}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_content .cookbook_box_num {display: none;}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_content .cookbook_box_num.grid {display: block;}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_content .cookbook_box_line {display: none;width: 1rpx;height: 24rpx;background-color: #DDDDDD;margin : auto 16rpx;}
.cookbook .cookbook_list.grid .cookbook_box .cookbook_box_content .cookbook_box_line.grid {display: block;}
