.pagination[data-v-4e2a726d]{width:100%;height:47px;display:flex;justify-content:center;align-items:center;margin-top:50px}.pagination .page[data-v-4e2a726d]{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin-left:6px;margin-right:6px;background-color:#fff;border-radius:24px;cursor:pointer}.pagination .page-disabled[data-v-4e2a726d]{cursor:not-allowed}.pagination .page-now[data-v-4e2a726d]{background-color:#f3b009;color:#fff}.divide[data-v-2adc25e0]{height:1px;width:100%;background-color:#ebebeb}.block[data-v-fcc5c73a]{margin-bottom:46px}.header[data-v-fcc5c73a]{display:flex;flex-wrap:wrap;align-items:center;padding:15px 30px 15px 30px}.header .back[data-v-fcc5c73a]{font-size:18px;color:#525848;cursor:pointer}.header .back .v-icon[data-v-fcc5c73a]{width:20px;height:20px}.header .back span[data-v-fcc5c73a]{padding-left:5px}.top[data-v-fcc5c73a]{display:flex;flex-wrap:wrap}.common[data-v-fcc5c73a]{padding:40px}.common .titl[data-v-fcc5c73a]{font-size:36px;color:#525848}.common .line[data-v-fcc5c73a]{margin:20px 0 30px 0}.common .image[data-v-fcc5c73a]{width:250px;height:250px;background-color:#ebebeb;border-radius:6px;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#919c93;cursor:pointer}.common .image .input-file[data-v-fcc5c73a]{opacity:0;width:250px;height:250px;position:absolute;z-index:10;cursor:pointer}.common .image .intro .subtitle[data-v-fcc5c73a]{height:33px;margin-top:10px;margin-bottom:50px;font-size:24px;width:100%}.common .image .intro .desc[data-v-fcc5c73a]{height:22px;font-size:16px;margin-bottom:20px;width:100%}.common .text[data-v-fcc5c73a]{margin-left:30px;width:60%}.common .text .name[data-v-fcc5c73a]{margin-bottom:24px}.common .item[data-v-fcc5c73a]{flex-wrap:wrap;margin-bottom:20px}.common .item[data-v-fcc5c73a],.common .item div[data-v-fcc5c73a]{display:flex;align-items:center}.common .item .name[data-v-fcc5c73a],.common .item .pick[data-v-fcc5c73a]{margin-right:20px;flex:2}.common .item .name[data-v-fcc5c73a] .v-input__slot,.common .item .pick[data-v-fcc5c73a] .v-input__slot{max-width:400px}.common .item .unit[data-v-fcc5c73a]{width:-moz-min-content;width:min-content;margin-right:10px}.common .item .unit label[data-v-fcc5c73a]{width:40px;cursor:pointer}.common .item .quantity[data-v-fcc5c73a]{flex:.2;padding-right:12px}.common .item input[type=radio][data-v-fcc5c73a]{margin-right:15px}.common-btn[data-v-fcc5c73a]{float:right;padding-right:30px}.common-btn button[data-v-fcc5c73a]{margin-right:16px}.common-btn .btn--outline[data-v-fcc5c73a]{background-color:#fff}.block[data-v-5db0297f]{margin-bottom:46px}.header[data-v-5db0297f]{display:flex;flex-wrap:wrap;align-items:center;padding:15px 30px 15px 30px}.header .back[data-v-5db0297f]{font-size:18px;color:#525848;cursor:pointer}.header .back .v-icon[data-v-5db0297f]{width:20px;height:20px}.header .back span[data-v-5db0297f]{padding-left:5px}.header .recommand[data-v-5db0297f]{font-size:18px;color:#919c93;display:flex;flex-wrap:wrap;align-items:center}.header .recommand label[data-v-5db0297f]{padding-left:5px;padding-right:10px}.category[data-v-5db0297f]{padding:20px;height:100%;margin-right:32px}@media screen and (max-width:800px){.category[data-v-5db0297f]{width:100%}}@media screen and (min-width:1200px){.category[data-v-5db0297f]{width:20%}}@media screen and (min-width:800px)and (max-width:1200px){.category[data-v-5db0297f]{width:30%}}.category .v-treeview[data-v-5db0297f]{margin-top:25px}.category[data-v-5db0297f] .v-treeview-node__root{height:52px}.category[data-v-5db0297f] .v-treeview-node__label{margin-left:-35px;height:52px}.category[data-v-5db0297f] .v-treeview-node__label label{display:flex;height:100%;align-items:center;color:#000;cursor:pointer}.category[data-v-5db0297f] .v-treeview-node__label label .v-icon{color:#ff9600}.category[data-v-5db0297f] .v-treeview-node__label .favorite{font-size:18px;font-weight:600;color:#ff9600}.category .active[data-v-5db0297f]{color:#fff;background-color:orange}@media screen and (max-width:800px){.recipe[data-v-5db0297f]{width:100%}}@media screen and (min-width:1200px){.recipe[data-v-5db0297f]{width:75%}}@media screen and (min-width:800px)and (max-width:1200px){.recipe[data-v-5db0297f]{width:65%}}.recipe .type[data-v-5db0297f]{height:22px;font-size:16px;line-height:1.5;color:#525848;margin-bottom:24px;display:flex}.recipe .type button[data-v-5db0297f]{margin-right:30px;background-color:#fff}.recipe .grid[data-v-5db0297f]{display:flex;flex-wrap:wrap}.recipe .grid .item[data-v-5db0297f]{cursor:pointer;width:21%;min-width:125px;margin:0 24px 25px 0;border-radius:6px;border:1px solid #ebebeb;background-color:#fff}@media screen and (max-width:600px){.recipe .grid .item[data-v-5db0297f]{margin:0 15px 15px 0}}.recipe .grid .item .image[data-v-5db0297f]{width:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;border-top-right-radius:6px;border-top-left-radius:6px;height:182px;display:block;align-items:flex-end}.recipe .grid .item .image .v-icon[data-v-5db0297f]{float:right;margin-top:12px;margin-right:12px;width:20px;height:20px}.recipe .grid .item .text[data-v-5db0297f]{min-height:66px;padding:15px;display:flex}.recipe .grid .item .text .name[data-v-5db0297f]{color:#253237;font-size:18px;font-weight:500}.recipe .grid .item .text .v-icon[data-v-5db0297f]{width:12px;height:12px;color:#919c93;cursor:pointer}.recipe .detail[data-v-5db0297f]{padding:30px}.recipe .detail .row-c[data-v-5db0297f]{display:flex;padding:0;margin:0}.recipe .detail .row-c .image[data-v-5db0297f]{width:40%;height:300px;background-position:50%;background-repeat:no-repeat;background-size:contain}.recipe .detail .row-c .text[data-v-5db0297f]{margin-left:30px;width:60%}.recipe .detail .row-c .text .people[data-v-5db0297f]{font-size:20px;color:#919c93;padding-top:20px}.recipe .detail .row-c .text .name[data-v-5db0297f]{padding-top:10px;color:#253237;font-size:36px;font-weight:500;padding-bottom:150px}.recipe .detail .row-c .text .v-icon[data-v-5db0297f]{margin-right:10px;color:#ff9600}.recipe .detail .row-c .text .add[data-v-5db0297f]{display:flex;flex-wrap:wrap}.recipe .detail .row-c .text .add button[data-v-5db0297f]{margin:5px 10px 5px 10px}.recipe .detail .row-c .col-c[data-v-5db0297f]{margin-top:40px;width:50%}.recipe .detail .row-c .col-c .material[data-v-5db0297f]{border:1px solid #ebebeb;padding:30px 20px 30px 20px;margin-bottom:20px}.recipe .detail .row-c .col-c .material .titl[data-v-5db0297f]{font-size:24px;color:#919c93;margin-bottom:15px}.recipe .detail .row-c .col-c .material .content[data-v-5db0297f]{font-size:20px;line-height:2;color:#525848}.recipe .detail .row-c .col-c .material .content .row-m[data-v-5db0297f]{display:contents}.recipe .detail .row-c .col-c .material .content .row-m .row-m-column[data-v-5db0297f]{display:flex}@media screen and (max-width:800px){.recipe .detail .row-c .col-c .material .content .row-m .row-m-column[data-v-5db0297f]{margin:0 15px 15px 0}}.recipe .detail .row-c .col-c .leftside[data-v-5db0297f]{margin-right:30px}.recipe .detail .row-c .col-c .rightside[data-v-5db0297f]{height:100%}.like[data-v-5db0297f]{color:#ff9600!important}.unlike[data-v-5db0297f]{color:grey!important}.minus[data-v-5db0297f]{color:red!important}