* {
    box-sizing: border-box;
}

html {
    color: #0066cc;
    background: #fff;
    font-family: '宋体', 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 14px;
}

body {
    min-width: 1200px;
    margin: 0;
    padding-top: 30px !important;
    line-height: 1.8;
    background: url('../images/gu_bg.jpg') repeat-x #ffffff;
    color: #0066cc;
    overflow: auto;
}

a {
    color: #0000ff;
    font-family: '宋体', 'Verdana';
    text-decoration: none;
    line-height: 1.8;
}

a:hover {
    color: #0000ff;
    text-decoration: underline;
}

button,
input,
select,
textarea {
    font-family: '宋体', 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 14px;
}

button {
    cursor: pointer;
}

.g-wrap {
    width: 1200px;
    margin: 0 auto;
}

.g-topbar {
    min-width: 1200px;
    color: #e8f4ff;
    border-bottom: 1px solid #002d5e;
    background: #063a72;
}

.g-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    overflow: hidden;
}

.g-topbar ul {
    display: flex;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}

.g-topbar li {
    line-height: 32px;
}

.g-topbar li + li::before {
    content: "|";
    padding: 0 8px;
    color: #a9c5df;
}

.g-topbar a {
    color: #fff;
}

.g-topbar a:hover {
    color: #fff200;
}

.g-strong,
.is-strong {
    font-weight: 700;
}

.g-header {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 86px;
    padding: 9px 0 8px;
    gap: 10px;
}

.g-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 318px;
    height: 65px;
    padding: 5px 0 5px 14px;
    color: #c00000;
    border: 1px solid #c3d7ea;
    background:
        linear-gradient(90deg, #fff 0%, #eef8ff 64%, #d9edf9 100%);
    text-decoration: none;
}

.g-logo:hover {
    color: #c00000;
    text-decoration: none;
}

.g-logo-main {
    font-family: SimSun, serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0;
}

.g-logo-sub {
    margin-top: 5px;
    color: #0a4f8d;
    font-size: 13px;
    font-weight: 700;
}

.g-check-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 145px;
    height: 27px;
    margin-left: 3px;
    color: #003399;
    border: 1px solid #2d8bca;
    background: #ffd200;
    font-weight: 700;
}

.g-check-btn:hover {
    color: #c40000;
    text-decoration: none;
}

.g-search {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    gap: 5px;
    color: #333;
}

.g-search input,
.g-search-large input {
    width: 255px;
    height: 27px;
    padding: 3px 6px;
    color: #333;
    border: 1px solid #7eaed0;
    background: #fff;
    outline: none;
}

.g-search input:focus,
.g-search-large input:focus,
.g-feedback textarea:focus,
.g-tool textarea:focus {
    border-color: #0a74b9;
}

.g-search select,
.g-search-large select {
    height: 27px;
    border: 1px solid #7eaed0;
    background: #fff;
}

.g-search button,
.g-search-large button,
.g-tool button,
.g-feedback button,
.g-modal button {
    height: 27px;
    padding: 0 13px;
    color: #fff;
    border: 1px solid #004f92;
    background: linear-gradient(180deg, #1d91dc 0%, #075fa2 100%);
    font-weight: 700;
}

.g-mainnav,
.g-subnav {
    height: 30px;
    min-height: 30px;
    padding: 0 4px;
    border: 1px solid #c8dbe9;
    border-top: 0;
    background: #fff;
}

.g-mainnav {
    height: 30px;
    min-height: 30px;
    padding: 0 4px;
    border: 1px solid #c8dbe9;
    background: url('../images/g_01.gif') repeat-x;
}

.g-mainnav a {
    flex: 0 0 auto;
    padding: 0 3px;
    color: #0048b7;
    font-size: 16px;
    line-height: 30px;
}

.g-mainnav a + a::before,
.g-subnav a + a::before {
    content: "|";
    margin-right: 8px;
    color: currentColor;
}

.g-mainnav .is-strong {
    color: #f00;
}

.g-subnav {
    min-height: 30px;
    padding: 1px 7px;
    border-right: 1px solid #9ecbe8;
    border-bottom: 1px solid #9ecbe8;
    border-left: 1px solid #9ecbe8;
    background: #e5f4ff;
}

.g-subnav a {
    flex: 0 0 auto;
    padding: 0 3px;
    color: #0066cc;
    font-size: 16px;
    line-height: 30px;
}

.g-breadcrumb {
    margin-top: 7px;
    padding: 5px 8px;
    color: #333;
    border: 1px solid #b7d7ee;
    background: #f5fbff;
}

.g-ad-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 7px;
    color: #8a5c00;
    border: 1px solid #e1c884;
    background: #fff9df;
}

.g-home-notice {
    margin-top: 7px;
    padding: 6px 9px;
    text-align: right;
    border: 1px solid #b7d7ee;
    background: #fff;
    font-weight: 700;
}

