.PriceScreeningBox{position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.4);width: 100%;height: 100%;z-index: 10;display: none;}
.DiscountPrcFilter{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #ffffff;border-radius: 10px;width: 620px;}
.DiscountPrcFilter h1{background-color: #f8f8f8;height: 55px;line-height: 55px;text-align: center;border-radius: 10px 10px 0 0;font-size: 22px;border-bottom: 1px solid #e4e4e4;position: relative;}
.DiscountPrcFilter h1 .Clone{background: url(https://www.pandahall.com/buyer/images_new/list/filter-icon.png) no-repeat;width: 16px;height: 16px;display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 15px;cursor: pointer;}
.DiscountPrcFilter .PriceInterval{text-align: center;display: flex;align-items: center;justify-content: center;margin: 30px 0;}
.DiscountPrcFilter .PriceInterval span{font-size: 20px;margin-right: 10px;font-weight: bold;}
.DiscountPrcFilter .PriceInterval em{font-size: 20px;margin: 0 10px;display: block;font-weight: bold;}
.DiscountPrcFilter .PriceInterval input{border: 1px solid #d5d5d5;width: 200px;height: 45px;border-radius: 4px;font-size: 20px;padding: 0 10px;box-sizing: border-box;text-align: center;}
.DiscountPrcFilter .PriceInterval input[type="text"]{outline: none;background-color: #ffffff;}
.DiscountPrcFilter .PriceScreeningBtn{text-align: center;margin-bottom: 40px;}
.DiscountPrcFilter button{width: 200px;height: 45px;text-align: center;font-size: 20px;border-radius: 4px;cursor: pointer;}
.DiscountPrcFilter button.ResetBtn{margin-right: 46px;}
.PriceRange,.DiscountRange{display: none;}
.DiscountRange .PriceInterval{margin: 20px 0 20px 30px;}
.DiscountRange .PriceInterval span{margin: 0 0 0 10px;}
.DiscountRange button{width: 220px;}
.DiscountRange button.ResetBtn{margin-right: 20px;}
.DiscountRange .PriceOption li{width: 460px;height: 45px;border: 1px solid #d5d5d5;line-height: 45px;border-radius: 4px;margin: 0 auto 18px;box-sizing: border-box;text-align: center;font-size: 20px;}
.DiscountRange .PriceOption li.Current{border: 1px solid #90bfb6;color: #90bfb6;position: relative;}
.DiscountRange .PriceOption li.Current::after{content: "";display: block;position: absolute;background: url(../images_new/list/icon-select.png) no-repeat;width: 26px;height: 26px;bottom: 0;right: 0;}
@media screen and (max-width:767px) {
    .DiscountPrcFilter{width: 350px;}
    .DiscountPrcFilter h1{font-size: 18px;height: 45px;line-height: 45px;}
    .DiscountPrcFilter .PriceInterval{margin: 20px 0;}
    .DiscountPrcFilter .PriceInterval input,.DiscountPrcFilter button{height: 32px;width: 120px;}
    .DiscountPrcFilter .PriceInterval span,.DiscountPrcFilter .PriceInterval input,.DiscountPrcFilter .PriceInterval em{font-size: 16px;}
    .DiscountPrcFilter button{font-size: 16px;}
    .DiscountPrcFilter button.ResetBtn{margin-right: 15px;}
    .DiscountPrcFilter .PriceScreeningBtn{margin-bottom: 30px;}
    .DiscountPrcFilter .PriceInterval{margin-bottom: 10px;}
    .DiscountPrcFilter .PriceOption li{width: 320px;height: 32px;line-height: 32px;font-size: 16px;margin-bottom: 10px;}
    .DiscountRange .PriceOption li.Current::after{background-size: 100%;width: 20px;height: 20px;}
    .DiscountRange button{width: 152px;}
}
@media screen and (min-width:768px) and (max-width:1279px) {
    .DiscountPrcFilter{width: 500px;}
    .DiscountPrcFilter h1{font-size: 20px;height: 50px;line-height: 50px;}
    .DiscountPrcFilter .PriceInterval{margin: 25px 0;}
    .DiscountPrcFilter .PriceInterval span,.DiscountPrcFilter .PriceInterval em,.DiscountPrcFilter .PriceInterval input,.DiscountPrcFilter button,.DiscountRange .PriceOption li{font-size: 18px;}
    .DiscountPrcFilter .PriceInterval input,.DiscountPrcFilter button{width: 180px;height: 40px;}
    .DiscountPrcFilter .PriceScreeningBtn{margin-bottom: 35px;}
    .DiscountPrcFilter button.ResetBtn{margin-right: 20px;}
    .DiscountRange .PriceOption li{width: 420px;height: 40px;line-height: 40px;}
    .DiscountRange .PriceInterval{margin: 20px 0 20px 25px;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .DiscountPrcFilter{width: 450px;}
    .DiscountPrcFilter .PriceInterval{margin: 20px 0;}
    .DiscountPrcFilter .PriceInterval input, .DiscountPrcFilter button{width: 160px;height: 35px;line-height: 35px;}
    .DiscountPrcFilter .PriceScreeningBtn{margin-bottom: 30px;}
    .DiscountRange .PriceInterval{margin: 20px 0 20px 25px;}
    .DiscountRange .PriceOption li{width: 378px;}
}