.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.6b773ab5.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(../img/screening.bbcc5fe3.png) no-repeat;background-size:100% 100%;transition:all .5s linear;cursor:pointer}.cateen-list .screening-mode:hover{background:url(../img/screening-active.2b87dc1a.png) 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(../img/drop.d2d1faf0.png) no-repeat;background-size:100% 100%;transition:all .5s linear;opacity:1;cursor:pointer}.cateen-list .screening-food .drop-out:hover{background:url(../img/drop-active.c287b0a6.png) 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)}