.g-home-grid,
.g-channel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 7px;
}

.g-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.g-section,
.g-links,
.g-list-box,
.g-tool,
.g-page-card,
.g-detail-card,
.g-search-page,
.g-sidebox,
.g-feedback {
    border: 1px solid #cde0ee;
    background: #fff;
}

.g-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding: 0 7px;
    color: #0066cc;
    border-bottom: 1px solid #82cdf4;
    background: url('../images/g_01.gif') repeat-x;
    font-weight: 700;
    font-size: 16px;
}

.g-section-title span,
.g-side-title {
    white-space: nowrap;
}

.g-section-title span::before,
.g-side-title::before {
    content: "\25A0";
    margin-right: 4px;
    color: #0066cc;
    font-size: 9px;
}

.g-section-title a {
    color: #0000ff;
    font-size: 12px;
    font-weight: 400;
}

.g-news-list,
.g-article-list,
.g-side-list {
    padding: 0;
    margin: 0;
    min-width: 0;
    font-size: 14px;
}

.g-news-list li,
.g-article-list li,
.g-side-list li {
    height: 25px;
    min-height: 25px;
    padding: 0 5px;
    overflow: hidden;
    border-bottom: 1px dashed #cde0ee;
    line-height: 25px;
}

.g-news-list li:last-child,
.g-article-list li:last-child,
.g-side-list li:last-child {
    border-bottom: 1px dashed #cde0ee;
}

.g-news-list li::before,
.g-article-list li::before,
.g-side-list li::before {
    width: 0;
    height: 0;
    margin-right: 5px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #0066cc;
    background: transparent;
}

.g-news-list li a,
.g-side-list li a,
.g-article-row a {
    min-width: 0;
    color: #0066cc;
}

.g-news-list li a:visited,
.g-article-row a:visited {
    color: #444;
}

.g-news-list li span {
    width: 45px;
    margin-left: 6px;
    color: #999;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    text-align: right;
}

.g-list-box {
    margin-bottom: 8px;
}

.g-list-box .g-news-list,
.g-list-box .g-article-list {
    border-top: 0;
}

.g-list-box .g-news-list li,
.g-list-box .g-article-list li,
.g-article-row {
    height: 27px;
    min-height: 27px;
    line-height: 27px;
}

.g-article-row {
    gap: 8px;
}

.g-row-meta {
    width: 230px;
    color: #999;
    font-family: Verdana, SimSun, sans-serif;
    font-size: 12px;
    text-align: right;
    white-space: nowrap;
}

.g-page-title,
.g-list-head {
    padding: 6px 8px;
    border-left: 1px solid #cde0ee;
}

.g-info-table {
    width: 100%;
    margin-top: 8px;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.8;
    table-layout: fixed;
}

.g-info-table td,
.g-info-table th {
    padding: 0 8px;
    overflow: hidden;
    border: 1px solid #d7e3f1;
    vertical-align: top;
    word-break: break-all;
}

.g-info-table th,
.g-info-table .g-info-label {
    width: 90px;
    color: #333;
    background: #f5f9ff;
    font-weight: 400;
    text-align: left;
}

.g-info-table .g-info-cell {
    background: #fff;
    color: #333;
}

.g-info-table .g-info-block {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 22px;
}

.g-page-title h1,
.g-list-head h1 {
    margin: 0 0 2px;
    color: #0066cc;
    font-size: 18px;
    line-height: 28px;
}

.g-page-title p,
.g-list-head p {
    color: #555;
    line-height: 22px;
}

.g-pagination {
    padding: 12px 8px 10px;
    border-top: 1px solid #cde0ee;
    background: #fff;
}

.g-pagination a,
.g-pagination span {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    color: #666;
    border-color: #dedede;
    font-family: Verdana, SimSun, sans-serif;
    line-height: 20px;
}

.g-pagination span {
    color: #fff;
    background: #159aea;
}

.g-sidebar {
    font-size: 14px;
}

.g-sidebox {
    margin-bottom: 8px;
    border-bottom: 1px solid #cde0ee;
}

.g-side-body {
    padding: 0;
    border-bottom: 1px solid #cde0ee;
}

.g-side-body.g-side-body-links {
    padding: 4px 6px 6px;
    border-bottom: 0;
}

.g-side-group {
    margin: 0;
    border: 0;
    border-bottom: 1px dashed #cde0ee;
}

.g-side-main {
    height: 25px;
    padding: 0 8px 0 14px;
    color: #004f99;
    border-bottom: 1px solid #dcecf8;
    background: #f7fcff;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    position: relative;
}

.g-side-main::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    width: 4px;
    height: 4px;
    background: #0d78bc;
}

.g-side-main:hover {
    color: #0066cc;
    text-decoration: none;
}

.g-side-group ul {
    grid-template-columns: 1fr;
    padding: 2px 5px 5px 12px;
    background: #fff;
}

