/*公共样式 开始 chinafill 2022-08-19*/ :root { --search_button_color: #e46d00; --default_color: #e46d00; --default_txt: #666; --white_background: rgba(255, 255, 255, 1); } .blog-single-foot > .blog-post-tags { text-align: left; padding: 0; margin: 0; } .blog-single-foot > .blog-post-tags > li { margin-bottom: 20px; list-style: none; display: inline-block; margin-right: 5px; } .blog-single-foot > .blog-post-tags > li > a { background-color: #f4f6f8; color: #a0a9b4; font-size: 11px; font-weight: 600; padding: 7px 10px; } .blog-single-foot > .blog-post-tags > li > a:hover { background-color: #40aae2; color: #fff; text-decoration: none; } .blog-single-foot > .blog-post-tags > li:last-child { margin-right: 0; } .search-post-meta { display: inline-block; margin-right: 10px; } .portlet-body img { max-width: 100%; } .search-post-meta > a { color: #9aa5b2; font-size: 13px; font-weight: 600; } .search-post-meta > a:hover { color: #40aae2; text-decoration: none; } .search-post-meta > i { margin-right: 5px; } .search-post-meta:last-child { margin-right: 0; } .ajax_name { text-align: right; margin-top: 8px !important; } .ajax_link > .form-control { padding-left: 12px !important; } .admin_msg { top: 5px !important; } .fc-form { margin-top: 30px; } .fc-form-actions { margin-top: 30px !important; /* padding-bottom: 10px !important; background-color: #f5f5f5; border-top: 1px solid #e7ecf1*/ } .fc-form-submit { padding-left: 5px; } table.dataTable tfoot td, table.dataTable tfoot th { border-top: 1px solid #e7ecf1 !important; padding-top: 8px !important; padding-bottom: 8px !important; } .border_none td, .table-footer td { border-top: 0 !important; } table.dataTable thead td, table.dataTable thead th { padding: 10px 8px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle; } .datetimepicker table tr td span { overflow: hidden !important; } .files_row .preview img { max-height: 50px; overflow: hidden; } .used_preview img { width: 50px; height: 50px; overflow: hidden; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff !important; } table.dataTable tbody tr { background-color: #fbfcfd !important; } .table-footer .myleft .mt-checkbox { margin-right: 10px !important; } .table-footer .pagination { margin: 0 !important; } .finecms-file-ts, .progress { margin-bottom: 8px !important; } .table-footer .mynull { width: 10%; } .table-footer .myright { width: 60%; text-align: right !important; padding-right: 0 !important; } .table-footer .myleft { padding-top: 0; text-align: left !important; padding-left: 9px !important; width: 40%; } .myselect { width: 40px !important; min-width: 40px !important; max-width: 40px !important; padding: 3px 2px !important; } .portlet-body { overflow: hidden; } code.form-control-static { padding: 5px 10px; min-height: 30px; } .finecms-file-ts { margin-top: 3px !important; } .fc-form-body { margin: 30px 0; } .fc-code img { height: 32px; } .fc-code { border: 1px solid #c2cad8; border-left: 0; width: 120px; } .fc-member-tbselect { text-align: left !important; padding-left: 7px !important; } .fc-list-footer { margin-top: 20px; } .fc-list-select button { margin-right: 8px; } .fc-list-select .form-control { height: 28px; padding-top: 1px; } .fc-list-select { padding-left: 28px; } .fc-list-page { text-align: right; } .fc-list-page .pagination { margin: 0; } .template-download { padding: 10px 0; border-bottom: 1px dotted #e2e2e2; } .yl_files_row { width: 50%; height: 90px; float: left; } @media (max-width: 768px) { .yl_files_row { width: 100%; height: 90px; float: none; } } .files_row_preview img { max-width: 60px; max-height: 50px; } .files_row_preview { margin-right: 10px; border: 1px dashed #e2e2e2; padding: 10px; overflow: hidden; width: 80px; height: 70px; text-align: center; } .table-finecms-upload .files_row_preview { overflow: inherit; } .files_show_description_html { margin-top: 10px; } .file_row_html { margin-bottom: 10px; padding: 10px 0; } .files .color-view img { max-width: 50px; max-height: 50px; } .files .color-view { height: 80px; } @media (max-width: 768px) { .myfbody { margin-bottom: 0; } .myfooter { position: initial; margin: 0 !important; } .myfooter .btn { padding: 5px; line-height: 0; font-size: 10px; } } .btn.btn-outline.blue-oleo.active, .btn.btn-outline.blue-oleo:active, .btn.btn-outline.blue-oleo:active:focus, .btn.btn-outline.blue-oleo:active:hover, .btn.btn-outline.blue-oleo:focus, .btn.btn-outline.blue-oleo:hover { border-color: #94a0b2; color: #fff; background-color: #94a0b2; } .btn.blue-oleo-stripe { border-left: 4px solid #94a0b2 !important; } .btn.blue-oleo.btn-no-border:not(.active) { border-color: transparent; } .btn.green:not(.btn-outline) { color: #fff; background-color: #40aae2; border-color: #40aae2; } .btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):focus { color: #fff; background-color: #26a1ab; border-color: #18666d; } .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open > .btn.green:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #26a1ab; border-color: #2499a3; } .btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open > .btn.green:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #1f858e; border-color: #18666d; } .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .open > .btn.green:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline)[disabled].focus, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green:not(.btn-outline).focus, fieldset[disabled] .btn.green:not(.btn-outline):focus, fieldset[disabled] .btn.green:not(.btn-outline):hover { background-color: #40aae2; border-color: #40aae2; } .btn.green:not(.btn-outline) .badge { color: #40aae2; background-color: #fff; } .btn.btn-outline.green { border-color: #40aae2; color: #40aae2; background: 0 0; } .btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover { border-color: #40aae2; color: #fff; background-color: #40aae2; } .btn.green-stripe { border-left: 4px solid #40aae2 !important; } .btn.green.btn-no-border:not(.active) { border-color: transparent; } .btn.green-meadow:not(.btn-outline) { color: #fff; background-color: #1bbc9b; border-color: #1bbc9b; } .btn.green-meadow:not(.btn-outline).focus, .btn.green-meadow:not(.btn-outline):focus { color: #fff; background-color: #158f76; border-color: #0b4d3f; } .btn.green-meadow:not(.btn-outline).active, .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline):hover, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #158f76; border-color: #13866f; } .btn.green-meadow:not(.btn-outline).active.focus, .btn.green-meadow:not(.btn-outline).active:focus, .btn.green-meadow:not(.btn-outline).active:hover, .btn.green-meadow:not(.btn-outline):active.focus, .btn.green-meadow:not(.btn-outline):active:focus, .btn.green-meadow:not(.btn-outline):active:hover, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #10705c; border-color: #0b4d3f; } .btn.green-meadow:not(.btn-outline).active, .btn.green-meadow:not(.btn-outline):active, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-meadow:not(.btn-outline).disabled.focus, .btn.green-meadow:not(.btn-outline).disabled:focus, .btn.green-meadow:not(.btn-outline).disabled:hover, .btn.green-meadow:not(.btn-outline)[disabled].focus, .btn.green-meadow:not(.btn-outline)[disabled]:focus, .btn.green-meadow:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-meadow:not(.btn-outline).focus, fieldset[disabled] .btn.green-meadow:not(.btn-outline):focus, fieldset[disabled] .btn.green-meadow:not(.btn-outline):hover { background-color: #1bbc9b; border-color: #1bbc9b; } .btn.green-meadow:not(.btn-outline) .badge { color: #1bbc9b; background-color: #fff; } .btn.btn-outline.green-meadow { border-color: #1bbc9b; color: #1bbc9b; background: 0 0; } .btn.btn-outline.green-meadow.active, .btn.btn-outline.green-meadow:active, .btn.btn-outline.green-meadow:active:focus, .btn.btn-outline.green-meadow:active:hover, .btn.btn-outline.green-meadow:focus, .btn.btn-outline.green-meadow:hover { border-color: #1bbc9b; color: #fff; background-color: #1bbc9b; } .btn.green-meadow-stripe { border-left: 4px solid #1bbc9b !important; } .btn.green-meadow.btn-no-border:not(.active) { border-color: transparent; } .btn.green-seagreen:not(.btn-outline) { color: #fff; background-color: #1ba39c; border-color: #1ba39c; } .btn.green-seagreen:not(.btn-outline).focus, .btn.green-seagreen:not(.btn-outline):focus { color: #fff; background-color: #147772; border-color: #093633; } .btn.green-seagreen:not(.btn-outline).active, .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline):hover, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #147772; border-color: #126e6a; } .btn.green-seagreen:not(.btn-outline).active.focus, .btn.green-seagreen:not(.btn-outline).active:focus, .btn.green-seagreen:not(.btn-outline).active:hover, .btn.green-seagreen:not(.btn-outline):active.focus, .btn.green-seagreen:not(.btn-outline):active:focus, .btn.green-seagreen:not(.btn-outline):active:hover, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #0f5955; border-color: #093633; } .btn.green-seagreen:not(.btn-outline).active, .btn.green-seagreen:not(.btn-outline):active, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle { background-image: none; } /*公共样式结束*/ /*搜索条件 开始*/ .search-page .search-bar { padding: 20px; margin-bottom: 40px; background-color: #fff; } .search-page .search-bar input { border: none; background-color: #f3f6f9; color: #a0a9b4; height: 55px; } .search-page .search-bar button { color: #fff; height: 55px; width: 130px; margin-left: -3px; margin-top: -2px; } .search-page .search-bar .search-desc { margin: 0; color: #a0a9b4; font-size: 13px; } .search-page .search-filter { background-color: #fff; padding: 40px 30px 0; margin-bottom: 30px; } .search-page .search-filter > .search-label { color: #a0a9b4; font-size: 11px; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px; margin-top: 40px; } .search-page .search-filter > .search-label:first-child { margin-top: 0; } .search-page .search-filter input, .search-page .search-filter select { color: #727f89; font-weight: 700; font-size: 14px; } .search-page .search-filter button { margin: 40px 0; padding: 15px 0; } .search-page .search-filter .search-filter-divider { display: block; height: 1px; } .search-page .search-pagination > .pagination > li > a { margin: 0 3px; } .search-page .search-pagination > .pagination > .page-active > a { background-color: #40aae2; color: #fff; } .search-content-1 .search-container, .search-content-2 .search-container { background-color: #fff; } .search-page .search-pagination.pagination-rounded > .pagination > li > a { border-radius: 50% !important; } .search-content-1 .search-container > ul { padding: 0 20px 20px; margin-bottom: 0; } .search-content-1 .search-container > ul .search-item { list-style: none; padding: 20px 0; border-bottom: 1px solid; border-color: #f4f6f8; } .search-content-1 .search-container > ul .search-item > a > img { width: 100px; float: left; margin-right: 20px; } .search-content-1 .search-container > ul .search-item > .search-content { padding-left: 120px; } .search-content-1 .search-container > ul .search-item > .search-content > .search-title { font-size: 20px; margin: 15px 0 10px; font-weight: 600; } .search-content-1 .search-container > ul .search-item > .search-content > .search-title > a { color: #4e5a64; font-size: 16px; font-weight: 400; } .search-content-1 .search-container > ul .search-item > .search-content > .search-title > a:hover { text-decoration: none; color: #49a7fa; } .search-content-1 .search-container > ul .search-item > .search-content > .search-desc { color: #a0a9b4; font-size: 13px; margin: 0; } .search-content-1 .search-container > ul .search-item:last-child { border: none; } .search-content-2 .search-container > ul { padding: 20px; margin-bottom: 0; } .search-content-2 .search-container > ul > .search-item-header { list-style: none; padding: 0 0 5px; border-bottom: 1px solid; border-color: #f4f6f8; } .search-content-2 .search-container > ul > .search-item-header h3 { font-size: 17px; color: #a0a9b4; margin: 5px 0 0; } .search-content-2 .search-container > ul .search-item { list-style: none; padding: 20px 0; border-bottom: 1px solid; border-color: #f4f6f8; } .search-content-2 .search-container > ul .search-item:last-child, .search-content-4 .search-table th { border: none; } .search-content-2 .search-container > ul .search-item > .search-content p { margin: 0; } .search-content-2 .search-container > ul .search-item > .search-content .search-title { font-size: 19px; margin: 0 0 20px; font-weight: 600; } .search-content-2 .search-container > ul .search-item > .search-content .search-title > a { color: #4e5a64; } .search-content-2 .search-container > ul .search-item > .search-content .search-title > a:hover { text-decoration: none; color: #49a7fa; } .search-content-2 .search-container > ul .search-item > .search-content .search-desc { color: #a0a9b4; font-size: 13px; } .search-content-2 .search-container > ul .search-item > .search-content .search-desc > a { color: #49a7fa; } .search-content-2 .search-container > ul .search-item > .search-content .search-desc > a:hover { text-decoration: none; color: #326b9e; } .search-content-2 .search-container > ul .search-item > .search-content .search-counter-number { font-size: 21px; color: #4e5a64; margin-bottom: 15px; } .search-content-2 .search-container > ul .search-item > .search-content .search-counter-label { font-size: 13px; color: #8b96a4; } .search-content-3 .tile-container { margin-bottom: 30px; } .search-content-3 .tile-container > .tile-thumbnail { height: 200px; overflow: hidden; position: relative; } .search-content-3 .tile-container > .tile-thumbnail img { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .search-content-3 .tile-container > .tile-title { background-color: #fff; padding: 20px 0; } .search-content-3 .tile-container > .tile-title > h3 { font-size: 19px; font-weight: 600; height: 20px; width: 220px; overflow: hidden; margin: 0; display: inline-block; } .search-content-3 .tile-container > .tile-title > h3 > a { color: #4e5a64; } .search-content-3 .tile-container > .tile-title > h3 > a:hover { text-decoration: none; color: #49a7fa; } .search-content-3 .tile-container > .tile-title i { float: right; font-size: 24px; margin: 0 5px; } .search-content-3 .tile-container > .tile-title > .tile-desc { font-size: 14px; } .search-content-3 .tile-container > .tile-title > .tile-desc > p { margin: 20px 0 0; } .search-content-3 .tile-container > .tile-title > .tile-desc > p > a:hover { text-decoration: none; } .search-content-4 .search-bar .extra-buttons button { margin-right: 20px; } .search-content-4 .search-bar .extra-buttons button:last-child { margin-right: 0; width: 170px; } .search-content-4 .search-table th > a { color: #fff; } .search-content-4 .search-table th > a:hover { text-decoration: none; color: #eee; } .search-content-4 .search-table td, .search-content-4 .search-table th { padding: 20px 30px; vertical-align: middle; } .search-content-4 .search-table td { border-color: #fff; } .search-content-4 .search-table .table-status i { font-size: 26px; padding-top: 10px; } .search-content-4 .search-table .table-date { font-weight: 600; font-size: 14px; width: 180px; } .search-content-4 .search-table .table-date a { color: #49a7fa; } .search-content-4 .search-table .table-date a:hover { text-decoration: none; color: #326b9e; } .search-content-4 .search-table .table-title { width: 390px; } .book_left .zt0, .book_left .zt1 { position: absolute; left: 10px; top: -5px; width: 67px; height: 68px; } .search-content-4 .search-table .table-title > h3 { margin: 0; color: #4e5a64; font-size: 19px; font-weight: 600; } .search-content-4 .search-table .table-title > h3 > a { color: #4e5a64; } .search-content-4 .search-table .table-title > h3 > a:hover { text-decoration: none; color: #49a7fa; } .search-content-4 .search-table .table-title > p { margin-bottom: 0; margin-top: 10px; } .search-content-4 .search-table .table-title > p > a { color: #49a7fa; } .search-content-4 .search-table .table-title > p > a:hover { text-decoration: none; color: #326b9e; } .search-content-4 .search-table .table-desc { font-size: 14px; color: #8b96a4; } .search-content-4 .search-table .table-download i { font-size: 30px; padding-top: 10px; } .search-content .title { background: #f4f4f4; height: 40px; line-height: 40px; } .search-content .tabs { float: left; } .search-content .tabs ul { list-style: none; padding: 0; } .search-content .tabs li.selected { background: #fff; border-top: 3px solid #40aae2; height: 40px; line-height: 40px; } .search-content .tabs li { float: left; width: 100px; color: #666; text-align: center; font-size: 16px; } .search-content .tabs li.selected a { color: #40aae2; } .search-content .title .fr { float: right; font-size: 14px; color: #999; padding-right: 10px; } .search-content .title .fr em { color: #eb6100; padding-left: 5px; padding-right: 8px; } .search-content .no-feed { background-color: #fff; min-height: 320px; } .search-content .no-feed .empty-img { margin: 110px auto 0; width: 167px; height: 74px; } .search-content .no-feed .empty-img img { width: 100%; height: 100%; } .search-content .no-feed p { margin-top: 24px; font-size: 14px; color: #999; text-align: center; } .portlet.light { padding: 12px 20px 15px; background-color: #fff; } .portlet { margin-top: 0; margin-bottom: 25px; padding: 0; border-radius: 4px; } .btn.blue:not(.btn-outline) { color: #fff; background-color: #40aae2; border-color: #40aae2; } .btn:not(.btn-sm):not(.btn-lg) { /* line-height: 1.44; */ } .portlet.light > .portlet-title > .caption > .caption-subject { font-size: 16px; } .font-green-sharp { color: #2ab4c0 !important; } .control-label { margin-top: 1px; font-weight: 400; } .control-label { margin-top: 1px; font-weight: 400; } .fc-search-param .label-default[href]:focus, .fc-search-param .label-default[href]:hover { background-color: #9ca8bb; } .fc-search-param .label-success[href]:focus, .fc-search-param .label-success[href]:hover { background-color: #27a4b0; } .fc-search-param .label-success[href]:focus, .fc-search-param .label-success[href]:hover { background-color: #27a4b0; } .fc-search-param .badge-default, .fc-search-param .label-default { background-color: #bac3d0; } .fc-search-param .label-success { background-color: #36c6d3; } .fc-search-param .label { text-shadow: none !important; font-size: 14px; font-weight: 300; padding: 8px 12px; line-height: 30px; color: #fff; font-family: "Open Sans", sans-serif; } .portlet.light > .portlet-title > .caption { color: #666; padding: 10px 0; } .portlet > .portlet-title > .caption { display: inline-block; font-size: 18px; line-height: 18px; padding: 10px 0; } .fc-search-param .form-group { margin-bottom: 15px; } .search-content .search-desc { margin-top: 4px; margin-bottom: 8px !important; line-height: 20px; } /*首页地区列表*/ .index_region { margin: 10px 0px; } /*flex 布局最后一个元素右对齐*/ .index_region .cityNav .nav li.pull-right { margin-left: auto; } .index_region .cityNav .nav-tabs > li > a { /* border: none; */ color: #333; font-size: 14px; /* border-right: 1px solid #ccc; border-radius: 0;*/ padding: 10px 20px; } .index_region .cityNav .nav-tabs > li.active > a { color: #e10000; } .index_region .cityNav .tab-content { line-height: 20px; margin-top: 10px; } .index_region .cityNav .tab-content .tab-pane { display: none; padding: 3px 10px; } .index_region .cityNav .tab-content .tab-pane.active { display: block; } .index_region .cityNav .tab-content a { font-size: 13px; color: #4d4b4b; display: inline-block; margin-right: 10px; margin-bottom: 5px; } /*搜索条件 结束*/ /*地区站所有地区列表 开始*/ .index_region .nav-tabs li { line-height: 35px; } .index_region .nav-tabs > li > a { margin-right: 2px; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .index_region .nav-tabs > li.active > a, .index_region .nav-tabs > li.active > a:hover, .index_region .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .region_list .intro { padding: 15px 10px 15px 10px; margin: 10px 0px 10px 0px; line-height: 20px; min-width: 900px; } .region_list .intro .city { width: 100%; display: inline-block; margin-bottom: 25px; } .region_list .intro .city .tit { width: 100%; display: inline-block; font-size: 16px; margin-bottom: 10px; font-weight: bold; background: #f5f5f5; padding: 10px; box-sizing: border-box; } .region_list .intro .city .tit a { color: #38a0f4; } .region_list .intro .city dl { width: 100%; display: inline-block; margin-bottom: 0px; padding: 2px 20px; } .region_list .intro .city dl dt { font-weight: 400; float: left; } .region_list .intro .city dl dt a { color: #333; } .region_list .intro .city dl dd { float: left; margin: 0 15px 5px 0px; font-weight: normal; } .region_list .intro .city dl dd a { color: #999; } .region_list .margin_bottom { margin-bottom: 20px; } @media (min-width: 990px) { .region_list .intro { min-width: 100%; } } /*地区站所有地区列表 结束*/ /*分页开始*/ .pagination { display: inline-block; padding-left: 0; /*margin: 20px 0;*/ border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: var(--default_color); border-color: var(--default_color); } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /*网站地图*/ .maps { margin-top: 10px; margin-bottom: 20px; } .maps dl.column { line-height: 20px; } .maps dl.column dt { color: #4e5a64; font-size: 16px; font-weight: bold; border-bottom: #ccc solid 1px; line-height: 40px; } .maps dl.column { margin-top: 20px; } .maps dl.column dt a { color: #326b9e; } .maps dl.column dd { color: coral; font-size: 15px; font-weight: bold; line-height: 25px; } .maps dl.column dd a { font-size: 14px; font-weight: normal; color: cornflowerblue; } .maps dl.column dd ul.last li { font-weight: normal; display: inline-block; } /*新闻内页*/ .maps dl.news_list { margin-top: 20px; } .maps dl.news_list dt { display: inline-block; margin-right: 10px; font-weight: normal; line-height: 25px; } .maps dl.news_list dt a { color: cornflowerblue; } /*分页结束*/ /*附件*/ dl.attachment dt { font-weight: normal; display: inline-block; line-height: 25px; } @media (max-width: 990px) { dl.attachment dt { display: block; } } .extension { margin-top: 20px; } .extension i { font-size: 16px; margin-right: 0px; } .extension i.fa-file-word-o { color: #008aff; } .extension i.fa-file-excel-o { color: #08b000; } .extension i.fa-file-pdf-o { color: #df0000; } .extension i.fa-file-zip-o { color: rgb(27, 4, 238); } .extension a { margin-right: 10px; } /*下载中心*/ .service-box1 { } .service-box1 .list { padding: 60px 0; } @media (max-width: 992px) { .service-box1 .list { padding: 30px 0; } } .service-box1 .list .item .item-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: min(1.5625vw, 30px) 0 min(1.5625vw, 30px); border-bottom: 1px solid #eeeeee; position: relative; } @media (max-width: 1024px) { .service-box1 .list .item .item-box { padding: 15px 0 15px 0; } } .service-box1 .list .item .item-box::before { content: ""; width: 0; height: 1px; background-color: #0b58af; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .service-box1 .list .item .item-box .img { max-width: 200px; margin-right: min(1.14583333vw, 22px); } .service-box1 .list .item .item-box .img img { width: 100%; } @media (max-width: 1024px) { .service-box1 .list .item .item-box .img { margin-right: 11px; } } .service-box1 .list .item .item-box .name { font-size: 20px; color: #333333; line-height: 1.4; flex: 1; padding-right: 100px; max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 1600px) { .service-box1 .list .item .item-box .name { font-size: 18px; } } @media (max-width: 1470px) { .service-box1 .list .item .item-box .name { font-size: 16px; } } .service-box1 .list .item .item-box .text { font-size: 14px; color: #666666; line-height: 1.4; position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } .service-box1 .list .item:hover .item-box::before { width: 100%; } .service-box1 .list .item:hover .item-box .name, .service-box1 .list .item:hover .item-box .text { color: #0b58af; } @media (max-width: 990px) { .service-box1 .list .item .item-box { display: block; } .service-box1 .list .item .item-box .img { width: 100%; max-width: 100%; margin-right: 0px; } .service-box1 .list .item .item-box .text { width: 100%; display: none; margin-right: 0px; box-sizing: content-box; } .service-box1 .list .item .item-box .name { margin-top: 10px; width: 100%; text-align: center; max-width: 100%; display: block; margin-right: 0px; box-sizing: content-box; } } .pagination { /*padding: 4px 0 30px 0;*/ } @media (max-width: 992px) { .pagination { padding: 20px 0 30px 0; } } .taglist { background-color: #fff; padding: 20px; margin-bottom: 5%; } .taglist a { display: inline-block; padding: 3px 10px; background-color: #e2e2e2; color: #666; white-space: nowrap; font-size: 12px; margin: 4px 10px 4px 0; line-height: 25px; border-radius: 3px; } .taglist a:hover { background: #1abc9c; color: white; } .box { background: #fff; margin-bottom: 40px; width: 100%; display: inline-block; } .box:last-child { margin-bottom: 0; } .box .pad { padding: 32px 8px; } .box .pad span { float: right; font-size: 14px; line-height: 22px; } .box b { font-size: 20px; color: #323333; border-left: 5px solid #ff722f; padding-left: 8px; display: block; margin-bottom: 22px; } .box .f_box { position: relative; } .box .f_box .imgfd img { height: 175px; } .box .f_box p { font-size: 15px; color: #fff; padding: 0 18px; line-height: 22px; position: absolute; width: 100%; left: 0; bottom: 16px; z-index: 1; } .list-rmtj, .list-rmbq { display: inline-block; width: 100%; } .list-rmtj li { width: 100%; border-top: 1px dashed #eee; height: 60px; line-height: 60px; overflow: hidden; } .list-rmtj li:nth-child(1) { border-top: none; } .list-rmtj li a { font-size: 15px; color: #323333; line-height: 24px; } .list-rmtj li:hover a { color: #ff722f; } .list-rmbq a { float: left; width: 45%; margin-right: 2%; text-align: center; margin-bottom: 14px; } .list-rmbq a { background: #f4f7f9; font-size: 14px; color: #323333; height: 30px; line-height: 30px; display: block; margin-right: 2%; overflow: hidden; border-radius: 5px; width: 49%; float: left; margin-left: 0px !important; } .list-rmbq a:nth-child(2n) { margin-right: 0; } .list-rmbq a:hover { background: #ff722f; color: #fff; } /*百科开始*/ .baike-1ban { width: 100%; height: 440px; overflow: hidden; background: url(../img/baike/baike-1ban.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .baike-1ban .container { padding-top: 98px; } .baike-1ban .title { font-weight: 600; font-size: 38px; color: #fff; letter-spacing: 8px; text-align: center; margin-bottom: 32px; } .baike-1ban .des-title { width: 280px; display: flex; align-items: center; justify-content: center; height: 36px; background: #0091ea; border-radius: 4px; color: hsl(0, 0%, 100%); margin: auto; } .baike-1ban .bk-seach { width: 80%; margin: 40px auto 0; overflow: hidden; } .baike-1ban .bk-seach .inputSeach { font-size: 16px; width: 100%; height: 50px; background: #ffffff; border-radius: 8px; margin: auto; margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; border: 1px solid white; box-sizing: border-box; } .baike-1ban .bk-seach .inputSeach .inputDiv { border: none; width: 95%; height: 80%; font-size: 16px; color: #909399; } .baike-1ban .bk-seach .inputSeach .inputDiv::-webkit-input-placeholder { font-size: 16px; } .baike-1ban .bk-seach .inputSeach .svgIcon { cursor: pointer; width: 40px; height: 40px; background: url(../img/baike/baike-1Search.png) no-repeat center; } .baike-1ban .bk-seach .hotSeach { display: flex; align-items: center; height: 28px; margin: auto; } .baike-1ban .bk-seach .hotSeach .tips { font-weight: 400; font-size: 16px; color: #ffffff; } .baike-1ban .bk-seach .hotSeach .tipsList { display: flex; align-items: center; } .baike-1ban .bk-seach .hotSeach .tipsList a { cursor: pointer; color: white; padding: 4px 8px; margin-right: 24px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.16); border-radius: 4px; } @media (max-width: 991px) { .baike-1ban { width: 100%; height: 210px; } .baike-1ban .container { padding-top: 28px; } .baike-1ban .title { font-size: 28px; margin-bottom: 20px; } .baike-1ban .des-title { width: 240px; } .baike-1ban .bk-seach { width: 90%; margin: 20px auto 0; } .baike-1ban .bk-seach .inputSeach { height: 40px; } .baike-1ban .bk-seach .inputSeach .inputDiv { font-size: 14px; } .baike-1ban .bk-seach .hotSeach { display: none; } } .baike-1 { width: 100%; padding: 42px 0; background: #f9f9f9; overflow: hidden; } .baike-1 .container { padding: 0; } .baike-1 .juflex { justify-content: space-between; } .baike-1-tit { align-items: center; margin-bottom: 24px; display: flex; flex-wrap: wrap; } .baike-2-tit { align-items: center; margin-bottom: 13px; display: flex; flex-wrap: wrap; } .baike-4-tit { align-items: center; margin-bottom: 20px; display: flex; flex-wrap: wrap; } .baike-1-tit .svgIcon-1 { background-image: url(../img/baike/baike-1-titIcon.png); width: 20px; height: 26px; } .baike-1-tit .svgIcon-2 { background-image: url(../img/baike/baike-1-titIcon-2.png); width: 19px; height: 23px; } .baike-1-tit .svgIcon-3 { background-image: url(../img/baike/baike-1-titIcon-3.png); width: 20px; height: 19px; } .baike-2-tit .svgIcon-4 { background-image: url(../img/baike/baike-1-titIcon-4.jpg); width: 17px; height: 17px; } .baike-2-tit .svgIcon-5 { background-image: url(../img/baike/baike-1-titIcon-5.jpg); width: 16px; height: 16px; } .baike-4-tit .svgIcon-5 { background-image: url(../img/baike/baike-1-titIcon-5.jpg); width: 16px; height: 16px; } .baike-2-tit .svgIcon-6 { background-image: url(../img/baike/baike-1-titIcon-6.jpg); width: 18px; height: 19px; } .baike-2-tit .svgIcon-7 { background-image: url(../img/baike/baike-1-titIcon-7.jpg); width: 20px; height: 18px; } .baike-4-tit .svgIcon-8 { background-image: url(../img/baike/baike-1-titIcon-8.jpg); width: 16px; height: 15px; } .baike-1-tit .des { margin-left: 8px; height: 28px; font-weight: 500; font-size: 20px; color: #303133; text-align: left; display: flex; flex: 1; justify-content: space-between; align-items: center; } .baike-1-tit .des .moreList { font-weight: 400; font-size: 14px; color: #91959b; } .baike-2-tit .des { margin-left: 8px; height: 28px; font-weight: 500; font-size: 20px; color: #303133; text-align: left; display: flex; flex: 1; justify-content: space-between; align-items: center; } .baike-2-tit .des .moreList { font-weight: 400; font-size: 14px; color: #91959b; } .baike-4-tit .des { margin-left: 8px; height: 28px; font-weight: 500; font-size: 20px; color: #303133; text-align: left; display: flex; flex: 1; justify-content: space-between; align-items: center; } .baike-4-tit .des .moreList { font-weight: 400; font-size: 14px; color: #91959b; } .baike-1-1 { margin-bottom: 40px; overflow: hidden; } .baike-1-1 .listsDiv { cursor: pointer; width: 24.2%; margin-right: 1%; float: left; background: #fff; border-radius: 8px; padding: 16px; } .baike-1-1 .listsDiv:nth-child(4) { margin-right: 0; } .baike-1-1 .topDiv1 { background-image: linear-gradient(0deg, #81c8f3 0%, #0091ea 100%); width: 100%; height: 64px; border-radius: 4px; margin-bottom: 16px; font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; } .baike-1-1 .topDiv2 { background-image: linear-gradient(0deg, #b6c9f5 0%, #7696e1 100%); width: 100%; height: 64px; border-radius: 4px; margin-bottom: 16px; font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; } .baike-1-1 .topDiv3 { background-image: linear-gradient(0deg, #bff2e1 0%, #89d0b9 100%); width: 100%; height: 64px; border-radius: 4px; margin-bottom: 16px; font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; } .baike-1-1 .topDiv4 { background-image: linear-gradient(0deg, #f2d7a5 0%, #ebc57e 100%); width: 100%; height: 64px; border-radius: 4px; margin-bottom: 16px; font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; } .baike-1-1 .desDiv { height: 63px; font-weight: 400; font-size: 14px; color: #909399; text-align: left; line-height: 21px; display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; } .baike-1-1 .listsView { width: 19.2%; height: 160px; float: left; background: #fff; border-radius: 8px; margin-right: 1%; margin-bottom: 16px; box-sizing: border-box; padding: 24px; transition: 0.8s; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .baike-1-1 .listsView:nth-child(5) { margin-right: 0; } .baike-1-1 .listsView:nth-child(10) { margin-right: 0; } .baike-1-1 .listsView-img { width: 60px; height: 60px; margin: 0 auto; } .baike-1-1 .listsView-img.img1 { background: url(../img/baike/baike-1-1img1.jpg); } .baike-1-1 .listsView-img.img2 { background: url(../img/baike/baike-1-1img2.jpg); } .baike-1-1 .listsView-t { text-align: center; line-height: 25px; margin-top: 14px; font-size: 16px; } @media (max-width: 991px) { .baike-1 { padding: 40px 0; } .baike-1 .container { padding: 0 15px; } .baike-1-1 { margin-bottom: 30px; } .baike-1-1 .listsDiv { width: 100%; margin-right: 0; margin-bottom: 20px; } .baike-1-1 .listsView { width: 48%; margin-right: 4%; } .baike-1-1 .listsView:nth-child(2) { margin-right: 0; } .baike-1-1 .listsView:nth-child(4) { margin-right: 0; } .baike-1-1 .listsView:nth-child(6) { margin-right: 0; } .baike-1-1 .listsView:nth-child(8) { margin-right: 0; } .baike-1-1 .listsView:nth-child(5) { margin-right: 4%; } .baike-1-1 .listsView-t { font-size: 14px; } } .baike-2ban { width: 100%; height: 440px; overflow: hidden; background: url(../img/baike/baike-1ban.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .baike-2ban .info { padding-top: 125px; overflow: hidden; color: #fff; } .baike-2ban .info .t-1 { font-size: 38px; margin-bottom: 25px; font-weight: bold; } .baike-2ban .info .t-2 { font-size: 22px; margin-bottom: 66px; } .baike-2ban .info .t-3 { font-size: 38px; line-height: 43px; margin-bottom: 15px; font-weight: bold; } .baike-2ban .info .link { } .baike-2ban .info .link span { display: block; width: 178px; line-height: 48px; border-radius: 5px; text-align: center; border: 1px solid #fff; float: left; margin-right: 20px; } .baike-2ban .info .link span a { font-size: 18px; color: #fff; } .baike-2ban .info .link span:hover { background: #fff; border-radius: 5px; } .baike-2ban .info .link span:hover a { color: #0091ea; } @media (max-width: 992px) { .baike-2ban { width: 100%; height: 210px; } .baike-2ban .info { padding: 30px 0 0 0; } .baike-2ban .info .link span { width: 120px; line-height: 30px; } .baike-2ban .info .link span a { font-size: 16px; } .baike-2ban .info .t-1 { font-size: 26px; } .baike-2ban .info .t-2 { font-size: 16px; margin-bottom: 30px; } .baike-2ban .info .t-3 { font-size: 26px; line-height: 33px; } } /*cation { width: 100%; line-height: 50px; background: #fff; }*/ .location i { margin-right: 5px; } .baike-2 { width: 100%; padding: 20px 0 70px 0; background: #f9f9f9; overflow: hidden; } .baike-2 .container { padding: 0; } .baike-2-fl-1 { background: #fff; border-radius: 8px; padding: 30px; margin-bottom: 20px; } .baike-2-fl-1 .top { margin-bottom: 20px; overflow: hidden; background: none; width: auto; height: auto; } .baike-2-fl-1 .top-fl { float: left; font-size: 24px; color: #333; } .baike-2-fl-1 .top-fr { float: right; margin-top: 7px; } .baike-2-fl-1 .top-fr span { margin-left: 30px; font-size: 14px; color: #999; } .baike-2-fl-1 .top-fr span a { color: #999; } .baike-2-fl-1 .top-fr span a i { margin-right: 5px; } .baike-2-fl-1 .txt { font-size: 16px; line-height: 27px; } @media (max-width: 992px) { .baike-2 .container { padding: 0 15px; } .baike-2-fl-1 { padding: 20px; } .baike-2-fl-1 .top-fl { font-size: 18px; } .baike-2-fl-1 .top-fr { margin-top: 0; } .baike-2-fl-1 .top-fr span { margin-left: 10px; } .baike-2-fl-1 .txt { font-size: 14px; line-height: 22px; } } .baike-2-fl-2 { background: #fff; border-radius: 8px; padding: 30px; margin-bottom: 20px; } .baike-2-fl-2 img { width: 100px; float: left; display: block; margin-right: 25px; } .baike-2-fl-2 .info { width: 80%; float: left; overflow: hidden; } .baike-2-fl-2 .info .tit { font-size: 20px; color: #333; margin-bottom: 10px; } .baike-2-fl-2 .info .txt { font-size: 14px; line-height: 23px; color: #666; } .baike-2-fl-2 .link { width: 100%; float: right; } .baike-2-fl-2 .link span { display: block; line-height: 40px; text-align: center; border-radius: 5px; background: #0091ea; margin-bottom: 20px; } .baike-2-fl-2 .link span a { font-size: 16px; color: #fff; display: block; } .baike-2-fl-2 .link span:nth-child(2) { margin-bottom: 0; } @media (max-width: 992px) { .baike-2-fl-2 { padding: 20px; } .baike-2-fl-2 img { display: none; } .baike-2-fl-2 .info { width: 100%; } .baike-2-fl-2 .info .tit { font-size: 18px; } .baike-2-fl-2 .info .txt { margin-bottom: 20px; } .baike-2-fl-2 .link { float: none; } .baike-2-fl-2 .link span { width: 48%; float: left; margin-bottom: 0; margin-right: 2%; line-height: 30px; } .baike-2-fl-2 .link span a { font-size: 14px; } .baike-2-fl-2 .link span:nth-child(2) { margin-right: 0; } } .baike-2-fl-3 { width: 100%; background: #fff; overflow: hidden; margin-bottom: 20px; } .baike-2-fl-3 .top { width: 10%; float: left; padding: 38px 0; background: #eaeaea; height: auto; } .baike-2-fl-3 .top img { display: block; width: 21px; height: 21px; margin: 0 auto; } .baike-2-fl-3 .top .txt { margin-top: 10px; text-align: center; font-size: 24px; color: #333; } .baike-2-fl-3 .main { width: 90%; float: left; overflow: hidden; } .baike-2-fl-3 .main .con { width: 33.33%; float: left; border-right: 1px solid #f8f8f8; } .baike-2-fl-3 .main .con:nth-child(3) { border-right: 0; } .baike-2-fl-3 .main .con ul { display: block; padding: 15px 15px 15px 58px; overflow: hidden; } .baike-2-fl-3 .main .con ul li { line-height: 34px; font-size: 16px; } .baike-2-fl-3 .main .con ul li a { color: #333; } @media (max-width: 992px) { .baike-2-fl-3 .top { width: 100%; float: none; padding: 15px 0; overflow: hidden; } .baike-2-fl-3 .top img { margin: 0 10px; float: left; } .baike-2-fl-3 .top .txt { margin-top: 0; text-align: left; float: left; font-size: 18px; } .baike-2-fl-3 .main { width: 100%; float: none; } .baike-2-fl-3 .main .con { width: 50%; } .baike-2-fl-3 .main .con ul { padding: 15px; } .baike-2-fl-3 .main .con ul li { font-size: 14px; } } .baike-2-fl-4 { background: #fff; border-radius: 8px; padding: 50px; margin-bottom: 20px; } .baike-2-fl-4 .tit { padding-bottom: 20px; margin-bottom: 15px; font-size: 22px; color: #333; border-bottom: 1px solid #ccc; } .baike-2-fl-4 .txt { font-size: 16px; line-height: 35px; color: #444; } @media (max-width: 992px) { .baike-2-fl-4 { padding: 20px; } .baike-2-fl-4 .tit { font-size: 18px; } .baike-2-fl-4 .txt { font-size: 14px; line-height: 26px; } } .baike-2-fr-img { margin-bottom: 20px; overflow: hidden; } .baike-2-fr-right-search { width: 100%; background: #ffffff; box-shadow: 0 2px 4px 0 rgba(224, 224, 224, 0.5); border-radius: 8px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; box-sizing: border-box; padding: 12px; margin-bottom: 20px; border: none !important; } .baike-2-fr-right-search .divMain { width: 100%; height: 40px; border: 1px solid #efefef; border-radius: 8px; display: flex; align-items: center; justify-content: center; } .baike-2-fr-right-search .divMain input { border: none; width: 80%; } .baike-2-fr-right-search .divMain img { cursor: pointer; } .baike-2-fr-right-search .hotDiv { display: flex; margin: auto; flex-wrap: wrap; display: none; } .baike-2-fr-right-search .hotDiv .title { height: 20px; font-weight: 400; font-size: 14px; color: #909399; width: 100%; margin-top: 8px; margin-bottom: 12px; } .baike-2-fr-right-search .hotDiv .des { display: flex; flex-wrap: wrap; } .baike-2-fr-right-search .hotDiv .des .desDev { height: 28px; background: #f5f6f7; border-radius: 4px; box-sizing: border-box; padding: 4px 8px; margin-bottom: 12px; margin-right: 12px; font-size: 12px; display: flex; align-items: center; } .baike-2-fr { padding: 20px; margin-bottom: 20px; background: #fff; border-radius: 8px; } .baike-2-fr-1 { font-size: 14px; color: #999; line-height: 26px; } .baike-2-fr-1 a { color: #999; } .baike-2-fr-2 { } .baike-2-fr-2 .divView-list { display: flex; flex-wrap: wrap; box-sizing: border-box; } .baike-2-fr-2 .divView-list a { color: #999; } .baike-2-fr-2 .divView-list .divClick { cursor: pointer; background: #f5f6f7; border-radius: 4px; padding: 4px 6px; display: flex; align-items: center; justify-content: center; margin-right: 16px; margin-bottom: 16px; transition: 0.3s; } .baike-2-fr-2 .divView-list .divClick:hover { color: #fff; background: #0091ea; } .baike-2-fr-3 { } .baike-2-fr-3 .con { width: 100%; height: 57px; background: url("../img/baike/baike-2-fr-3bg.jpg") no-repeat left; } .baike-2-fr-3 .con .info { padding: 12px 0 0 20px; overflow: hidden; } .baike-2-fr-3 .con .info span { font-size: 16px; color: #333; display: block; margin-bottom: 9px; } .baike-2-fr-3 .con .info span a { color: #333; } .baike-2-fr-3 .con .info em { font-size: 12px; color: #999; display: block; } .baike-2-other { background: #fff; border-radius: 8px; padding: 30px; margin-bottom: 20px; } .baike-2-other .con { } .baike-2-other .con img { width: 100%; display: block; } .baike-2-other .con span { display: block; line-height: 43px; font-size: 14px; } .baike-2-other .con span a { color: #333; } @media (max-width: 992px) { .baike-2-fr-img { display: none; } } .baike-3ban { } .baike-3ban .inputSeach { font-size: 16px; width: 70%; height: 50px; margin-top: 30%; background: rgba(255, 255, 255, 0.55); border-radius: 8px; margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; box-sizing: border-box; float: right; } .baike-3ban .inputSeach input::-webkit-input-placeholder { /* Chrome, Opera, Safari */ color: #fff; } .baike-3ban .inputSeach input:-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; /* 修复Firefox 18- 的不透明度问题 */ } .baike-3ban .inputSeach input::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; /* 修复Firefox 19+ 的不透明度问题 */ } .baike-3ban .inputSeach input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .baike-3ban .inputSeach .inputDiv { border: none; width: 95%; height: 80%; background: none; font-size: 16px; color: #fff; } .baike-3ban .inputSeach .inputDiv::-webkit-input-placeholder { font-size: 16px; } .baike-3ban .inputSeach .svgIcon { cursor: pointer; width: 40px; height: 40px; background: url(../img/baike/baike-3Search.png) no-repeat center; } @media (max-width: 991px) { .baike-3ban .inputSeach { width: 70%; height: 40px; margin-top: 0; margin-bottom: 0; float: none; } .baike-3ban .inputSeach .inputDiv { font-size: 12px; } } .baike-3 { width: 100%; padding: 20px 0 70px 0; background: #f9f9f9; overflow: hidden; } .baike-3 .container { padding: 0; } .baike-3 .listsView { width: 19%; height: 160px; float: left; background: #fff; border-radius: 8px; margin: 0 0.5%; margin-bottom: 16px; box-sizing: border-box; padding: 24px; transition: 0.8s; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .baike-3 .listsView-img { width: 60px; height: 60px; margin: 0 auto; } .baike-3 .listsView-img.img1 { background: url(../img/baike/baike-1-1img1.jpg); } .baike-3 .listsView-t { text-align: center; line-height: 25px; margin-top: 14px; font-size: 16px; } @media (max-width: 992px) { .baike-3 .container { padding: 0 15px; } .baike-3 .listsView { width: 48%; margin: 0 1%; margin-bottom: 10px; } .baike-3 .listsView-t { font-size: 14px; } } .baike-4ban { width: 100%; height: 190px; overflow: hidden; background: url(../img/baike/baike-1ban.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .baike-4ban .container { padding-top: 45px; } .baike-4ban .bk-seach { width: 80%; margin: 0 auto; overflow: hidden; } .baike-4ban .bk-seach .inputSeach { font-size: 16px; width: 100%; height: 50px; background: #ffffff; border-radius: 8px; margin: auto; margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; border: 1px solid white; box-sizing: border-box; } .baike-4ban .bk-seach .inputSeach .inputDiv { border: none; width: 95%; height: 80%; font-size: 16px; color: #909399; } .baike-4ban .bk-seach .inputSeach .inputDiv::-webkit-input-placeholder { font-size: 16px; } .baike-4ban .bk-seach .inputSeach .svgIcon { cursor: pointer; width: 40px; height: 40px; background: url(../img/baike/baike-1Search.png) no-repeat center; } .baike-4ban .bk-seach .hotSeach { display: flex; align-items: center; height: 28px; margin: auto; } .baike-4ban .bk-seach .hotSeach .tips { font-weight: 400; font-size: 16px; color: #ffffff; } .baike-4ban .bk-seach .hotSeach .tipsList { display: flex; align-items: center; } .baike-4ban .bk-seach .hotSeach .tipsList a { cursor: pointer; color: white; padding: 4px 8px; margin-right: 24px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.16); border-radius: 4px; } @media (max-width: 991px) { .baike-4ban { width: 100%; } .baike-4ban .container { padding-top: 44px; } .baike-4ban .bk-seach { width: 90%; margin: 20px auto 0; } .baike-4ban .bk-seach .inputSeach { height: 40px; } .baike-4ban .bk-seach .inputSeach .inputDiv { font-size: 14px; } .baike-4ban .bk-seach .hotSeach { display: none; } } .baike-4 { width: 100%; padding: 0 0 70px 0; background: #f9f9f9; overflow: hidden; } .baike-4 .container { padding: 0; } .baike-4 .search-tip { font-weight: 500; font-size: 20px; line-height: 60px; color: #303133; } .baike-4 .search-fl-list { width: 100%; overflow: hidden; } .baike-4 .search-fl-list .con { width: 100%; height: 112px; background: #fff; border-radius: 8px; padding: 16px; box-sizing: border-box; margin-bottom: 16px; } .baike-4 .search-fl-list .con .title { display: flex; align-items: center; margin-bottom: 10px; } .baike-4 .search-fl-list .con .title img { width: 24px; float: left; display: block; } .baike-4 .search-fl-list .con .title .baike-4-icon { background: url(../img/baike/baike-4-icon.jpg); width: 24px; height: 24px; float: left; display: block; } .baike-4 .search-fl-list .con .title .title-right { height: 24px; font-weight: 500; font-size: 16px; line-height: 24px; margin-left: 8px; } .baike-4 .search-fl-list .con .des { height: 40px; font-weight: 400; font-size: 14px; line-height: 20px; color: #666; display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .baike-4 .baike-4-fr { padding: 20px; margin-bottom: 20px; background: #fff; border-radius: 8px; } .baike-4 .baike-4-fr-1 { } .baike-4 .baike-4-fr-1 .divView-list { display: flex; flex-wrap: wrap; box-sizing: border-box; } .baike-4 .baike-4-fr-1 .divView-list a { color: #999; } .baike-4 .baike-4-fr-1 .divView-list .divClick { cursor: pointer; background: #f5f6f7; border-radius: 4px; padding: 4px 6px; display: flex; align-items: center; justify-content: center; margin-right: 16px; margin-bottom: 16px; transition: 0.3s; } .baike-4 .baike-4-fr-1 .divView-list .divClick:hover { color: #fff; background: #0091ea; } .baike-4 .baike-4-fr-2 { } .baike-4 .baike-4-fr-2 .divClick { display: block; height: 31px; line-height: 31px; font-size: 16px; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .baike-4 .baike-4-fr-2 .divClick i { width: 5px; height: 5px; background: #0091ea; margin: 13px 8px 0 0; display: block; float: left; } .baike-4 .baike-4-fr-2 .divClick:hover { color: #0091ea; } @media (max-width: 991px) { .baike-4 { padding: 0 0 40px 0; } .baike-4 .container { padding: 0 15px; } .baike-4 .search-tip { font-size: 16px; } } .location { color: #333; } .location, .location .breadcrumb > li, .location ol.breadcrumb li a { list-style: none; color: #333; } /*描点*/ .Atis-box { width: 100%; height: 0; position: relative; top: -108px; } @media (max-width: 991px) { .Atis-box { top: -85px; } } .baike-2-fl-4 .txt h2 { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #ededed; font-size: 18px; font-weight: bold; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-stretch: inherit; line-height: 29px; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 18px; vertical-align: baseline; text-align: justify; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(31, 44, 61); word-break: break-all; background-color: rgb(255, 255, 255); } /*百科结束*/ /*新浪分时图 股票开始*/ #tab { } #tab .tabList { width: 100%; overflow: hidden; border-top: 1px solid #d8d9d9; border-left: 1px solid #d8d9d9; border-right: 1px solid #d8d9d9; } #tab .tabList ul li { width: 24.9%; float: left; display: block; text-align: center; font-size: 18px; color: #333; line-height: 40px; } #tab .tabList ul li + li { border-left: 1px solid #d8d9d9; } #tab .tabList ul li:hover, #tab .tabList ul li.cur { background-color: #1ab0b1; color: #fff; } #tab .tabCon { border-top: 1px solid #d8d9d9; text-align: center; position: relative; zoom: 1; overflow: hidden; height: 400px; } #tab .tabCon img { max-width: 100%; height: auto; } #tab .tabCon div { width: 100%; border: 1px solid #d8d9d9; border-top: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); padding: 10px 0; height: auto; } #tab .tabList li.cur { border-bottom: none; background: #1ab0b1; color: #fff; } #tab .tabCon div.cur { opacity: 1; filter: alpha(opacity=100); } /*新浪分时图 股票结束*/ #clear_data_html { padding-top: 10px; margin-bottom: 10px; } .item_inner .item { display: none; width: 220px; height: 160px; margin-bottom: 20px; } .set_item2 { display: none; } .item_inner .item h4 { line-height: 30px; text-indent: 10px; } ul.sel_item { padding: 3px 6px; border: #ccc solid 1px; width: 100%; height: 130px; overflow-y: auto; /* 确保内容溢出时显示滚动条 */ } ul.sel_item li { line-height: 28px; } ul.sel_item li label { padding-left: 5px; } ul.sel_item::-webkit-scrollbar { width: 8px; /* 滚动条宽度 */ } /* 滚动条轨道 */ ul.sel_item::-webkit-scrollbar-track { background: #f1f1f1; /* 轨道背景颜色 */ border-radius: 10px; /* 轨道圆角 */ } /* 滚动条滑块 */ ul.sel_item::-webkit-scrollbar-thumb { background: #888; /* 滑块背景颜色 */ border-radius: 10px; /* 滑块圆角 */ } /* 滑块悬停时的样式 */ ul.sel_item::-webkit-scrollbar-thumb:hover { background: #555; /* 悬停时滑块背景颜色 */ } /* Firefox浏览器的滚动条样式 */ ul.sel_item { scrollbar-width: thin; /* 滚动条宽度,可选值:auto | thin | none */ scrollbar-color: #888 #f1f1f1; /* 滚动条颜色,第一个值是滑块颜色,第二个值是轨道颜色 */ } .screen .total .search-button { clear: both; width: 200px; line-height: 35px; width: 300px; background-color: var(--search_button_color); color: #fff; display: block; float: left; } .screen .total .search-button[disabled="disabled"] { background-color: #727f89; } .total { width: 400px; } .total span.num { display: inline-block; line-height: 35px; text-indent: 6px; height: 35px; } #attr_set .show_sel { text-indent: 6px; line-height: 22px; padding-left: 15px; color: var(--default_txt); font-weight: bold; } #attr_set .show_sel::after { content: "|"; } #attr_set .show_sel:last-child::after { content: " "; } #attr_set .show_sel i.fa-times { color: var(--default_color); font-style: normal; } .pro-fr-main { clear: both; } @media (max-width: 991px) { .item_inner { overflow-x: auto; white-space: nowrap; height: 184px; margin: 20px auto; padding: 15px 20px; scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; /* 兼容Firefox */ } /* 横向滚动条轨道(背景) */ .item_inner::-webkit-scrollbar { height: 8px; /* 重要:增大高度 */ } .item_inner::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } /* 横向滚动条滑块(灰色部分) */ .item_inner::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; /* 高度16px时,8px半径为正圆 */ /*min-width: 12px; */ /* 避免滑块过窄 */ } .item_inner::-webkit-scrollbar-thumb:hover { background: #555; } .item { width: 160px; margin-right: 10px; } #attr_set .show_sel { } #attr_set .show_sel::after { content: ""; } .total { width: 100%; } .total span.num { } .screen { margin-bottom: 0px !important; } } .pages { width: 100%; clear: both; margin-top: 20px; } .pro-fr { } .search-in { width: 100%; overflow: hidden; justify-content: center; align-items: center; display: flex; margin-bottom: 20px; } .search-in .search-form { position: relative; /* width: 400px;*/ width: 100%; transition: width 0.3s ease; } .search-in .search-form .search-input { display: block; width: 100%; height: 42px; line-height: initial; border: 1px solid var(--search_button_color); color: #373737; outline: 0; padding-top: 4px; padding-left: 20px; } .search-in .search-form .search-button { position: absolute; right: 0; top: 0; height: 42px; background: var(--search_button_color); border: 0; width: 93px; outline: 0; padding: 0; cursor: pointer; color: #fff; } .search-in .search-btn { -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 16px; text-align: center; } .search-in .search-form .search-button i { margin-right: 8px; } @media (max-width: 991px) { .search-in { width: 100%; float: none; } .news-input { width: 100%; float: none; margin-left: 0; } } .suggestions-list { list-style: none; padding: 0; margin: 10px 0; } .suggestions-list li { padding: 8px 0; border-bottom: 1px solid #eee; } .suggestions-list li:last-child { border-bottom: none; } .search { /* width: 80%; */ /* margin-left: -50%; left: 50% !important; background: #fff !important; */ } .search form { background: #fff; width: 100%; margin: 0px auto 0px auto; } .historical_records { display: none; position: absolute; padding: 10px; background: var(--white_background); z-index: 100; } .historical_records ul li { display: block; line-height: 22px; clear: left; margin-left: 0px !important; } .records_clear { color: #23527c; font-size: 16px; clear: both; margin-top: 0px; padding-top: 0px; line-height: 30px; } .search-container { background: #fff; width: 100%; } .datalist_header { display: none; line-height: 25px; position: absolute; z-index: 100; padding-top: 10px; } .datalist_header div { text-indent: 15px; } .datalist_header strong { text-indent: 15px; display: block; } datalist#search-suggestions { text-indent: 10px; position: fixed; padding-bottom: 6px; width: 420px; float: left; background: #fff; padding-top: 10px; z-index: 100; top: 142px; } .show_product_list { position: absolute; z-index: 100; background: var(--white_background); width: 500px; left: 350px; top: 68px; } .search-result { width: 880px; min-height: 300px; position: absolute; background: var(--white_background); display: none; } .search-container .show_product_list { float: right; width: 20%; } datalist#search-suggestions option { line-height: 22px; } .show_product_list .img { width: 120px; float: left; } .show_product_list .img img { width: 100%; margin-right: 8px; border: #ccc solid 1px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); } .show_product_list .subject { line-height: 20px; margin-left: 133px; } @media (max-width: 991px) { .datalist_header_mobile { position: absolute; display: none; margin-top: 10px; line-height: 22px; } #search-suggestions_mobile { position: absolute; display: none; } #search-suggestions_mobile { position: absolute; display: none; top: 106px; } .search-result-mobile { position: absolute; display: none; width: 100%; } .historical_records_mobile { position: absolute; width: 100%; } .historical_records_mobile dl { margin-top: 10px; margin-bottom: 6px; } .historical_records_mobile dt { font-weight: normal; line-height: 22px; } .search { width: 100%; margin-left: 0%; left: 0 !important; background: #fff !important; top: 0px !important; } .search form .search-container .txt { height: 38px !important; padding: 0px 6px !important; } .search form .search-container .bt { height: 38px !important; left: -34px !important; } datalist#search-suggestions { text-indent: 0px; width: 100%; clear: both; } .datalist_header { clear: both; padding-top: 10px; position: absolute; background: var(--white_background); } .search form .search-container { width: 100%; height: 38px !important; margin-top: 0px !important; transform: translateY(0px) !important; background: #fff; position: relative; } datalist#search-suggestions option { overflow: hidden; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-container .show_product_list { display: none; } .header-right ul { border-top: none !important; } } /* ######################固定列 表格 ########################################开始*/ .table-description { margin-bottom: 1rem; color: #4b5563; font-size: 0.9rem; } /* 表格容器 */ .table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 1rem; border: 1px solid #e5e7eb; border-radius: 0.375rem; background-color: white; } /* 表格样式 */ .fixed-table { width: 100%; min-width: 1600px; /* 确保超过1600px容器宽度 */ border-collapse: collapse; } .fixed-table th, .fixed-table td { padding: 0.75rem; text-align: left; border-bottom: 1px solid #e5e7eb; font-size: 13px; } .fixed-table tr th:nth-child(3), .fixed-table tr th:nth-child(4), .fixed-table tr th:nth-child(5), .fixed-table tr th:nth-child(6), .fixed-table tr th:nth-child(7) { width: 120px; } .fixed-table th { background-color: #f3f4f6; font-weight: 600; color: #4b5563; white-space: nowrap; } .fixed-table tr:last-child td { border-bottom: none; } .fixed-table tr:hover td { background-color: #f9fafb; } /* 优化固定列样式 */ .fixed-col-1 { position: sticky; left: 0; background-color: white; z-index: 10; /* 提高层级,避免被其他内容覆盖 */ width: 394px; min-width: 394px; border-right: 2px solid #e5e7eb; /* 作为两列的唯一分隔线 */ border-left: none; /* 移除左侧冗余边框 */ /* 强制固定,不受父元素overflow影响 */ will-change: transform; background-clip: padding-box; -webkit-background-clip: padding-box; } /* 后加样式*/ .fixed-col-1 .img { width: 125px; height: 85px; float: left; } .fixed-col-1 :hover .img img { border: 1px solid #ef7d0c; } .fixed-col-1 .img img { border: 1px solid #e6e4e4; width: 100%; } .fixed-col-1 .info { width: 220px; float: left; margin-left: 15px; overflow: hidden; } .fixed-col-1 .info .t-1 { line-height: 22px; } .fixed-col-1 .info .t-1 a { color: #ee7700; } .fixed-col-1 .info .t-2 { line-height: 21px; color: #777; } .fixed-col-1 .more { float: right; width: 110px; line-height: 32px; background: #ee7700; margin-top: 25px; font-size: 15px; text-align: center; } .fixed-col-1 .more a { color: #fff; } /* 后加样式*/ .fixed-col-2 { position: sticky; left: 393px; /* 严格对应第一列宽度 */ background-color: white; z-index: 9; /* 低于第一列,避免覆盖第一列边框 */ width: 150px; min-width: 150px; border-right: 2px solid #e5e7eb; border-left: none; /* 关键:与ID列共用右侧边框,消除间隙 */ will-change: transform; /* 覆盖可能的透明间隙 */ background-clip: padding-box; -webkit-background-clip: padding-box; /* 关键:通过负margin向左偏移,贴合ID列 */ margin-left: -1px; /* 确保背景色覆盖可能的漏白 */ background-color: white; /* 强制渲染优先级 */ transform: translateZ(0); } @-moz-document url-prefix() { .fixed-col-2 { left: 390px; /* Firefox中需要的偏移值 */ /* 额外强化边框覆盖,解决Firefox渲染偏差 */ border-right-width: 3px; margin-left: -2px; } } /* 行hover时强化固定列背景 */ .fixed-table tr:hover td.fixed-col-2 { background-color: #f9fafb; /* 与非固定列hover背景一致 */ } .fixed-table th, .fixed-table td { border-right: #e5e7eb solid 1px; } /* 强化表头边框衔接(表头行可能因背景色差异更明显) */ .fixed-table th.fixed-col-1 { border-bottom: 1px solid #e5e7eb; /* 确保表头底部边框连续 */ } .fixed-table th.fixed-col-2 { border-bottom: 1px solid #e5e7eb; } /* 行hover时确保边框不被背景色覆盖 */ .fixed-table tr:hover td.fixed-col-1, .fixed-table tr:hover td.fixed-col-2 { border-color: #e5e7eb; /* 保持边框颜色稳定 */ } /* 确保表格容器没有额外限制 */ .table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 1rem; border: 1px solid #e5e7eb; border-radius: 0.375rem; background-color: white; /* 移除可能影响的样式 */ padding: 0; /* 避免内边距导致滚动范围偏差 */ position: relative; /* 为sticky提供定位参考 */ } /* 表头固定列增强 */ .fixed-table th.fixed-col-1, .fixed-table th.fixed-col-2 { background-color: #f3f4f6; /* 表头文字不换行,确保宽度稳定 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 状态标签样式 */ .status { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; } .status-active { background-color: #dcfce7; color: #166534; } .status-inactive { background-color: #fee2e2; color: #b91c1c; } /* 响应式调整 */ @media (max-width: 640px) { .container { max-width: 100%; padding: 0.5rem; } .fixed-table { min-width: 900px; } .fixed-col-1 { width: 140px; min-width: 120px; } .fixed-col-2 { left: 148px; width: auto; min-width: auto; background-color: transparent; position: static; } .fixed-col-1 .img { width: 140px; height: 110px; } .fixed-col-1 .img img { width: 100%; } .fixed-col-1 .info .t-1 { display: none; } .fixed-col-1 .more { display: none; } .fixed-col-1 .info { width: 120px; } .fixed-table th, .fixed-table td { font-size: 12px; } .fixed-table tr th:nth-child(2) { /* width: 120px; */ } } /* ######################固定列 表格 ########################################结束*/ /** 新闻内页二维码显示 */ .show-new-fl .t-2 em { display: block; float: right; line-height: 38px; position: relative; } .show-new-fl .show_qrcode { position: absolute; top: 45px; right: 6px; display: none; background: #fff; border: #ccc solid 1px; border-radius: 5px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); } .show-new-fl .show_qrcode .code img { margin-top: 0px; width: 120px; padding: 0px 5px; } .show-new-fl .show_qrcode span { text-align: center; line-height: 25px; overflow: hidden; display: block; width: 100%; font-size: 15px; color: rgba(0, 0, 0, 0.8); font-weight: bold; margin-top: 8px; } .show-new-fl .show_qrcode i.close { font-size: 16px; padding-top: 5px; padding-right: 5px; }