.filter { position: relative; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; /* border-bottom: 1px solid #bbb; */ z-index: 80; } .filter-header:before, .filter-header:after { display: table; content: " "; } .filter-header:after { clear: both; } .filter-header { width: 100%; line-height: 30px; background:url(../image/table_th_bg.gif) repeat-x; } .filter-header .filter-nav { float: left; font-weight: bold; margin-left: 15px; } .filter-header .filter-header-btn { float: right; margin-right: 20px; } .filter-header .filter-header-btn a { display: block; font-size: 12px; height: 24px; line-height: 24px; margin-top: 4px; padding: 0 6px; background-color: #f6f6f6; color: #6b6b6b; cursor: pointer; text-decoration: none; } .filter-header .filter-header-btn a:hover { color: #FF2B2B; background-color: #EAE8E8; } .filter-body { position: absolute; z-index: 80; font-size: 12px; } .filter-body { display: none; width: 100%; border-left: 1px solid #bbb; border-right: 1px solid #bbb; background-color: #fff; } .filter .filter-item { position: relative; margin-top: 20px; padding-top: 18px; padding-bottom: 8px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background-color: #fff; } .filter .filter-item .filter-title { position: absolute; top: -16px; left: 10px; line-height: 32px; background-color: #fff; font-weight: bold; } .filter .filter-item .filter-content:before, .filter .filter-item .filter-content:after { display: table; content: " "; } .filter .filter-item .filter-content:after { clear: both; } .filter .filter-item .filter-content { padding: 0 15px; } .filter .filter-item .filter-content a { text-decoration: none; color: #000; margin-right: 15px; cursor: pointer; } .filter .filter-item .filter-content a.active { color: #FF2B2B; } .filter .filter-item .filter-content a:hover { color: #FF2B2B; } .filter .filter-item .filter-content input[type=text] { height: 26px; border: 1px solid #bbb; }