.g-side-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.g-side-more {
    flex: 0 0 auto;
    color: #999;
    font-size: 12px;
    line-height: 25px;
}

.g-side-more:hover {
    color: #ff3300;
}

.g-side-group li {
    position: relative;
    height: 23px;
    line-height: 23px;
}

.g-side-group li a,
.g-side-list li a {
    color: #0a628f;
    font-size: 12px;
}

.g-side-group li a {
    padding-left: 10px;
    background: none;
}

.g-side-group li::before {
    content: "\251C";
    position: absolute;
    top: 0;
    left: 0;
    color: #7da6c3;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.g-side-list li {
    height: 25px;
    min-height: 25px;
    padding: 0 5px;
    line-height: 25px;
}

.g-side-rank {
    display: inline-block;
    width: 16px;
    margin-right: 6px;
    color: #c00;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.g-side-portal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.g-side-portal-links a {
    width: 50%;
    height: 26px;
    overflow: hidden;
    padding-right: 6px;
    padding-left: 10px;
    color: #0a628f;
    font-size: 12px;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.g-side-portal-links a::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 2px;
    width: 4px;
    height: 4px;
    background: #0d78bc;
}

.g-detail {
    margin-top: 8px;
}

.g-detail-card {
    padding-bottom: 8px;
    border-bottom: 1px solid #cde0ee;
}

.g-detail-head {
    padding: 15px 18px 8px;
    border-bottom-color: #cde0ee;
    background: #fff;
}

.g-detail-head h1 {
    margin-bottom: 8px;
    color: #111;
    font-size: 22px;
    line-height: 34px;
}

.g-summary,
.g-info {
    color: #666;
    font-size: 12px;
    line-height: 22px;
}

.g-content {
    min-height: 180px;
    padding: 14px 18px;
    color: #111;
    font-size: 14px;
    line-height: 1.85;
}

.g-demo-image {
    min-height: 176px;
    margin: 12px 0;
    border-color: #cde0ee;
    background: #fbfdff;
}

.g-download {
    margin: 0 18px 12px;
    border-color: #cde0ee;
    background: #fff;
}

.g-download-title span {
    color: #c82e40;
    font-size: 12px;
    font-weight: 400;
}

.g-download-item {
    display: flex;
    align-items: flex-start;
    min-height: 28px;
    padding: 3px 8px;
    border-bottom: 1px dashed #cde0ee;
    line-height: 21px;
}

.g-download-item:last-child {
    border-bottom: 1px dashed #cde0ee;
}

.g-download-item a {
    flex: 0 0 auto;
    color: #f00;
    font-size: 12px;
    line-height: 21px;
    text-decoration: underline;
}

.g-download-item a::before {
    width: 13px;
    color: #0066cc;
}

.g-download-item span {
    min-width: 0;
    margin-left: 6px;
    color: #666;
    font-size: 12px;
    line-height: 21px;
}

.g-download-item.g-download-item-actions {
    align-items: center;
}

.g-download-item.g-download-item-actions span {
    margin-left: 8px;
}

.g-download-note {
    margin-top: 8px;
    border-top: 1px solid #d7e3f1;
}

.g-download-note .g-info-table {
    margin-top: 0;
    border-top: 0;
}

.g-prev-next {
    margin: 0 18px 12px;
    padding: 6px 8px;
}

.g-prev-next p {
    margin: 2px 0;
    line-height: 24px;
}

.g-feedback {
    margin: 0 18px 12px;
    padding-bottom: 10px;
}

.g-feedback textarea,
.g-tool textarea {
    display: block;
    width: calc(100% - 16px);
    min-height: 112px;
    margin: 8px;
    padding: 4px;
    border-color: #c1bfc2;
    background: #fff;
    color: #333;
    line-height: 20px;
}

.g-search-large {
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    background: #f8fcff;
}

.g-search-large input {
    width: 380px;
}

.g-user-form {
    padding: 8px 10px 12px;
    color: #333;
}

.g-form-row {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 6px;
    min-height: 31px;
    padding: 3px 0;
    border-bottom: 1px dashed #cde0ee;
}

.g-form-row label {
    color: #333;
    font-weight: 400;
    line-height: 22px;
}

.g-form-row input,
.g-form-row select,
.g-form-row textarea {
    min-height: 22px;
    padding: 1px 3px;
    border: 1px solid #c1bfc2;
    line-height: 18px;
}

.g-form-row textarea {
    min-height: 112px;
}

.g-form-row button {
    justify-self: start;
}

.g-form-actions {
    padding: 10px 0 0 108px;
    color: #666;
    line-height: 26px;
}

.g-form-actions a,
.g-form-actions span {
    margin-left: 8px;
}

.g-form-row.g-form-row-inline {
    grid-template-columns: 100px minmax(0, 1fr) auto;
}

.g-form-row.g-form-row-inline button {
    min-width: 92px;
}

.g-user-form .g-content {
    padding: 0;
}

