.cateen-list{margin:auto;padding:30px 0 40px;width:1200px;min-height:calc(100vh - 124px)}.cateen-list,.cateen-list .food-header{position:relative;box-sizing:border-box}.cateen-list .food-header{margin-bottom:20px;height:140px;background:url(../img/banner.52f77aa5.png) no-repeat}.cateen-list .food-header>span{position:absolute;top:58px;padding:6px 12px;font-size:14px;color:#000;opacity:.43;background:#fff;border-radius:13px;cursor:pointer;transition:all .5s linear}.cateen-list .food-header>span:first-of-type{left:40px}.cateen-list .food-header>span:nth-of-type(2){right:40px}.cateen-list .food-header>span:hover{opacity:1;transition:all .5s linear}.cateen-list .food-header>div{position:absolute;top:26px;left:479px;width:242px;height:100px;background:#fff;border-radius:2px;box-sizing:border-box}.cateen-list .food-header>div p:first-child{margin:16px auto;font-size:28px;color:#000;line-height:normal;text-align:center;letter-spacing:2px}.cateen-list .food-header>div p:last-child{font-size:12px;color:#666;text-align:center;letter-spacing:.86px}.cateen-list .food-banner{height:160px;background:#fff;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-sizing:border-box}.cateen-list .food-banner>div:first-child{margin:auto 20px;border-radius:3px 3px 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.cateen-list .food-banner>div:first-child .week{display:inline-block;margin:auto 30px;padding-top:20px;padding-bottom:20px;font-size:14px;color:#666;line-height:normal;cursor:pointer}.cateen-list .food-banner>div:first-child .week:hover{color:#348efc}.cateen-list .food-banner>div:first-child .week-active{font-weight:700;color:#348efc;border-bottom:4px solid #348efc}.cateen-list .food-banner>div:last-child{position:relative;display:flex;flex-wrap:wrap;margin:auto 28px;margin-top:40px}.cateen-list .food-banner>div:last-child>div{position:relative;margin-bottom:10px}.cateen-list .food-banner>div:last-child .item-text{font-size:14px;color:#666;line-height:normal;cursor:pointer}.cateen-list .food-banner>div:last-child .item-text img{margin-top:-6px;margin-left:30px;margin-right:12px;vertical-align:middle}.cateen-list .food-banner>div:last-child .item-text span{margin-right:30px}.cateen-list .food-banner>div:last-child .item-text-active{color:#348efc;font-weight:700}.cateen-list .food-banner>div:last-child .item-text-active:after,.cateen-list .food-banner>div:last-child .item-text-active:before,.cateen-list .food-banner>div:last-child .item-text:after,.cateen-list .food-banner>div:last-child .item-text:before{content:"";position:absolute;top:-4px;width:1px;height:28px;background:#ddd;transform:rotate(20deg)}.cateen-list .food-banner>div:last-child .item-text-active:after,.cateen-list .food-banner>div:last-child .item-text-active:before{background:#333;transform:rotate(20deg) translateZ(0);z-index:1}.cateen-list .food-banner>div:last-child .item-text:hover{color:#348efc}.cateen-list .food-container{display:flex;flex-wrap:wrap;margin:20px auto}.cateen-list .food-container .no-food{display:flex;align-items:center;justify-content:center;width:100%;height:400px;border-radius:3px;background:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.cateen-list .food-container .food-box{margin-right:15px;margin-bottom:20px;width:390px;height:300px;background:#fff;border-radius:4px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-sizing:border-box}.cateen-list .food-container .food-box img{width:390px;height:220px;object-fit:contain}.cateen-list .food-container .food-box .box-item{display:flex;align-items:center;justify-content:space-between;padding:28px 20px 23px;line-height:normal}.cateen-list .food-container .food-box .box-item>span:first-child{font-size:18px;color:#000}.cateen-list .food-container .food-box .box-item>span:last-child{font-size:18px;color:#d9854d}.cateen-list .food-container .food-box .box-item>span:last-child span{font-size:24px;color:#d77d41}.cateen-list .food-container .food-box:nth-child(3n){margin-right:0}.cateen-list .pageBox{display:inline-block;background:#fff}.cateen-list .pageBox .el-pagination.is-background .btn-next,.cateen-list .pageBox .el-pagination.is-background .btn-prev,.cateen-list .pageBox .el-pagination.is-background .el-pager li{background:#fff}.cateen-list .pageBox .el-pagination.is-background .el-pager .active{background:#409eff}.cateen-list .screening-mode{position:fixed;right:56px;bottom:48px;width:88px;height:88px;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmCAMAAAAOARRQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURQAAAHGl5eLu+oa25fr6+sbGxv///wAAAAAAAPT5/tbm+HWr47PR8KXJ7MDY9JjB6WCg3FGW2M7i9cTc8ysBaisAAAAKdFJOUwL///+pJP8IC/uZuOQ8AAAC0UlEQVRo3u2ai3LjIAxFa5SSCCHz8P//60qQNGmaJnZsPLuz3I47jdtybEmAxOjjo2uljht+PWNs/MgP726uByC5e9pYCrqnfB7Qbiw8fB7vKZtDCuiOczzYJjocvzsG22Dwm3uOJ9tIp47pmI7pmP8OE4aZorwC44bZghUYnI/hNUYzo5iNxqfyCskrQ8D/ao+vRxGMsx1zOwgNfgeMxUvSg00x1zkEZgeMOImmNhjjr4LfJuF6DP1cU7ABZtba1QTDDTCerqoUv0OkDeSaB/T40P+bYzD4hqsAcnA7rGlj32/ewtCrpXsbzMDmiRxshXmtfwXjaE5qi+tzgTtfjPrwd/caVARZMPOPXt7GmJcRvk19M7Hr1VrHdEzHdEzHbILRotlMorK1oLuq1IryW5S97Ta7ztGCW4rRQoYpBAol7YhwUaoYIz8BRIKvKsFFm1NehDFu8M5qoeEr5rornzHyJ9EYGg3aqRbanLwPPi/B8JAiWE2+fMmfXYoXCQZSShFzcI4nsV6or0lJv/vFRvOxAPQ/nVrJG5MHE9RTySEPdfBrnpXeCAFyGEv25dQOajRxsYVQD0CTtxyyyN/kOAnfwAQeuUhhDgJRJEoD6bgxEmt8hKBvY2qhbaJZivFi6DylIJQSPBMYw+dLPhE5IWi4s2AwZ4Cc8fGBzlPMpO7XSOMSAhoIGnNT+QSjRBoDE3GoRgtqzMDv+EasEdFFrM7QGKsXWJaA1sQ6aNmDXxgP72HEdrHOA/KIennAcohHZtQITgTAFYMmo8RAnWYL34ZTGuu0QWs0kKbzA5fFBtiXeiMzRJlIQcLmgeGeYTInM1FkdBRh0jg20dtbjAtRRhwjZDGWzFLlmRTiolUgy5w8n2kYloHQOq74y8IaPNazidtxZaHr21rH/BWYfdoSdmqy2KtlZKcGmJ3aeY4VtHVz0qMeqCYdYm27xl51j3XN0B+wes9txq+GcAAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;transition:all .5s linear;cursor:pointer}.cateen-list .screening-mode:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmCAMAAAAOARRQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURQAAAP///4S5+cDb/FWHxmSk82Wn9wAAAAAAAGan96fM+tPm/fH3/pLA+eDu/bPT+3ax+JrF+a8CyKEAAAAKdFJOUwT///8kqf8BCemxoM8bAAACw0lEQVRo3u2aiXKrMAxFQWoosWRL/P/PPskme0uSgv2mHe4MaRMaH6zFW9V9NlH3PzDdhvoG01XQA6arpBtM/mTcXBfQGTNW0Q3GKR+H47CxjoePE2fGjB+bQzLIOSeMd+YwVNFh7k7BjOOxDuY4jjeYoZKaY7ramG7H7Jgds2OeYKh/UTytwMT+ZaUVGH0dg2uMBsHMxmFR6JBpZQhYI7zsZTBMHHbMbSPSAGPhdvezEuacQwwNMGKthToYwIvSd0m4HsOPY4pWwLw0dlXBYAUMPlhNWkQaxxYBnbR+3ihJxVFAiWKDMU2+nX/3+WYFJm6E6REWFNNWmOf6LRh4aWm7fqmud77wsS3efVZhRzAZRutvPOBphG+zvwkY993ajtkxO2bH7JhNMGjzLkymMv/ezcdks6em8lfn2Y5v3r6GSfYNSYiEpQk6qS93wX4j4kThChO/2P4sYRQ4wIDBZ8rcBF22ifNDALCxAugQyzmUcAgY4B2MpJ4p92jG9HxSn3eKzBptKSpuUzz101/C20YLnAHeJ0iqFFRjAswfgj1JbjtdnfD9IAQSaDk6gRCL0aJRi6dsIRoGwWgKV1ufr1dVTzAok2RB9g2mxCn1KbmXmJMI+cmH9wZSln59orOECakniIxGycETSUEI8mXrQUp+yOLhLt6bGG3fGIcU38ZM7n73ilBZmZVryu8o2F0hIRIsIYhuTJSf+MYzwQJbyynERTSIe84SFcVe9IwJ9DOM2W7ON4+yZFcgVc13J49gD2GZMRDVYiDg+xiVnkNJG/UkPxltfgiSkI8joviRC6PH4aPhljBRep2IRSExTv59zcALBpCtxcAUrQdSRj7LscfRZhFj3seS0CDWkHVGCn4eWBVDyRK5bhcI92ntV2L+1n/Y25UlNCmyaFQy0qoAplE5T6vipEalVs0Kx5qVwf2F2sF/6yfkcKEqjSIAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;transition:all .5s linear}.cateen-list .screeing-meal .el-dialog__header{padding:0 0 0 20px;height:36px;line-height:36px;background:#348efc}.cateen-list .screeing-meal .el-dialog__header>span{font-size:14px;color:#fff}.cateen-list .screeing-meal .el-dialog__header button{top:10px}.cateen-list .screeing-meal .el-dialog__header button i{color:#fff}.cateen-list .screeing-meal .el-dialog__body{padding:0 30px 30px;text-align:center}.cateen-list .screeing-meal .el-dialog__body>div:first-child{padding:70px 0 60px}.cateen-list .screeing-meal .el-dialog__body>div:last-child{text-align:center}.cateen-list .screeing-meal .el-dialog__body>div:last-child button{padding:7px 19px}.cateen-list .screeing-meal .el-dialog__body .el-radio-group label{margin-bottom:20px}.cateen-list .screeing-meal .screeing-meal-radio-left{text-align:left}.cateen-list .screening-food{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#effaff;z-index:10}.cateen-list .screening-food .drop-out{position:fixed;top:40px;right:42px;width:88px;height:88px;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmCAMAAAAOARRQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURQAAAP///3Gl5eLt+vT5/sbGxvr6+gAAAAAAAO30/NXl98La86zN753E6oy55n2w5G+o31aa2mOh3LbT706U1yLA+PkAAAAKdFJOUwP////9JKkIDPtAQgNaAAACrElEQVRo3u2ai5KrIAyGl8LWEi4J4vs/60mwtrO9rVbxTHf4OzpTO/IBCRBovr6aPkLdxp/HiO31AFN02kyPOd330aqNZY/f3S3FqAoyN5zuqKro2P00jK2DsT/M03Wqkv4y5lQLc2qYhmmYz8aEw0whrMDAYbbiCoydj/FrOk077jZ0L+UF4la6ABeCr62sGQOqYX4W4qtjOHozvwU9qzEan7+/Hcbx+7k6xpfB7a/SFTA23s9bFTDxwYRSAeP3wag8d3Zc6QKAu3iaMmwfVx/DHRfsHhhpUgh6B4x7uv629WYFBjbCHLx+IYhbYX7Xp2D0rNDWrA7VzY0tZE2Fm2cVdgTiWPPPkd7G6KcLz7b7G+dhD0zbFDZMwzRMw/x9TOYIHcYTmWvscd2DRC2nOayyOhu4ahkmkFIYAyvJlkDLBioGYZWCiYvzFAKGsmqnOGlY2Gm9V+NBXC8YRxOGuHUWKGsVvOxLxu3W5bW0EANaYS8a7jGBUo+lRTmOreknDctdAJ1lpXtM6bQsFYchcpuAtMbMUS7psAgTExeCXmw6YpL3nohv6YwxqRgJMoydBv25HkswRguGkDW6gDgDkXjEiInBXQ8+APm3nmggwmWdZgQD4s2ZptCvVFa+ZBoiuBQmqotWe9TlegejCakYI+YJ49jo3on55ZkvLiB3cQYXlw7PEWO5umVM4mXcZJzGje4N9KWlgT0tna+4GJMoRTatBPuPMDw++3GKwGwt8ZWjtWYRJnIrMMg7Jj9pjQ1pbKoejNLJvNFpEW3xqyKuMsoATOUmzhsG6zAFng1SdDwpKdtn9QYGjAyJ82EdyHHnJOeluKzCOI9qrkQ2CsqhEYS2rNXAtL++38HskpawU5LFXikjOyXA7JXOcwHVzU16nBi1OnXrf2V0Nc3XPymZU7+iJXFxAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;transition:all .5s linear;opacity:1;cursor:pointer}.cateen-list .screening-food .drop-out:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmCAMAAAAOARRQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURQAAAP///6nO+urz/mSk81WHxmWn9wAAAAAAAGan95bD+rnX+4O5+Im8+Xax+Njp/fn8/sng/PkYpnIAAAAKdFJOUwL///+pJP8IC+lqAZV0AAACmUlEQVRo3u2ajZajIAyFx6SDbcAE3v9lN4H+17VaxTOzy53a01KHD8IFgcPXV9NK9Rv+TTE2LvJo6uYaAWnqcWMZ6JnyfTi5jXU6fPfPlM0hGfTE6Q+uig79Y8Oc6mBOD83TH10lHRumYRqmYf47jHQzFWkFhrrZkhUYno9Ja4IWQMMWYVLeILTSApoJTrdyUAy5hrnTEDtfHcP6YlcZEzDS+46+FgOxexewDTApd25/01ABw/jS0bECBkcGlAqYtA/G+qUN8HfyVSxAarQdnOZYR2eoj9HACe+BsSoloR0w0J43H2HiNIY2wnRpmBDhVpj3+i2YIc6gIK+eqnN4FFjhn9IqrAjMWDz77o8xw1uHb7O+gUR7YNqisGEapmEa5t/HgD4eqeiWdlscJH0qB/sxP535bja1DOPFOUm2rI2cN4gsb1vqQM4YNTtA7yWvfgZMF8WFQUNwZSGQ5yyEFwySlR6V5hUNBXPbSluKGdgJmuIrxmNEKTVKZYqFF3XLLSDAqpHa5KAB5kl6Agsas91MGPwiTIpoGGvTMwYAUOztjGEMZVePStCsIMkvdBoHDbKgqIoFzAyI5oiCSZ7KzmDIbePFbu70WhY0Nkx2M1xXn7mw9gWwk4Giv1ApcQAJ+foEE1BtYBmlm6G10YGs+S2tWCCnJcMt7Z4Fw1pcKG64YuTSbwJyaTjnzWnnKy3GoMSkLrKgjWH0Y/FDtqRdGt/XLb5JjGgtxOf/gb/Uhn0sVQ3qErPM8qAl4eyrLDCqhSS/mXl1BCJBz4OgTqclOUb4BKNjgHaJ82a2lfwqAssO8lCTnU42zA75G/n2WGuYH4LZ51jCTocs9joystMBmJ2O8/QFtPXhpLEzUFVOiNU9Nfbu9FjTDP0B4KzP3nQ/CvsAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;transition:all .5s linear}.cateen-list .screening-food .drop-out-hidden{opacity:0;transition:all .5s linear}.cateen-list .screening-food .cacrouse-btn{display:flex;align-items:center;justify-content:center;height:40px}.cateen-list .screening-food .cacrouse-btn li{margin:8px;padding:5px;background:#626262;border-radius:50%;cursor:pointer}.cateen-list .screening-food .cacrouse-btn li:not(.btn-active):hover{background:linear-gradient(90deg,#cdcdcd,#626262)}.cateen-list .screening-food .cacrouse-btn .btn-active{background:#cdcdcd}.cateen-list .screening-food .screening-list{display:flex;align-items:center;flex-wrap:wrap;margin:auto;height:100%;max-width:1268px}.cateen-list .screening-food .screening-list .list-content img{width:100%}.cateen-list .screening-food .screening-list .list-content .img-text{display:flex;align-items:center;justify-content:space-between;padding:0 46px;height:70px;line-height:normal;background:#fff}.cateen-list .screening-food .screening-list .list-content .img-text>span:first-child{font-size:30px;color:#000}.cateen-list .screening-food .screening-list .list-content .img-text>span:last-child{font-size:20px;color:#d9854d}.cateen-list .screening-food .screening-list .list-content .img-text>span:last-child span{font-size:40px;color:#d77d41}.cateen-list .screening-food .screening-list .list-content-1{width:100%}.cateen-list .screening-food .screening-list .list-content-2{width:calc(50% - 10px)}.cateen-list .screening-food .screening-list .list-content-2:nth-child(2n){margin-left:20px}.cateen-list .screening-food .screening-list .list-content-3{width:calc(50% - 10px)}.cateen-list .screening-food .screening-list .list-content-3:nth-child(2n){margin-left:20px}.cateen-list .screening-food .screening-list .list-content-4{width:calc(50% - 10px)}.cateen-list .screening-food .screening-list .list-content-4:nth-child(2n){margin-left:20px}.cateen-list .screening-food .screening-list-carcous{height:calc(100% - 40px)}