@charset "utf-8";
.umFilter{ background-color: #fff; padding:20px 24px; width: 100%;margin:0 0 20px 0; overflow: hidden;font-size: 0;}
.umFilter.tips{font-size: 14px; color: #8a8a8a;}
.umFilter .listSort{ margin:4px 0; display: inline-block; width: 100%;}
.umFilter .listSort a,.umFilter .listSort span{ color: #333;font-size: 14px; height: 30px;line-height: 28px; padding: 0 8px; display: inline-block;margin: 2px 10px 2px 0;border-radius: 30px;overflow: hidden;background-color: rgba(233, 234, 240 ,.6);border: 1px solid rgba(233, 234, 240 ,0);-webkit-transition: background-color .3s ease,color .3s ease,border .3s ease;-o-transition: background-color .3s ease,color .3s ease,border .3s ease;transition: background-color .3s ease,color .3s ease,border .3s ease;
}
.umFilter .listSort span{border: 1px solid rgba(233, 234, 240 ,0);background-color: rgba(233, 234, 240 ,0);padding: 0; opacity: .68;}
.umFilter .listSort a.active{ background-color: #297BC5;color: #fff;}
.umFilter .listSort.order a{padding: 0 2px 0 8px;}
.umFilter .listSort.order a:hover svg,.umFilter .listSort a:hover{color: #297BC5;}
.umFilter .listSort.order a svg{width: 18px; height: auto; color: #333; display: inline-block; vertical-align: -4px;}
.umFilter .listSort.order a.active svg,.umFilter .listSort a.active:hover{color: #fff;}

.umFilterMsg{ margin-top: 10px;color: #a8a8a8; padding-left:16px;position: relative;font-size: 14px;}
.umFilterMsg i{display: inline-block;vertical-align: 0px;}
.umFilterMsg i.closeBtn{vertical-align: -1px;}
.umFilterMsg i.abs{position: absolute;left: 0;top: 2px;}
.umFilterMsg .closeBtn{ cursor: pointer;border-radius: 50px;color: #f30;opacity: .5;margin-left: 3px;}
.umFilterMsg .closeBtn:hover{opacity: .68;}

@media screen and (max-width:768px){
.umFilter .listSort a,.umFilter .listSort span{height: 28px;line-height: 26px;margin: 2px 8px 2px 0;}
}