body, html { background: #f4f6f9; }
.filter-box { position: relative; padding: 10px 0; float: left; background: #fff; width: 100%; }
.filter-box .box-item { padding: 5px 0; overflow: hidden; border-bottom: 1px dotted #eaeaea; }
.filter-box .collapse { height: 35px; }
.filter-box .box-item .l { width: 120px; line-height: 25px; font-size: 16px; color: #333; text-align: center; float: left; font-weight: bold; }
.filter-box .box-item .h { width: 50px; line-height: 25px; font-size: 12px; color: #666; text-align: center; float: left; }
.filter-box .box-item .h a { height: 25px; line-height: 25px; padding: 0 10px; white-space: nowrap; float: left; color: #848484; font-size: 14px; }
.filter-box .box-item .h a:hover, .filter-box .box-item .h a.active { background-color: #809EAE; color: #fff; text-decoration: none; }
.filter-box .box-item .r { width: 948px; line-height: 25px; font-size: 14px; background-color: #fff; float: left; }
.filter-box .box-item .r ul { margin: 0 10px; }
.filter-box .box-item .r ul.select { margin-left: 0; }
.filter-box .box-item .r ul::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.filter-box .box-item .r ul li { height: 25px; margin-right: 6px; margin-bottom: 2px; float: left;/* min-width: 60px;*/
}
.filter-box .box-item .r ul li.split { width: 100%; height: 1px; margin: 5px 0; overflow: hidden; border-bottom: 1px dotted #eaeaea; }
.filter-box .box-item .r ul li a { height: 25px; line-height: 25px; display: inline-block; padding: 0 10px; color: #333; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.filter-box .box-item .r a:hover, .filter-box .box-item .r a.active { background-color: #008fcc; color: #fff; text-decoration: none; }
.filter-box .noexpand { overflow: visible; border-bottom: 0 dotted #eaeaea; padding: 10px 0; }
.filter-box .noexpand .r { width: 1030px; }
.filter-box .box-item .r ul.select li { height: 35px; }
.filter-box .box-item .r ul.select li .box-select { width: 170px; height: 35px; line-height: 35px; padding: 0 10px; border: 1px solid #eaeaea; position: relative; background: #f7f7f7; }
.filter-box .box-item .r ul.select li .box-select:hover, .filter-box .box-item .r ul.select li div.active { border: 1px solid #008fcc; }
.filter-box .box-item .r ul.select li .box-select:hover .box-selected { color: #999; }
.filter-box .box-item .r ul.select li div.active .box-selected { color: #008fcc; }
.filter-box .box-item .r ul.select li .box-select i { width: 10px; height: 6px; margin-left: 3px; margin-top: 14px; overflow: hidden; float: right; background-image: url(../images/filter.png); background-position: 0 -20px; background-repeat: no-repeat; }
.filter-box .box-item .r ul.select li .box-select:hover i { background-position: 0 -10px; }
.filter-box .box-item .r ul.select li dl { max-height: 250px; overflow: hidden; overflow-x: hidden; overflow-y: auto; left: -1px; right: -1px; position: absolute; line-height: 25px; background-color: #fff; border-left: 1px solid #008fcc; border-right: 1px solid #008fcc; border-bottom: 1px solid #008fcc; display: none; z-index: 10; }
.filter-box .box-item .r ul.select li .box-select:hover dl { display: block; }
.filter-box .box-item .r ul.select li dl a { display: block; }
.filter-box .box-item .m { width: 70px; line-height: 25px; font-size: 12px; color: #666; text-align: center; float: left; border-left: 1px solid #eeeeee; margin-top: 13px; }
.filter-box .box-item .m a { color: #666666; }
.filter-box .box-item .m a i { width: 10px; height: 6px; margin-left: 3px; overflow: hidden; display: inline-block; background-image: url(../images/filter.png); background-position: 0 0; background-repeat: no-repeat; }
.filter-box .box-item .m a:hover { color: #008fcc; text-decoration: none; }
.filter-box .box-item .m a:hover i { background-position: 0 -10px; }
.filter-box .collapse .m a i { background-position: 0 -20px; }
.filter-box .collapse .m a:hover i { background-position: 0 -30px; }
.desbox { float: left; width: 100%; background: #fff; border-bottom: 5px solid #189fd9; margin-top: 20px; margin-bottom: 10px; }
.desbox a { display: block; float: left; width: 140px; height: 50px; font-size: 18px; color: #242424; text-align: center; line-height: 50px; border-right: 1px solid #f2f2f2; }
.desbox a.active { background: #189fd9; color: #fff; border-right: 1px solid #189fd9; }
.qklist { float: left; width: 100%; }
.qklist ul.qklist-item { float: left; width: 100%; background: #fff;/*padding: 0 20px 0 20px;*/
}
.qklist ul.qklist-item >li { float: left; width: 100%; padding: 20px 20px 30px 20px; border-bottom: 1px solid #eeeeee; }
.qklist ul.qklist-item >li:hover { box-shadow: 0 0 15px rgba(0,0,0,0.14); }
.qklist-fl { float: left; width: 1030px; }
.qklist-fl-top { float: left; width: 100%; }
.qklist-fl-top h4 { float: left; }
.qklist-fl-top h4 a { display: block; float: left; font-size: 20px; color: #404040; font-weight: bold; }
.qklist-fl-top div { float: left; }
.qklist-fl-top div a { display: block; float: left; height: 30px; line-height: 30px; font-size: 14px; color: #189fd9; padding: 0 16px; background: #e7f5fb; border-radius: 50px; margin-left: 20px; }
.qklist-fl-top div a:hover, .qklist-fl-qkjb ul li:hover, .qklist-fl-qkjb ul li:hover a { color: #fff; background: #189fd9; }
.qklist-fl-infor, .qklist-fl-infor dl, .qklist-fl-qkjb ul { float: left; width: 100%; }
.qklist-fl-infor dl { margin-top: 4px; }
.qklist-fl-infor dl dd { float: left; width: 256px; font-size: 14px; color: #333; margin-top: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 16px; }
.qklist-fl-infor dl dd a { color: #333; }
.qklist-fl-infor dl dd a:hover { color: #189fd9; }
.qklist-fl-qkjb { float: left; width: 100%; margin-top: 20px; font-size: 14px; color: #666; line-height: 2; background: #f7f7f7; padding: 10px 20px; }
.qklist-fl-qkjb ul { padding-left: 8px; }
.qklist-fl-qkjb ul li { float: left; margin-right: 15px; padding: 0 20px; border: 1px solid #17b9ff; background: #effaff; font-size: 14px; color: #17b9ff; height: 30px; border-radius: 4px; line-height: 28px; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); }
.qklist-fl-qkjb ul li a { display: block; color: #17b9ff; width: 100%; float: left; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); }
.qkimg { float: right; width: 130px; padding: 0 0 0 20px; }
.qkimg-img { display: block; float: left; width: 110px; height: 155px; }
.qkimg-img img { display: block; float: left; width: 110px; height: 155px; }
.qkswt { float: left; width: 100%; display: block; height: 30px; line-height: 30px; color: #fff; font-size: 14px; background: #ef544e; border-radius: 4px; text-align: center; margin-top: 14px; cursor: pointer; }