.cate_filter { background-color: white; margin-bottom: 20px; } 
.cate_filter .filter { padding:15px 20px; border: 1px solid #e5e5e5; } 
.cate_filter .line { display: block; padding-top: 15px; border-top: 1px dashed #e5e5e5; *zoom: 1; } 
.cate_filter .line:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cate_filter .line:first-child { border: none; } 
.cate_filter .line .tit { float: left; font-size: 14px; margin-top: 5px; color: #687d92; min-width: 100px; max-width: 10%; margin-right: 20px; text-align: right; } 
.cate_filter .line .cont { float: left; max-width: 85%; font-size: 0; } 
.cate_filter .line .cont .el { padding: 0 10px; margin: 0 5px; font-size: 14px; color: #555555; border: 1px solid transparent; user-select: none; position: relative; margin-bottom: 15px; height: 25px; line-height: 25px; border-radius: 3px; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.cate_filter .line .cont .el:first-child { margin-right: 0; } 
.cate_filter .line .cont .el.on { border-color: #0b5ed0; color: #0b5ed0; } 
.cate_filter .line.on .cont .el.on:before { position: absolute; content: ''; top: 0px; right: 0px; border-top: 11px solid #0b5ed0; border-left: 14px solid transparent; } 
.cate_filter .line.on .cont .el.on:after { position: absolute; content: '+'; color: #fff; font-size: 5px; top: -9px; right: 0px; transform: rotate(-45deg); } 
.cate_filter .line.on .cont .el.all.on:after,.cate_filter .line.on .cont .el.all.on:before { display: none; } 

.cate_filter .sort { margin-top: 20px; padding:10px 20px; font-size: 14px; color: #8c8c8c; background-color: #f7f7f7; *zoom: 1; } 
.cate_filter .sort:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cate_filter .sort .sel { float: left; margin-right: 30px; cursor: pointer; } 
.cate_filter .sort .sel.on { color: #1d94ff; }