.filters-dialog{top:50%;transform:translateY(-50%);margin:auto;width:90%;max-width:400px;box-shadow:0 0 6px rgba(0,0,0,.11);border-radius:4px}.filters-dialog .el-dialog__body{padding:0}.filters-dialog .el-dialog__footer,.filters-dialog .el-dialog__header{display:none}.filters-dialog header{position:relative;height:60px;line-height:60px;text-align:center;border-bottom:1px solid #f7f7f7}.filters-dialog header .name{font-size:19px;color:#333}.filters-dialog header .clear{position:absolute;padding:15px;right:0;top:0;font-size:16px;line-height:30px;color:#dc2224;opacity:.44}.filters-dialog header .clear.active{opacity:1;cursor:pointer}.filters-dialog footer{height:60px;line-height:60px;text-align:center;border-top:1px solid #f7f7f7;font-size:16px;color:#dc2224;opacity:.44}.filters-dialog footer:active{opacity:.8;background:#f1f1f1}.filters-dialog footer.active,.filters-dialog footer:hover{opacity:1;cursor:pointer}.filters-dialog .inner{padding:15px 25px;max-height:300px;min-height:200px;overflow:scroll;-webkit-overflow-scrolling:touch}.filters-dialog .title{margin:14px 0;font-size:16px;color:#9d9d9d}.filters-dialog .cases{font-size:0}.filters-dialog .cases .tag{position:relative;display:inline-block;margin-bottom:12px;margin-right:12px;height:32px;line-height:32px;text-align:center;border-radius:4px;background:#f4f4f4;font-size:14px;color:#333;cursor:pointer;overflow:hidden;transition:all .3s}.filters-dialog .cases .tag:hover{box-shadow:0 1px 3px #ccc}.filters-dialog .cases .tag.active{background:#dc2224;color:#f4f4f4}.filters-dialog .cases .tag input{display:none}.filters-dialog .cases .tag img{height:20px;vertical-align:-5px}.filters-dialog .cases .tag span{display:block;position:relative;padding:0 18px;width:100%;height:100%;top:0;left:0}.filters-dialog .sort{padding:15px 0}.filters-dialog .sort li{padding:12px 25px}.filters-dialog .sort li.active{color:#dc2224}.filters-dialog .sort li:hover{background:#f4f4f4;cursor:pointer}.page-filters{width:calc(100% - 460px)}@media screen and (max-width:960px){.page-filters{width:100%}}@media screen and (max-width:500px){.page-filters .restaurant-filters{-js-display:flex;display:flex;flex-direction:row;justify-content:space-between;align-items:center}}.page-filters .restaurant-filters .button{width:auto;padding:0 5px;margin-bottom:12px;min-width:70px}@media screen and (max-width:960px){.page-filters .restaurant-filters .button{min-width:auto;width:70px;margin-right:6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}.page-filters .restaurant-filters .button[type=Filters]{min-width:56px}.page-filters .restaurant-filters .button.active{background:#dc2224;border-color:#dc2224;color:#fff}.page-filters .restaurant-filters .map-icon{display:none;border-color:transparent}@media screen and (max-width:960px){.page-filters .restaurant-filters .map-icon{display:inline-block;min-width:auto;margin-right:0;padding-right:0;width:auto}}.page-filters .restaurant-filters .map-icon img{width:16px;height:16px;vertical-align:middle}.page-filters .restaurant-filters .map-icon .map{width:18px}.page-filters .restaurant-tags .show-more-tags{position:relative;padding:0 6px;background:#f4f4f4;border-radius:20px;line-height:22px;height:22px;color:#333;font-size:11px;text-align:center}.page-filters .restaurant-tags .show-more-tags i{margin-left:2px;font-size:8px}.page-filters .restaurant-tags .show-more-tags.show-more{visibility:visible}.page-filters .restaurant-tags .tags{position:relative;height:30px;overflow:hidden}.page-filters .restaurant-tags .tags.active{height:auto}.page-filters .restaurant-tags .tag{display:inline-block;min-width:92px;padding:0 5px;height:28px;line-height:26px;border-radius:20px;border:1px solid #fdf4f4;color:#dc2224;font-size:12px;font-weight:400;text-align:center;background:#fdf4f4;margin-right:8px;margin-bottom:18px;cursor:pointer}.page-filters .restaurant-tags .tag:hover{opacity:.8}.rating-explainer{-js-display:flex;display:flex;align-items:flex-end;justify-content:flex-end}.rating-explainer__content{-js-display:flex;display:flex;cursor:pointer}.rating-explainer__text{font-size:13px;line-height:18px;color:#333;margin-right:6px}.rating-explainer__icon{display:block;width:18px;height:18px}.explainer-dialog{padding:14px}.explainer-dialog .el-dialog__header{text-align:center;padding:0;font-weight:700;font-size:22px;line-height:30px}.explainer-dialog .el-dialog__body{padding:10px 0 14px;font-size:13px;line-height:18px;text-align:center}.explainer-dialog .el-dialog__body .pic{display:block;margin:0 auto}.explainer-dialog .el-dialog__footer{padding:0}.explainer-dialog .el-dialog__footer .el-button{width:112px;height:38px}