.auto-input-container[data-v-3cdc6228]{padding:6px 10px;border-radius:5px;display:flex;min-width:100px;border:1px solid #e6e6e6;color:#636262;justify-content:left;box-sizing:border-box;align-items:center}.auto-input-container input[data-v-3cdc6228]{outline:none;width:90%;border:none;transition:all .5s ease}.auto-input-container i[data-v-3cdc6228]{cursor:pointer;width:24px}.auto-input-container i[data-v-3cdc6228]:hover{font-weight:600}.recipe-container[data-v-c7628b62]{display:flex;gap:20px}.recipe-container .recommend[data-v-c7628b62]{width:20%}.recipe-container .recommend .nav[data-v-c7628b62]{margin-top:30px;border-radius:20px;background-color:#248811;align-items:center;color:#fff;justify-content:center;padding:20px 10px;box-sizing:border-box;margin-bottom:10px}.recipe-container .recommend .nav .text[data-v-c7628b62]{font-size:18px;margin-bottom:12px}.recipe-container .recommend .nav .record[data-v-c7628b62]{padding:4px 10px;display:inline-block;background-color:#333;color:#fff;margin-left:25px;border-radius:20px;cursor:pointer}.recipe-container .recommend .nav .record[data-v-c7628b62]:hover{background-color:#1f1f1f}.recipe-container .recommend .right[data-v-c7628b62]{box-sizing:border-box;box-shadow:0 4px 6px #f0f0f0;padding:20px}.recipe-container .recommend .right .item[data-v-c7628b62]{margin-bottom:10px;cursor:pointer;padding:10px}.recipe-container .recommend .right .item[data-v-c7628b62]:hover{transform:translateY(-2px)}.recipe-container .recommend .right .item .cover[data-v-c7628b62]{width:100%;height:110px;border-radius:5px}.recipe-container .content[data-v-c7628b62]{width:80%;box-sizing:border-box}.recipe-container .content .pager[data-v-c7628b62]{display:flex;justify-content:flex-end}.recipe-container .content .types[data-v-c7628b62]{padding-block:20px;display:flex;flex-wrap:wrap;gap:20px}.recipe-container .content .types .type-item[data-v-c7628b62]{padding:6px 12px;border-radius:20px;cursor:pointer}.recipe-container .content .types .type-item[data-v-c7628b62]:hover{background-color:#f6f6f6}.recipe-container .content .health-news[data-v-c7628b62]{display:flex;flex-wrap:wrap;padding:20px 0;gap:15px}.recipe-container .content .health-news .item[data-v-c7628b62]{flex:0 0 calc(20% - 15px);max-width:calc(20% - 15px);box-sizing:border-box;cursor:pointer;transition:transform .3s ease}.recipe-container .content .health-news .item[data-v-c7628b62]:hover{transform:translateY(-5px)}.recipe-container .content .health-news .user-info[data-v-c7628b62]{display:flex;margin-bottom:10px;justify-content:left;align-items:center;gap:6px}.recipe-container .content .health-news .user-info img[data-v-c7628b62]{width:20px;height:20px;border-radius:50%}.recipe-container .content .health-news .user-info div[data-v-c7628b62]{font-size:14px;color:#666}.recipe-container .content .health-news .cover[data-v-c7628b62]{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:10px}.recipe-container .content .health-news .title[data-v-c7628b62]{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}