@media (max-width: 767px){
    .ms-filter-mask{display: none; width: 0%;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;z-index: 100;height: 100%;}
    .ms-filter{display: none; width: 100%;background-color: #fff;position: fixed;top: 0;right: 0;height: 100%;z-index: 100;color: #333333;}
    .FilterHeader{height: 45px;text-align: center;line-height: 45px;font-size: 20px;border-bottom: 1px solid #e7e7e7;position: relative;font-weight: bold;}
    .FilterHeader .Clone{background: url(../images_new/list/filter-icon.png) no-repeat;width: 16px;height: 16px;display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 10px;}
    .FilterCenter{height: 85%;display: flex;}
    .FilterCenter .FilterList{width: 120px;background-color: #f1f1f1;height: 100%; overflow-x: hidden; overflow-y: scroll;}
    .FilterCenter .FilterList li{font-size: 14px;padding: 16px 10px; line-height: 16px;display: flex;align-items: center;color: #666666;}
    .FilterCenter .FilterList li.Current{background-color: #ffffff;font-weight: bold;}
    .FilterCenter .FilterContent{width: calc(100% - 120px);padding:0 0 0 10px;overflow-y: scroll; position: relative;}
    .FilterCenter .FilterContent h4{font-size: 16px;font-weight: bold;padding: 20px 0 10px; width: 100%;}
    .FilterCenter .FilterContent dl{padding: 0;}
    .FilterCenter .FilterContent dl dt{font-size: 13px;border: 1px solid #e8e8e8;padding:8px 10px;margin:0 5px 10px 0;position: relative;display: inline-block;}
    .FilterCenter .FilterContent dl .On{border: 1px solid #333333;}
    .FilterCenter .FilterContent .On::after{content: "";position: absolute;background: url(../images_new/list/filter-icon.png) no-repeat;width: 20px;height: 20px;top: 0;right: 0;background-position: 1px -114px;}
    .FilterCenter .FilterContent dl dt.ShowCategory span{display: block; float: right; margin-left: 10px; background: url(../images_new/list/filter-icon.png) no-repeat;width: 18px;height: 18px; background-position: 0 -26px;}
    .FilterCenter .FilterContent dl dt.ShowCategory span.on{background-position: 0 -54px;}
    .FilterCenter .FilterContent dl dt.ShowCategory~dd {margin-bottom: 10px;}
    .FilterCenter .FilterContent dl dd{background-color: #f1f1f1;padding: 5px 0 0 5px;box-sizing: border-box;overflow: hidden;}
    .FilterCenter .FilterContent dl dd p{border: 1px solid #e8e8e8;padding:8px 10px;font-size: 12px;background-color: #ffffff; margin: 0 5px 5px 0; float: left;}
    .FilterCenter .filterPropertList {display: flex; flex-wrap:wrap; }
    .FilterCenter .filterPropertList dl dt {margin-right: 10px;}
    .FilterButton{border-top: 1px solid #e7e7e7;display: flex;align-items: center;justify-content: right;height: calc(100% - (85% + 46px));}
    .FilterButton p{width: 105px;height: 34px;border: 1px solid #000000;display: flex;align-items: center;justify-content: center;text-align: center;margin-right: 20px;font-size: 16px;}
    .FilterButton p.Done{margin-right: 12px;background-color: #000000;color: #ffffff;}
    .FilterButton p.doneLoading {background:url(../images/load-x.gif) no-repeat center #fff; font-size: 0;}
    .FilterCenter .PriceFiltrate label {padding: 0; font-size: 13px; justify-content: flex-start;}
    .FilterCenter .PriceFiltrate input {width: 60px; font-size: 13px;}
    .FilterCenter .PriceFiltrate .priceRangeBtnGo {display: inline-block;min-width: 60px; box-sizing: border-box; padding: 0 5px; border: 1px solid #bbb;background: #aedbd2;border-radius: 5px;text-align: center;margin: 0 0 0 10px;cursor:pointer; height: 30px; line-height: 30px; font-size: 13px;}
    .FilterCenter .PriceFiltrate .priceRangeResetBtn {display: inline-block;min-width: 60px; box-sizing: border-box; padding: 0 5px; border: 1px solid #bbb;background: #aedbd2;border-radius: 5px;text-align: center;margin: 0 0 0 10px;cursor:pointer; height: 30px; line-height: 30px; font-size: 13px;}
    .DiscountPrcFilterWap .PriceInterval{margin-bottom: 10px;}
    .DiscountPrcFilterWap .PriceInterval input{width: 86px;height: 32px;border: 1px solid #e8e8e8;box-sizing: border-box;padding: 0 5px;font-size: 14px;}
    .DiscountPrcFilterWap .PriceInterval span, .DiscountPrcFilterWap .PriceInterval em{font-size: 15px;font-weight: bold;}
    .DiscountPrcFilterWap .PriceInterval span{margin-left: 5px;}
    .DiscountPrcFilterWap .PriceInterval em{margin: 0 5px;}
    .DiscountPrcFilterWap .PriceOption{display: flex;flex-wrap: wrap;}
    .DiscountPrcFilterWap .PriceOption li{position: relative; padding: 8px 10px;box-sizing: border-box; border: 1px solid #e8e8e8;text-align: center;font-size: 14px;margin:0  10px 10px 0;}
    .DiscountPrcFilterWap .PriceOption li.Current{border: 1px solid #333333;}
    .DiscountPrcFilterWap .PriceOption li.Current::after{content: "";position: absolute;background: url(../images_new/list/filter-icon.png) no-repeat;width: 20px;height: 20px;top: 0;right: 0;background-position: 1px -114px;}
    .DiscountPrcFilterWap .PriceScreeningBtn button{padding: 0 25px; height: 30px;border-radius: 4px;font-size: 14px;}
    .DiscountPrcFilterWap .PriceScreeningBtn button.ResetBtn{margin-right: 10px;}
    .PriceRangeWap .PriceInterval span{margin: 0 5px 0 0;}
}