.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 } ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5 } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); border-radius: 0; background-color: #F5F5F5 } ::-webkit-scrollbar-thumb { border-radius: 0; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #bdbdbd } ::-webkit-scrollbar-thumb:hover { border-radius: 0; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .4) } @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: #337ab7; border-color: #337ab7; } .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 .4s; transition: all .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 .4s; transition: all .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 .4s; transition: all .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; } /*百科开始*/ input { outline: none; } .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: 100%; } .baike-2-fl-3 .main .con ul { padding:0 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: 30px; color: #444; } .baike-2-fl-4 .txt h2 { padding: 3px 0 3px 10px; border-bottom: 1px solid #ededed; border-left: 6px solid #009d9d; margin: 20px 0; font-size: 18px; font-weight: bold; } .baike-2-fl-4 .txt p { /* margin-bottom: 15px; */ } @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 { color: #fff; } .baike-3ban .inputSeach input:-moz-placeholder { color: #fff; opacity: 1; } .baike-3ban .inputSeach input::-moz-placeholder { color: #fff; opacity: 1; } .baike-3ban .inputSeach input:-ms-input-placeholder { 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 } } #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); } .pages{ clear: both; width:100%;}