.g-user-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.g-user-grid .g-list-box {
    margin-bottom: 0;
}

.g-user-main-actions {
    padding: 8px 10px;
    border-top: 1px solid #d7e3f1;
    background: #fbfdff;
    color: #666;
    font-size: 12px;
    line-height: 24px;
}

.g-user-main-actions a {
    margin-right: 14px;
}

.g-user-main-actions strong {
    color: #c00;
    font-weight: 700;
}

.g-user-panel {
    gap: 8px;
}

.g-links {
    margin-top: 8px;
}

.g-links p {
    margin: 0;
    padding: 5px 8px;
    line-height: 26px;
}

.g-links a {
    margin-right: 10px;
    white-space: nowrap;
}

body.g-modal-open {
    overflow: hidden;
}

.g-modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .25);
}

.g-modal.is-open,
.g-modal[aria-hidden="false"] {
    display: flex;
}

.g-modal[aria-hidden="true"] {
    display: none;
}

.g-modal-panel {
    position: relative;
    width: 390px;
    padding: 0 0 12px;
    border: 1px solid #296ea3;
    background: #fff;
    box-shadow: none;
}

.g-modal-panel h3 {
    height: 30px;
    margin: 0 0 10px;
    padding: 0 9px;
    color: #fff;
    border-bottom: 1px solid #0b67a8;
    background: #0f7dc2;
    font-size: 14px;
    line-height: 30px;
}

.g-modal-panel p {
    margin: 0 12px 12px;
    color: #333;
    font-size: 12px;
    line-height: 22px;
}

.g-modal-panel > button:not(.g-modal-close) {
    margin-left: 12px;
}

.g-modal-actions {
    padding: 0 12px;
    text-align: left;
}

.g-modal-actions button + button {
    margin-left: 8px;
}

.g-modal-close {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 20px;
    height: 20px;
    color: #333;
    border: 1px solid #9fbfd7;
    background: #fff;
    font-family: Arial, sans-serif;
    line-height: 18px;
}

.g-footer {
    min-width: 1200px;
    margin-top: 14px;
    padding: 14px 0 12px;
    color: #333;
    border-top: 1px solid #cde0ee;
    background: #f4f8fb;
    font-family: Tahoma, SimSun, sans-serif;
    font-size: 12px;
    line-height: 22px;
}

