.md-listing-search.template4 .fixed{position:fixed;top:0;width:100%;z-index:200}.md-listing-search.template4{width:100%;background-color:#fff}.md-listing-search.template4 .search-mobile{display:none}.md-listing-search.template4 .search-content>.header.hideTemp,.md-listing-search.template4 .search-content .oper-btns.hideTemp{display:none !important}.md-listing-search.template4 .search-content .scroll-zone.hideTemp{height:100% !important}.md-listing-search.template4 .search-content>.header{display:none}.md-listing-search.template4 .search-content .oper-btns{display:none}@media (max-width: 800px){.md-listing-search.template4 .search-mobile{display:flex;padding:15px;padding-bottom:13px;background-color:#ffffff}.md-listing-search.template4 .search-mobile .input-container{flex:1;background-color:#f5f6fa;padding:5px 0 5px 41px;position:relative;height:32px;overflow:hidden}.md-listing-search.template4 .search-mobile .input-container input::-webkit-input-placeholder{color:#8b93a7;font-family:var(--font-normal);font-size:14px;text-overflow:ellipsis}.md-listing-search.template4 .search-mobile .input-container input::-moz-placeholder{color:#8b93a7;font-family:var(--font-normal);font-size:14px;text-overflow:ellipsis}.md-listing-search.template4 .search-mobile .input-container input:-ms-input-placeholder{color:#8b93a7 !important;font-family:var(--font-normal);font-size:14px;text-overflow:ellipsis}.md-listing-search.template4 .search-mobile .input-container .icon-search-bold{position:absolute;font-size:18px;left:10px;top:6px;font-weight:bold;color:#6b7282}.md-listing-search.template4 .search-mobile .input-container input{border:none;outline:none;position:absolute;left:41px;top:0;width:calc(100% - 50px);height:32px;line-height:16px;margin:0;padding:0;background-color:transparent;z-index:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-listing-search.template4 .search-mobile .button-filter{margin-left:10px;height:32px;padding:0 10px;font-size:12px;line-height:32px;background-color:var(--mg-button-background, #03c9ff);border-color:var(--mg-button-background, #03c9ff);color:var(--mg-button-color, #fff);position:relative;display:flex}.md-listing-search.template4 .search-mobile .button-filter .icon-filter_fill{font-size:12px;margin-right:4px;line-height:32px}.md-listing-search.template4 .search-mobile .button-filter .count{position:absolute;transform:scale(0.5);top:-16px;right:-16px;width:32px;height:32px;border-radius:50%;border:2px solid #fff;background-color:#f0454c;color:#fff;font-size:20px;font-family:var(--font-medium);line-height:26px;text-align:center}.md-listing-search.template4 .search-mobile .button-layout{color:var(--mg-button-background, #03c9ff);height:32px;width:38px;margin-left:10px;border:1px solid #ebecf0;background-color:#fff;text-align:center;line-height:30px}.md-listing-search.template4 .search-mobile .button-layout .iconfont{font-size:20px}.md-listing-search.template4 .search-mobile .button-layout.search{width:auto;padding:0 10px}.md-listing-search.template4 .search-mobile .button-layout.mode{display:flex;align-items:center;justify-content:center;width:67px;border:none;background-color:#4c84ff;color:#fff}.md-listing-search.template4 .search-mobile .button-layout.mode .mode_desc{margin-left:3px;font-size:12px}.md-listing-search.template4 .search-mobile .keyword-search{position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--level-high);background-color:white}.md-listing-search.template4 .search-mobile.search-bar .button-filter{background-color:white;color:var(--mg-button-background, #03c9ff);width:36px;padding:0;border:1px solid #ebecf1;line-height:34px}.md-listing-search.template4 .search-mobile.search-bar .button-filter .iconfont{width:100%;margin:0;text-align:center;font-size:16px}.md-listing-search.template4 .search-mobile.search-bar .button-layout{background-color:var(--mg-button-background, #03c9ff);border-color:var(--mg-button-background, #03c9ff);color:var(--mg-button-color, #fff);border:none;line-height:36px}.md-listing-search.template4 .search-content{position:fixed;top:0;width:100%;height:100%;right:0;background-color:white;z-index:calc(var(--level-subhigh) - 3);transform:translate(100%);font-size:14px}.md-listing-search.template4 .search-content.mobile-search{display:block}.md-listing-search.template4 .search-content.show{transition:-webkit-transform 0.3s ease, transform 0.3s ease;transform:translate(0, 0)}.md-listing-search.template4 .search-content.show .scroll-zone{height:calc(100% - 140px)}.md-listing-search.template4 .search-content.show .scroll-zone.search_center{overflow:auto}.md-listing-search.template4 .search-content.more-display-none{display:none}.md-listing-search.template4 .search-content>.header{height:60px;line-height:60px;text-align:center;color:#000000;font-size:18px;display:flex;border-bottom:1px solid #e2e4ea}.md-listing-search.template4 .search-content>.header .back{left:0;position:absolute;font-size:14px;color:#818592;padding:0 15px}.md-listing-search.template4 .search-content>.header .filters{flex:1 0 0}.md-listing-search.template4 .search-content>.header .reset{position:absolute;top:0;right:15px;height:60px;line-height:60px;color:var(--mg-button-background, #03c9ff);font-size:14px;font-family:var(--font-normal);display:flex;align-items:center}.md-listing-search.template4 .search-content>.header .reset .text{margin-right:3px}.md-listing-search.template4 .search-content>.header .reset .iconfont{transform:rotate(90deg)}.md-listing-search.template4 .search-content .oper-btns{display:block;position:fixed;bottom:0;left:0;width:100%;padding:20px 15px;background-color:#f5f6fa;display:flex;font-size:14px}.md-listing-search.template4 .search-content .oper-btns .btn{height:40px;line-height:40px;font-family:var(--font-medium);flex:1;display:flex;align-items:center;justify-content:center}.md-listing-search.template4 .search-content .oper-btns .btn .iconfont{margin-right:3px;font-size:14px}.md-listing-search.template4 .search-content .oper-btns .btn.save-search{background-color:white;color:var(--mg-button-background, #03c9ff);margin-right:20px;position:relative}.md-listing-search.template4 .search-content .oper-btns .btn.save-search.disabled{opacity:0.5}.md-listing-search.template4 .search-content .oper-btns .btn.more-search{background-color:var(--mg-button-background, #03c9ff);border-color:var(--mg-button-background, #03c9ff);color:var(--mg-button-color, #fff)}.md-listing-search.template4 .search-content .save-alert-box{z-index:var(--level-subhigh);opacity:1;position:absolute;bottom:40px;transform:translate(-50%) scale(0.5);left:50%;border-radius:4px;box-shadow:0 3px 2px 0 rgba(170,186,218,0.09);background-color:#242a3d;height:60px;line-height:60px;color:#fff;padding:0 12px;font-size:20px;white-space:nowrap}.md-listing-search.template4 .search-content .save-alert-box::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-top:solid 15px #242a3d;border-left:solid 15px transparent;border-right:solid 15px transparent}}