/**! * [全文搜索] * author: [chengang]; */ /*#region 搜索框 */ .head { position: fixed; top: 0; width: 100%; left: 0; right: 0; z-index: 500; height: 77px; margin-top: -5px; background: no-repeat top center; } .head.down { border-bottom: 1px solid #d3d2d2; box-shadow: 0 0 2px 2px #d3d2d2; } .logo { width: 236px; height: 48px; float: left; margin: 22px 0 7px 15px; background: no-repeat center center; } .search_block { float: left; margin: 26px 0 0 78px; position: relative; } .search_inner { background: #fff; border: 1px solid #fdaa2a; display: inline-block; overflow: hidden; vertical-align: top; width: 500px; height: 38px; position: relative; *float: left; z-index: 200; } .search_input { border: 0 none; font-size: 18px; height: 28px; margin: 6px 0 0 7px; /* width: 460px; */ width: 380px; outline: 0; } input::-ms-clear { display: none; } .search_delete { right: 0; top: 0; background: no-repeat #fff center center; display: none; height: 38px; position: absolute; width: 32px; cursor: pointer; } .search-btn { background: #fdaa2a; height: 40px; letter-spacing: 1px; outline: none; width: 100px; border: 0 none; cursor: pointer; display: inline-block; color: #fff; font-size: 18px; } .search_drop { background: #fff; border: 1px solid #bed0de; position: absolute; width: 500px; z-index: 1000; top: 40px; left: 0; display: none; } .search_drop > .split { margin: 0 8px 0 15px; border: 0 none; border-top: 1px solid #e7e7e7; display: none; } .search_history li, .search_suggest li { color: #666; padding-left: 15px; display: block; line-height: 28px; overflow: hidden; } .search_history li p, .search_suggest li p { width: 450px; float: left; overflow: hidden; cursor: pointer; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .search_history .hightlight-bold { font-weight: bold; color: #016dd9; } .search_suggest .hightlight-bold { font-weight: bold; color: #333; } .search_history li.active, .search_suggest li.active { background: #f2f2f2; } .search_suggest { display: none; } .search_history li > .remove { float: right; width: 14px; height: 14px; display: block; cursor: pointer; margin: 6px 8px 0 0; background: no-repeat center center; } .search_history li > .remove:hover { background: no-repeat center center; } /*#endregion */ /*#region 条件栏 */ .condition-bar { width: 100%; padding-top: 73px; background: center top no-repeat #fafafa; z-index: 100; } .condition-bar.fix { top: 0; left: 0; right: 0; position: fixed; -moz-transition: top 0.3s ease 0s; -o-transition: top 0.3s ease 0s; -webkit-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; } .condition-bar.up { top: -68px; position:static; } .filter-list { margin-left: 330px; } .filter-list > .filter-item { float: left; margin-right: 25px; position: relative; margin-bottom: 15px; *padding-bottom: 10px; vertical-align: middle; } .filter-list .filter-lbl { display: block; cursor: pointer; padding-right: 15px; background: right center no-repeat; } .filter-panel { position: absolute; background: #fff; line-height: 32px; border: 1px solid #bed0de; color: #666; font-size: 14px; z-index: 1; top: 25px; left: -10px; width: 137px; display: none; } .filter-drop > li { padding: 0 10px; cursor: pointer; vertical-align: middle; } .filter-drop > li:hover { color: #333; background: #f4f5f8; } .filter-drop > li.active { color: #333; background: no-repeat 115px center #f4f5f8; } .filter-drop > li.time-custom { cursor: default; padding-bottom: 10px; } .filter-drop > li.time-custom.active { background: #f4f5f8; } .filter-drop > li.time-custom .lbl { display: block; border-top: 1px dashed #cfcfcf; } .time-txt { width: 76px; height: 20px; line-height: 20px; border: 1px solid #c7c7c7; vertical-align: middle; font-size: 12px; margin-left: 8px; padding-left: 8px; } .time-custom .time-txt{ /*color:#999;*/ } .time-custom.active .time-txt{ color:#333; } .btntime { display: block; background: #78a7ff; height: 28px; line-height: 28px; text-align: center; color: #fff; border: 0 none; width: 108px; cursor: pointer; margin: 10px auto 0 auto; border-radius: 3px; } .adv-switch { font-size: 14px; line-height: 20px; color: #0066cc; cursor: pointer; padding-left: 10px; } .adv-switch.switch01 { float: right; display: block; height: 20px; margin-right: 93px; background: no-repeat left center; vertical-align:top; } .adv-switch.switch02 { display: block; background: no-repeat left center; margin-left: 34px; margin-top: 6px; } .category { height: 38px; line-height: 38px; background: #2e54a5; font-size: 15px; clear: both; color: #fff; } .category-list { height: 38px; float: left; } .category-list > li { float: left; display: block; height: 38px; padding: 0 25px; cursor: pointer; } .category-list > li.active, .category-list > li:hover, .more-category > li.active, .more-category > li:hover { background: #fdaa2a; font-weight: bold; } .category-list > li.more { background: no-repeat 55px center; position: relative; } .more-category { background: #323232; display: none; position: absolute; left: 0; } .more-category > li { width: 80px; padding: 0 20px; font-weight: normal; } .category-list > li.more:hover, .category-list > li.more.active { background: no-repeat 55px center #3385ff; } .category-list > li.more:hover .more-category { display: block; } .sort-wrap { line-height: 38px; float: right; width: 245px; } .sort-wrap > .byrelated { cursor: pointer; float: left; } .sort-wrap span { float: left; } .sort-wrap > .sorttype { display: block; float: left; width: 85px; padding-left: 5px; height: 25px; line-height: 25px; margin: 6px 0 0 10px; cursor: pointer; } .sort-wrap > .sorttype.relate { padding: 0; text-align: center; } .sort-wrap > .sorttype.relate.active { background: #535353; } .sort-wrap > .sorttype.asc.active { background: no-repeat 73px center #fdaa2a; } .sort-wrap > .sorttype.desc.active { background: no-repeat 73px center #fdaa2a; } /*#endregion */ /*#region 日历控件*/ .ui-datepicker { border-radius: 2px; width: 185px; padding: 0 10px; background: #ffffff; border: 1px solid #ccc; -webkit-box-shadow: 0 5px 10px #ccc; box-shadow: 0 2px 4px #ccc; display: none; z-index: 1500 !important; } .ui-datepicker .ui-datepicker-header { position: relative; height: 32px; line-height: 32px; border-bottom: 1px solid #f5f5f5; } .ui-datepicker .ui-datepicker-year { width: 58px; height: 22px; margin-right: 2px; font-size: 14px; vertical-align: middle; margin-top: -4px; *margin-top: 0; } .ui-datepicker .ui-datepicker-month { width: 55px; height: 22px; margin-left: 2px; font-size: 14px; vertical-align: middle; margin-top: -4px; *margin-top: 0; } .ui-datepicker .ui-datepicker-prev { position: absolute; left: 0; top: 0; color: #fff; font-size: 12px; cursor: pointer; text-indent: -1000px; display: block; background: no-repeat 3px 9px; width: 16px; height: 32px; } .ui-datepicker .ui-datepicker-next { position: absolute; right: 0; top: 0; color: #fff; font-size: 12px; cursor: pointer; text-indent: -1000px; display: block; background: no-repeat -20px 9px; width: 16px; height: 32px; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: alpha(opacity=35); } .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled { cursor: not-allowed !important; } .ui-datepicker-unselectable.ui-state-disabled { opacity: 0.2; filter: alpha(opacity=20); } .ui-datepicker .ui-datepicker-title { margin-left: 25px; color: #000; font-weight: bold; } .ui-datepicker thead { } .ui-datepicker th { border: 0 none; color: #000; font-size: 12px; font-weight: bold; padding: 0.4em; text-align: center; } .ui-datepicker table { width: 100%; font-size: 13px; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker table td { text-align: center; height: 18px; } .ui-datepicker table td a { display: block; height: 18px; line-height: 18px; } .ui-datepicker .ui-state-default { background: #fff; color: #2d2d2d; border: 1px solid #fff; } .ui-datepicker-unselectable { cursor: not-allowed; } .ui-datepicker .ui-state-highlight { border: 1px solid #278df2; background: #278df2; color: #fff; } .ui-datepicker .ui-state-active { background-color: #71b5f8; border: 1px solid #71b5f8; color: #fff; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { font-weight: normal; opacity: 0.45; filter: alpha(opacity=45); } /*#endregion */ /*#region 搜索结果 */ .result { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; background: #fff; min-height: 800px; } .result.fix { padding-top: 142px; } .result-summary { color: #666; background: #ffebeb; line-height: 36px; padding: 0 15px; } .search-grid { padding: 0 15px 20px 15px; } .search-row { vertical-align: middle; color: #666; border-bottom: 1px dashed #cccccc; } .search-row:last-child { border-bottom: 0 none; } .search-row > .title { color: #0066cc; font-size: 18px; overflow: hidden; padding: 10px 0; text-decoration: none; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 80%; } .search-row > .title > a { color: #0066cc; } .search-row > .content { line-height: 24px; } .hightlight-red { color: #e60012; } .search-row > .content-src { margin: 7px 0; line-height: 20px; overflow: hidden; } .search-row > .content-src span, .search-row > .content-src > a { float: left; color: #40924e; } .search-row > .content-src > a { display: inline-block; width: 350px; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; float: left; margin-right: 20px; } .norecord { width: 280px; margin: 0 auto; color: #666; padding: 100px 0 0 80px; background: left 110px no-repeat; } .norecord > .tip { font-size: 18px; line-height: 32px; } .pager { overflow: hidden; padding: 20px 0 20px 300px; /*background:#fafafa;*/ } /*#endregion */ /*#region 高级搜索 */ .adv-search { position: fixed; top: 0; width: 100%; background: #fafafa; z-index: 1000; padding: 26px 0 30px 0; display: none; box-shadow: 0 0 6px #888; } .adv-wrap { height: 320px; } .adv-left { float: left; width: 796px; border-right: 1px solid #e5e5e5; } .adv-right { float: left; padding-left: 34px; } .adv-item { margin-bottom: 12px; } .adv-item.last { margin-bottom: 0; } .adv-item > span { font-size: 16px; line-height: 38px; display: inline-block; width: 315px; text-align: right; vertical-align: middle; } .adv-ipt { width: 428px; padding-left: 10px; height: 34px; border: 1px solid #c7c7c7; line-height: 34px; font-size: 14px; vertical-align: middle; } input[type="text"], select { outline: none; } ::-webkit-input-placeholder /* webkit browsers */ { color: #999; } :-moz-placeholder /* mozilla firefox 4 to 18 */ { color: #999; } ::-moz-placeholder /* mozilla firefox 19 */ { color: #999; } :-ms-input-placeholder /* internet explorer 10 */ { color: #999; } .placeholder /* internet explorer 9- */ { color: #999; } .adv-time-block { float: left; line-height: 33px; font-size: 16px; } .adv-time-block .time-txt { width: 90px; margin: 0 5px; } .adv-select { border: 1px solid #c7c7c7; line-height: 36px; width: 440px; padding-left: 10px; height: 36px; font-size: 16px; vertical-align: middle; height: auto\9; line-height: normal\9; padding: 7px 0\9; } .adv-time-select > input[type=radio], .adv-time-custom > input[type=radio] { margin-right: 3px; vertical-align: middle; } .adv-time-select > label { vertical-align: middle; margin-right: 20px; *margin-right: 18px; cursor: pointer; } .adv-time-custom > label { vertical-align: middle; margin-right: 10px; cursor: pointer; } .adv-time { width: 88px; height: 20px; line-height: 20px; border: 1px solid #c7c7c7; vertical-align: middle; margin: 0 3px; font-size: 12px; } .adv-search .container { position: relative; } .adv-search .close { top: 0; right: -100px; display: block; width: 36px; height: 36px; position: absolute; background: no-repeat center center; cursor: pointer; } .adv-search .close:hover { background: no-repeat center center; } /*#endregion */ .gotop { display: none; width: 52px; height: 52px; position: fixed; right: 100px; bottom: 100px; background: no-repeat center center; cursor: pointer; } .gotop:hover { background: no-repeat center center; } .page-loading { background: no-repeat center center #fff; filter: alpha(opacity:20); opacity: 0.3; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1100; display: none; } /*#region 重写下拉框 */ .chosen-container { font-size: 14px; } .chosen-container-single .chosen-single { background: #fff; border-color: #c7c7c7; border-radius: 0; box-shadow: none; line-height: 32px; height: 34px; color: #333; } .chosen-container-single .chosen-single span { margin-right: 26px; } .chosen-container-single .chosen-single div { width: 32px; padding: 0; } .chosen-container-active.chosen-with-drop .chosen-single div { } .chosen-container-single .chosen-single div b { background: no-repeat 10px center; } .chosen-container-active.chosen-with-drop .chosen-single div b { background: no-repeat -25px center; } .chosen-container-active.chosen-with-drop .chosen-single { background: #fff; box-shadow: none; border-color: #d2d2d2; } .chosen-container-single .chosen-drop { border: 1px solid #dddddd; box-sizing: border-box; } .chosen-container .chosen-results li.highlighted { background-color: #397ddb; background-image: none; } .chosen-container .chosen-results { margin: 0; padding: 0; } .chosen-container .chosen-results li { line-height: 20px; } .ewb-seless { font: 14px/1.231 "microsoft yahei", arial, helvetica, clean, sans-serif; width: 95px; height: 36px; border: 0; outline: 0; background: inherit; font-weight: bold; color: #333; }