@media (max-width: 1199px) {
    html,
    body {
        min-width: 0;
        overflow-x: hidden;
    }

    body {
        padding-top: 32px;
        background: #fff;
    }

    .g-topbar,
    .g-footer {
        min-width: 0;
    }

    .g-wrap,
    .g-topbar-inner,
    .g-mainnav,
    .g-subnav {
        width: auto;
        max-width: none;
    }

    .g-wrap,
    .g-topbar-inner {
        margin-right: 8px;
        margin-left: 8px;
    }

    .g-topbar-inner {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .g-topbar ul {
        display: inline-flex;
        vertical-align: top;
    }

    .g-topbar-right {
        margin-left: 18px;
    }

    .g-header {
        align-items: flex-start;
        height: auto;
        min-height: 0;
        padding: 8px 0;
        flex-wrap: wrap;
    }

    .g-logo {
        flex: 1 1 100%;
        width: 100%;
        height: auto;
        min-height: 70px;
        padding: 6px 0;
    }

    .g-logo-main {
        font-size: 32px;
        line-height: 36px;
    }

    .g-search {
        flex: 1 1 100%;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .g-search input,
    .g-search-large input {
        flex: 1 1 180px;
        width: auto;
        min-width: 0;
    }

    .g-mainnav,
    .g-subnav {
        justify-content: flex-start;
        height: auto;
        max-height: none;
        margin-right: 8px;
        margin-left: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .g-topbar-inner::-webkit-scrollbar,
    .g-mainnav::-webkit-scrollbar,
    .g-subnav::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    .g-mainnav a,
    .g-subnav a {
        flex: 0 0 auto;
        font-size: 14px;
    }

    .g-home-grid,
    .g-channel-grid,
    .g-layout,
    .g-user-panel,
    .g-user-grid {
        grid-template-columns: 1fr;
    }

    .g-row-meta {
        width: 145px;
    }

    .g-download-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .g-download-item span {
        margin-left: 13px;
    }
}

@media (max-width: 640px) {
    body {
        font-size: 13px;
    }

    .g-wrap,
    .g-topbar-inner {
        margin-right: 6px;
        margin-left: 6px;
    }

    .g-logo-main {
        font-size: 30px;
        line-height: 34px;
    }

    .g-logo-sub {
        font-size: 13px;
    }

    .g-check-btn,
    .g-search button,
    .g-search-large button,
    .g-tool button,
    .g-feedback button,
    .g-modal button,
    .g-form-actions button,
    .g-user-form button {
        min-width: 80px;
    }

    .g-search,
    .g-search-large {
        gap: 4px;
    }

    .g-search select,
    .g-search-large select {
        max-width: 120px;
    }

    .g-search select,
    .g-search-large select,
    .g-search button,
    .g-search-large button {
        flex: 0 0 auto;
    }

    .g-section-title,
    .g-side-title,
    .g-download-title {
        font-size: 14px;
    }

    .g-news-list li,
    .g-article-list li,
    .g-side-list li {
        padding-right: 4px;
        padding-left: 4px;
    }

    .g-news-list li span {
        width: 42px;
    }

    .g-article-row {
        align-items: flex-start;
        height: auto;
        min-height: 27px;
        flex-direction: column;
        gap: 0;
        padding: 2px 0;
    }

    .g-list-box .g-article-list li {
        height: auto;
        min-height: 44px;
    }

    .g-row-meta {
        width: auto;
        max-width: 100%;
        text-align: left;
    }

    .g-side-group ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .g-content,
    .g-detail-head {
        padding-right: 10px;
        padding-left: 10px;
    }

    .g-download,
    .g-prev-next,
    .g-feedback {
        margin-right: 10px;
        margin-left: 10px;
    }

    .g-download-item a,
    .g-download-item span {
        max-width: 100%;
    }

    .g-feedback textarea,
    .g-tool textarea {
        width: calc(100% - 12px);
        margin: 6px;
    }

    .g-form-row {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .g-form-row.g-form-row-inline {
        grid-template-columns: 1fr;
    }

    .g-form-row label {
        text-align: left;
    }

    .g-form-actions {
        padding-left: 0;
    }
}

/* Post-responsive source-site alignment: these rules must remain at the end. */
html,
body {
    font-family: SimSun, "\5B8B\4F53", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

body {
    min-width: 1200px;
    margin: 0;
    padding-top: 30px !important;
    color: #0066cc;
    background: url('../images/gu_bg.jpg') repeat-x #ffffff;
    line-height: 180%;
    overflow: auto;
}

a,
a:link,
a:visited {
    color: #0000ff;
    font-family: SimSun, "\5B8B\4F53", Verdana, sans-serif;
    line-height: 180%;
    text-decoration: none;
}

a:hover {
    color: #0000ff;
    text-decoration: underline;
}

button,
input,
select,
textarea,
td,
th {
    font-family: SimSun, "\5B8B\4F53", Verdana, Arial, Helvetica, sans-serif;
}

td,
th {
    color: #333333;
    font-size: 15px;
    line-height: 180%;
}

.g-wrap,
.g-topbar-inner {
    width: 1200px;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
}

.g-topbar,
.g-mainnav,
.g-subnav {
    min-width: 1200px;
}

.g-mainnav,
.g-subnav,
.g-section-title,
.g-side-title,
.g-download-title {
    height: 30px;
    min-height: 30px;
    background: url('../images/g_01.gif') repeat-x;
    line-height: 30px;
}

.g-mainnav,
.g-subnav {
    overflow: hidden;
    padding: 0 4px;
    border: 1px solid #c8dbe9;
}

.g-mainnav a,
.g-subnav a {
    color: #0048b7;
    font-family: SimSun, "\5B8B\4F53", Verdana, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.g-section-title,
.g-side-title,
.g-download-title {
    padding: 0 5px;
    color: #0066cc;
    border-bottom: 1px solid #82cdf4;
    font-family: Verdana, SimSun, "\5B8B\4F53", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.g-section-title a,
.g-side-title a,
.g-download-title a {
    color: #0000ff;
    font-family: SimSun, "\5B8B\4F53", Verdana, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.g-news-list,
.g-article-list,
.g-side-list,
.g-info-table {
    font-size: 14px;
    line-height: 180%;
}

.g-news-list li,
.g-article-list li,
.g-side-list li,
.g-article-row,
.g-download-item {
    height: 25px;
    min-height: 25px;
    overflow: hidden;
    border-bottom: 1px dashed #cde0ee;
    line-height: 25px;
}

.g-info-table {
    border-collapse: collapse;
}

.g-info-table th,
.g-info-table td {
    color: #333333;
    font-family: SimSun, "\5B8B\4F53", Verdana, sans-serif;
    font-size: 15px;
    line-height: 180%;
}

.g-info-table .g-info-label {
    background: #f5f9ff;
    color: #333333;
    font-weight: 400;
}

.g-detail-head h1 {
    color: #111111;
    font-family: SimSun, "\5B8B\4F53", Verdana, sans-serif;
    font-size: 10.5pt;
    font-weight: 700;
    line-height: 180%;
}

.g-content {
    color: #111111;
    font-family: SimSun, "\5B8B\4F53", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 180%;
}

/* Source homepage table layout */
.tableClass,
.tableCommon {
    width: 1200px;
}

.g-top-bar {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    background: url('../images/gd.jpg');
}

.g-top-bar-panel {
    position: relative;
    width: 1200px;
    height: 32px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 32px;
}

.g-top-bar-panel > ul {
    position: absolute;
    top: 0;
    height: 32px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    line-height: 32px;
}

.g-top-bar-panel > ul li {
    position: relative;
    float: left;
    height: 32px;
    color: #333333;
    font-size: 14px;
    line-height: 32px;
    list-style: none;
}

.g-top-bar-panel a {
    color: #ffffff;
}

.g-top-bar-main {
    left: 0;
}

.g-top-bar-actions {
    left: 705px;
}

.g-top-sep {
    padding: 0 10px;
    color: #ffffff !important;
}

.g-top-bar-login {
    right: 0;
}

.g-top-bar-login li {
    width: auto;
    min-width: 28px;
    text-align: center;
}

.logo {
    width: 350px;
    height: 90px;
    margin-top: 0;
    border: 0;
}

.g-source-search {
    margin: 0;
}

.search_input {
    width: 300px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

.search_select {
    height: 26px;
    margin: 0;
    border: 1px solid #c1bfc2;
    line-height: 24px;
    vertical-align: middle;
}

.button {
    width: 90px;
    height: 26px;
    color: #000000;
    border: 1px solid #296ea3;
    background: url('../images/g_01.gif') repeat-x #ffffff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    vertical-align: middle;
}

.div_menu {
    width: 1200px;
    border: 1px solid #c8dbe9;
}

.menuA {
    height: 30px;
    color: #0048b7;
    background: url('../images/g_01.gif') repeat-x;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.menuB {
    min-height: 30px;
    padding-left: 10px;
    color: #0066cc;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.menuA a,
.menuB a {
    font-size: 16px;
}

.menu-sep {
    margin: 0 2px;
}

.g-source-ad {
    margin-top: 6px;
    border: 1px solid #cde0ee;
    background: #ffffff;
}

.g-source-ad td {
    height: 38px;
    color: #c82e40;
    font-weight: bold;
    text-align: center;
}

.g-source-location {
    margin-top: 5px;
}

.g-source-location td {
    height: 28px;
}

.tdBar,
.tdBarMore {
    height: 30px;
    color: #0066cc;
    background: url('../images/g_01.gif') repeat-x;
    font-family: Verdana, SimSun, "\5B8B\4F53", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.tdBar img {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.tdBarMore img {
    float: right;
    width: 42px;
    height: 12px;
    border: 0;
}

.border_no_bottom {
    border: 1px solid #cde0ee;
    border-bottom: none;
}

.border {
    border: 1px solid #cde0ee;
}

.jiange {
    margin-top: 8px;
}

.tr-cel-space > td {
    width: 32%;
    vertical-align: top;
}

.tr-cel-space > td:nth-child(2) {
    padding: 0 5px 5px;
}

.g-section-grid {
    display: block;
    table-layout: fixed;
}

.g-section-grid > tbody {
    display: block;
}

.g-section-grid .tr-cel-space {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 5px;
    width: 100%;
}

.g-section-grid .tr-cel-space > td {
    display: block;
    width: auto;
    padding: 0 0 5px;
    vertical-align: top;
}

.g-section-grid .tr-cel-space > td + td {
    padding-left: 0;
}

.g-section-grid .tr-cel-space > td:nth-child(2) {
    padding: 0 0 5px;
}

.g-section-grid .border_no_bottom {
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
}

.g-section-grid .tdBarMore {
    width: 48px;
}

.g-section-grid .ul_title li {
    overflow: hidden;
}

.g-section-grid .divrow {
    box-sizing: border-box;
    width: calc(100% - 62px);
    max-width: calc(100% - 62px);
}

.ul_title {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.ul_title li {
    float: left;
    width: 100%;
    height: 25px;
    border-bottom: 1px dashed #cde0ee;
    list-style-type: none;
}

.divrow {
    float: left;
    width: 330px;
    height: 25px;
    padding-left: 5px;
    overflow: hidden;
    line-height: 25px;
}

.sp_date {
    display: block;
    float: right;
    padding-right: 10px;
    color: #999999;
}

.g-home-service {
    padding: 8px 10px;
    line-height: 26px;
}

/* Final guhai.com.cn public-frame alignment. */
html,
body {
    font-family: SimSun, "\5B8B\4F53", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

body {
    min-width: 1200px;
    padding-top: 30px !important;
    background: url('../images/gu_bg.jpg') repeat-x #ffffff;
    color: #0066cc;
    line-height: 180%;
}

a,
a:link,
a:visited {
    color: #0066cc;
    font-family: SimSun, "\5B8B\4F53", Verdana, sans-serif;
    line-height: 180%;
    text-decoration: none;
}

a:hover {
    color: #ff3300;
    text-decoration: underline;
}

button,
input,
select,
textarea,
td,
th {
    font-family: SimSun, "\5B8B\4F53", Verdana, Arial, Helvetica, sans-serif;
}

td,
th {
    color: #333333;
    font-size: 15px;
    line-height: 180%;
}

.g-wrap,
.tableClass,
.tableCommon,
.div_menu {
    width: 1200px;
    max-width: none;
}

.tableClass,
.tableCommon,
.div_menu {
    margin-right: auto;
    margin-left: auto;
}

.g-top-bar {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    background: url('../images/gd.jpg');
}

.g-top-bar-panel {
    position: relative;
    width: 1200px;
    height: 32px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 32px;
}

.g-top-bar-panel > ul {
    position: absolute;
    top: 0;
    height: 32px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    line-height: 32px;
}

.g-top-bar-panel > ul li {
    position: relative;
    float: left;
    height: 32px;
    color: #333333;
    font-size: 14px;
    line-height: 32px;
    list-style: none;
}

.g-top-bar-panel a,
.g-top-bar-panel a:link,
.g-top-bar-panel a:visited {
    color: #ffffff;
}

.g-top-bar-panel a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.g-top-sep {
    padding: 0 10px;
    color: #ffffff !important;
}

.g-top-bar-other {
    left: 64%;
}

.g-top-bar-login {
    right: 0;
}

.g-top-bar-login li {
    width: 40px;
    text-align: center;
}

.g-logo-table > tbody > tr > td {
    height: 90px;
    vertical-align: middle;
}

.g-header-tool-cell {
    width: 250px;
}

.g-header-tool {
    margin: 0 auto;
}

.g-header-search-cell {
    width: 490px;
}

.g-header-qrcode-cell {
    width: 96px;
    padding-right: 10px;
}

.g-header-qrcode {
    width: 86px;
    color: #555555;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.g-header-qrcode img {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto 3px;
    padding: 2px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    object-fit: cover;
}

.logo {
    width: 350px;
    height: 90px;
    margin-top: 0;
    border: 0;
}

.g-source-search {
    margin: 0;
}

.search_input {
    width: 300px;
    height: 26px;
    padding: 0 2px;
    border: 1px solid #c1bfc2;
    line-height: 24px;
    vertical-align: middle;
}

.search_select {
    height: 26px;
    margin: 0;
    border: 1px solid #c1bfc2;
    line-height: 24px;
    vertical-align: middle;
}

.button {
    width: 90px;
    height: 26px;
    padding: 0;
    color: #000000;
    border: 1px solid #296ea3;
    background: url('../images/g_01.gif') repeat-x #ffffff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    vertical-align: middle;
}

.g-detail-title {
    margin: 0;
    color: #ff0000;
    font-family: SimHei, "\9ED1\4F53", SimSun, "\5B8B\4F53", serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 180%;
}

.g-section-placeholder {
    min-height: 1px;
}

.g-channel-recommend-title {
    width: 810px;
}

.g-channel-recommend-head {
    height: 24px;
    overflow: hidden;
    padding-left: 7px;
    color: #0066cc;
    border-bottom: 1px solid #cde0ee;
    background: #f5fbff;
    font-weight: 700;
    line-height: 24px;
}

.g-channel-recommend-head-title {
    float: left;
    width: 810px;
}

.g-channel-recommend-author,
.g-channel-recommend-views {
    float: left;
    height: 26px;
    overflow: hidden;
    color: #666666;
    line-height: 26px;
    text-align: center;
    white-space: nowrap;
}

.g-channel-recommend-author {
    width: 120px;
}

.g-channel-recommend-views {
    width: 70px;
    color: #999999;
}

.ul_title .g-channel-recommend-title {
    width: 810px;
    max-width: 810px;
}

.ul_title .g-channel-recommend-author {
    width: 120px;
}

.ul_title .g-channel-recommend-views {
    width: 70px;
}

.div_menu {
    border: 1px solid #c8dbe9;
}

.menuA {
    height: 30px;
    color: #0048b7;
    background: url('../images/g_01.gif') repeat-x;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.menuB {
    min-height: 30px;
    padding-left: 10px;
    color: #0066cc;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.menuA a,
.menuA a:link,
.menuA a:visited,
.menuB a,
.menuB a:link,
.menuB a:visited {
    color: #0048b7;
    font-size: 16px;
    line-height: 30px;
}

.menuA a:hover,
.menuB a:hover {
    color: #ff3300;
}

.menu-sep {
    margin: 0 2px;
    color: #0048b7;
}

.menu-sep-tight {
    margin: 0 -2px 0 2px;
}

.g-source-ad {
    margin-top: 6px;
    border: 1px solid #cde0ee;
    background: #ffffff;
}

.g-source-ad td {
    height: 38px;
    color: #c82e40;
    font-weight: bold;
    text-align: center;
}

.g-source-ad a,
.g-source-ad a:link,
.g-source-ad a:visited {
    color: #c82e40;
}

.g-source-location {
    margin-top: 5px;
}

.g-source-location td {
    height: 28px;
}

.t_font_bold {
    font-weight: bold;
}

.tdBar,
.tdBarMore,
.tbg {
    height: 30px;
    color: #0066cc;
    background: url('../images/g_01.gif') repeat-x;
    font-family: Verdana, SimSun, "\5B8B\4F53", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.tdBar {
    padding-left: 0;
}

.tdBar img {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border: 0;
    vertical-align: middle;
}

.tdBarMore {
    width: 48px;
    text-align: right;
}

.tdBarMore img {
    float: right;
    width: 42px;
    height: 12px;
    margin-top: 9px;
    border: 0;
}

.border_no_bottom {
    border: 1px solid #cde0ee;
    border-bottom: none;
}

.border {
    border: 1px solid #cde0ee;
}

.jiange {
    margin-top: 8px;
}

.tr-cel-space > td {
    width: 32%;
    vertical-align: top;
}

.tr-cel-space > td:nth-child(2) {
    padding: 0 5px 5px;
}

.ul_title {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.ul_title li {
    float: left;
    width: 100%;
    height: 27px;
    border-bottom: 1px dashed #cde0ee;
    font-size: 14px;
    list-style-type: none;
}

.divrow {
    float: left;
    width: calc(100% - 62px);
    height: 27px;
    padding-left: 5px;
    overflow: hidden;
    line-height: 27px;
    white-space: nowrap;
}

.sp_date {
    display: block;
    float: right;
    width: 52px;
    padding-right: 10px;
    color: #999999;
    font-family: Verdana, SimSun, "\5B8B\4F53", sans-serif;
    font-size: 14px;
    line-height: 27px;
    text-align: right;
}

.g-download-notice {
    margin: 0 0 12px;
    padding: 8px 12px;
    color: #111111;
    border: 4px solid #ff0000;
    font-family: SimSun, "\5B8B\4F53", Verdana, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 180%;
    text-align: left;
}

.g-download-notice-title {
    margin-bottom: 4px;
    color: #000000;
    font-size: 20px;
    text-align: center;
}

.g-download-notice p {
    margin: 0;
}

.g-links-table {
    margin-top: 8px;
}

.zi {
    padding: 0 5px;
    font-size: 14px;
}

.zi a {
    padding: 0 4px;
}

.g-footer-table {
    min-width: 1200px;
    margin-top: 0;
    color: #333333;
    font-size: 12px;
}

.g-footer-table td,
.zztj {
    font-family: Tahoma, SimSun, "\5B8B\4F53", sans-serif;
    font-size: 12px;
    line-height: 180%;
}

.g-mainnav,
.g-subnav {
    display: none;
}

/* Source detail/list frame alignment. */
.conMain {
    width: 1200px;
    margin: 8px auto 0;
    overflow: hidden;
}

.conMain::after {
    display: block;
    clear: both;
    content: "";
}

.sMain {
    float: left;
    width: 930px;
    overflow: hidden;
}

.sSide {
    float: right;
    width: 260px;
    overflow: hidden;
}

.sMainBox {
    width: 100%;
    margin: 0 0 8px;
    border: 1px solid #cde0ee;
    background: #ffffff;
}

.sSideBox {
    width: 260px;
    margin: 0 0 8px;
    border: 1px solid #cde0ee;
    background: #ffffff;
}

.navBar,
.sMainTitle {
    height: 30px;
    padding: 0 6px;
    color: #0066cc;
    border-bottom: 1px solid #cde0ee;
    background: url('../images/g_01.gif') repeat-x #edf8ff;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.sSideBoxBody {
    padding: 6px;
}

.sMain .g-list-box,
.sMain .g-search-page,
.sMain .g-tool,
.sMain .g-page-card,
.sMain .g-detail-card,
.sMain .g-feedback {
    width: auto;
    margin-bottom: 8px;
}

.sMain > .g-list-box:first-child,
.sMain > .g-search-page:first-child,
.sMain > .g-tool:first-child,
.sMain > .g-detail-card:first-child {
    margin-top: 0;
}

.sMain .g-info-table,
.sMain .g-download table {
    width: 100%;
}

.sSide .g-sidebar {
    display: block;
    width: 260px;
}

.sSide .g-sidebox {
    margin-top: 0;
}

.sSide .g-side-title,
.sSide .navBar {
    height: 30px;
    padding: 0 6px;
    font-size: 14px;
    line-height: 30px;
}

.sSide .g-side-body,
.sSide .sSideBoxBody {
    font-size: 12px;
    line-height: 22px;
}

.sSide .g-side-list li,
.sSide .g-side-group li {
    height: 22px;
    line-height: 22px;
}

@media (max-width: 760px) {
    .conMain {
        width: auto;
        margin: 6px 8px 0;
    }

    .sMain,
    .sSide {
        float: none;
        width: auto;
    }

    .sSide,
    .sSide .g-sidebar,
    .sSideBox {
        width: auto;
    }
}