.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.layout4{width:100%;position:relative}.search-bar.layout4 .search-by-section{position:relative;width:100%;padding:20px;background:rgba(25,25,25,0.8)}.search-bar.layout4 .search-by-section .search-category{display:flex;align-items:center;font-size:16px;box-shadow:none;margin-top:0}.search-bar.layout4 .search-by-section .search-category .keyword{flex:1;height:50px}.search-bar.layout4 .search-by-section .search-category .keyword .search-input{width:100%;height:100%;background:transparent;font-size:16px;line-height:20px;color:var(--g-primary-color);border:none;outline:none;box-shadow:none;text-overflow:ellipsis;-webkit-appearance:none}.search-bar.layout4 .search-by-section .search-category .keyword-submit{position:relative;display:flex;justify-content:center;align-items:center;padding:0 30px;height:50px;font-size:16px;font-weight:400;font-family:var(--mg-button-font);cursor:pointer;background:var(--g-btn-background);color:var(--g-btn-color)}.search-bar.layout4 .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.layout4 .search-by-section .address-input{width:100%;margin:0}.search-bar.layout4 .search-by-section .search-list-panel{z-index:1005;position:absolute;left:0;top:100%;padding:10px 0;width:100%;max-height:300px;overflow-y:auto;background-color:#191919;box-shadow:0 2px 5px 0 rgba(0,10,30,0.1)}.search-bar.layout4 .search-by-section .search-list-panel .search-list-item{height:40px;line-height:40px;color:var(--g-primary-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-bar.layout4 .search-by-section .search-list-panel .search-list-item.item-title{font-family:var(--font-medium);text-transform:capitalize;padding-left:10px}.search-bar.layout4 .search-by-section .search-list-panel .search-list-item.item-type{padding:0 10px 0 20px;cursor:pointer}.search-bar.layout4 .search-by-section .search-list-panel .search-list-item.item-type:hover{background-color:rgba(255,255,255,0.1)}.search-bar.layout4 .search-by-section .search-list-panel .search-list-item .range-slider .split{display:none}.search-bar.layout4 .condition-search{margin:0 auto;max-width:100%;padding:0 20px 20px 20px;background:rgba(25,25,25,0.8)}.search-bar.layout4 .condition-search .condition-wrap{display:flex;align-items:center;flex-wrap:wrap;column-gap:20px;line-height:50px;font-size:16px;color:var(--g-primary-color)}.search-bar.layout4 .condition-search .condition-wrap.count-5 .condition-item:not(.condition-item-price){max-width:25%}.search-bar.layout4 .condition-search .condition-wrap.count-4 .condition-item:not(.condition-item-price){max-width:33.33%}.search-bar.layout4 .condition-search .condition-wrap.count-3 .condition-item:not(.condition-item-price),.search-bar.layout4 .condition-search .condition-wrap.count-2 .condition-item:not(.condition-item-price){max-width:50%}.search-bar.layout4 .condition-search .condition-wrap.count-2 .condition-item.condition-item-price{flex:2}.search-bar.layout4 .condition-search .condition-wrap.count-2 .condition-item.condition-item-price::before{top:10px;width:1px;height:30px}.search-bar.layout4 .condition-search .condition-wrap .condition-item{flex:1;position:relative;color:var(--g-primary-color);margin-bottom:10px}.search-bar.layout4 .condition-search .condition-wrap .condition-item.condition-item-price{margin-bottom:0}.search-bar.layout4 .condition-search .condition-wrap .condition-item:first-child:before{width:0}.search-bar.layout4 .condition-search .condition-wrap .condition-item.condition-item-price{flex:auto;width:100%}.search-bar.layout4 .condition-search .condition-wrap .condition-item .logo{margin-right:6px}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item{background-color:transparent;min-width:120px;position:relative;height:44px;line-height:44px;align-items:center}@media (min-width: 1260px) and (max-width: 1440px){.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item{min-width:85px}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item.select{min-width:100px}}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .name{display:none}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div{width:100%;height:100%;padding:0 10px;border:1px solid rgba(218,218,218,0.5);font-size:16px}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title{height:100%;flex:1;overflow:hidden;display:flex;justify-content:space-between;cursor:pointer}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title span:last-child{float:right}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title .logo{font-size:16px;color:var(--g-primary-color);cursor:pointer}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title .logo.hide-logo-long{display:none}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title .text{flex:1;color:var(--g-primary-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title .iconfont{float:none}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .title .icon-arrow-down{color:var(--g-primary-color)}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style{position:absolute;left:0;z-index:var(--level-subhigh);width:100%;min-width:85px;max-height:300px;padding:10px 0;overflow-y:auto;color:#282828;background-color:#191919;border:none;box-sizing:border-box;color:var(--g-primary-color)}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li{line-height:40px;padding:0 0 0 10px;cursor:pointer;height:40px;display:block;overflow:hidden}.search-bar.layout4 .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.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li .iconfont{display:none;float:right;padding-right:14px;font-size:12px}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li:hover{background-color:rgba(255,255,255,0.05)}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li.selected{cursor:pointer;background-color:rgba(255,255,255,0.05)}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .panel-style li.selected .iconfont{display:block}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .split-line{height:30px;width:1px;background-color:var(--color-border)}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent{width:calc(100% - 50px)}.search-bar.layout4 .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.layout4 .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.layout4 .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;gap:10px;left:0;width:316px;padding:20px;box-shadow:0 2px 5px 0 rgba(0,10,30,0.1);border:none;background-color:#191919}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container{flex:1;margin:0;line-height:normal}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container input{width:100%;background:transparent;color:var(--g-primary-color)}.search-bar.layout4 .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;border:none;box-shadow:none}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container .list-panel.disabled{display:none;cursor:not-allowed;color:var(--color-holder)}.search-bar.layout4 .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.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container .list-panel li{padding:0 10px;height:40px;line-height:40px}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .input-container .list-panel li:hover{background-color:rgba(255,255,255,0.05)}.search-bar.layout4 .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.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent.list-panel .price-line{margin-top:14px}.search-bar.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .price-line{width:6px;height:1px;background-color:rgba(218,218,218,0.5);display:inline-block;vertical-align:middle}.search-bar.layout4 .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.layout4 .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.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .input-container input{width:120px;height:30px;padding:0 10px;color:var(--color-label);line-height:14px}.search-bar.layout4 .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.layout4 .condition-search .condition-wrap .condition-item .search-detail-item .box-div .range-input-parent .input-container.input_1{margin-right:0}.search-bar.layout4 .condition-search .condition-wrap .condition-price{height:44px;line-height:44px;display:flex;align-items:center}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-title{margin-right:6px;display:flex;color:var(--g-primary-color)}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap{flex:1;position:relative;margin:0 10px;display:flex;align-items:center;height:100%;margin-bottom:0}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap:last-child{margin-right:0}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-input{width:100%;height:44px;padding:0 10px;font-size:16px;line-height:20px;color:var(--g-primary-color);border:1px solid rgba(218,218,218,0.5);background-color:transparent;box-shadow:none}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-input::-webkit-input-placeholder,.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-input::-moz-placeholder,.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-input::-ms-input-placeholder .search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-input::placeholder{color:var(--g-primary-color);font-size:16px}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-list-panel{position:absolute;top:44px;width:100%;max-height:300px;overflow-y:auto;background-color:#191919;z-index:var(--level-subhigh);box-shadow:0px 4px 30px rgba(0,0,0,0.1)}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-list-panel.end-panel{right:0}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-list-panel li{padding:0 10px;height:40px;line-height:40px;overflow:hidden;cursor:pointer}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-input-wrap .price-list-panel li:hover{background-color:rgba(255,255,255,0.05)}.search-bar.layout4 .condition-search .condition-wrap .condition-price .price-line{display:inline-block;vertical-align:middle;width:25px;height:1px;background-color:rgba(218,218,218,0.5)}@media (max-width: 800px){.search-bar.layout4{padding:0}.search-bar.layout4 .search-by-section{padding:0}.search-bar.layout4 .search-by-section .search-category .keyword{height:60px;padding:0 10px}.search-bar.layout4 .search-by-section .search-category .keyword-submit{width:60px;height:60px;padding:0}.search-bar.layout4 .search-by-section .search-category .keyword-submit .iconfont{font-size:24px;font-weight:600}}