.list-mask{position:fixed;width:calc(100% + 4px);left:-2px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(0,0,0,0.6);z-index:var(--level-subhigh)}.list-mask ol{max-height:80vh;overflow:auto}.list-mask ol li{width:100%;text-align:center;background:white;height:44px;line-height:44px;font-size:14px;color:#505050;border-bottom:1px solid var(--color-border)}.list-mask ol li.selected{color:var(--color-theme);background:white}.list-mask ol li:hover{color:#505050;background-color:#f2f2f2}.list-mask ol li:last-child{border-bottom:none}

.click-show-list{position:relative;position:relative}.click-show-list:hover::after{content:'';background:rgba(25,25,25,0.1);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.click-show-list .dropdown_icon{width:15px}.click-show-list.show-list .title .icon-arrow-down{transform:rotate(180deg)}.click-show-list .list-panel{position:absolute;top:calc(100% + 5px);left:0;min-width:100%;z-index:100}.click-show-list .text .sort-by{color:var(--g-tip-color)}

.search-bar.template8{width:100%;position:relative;padding:10px;border-radius:20px;box-shadow:0px 4px 30px rgba(0,0,0,0.1);background-color:#fff}.search-bar.template8 .keyword-submit{display:flex;justify-content:center;align-items:center;padding:0 40px;height:60px;line-height:60px;border-radius:20px;font-size:16px;color:#fff;font-family:var(---mg-button-font);text-align:center;cursor:pointer;background-color:var(--color-theme)}.search-bar.template8 .keyword-submit .iconfont{font-size:24px;color:#fff}.search-bar.template8 .keyword-submit:hover{background:var(--color-hover)}.search-bar.template8>.keyword-submit{display:none}.search-bar.template8.column .search-by-section .search-category{position:relative}.search-bar.template8.column .search-by-section .search-category .keyword .search-input{padding-left:20px}@media (max-width: 800px){.search-bar.template8.column .search-by-section .search-category .keyword .search-input{padding-left:0}}.search-bar.template8.column .search-by-section .search-category .keyword-submit{padding:0 40px;height:60px;background-color:var(--color-theme);font-size:16px;color:#fff;border-radius:20px;margin-left:22px;overflow:hidden;position:relative}.search-bar.template8.column .search-by-section .search-category .keyword-submit .iconfont{color:#fff;font-size:24px}.search-bar.template8.column .search-by-section .search-category .keyword-submit:hover::after{content:'';background:rgba(25,25,25,0.1);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.search-bar.template8 input[type='text']{font-family:var(--font-normal);box-shadow:none}.search-bar.template8 input[type='text']:focus{outline:none;border:1px solid var(--color-border)}.search-bar.template8 .search-by-section{position:relative;width:100%;margin:0 auto}.search-bar.template8 .search-by-section .search-category{display:flex;align-items:center;font-size:16px}.search-bar.template8 .search-by-section .search-category .keyword{flex:1;height:100%;position:relative}.search-bar.template8 .search-by-section .search-category .keyword .search-input{width:100%;height:60px;padding-left:20px;font-size:16px;line-height:60px;color:#c6c8d1;text-overflow:ellipsis;-webkit-appearance:none;border:none}.search-bar.template8 .search-by-section .search-category .keyword .search-input::placeholder{color:#c6c8d1;font-size:16px}@media (max-width: 800px){.search-bar.template8 .search-by-section .search-category .keyword .search-input{padding-left:0}}.search-bar.template8 .search-by-section .address-input{width:100%;margin:0}.search-bar.template8 .search-by-section .search-list-panel{z-index:1000;position:absolute;left:0;top:63px;padding:10px 0;width:100%;max-height:300px;overflow-y:auto;background-color:#fff}.search-bar.template8 .search-by-section .search-list-panel .search-list-item{height:32px;line-height:32px;color:#ababab;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-bar.template8 .search-by-section .search-list-panel .search-list-item.item-title{text-transform:capitalize;font-family:var(--font-medium);padding-left:10px}.search-bar.template8 .search-by-section .search-list-panel .search-list-item.item-type{padding:0 10px 0 20px;cursor:pointer}.search-bar.template8 .search-by-section .search-list-panel .search-list-item:hover{color:var(--color-theme);background:#f6f7fb}.search-bar.template8 .condition-search{margin:30px 20px 20px 20px}.search-bar.template8 .condition-search .condition-wrap{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:16px;color:#515666;padding:0;margin:0}.search-bar.template8 .condition-search .condition-wrap.price{margin-top:20px}.search-bar.template8 .condition-search .condition-wrap.price>.cell-title{font-size:16px;line-height:20px;color:#4a4a60}.search-bar.template8 .condition-search .condition-wrap.price>.condition-item{margin-right:0;margin-left:15px}.search-bar.template8 .condition-search .condition-wrap.price>.condition-item .price-list-panel{padding:6px 10px 0 10px}.search-bar.template8 .condition-search .condition-wrap.others .condition-item{height:44px;border:1px solid #d6dae8;position:relative;display:flex;align-items:center;justify-content:space-between;flex:1;width:0}.search-bar.template8 .condition-search .condition-wrap.others .condition-item .click-show-list{position:unset}.search-bar.template8 .condition-search .condition-wrap .icon-arrow-down{font-size:12px;color:#4a4a60;margin-right:5px}.search-bar.template8 .condition-search .condition-wrap .condition-item{margin-left:20px;flex:1;position:relative}.search-bar.template8 .condition-search .condition-wrap .condition-item:first-child{margin-left:0}.search-bar.template8 .condition-search .condition-wrap .condition-item:last-child{margin-right:0}.search-bar.template8 .condition-search .condition-wrap .condition-item .cell-title{font-family:var(--font-normal);font-size:16px;line-height:20px;color:#6f6f85;font-weight:400;white-space:nowrap}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item{background-color:#fff;min-width:100%;color:#4a4a60;font-weight:400;height:40px;line-height:40px;align-items:center}@media (min-width: 1260px) and (max-width: 1440px){.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item{min-width:100%}}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .name{display:none}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div{width:100%;height:100%;padding-left:10px;display:flex;align-items:center}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title{height:100%;flex:1;display:flex;justify-content:space-between;overflow:hidden;cursor:pointer;color:#6f6f85}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title span:last-child{float:right;padding-right:10px}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title .text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title .logo{display:none}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style{position:absolute;z-index:var(--level-subhigh);width:200px;left:0;max-height:300px;padding:6px 10px 0 10px;overflow-y:auto;background:#fff;box-sizing:border-box;color:#ababab}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li{line-height:40px;cursor:pointer;height:40px;display:block;overflow:hidden}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li:hover{color:var(--color-theme);background:#f6f7fb}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li>span{display:inline-block;width:calc(100% - 30px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li .iconfont{display:none;float:right;font-size:16px}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li.selected{color:var(--color-theme, #37b58d)}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li.selected .iconfont{display:block}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .split-line{height:30px;width:1px;background-color:var(--color-border)}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .logo{display:none}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .icon-arrow-down{margin-right:10px}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent{width:calc(100% - 50px)}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.box-div{display:flex;align-items:center;cursor:auto}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.box-div .text{margin-right:6px;cursor:default;flex:inherit}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel{position:absolute;z-index:1000;display:flex;justify-content:space-between;left:0;width:390px;padding:6px 10px;box-shadow:0 2px 5px 0 rgba(0,10,30,0.1);border:1px solid #fff;background-color:#fff}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container{width:175px;margin:0;line-height:normal}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container .list-panel{position:relative;top:0;left:0;margin-top:10px;padding:0;color:#4A4A60;background-color:#fff;border:none}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container .list-panel.disabled{cursor:not-allowed;display:none}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container .list-panel.disabled:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container .list-panel li{height:40px;line-height:40px}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container .list-panel li span{width:100%;padding:0}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .price-line{width:10px;height:2px;background-color:#d6dae8;display:inline-block;margin:20px 5px 0 5px}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .input-container{position:relative;height:100%;margin:0 10px}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .input-container .input-label{font-size:16px;line-height:16px;margin-bottom:8px}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .input-container .list-panel{left:0;right:-50px;width:inherit}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .input-container input{width:175px;height:44px;padding:0 10px;background-color:#fff;border:none;color:#ababab;line-height:16px}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .input-container.show-list input{outline:none;border:1px solid;border-color:var(--g-btn-background, var(--color-theme, #03c9ff))}.search-bar.template8 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .input-container.input_1{margin-right:0}.search-bar.template8 .condition-search .condition-wrap .condition-price{display:flex;align-items:center}.search-bar.template8 .condition-search .condition-wrap .condition-price .price-title{margin-right:6px}.search-bar.template8 .condition-search .condition-wrap .condition-price .price-input-wrap{width:48%;height:44px;display:flex;position:relative}.search-bar.template8 .condition-search .condition-wrap .condition-price .price-input-wrap .price-input{width:100%;height:42px;color:#c6c8d1;border:solid 1px #d6dae8;background-color:#fff;padding:0 10px;font-size:16px;line-height:18px}.search-bar.template8 .condition-search .condition-wrap .condition-price .price-input-wrap .price-input:hover{border-color:var(--color-theme)}.search-bar.template8 .condition-search .condition-wrap .condition-price .price-input-wrap .price-list-panel{position:absolute;top:43px;left:0;width:100%;max-height:300px;color:#4A4A60;overflow-y:auto;background-color:#fff;z-index:var(--level-subhigh)}.search-bar.template8 .condition-search .condition-wrap .condition-price .price-input-wrap .price-list-panel li{height:40px;line-height:40px;overflow:hidden;cursor:pointer}.search-bar.template8 .condition-search .condition-wrap .condition-price .price-input-wrap .price-list-panel li:hover{color:var(--color-theme);background:#f6f7fb}.search-bar.template8 .condition-search .condition-wrap .condition-price .price-line{display:inline-block;width:25px;height:2px;margin:0 16px;background-color:#d6dae8}@media (max-width: 800px){.search-bar.template8{width:calc(100% - 30px);display:flex;justify-content:center;flex-wrap:wrap;background-color:#fff;border-radius:20px;box-shadow:0px 4px 30px rgba(0,0,0,0.9);margin:0 auto}.search-bar.template8 .condition-search{display:none}.search-bar.template8>.keyword-submit{display:block !important;height:60px !important;width:60px !important;background-color:var(--color-theme);padding:0;color:#fff}.search-bar.template8>.keyword-submit .iconfont{display:block !important;position:static;transform:none;font-size:24px;color:#fff}.search-bar.template8 .search-by-section{border:none;width:100%;flex:1}.search-bar.template8 .search-by-section .search-list-panel{top:63px}.search-bar.template8 .search-by-section .search-category{position:relative}.search-bar.template8 .search-by-section .search-category .search-input{background-color:#fff;border-right:none;padding:20px 10px 20px 0;height:60px;line-height:17px;font-size:16px;font-family:var(--font-normal)}.search-bar.template8 .search-by-section .search-category .keyword-submit{display:none}}