
        @font-face {
            font-family: certificate;
            src: url("/s/fonts/certificate.woff");
            src: url("/s/fonts/certificate.woff") format("woff"), url("/s/fonts/certificate.TTF") format("truetype")
        }

        @font-face {
            font-family: Noto Serif SC;
            src: url("/s/fonts/SourceHanSerifCN-Bold.otf") format("opentype");
            font-weight: 700;
            font-style: normal
        }

        body {
            -webkit-text-size-adjust: 100% !important;
            -ms-text-size-adjust: 100% !important;
            text-size-adjust: 100% !important;
            -moz-text-size-adjust: 100% !important
        }

        .theme-color {
            color: #0073d8
        }

        .pay-color {
            color: red
        }

        .free-color {
            color: #27c836
        }

        .link-span {
            color: #ff9700;
            cursor: pointer
        }

        .text-oneline {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .role-box {
            display: inline-block;
            padding: 1px 5px;
            border-radius: 3px;
            color: #fff !important;
            margin-right: 10px
        }

        .role-box.role-admin {
            background: linear-gradient(90deg, #c30000, #5e0000)
        }

        .role-box.role-monitor {
            background: linear-gradient(90deg, #fc4b4c, #c40203)
        }

        .role-box.role-committee {
            background: linear-gradient(90deg, #ffbe69, #ffa32c)
        }

        .ant-breadcrumb .ant-breadcrumb-link {
            color: #333;
            font-size: 14px;
            font-weight: 400;
            cursor: default
        }

        html {
            font-size: 14px
        }

        body {
            font-family: "Arial,sans-serif"
        }

        ul {
            margin: 0;
            padding: 0
        }

        li {
            list-style: none
        }

        body a {
            color: #0072d8
        }

        body a:focus,
        body a:hover {
            text-decoration: none;
            outline: 0
        }

        label {
            font-size: inherit
        }

        .btn.active,
        .btn:active,
        .btn:focus,
        button,
        button:focus,
        input,
        input:focus {
            outline: 0 !important;
            background-image: none;
            box-shadow: none
        }

        .max-body {
            width: 1200px;
            margin: 0 auto
        }

        .break-all {
            white-space: normal;
            word-break: break-all
        }

        .f12 {
            font-size: 12px
        }

        .f16 {
            font-size: 16px
        }

        .text_green {
            color: #53b901
        }

        .text_orange {
            color: #f60
        }

        .text_gray {
            color: #888
        }

        .text_theme {
            color: #0072d8
        }

        .text_lt {
            text-decoration: line-through
        }

        .text_red {
            color: red
        }

        .pt_rl {
            position: relative
        }

        .pt_as {
            position: absolute
        }

        #cnzz_stat_icon_1259938351 {
            display: none
        }

        .error_tip {
            position: absolute;
            left: 0;
            top: -10px;
            width: 100%;
            z-index: 999
        }

        .error_tip .message {
            background: #fff;
            color: red;
            padding: 0 5px;
            top: 0;
            display: table;
            margin: 0 auto
        }

        .slider_page {
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
            z-index: 1001;
            opacity: 0;
            overflow: auto;
            transition: all .2s ease-in-out;
            transform: translateX(100%);
            background: #fff
        }

        .slider_page.open {
            transform: translateX(0);
            opacity: 1
        }

        .full_page {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: auto;
            z-index: 1050
        }

        .star_selector .fa:before {
            color: #ffb200
        }

        .star_selector .fa.empty:before {
            color: #c3c3c3
        }

        .ant-breadcrumb {
            font-size: inherit
        }

        .ant-breadcrumb a {
            color: inherit
        }

        .ant-breadcrumb>:hover,
        .ant-breadcrumb>span:last-child {
            color: #378fca
        }

        .ant-breadcrumb .ant-breadcrumb-link {
            cursor: pointer
        }

        .ant-breadcrumb>span:last-child .ant-breadcrumb-link {
            display: inline-block;
            vertical-align: top;
            max-width: 500px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .ant-tooltip .ant-tooltip-content .ant-tooltip-arrow {
            border-top-color: #888
        }

        .ant-tooltip .ant-tooltip-content .ant-tooltip-inner {
            background-color: #888
        }

        .bdshare-slide-button-box {
            display: none
        }

        .am-tabs-bar .am-tabs-tab-active {
            color: #0072d8 !important
        }

        .am-tabs-bar .am-tabs-ink-bar {
            background-color: #0072d8 !important;
            height: 3px !important
        }

        .ant-modal .ant-modal-content {
            border-radius: 3px
        }

        .ant-modal .ant-modal-header {
            background: #f8f8f8
        }

        .ant-modal .ant-modal-body .tip_mes .tip_icon {
            float: left;
            width: 80px;
            text-align: center
        }

        .ant-modal .ant-modal-body .tip_mes .tip_icon .tip_success {
            font-size: 32px;
            display: inline-block;
            width: 46px;
            height: 46px;
            text-align: center;
            color: #fff;
            background: #00cd34;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%
        }

        .ant-modal .ant-modal-body .tip_mes .tip_content {
            margin-left: 80px
        }

        .ant-modal .ant-modal-body .tip_mes .tip_content .name {
            font-size: 15px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .ant-modal .ant-modal-body .tip_mes .tip_content .text {
            font-size: 18px;
            margin-top: 5px
        }

        .ant-modal .ant-modal-body p {
            word-break: break-all
        }

        .ant-modal .ant-modal-footer {
            padding: 15px 10px;
            text-align: center;
            border-top: none
        }

        .ant-modal .ant-btn-primary {
            color: #fff;
            border: 1px solid #0072d8;
            background: #fff
        }

        .ant-spin-container {
            overflow: hidden;
            transition: initial !important
        }

        @media (max-width:767px) {
            .ant-modal {
                width: 80% !important;
                min-width: 300px !important;
                max-width: 520px !important
            }
        }

        .form-control-input {
            position: relative;
            z-index: 1
        }

        .btn-theme {
            color: #fff;
            background-color: #0072d8;
            border-color: #0072d8
        }

        .btn-theme:focus,
        .btn-theme:hover {
            outline: none;
            background: #0057a5;
            color: #fff
        }

        .btn-theme-o {
            color: #0072d8;
            background-color: #fff;
            border-color: #0072d8
        }

        .btn-theme-o:focus,
        .btn-theme-o:hover {
            outline: none;
            background: #0057a5;
            color: #fff
        }

        .p0 {
            padding: 0
        }

        .p-md {
            padding: 15px
        }

        .p-lg {
            padding: 20px
        }

        .p-r-0 {
            padding-right: 0
        }

        .p-l-0 {
            padding-left: 0
        }

        .p-1r-md {
            padding: 0 15px
        }

        .p-tb-xs {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .p-tb {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .p-t-xs {
            padding-top: 5px
        }

        .p-t {
            padding-top: 10px
        }

        .p-t-md {
            padding-top: 15px
        }

        .p-t-lg {
            padding-top: 20px
        }

        .p-b-xs {
            padding-bottom: 5px
        }

        .p-b {
            padding-bottom: 10px
        }

        .p-b-md {
            padding-bottom: 15px
        }

        .p-b-lg {
            padding-bottom: 20px
        }

        .p-r-xs {
            padding-right: 5px
        }

        .p-r {
            padding-right: 10px
        }

        .p-r-md {
            padding-right: 15px
        }

        .p-r-lg {
            padding-right: 20px
        }

        .p-l-xs {
            padding-left: 5px
        }

        .p-l {
            padding-left: 10px
        }

        .p-l-md {
            padding-left: 15px
        }

        .p-l-lg {
            padding-left: 20px
        }

        .m0 {
            margin: 0
        }

        .m-t-xs {
            margin-top: 5px
        }

        .m-t {
            margin-top: 10px
        }

        .m-t-md {
            margin-top: 15px
        }

        .m-t-lg {
            margin-top: 20px
        }

        .m-b {
            margin-bottom: 10px
        }

        .m-b-xs {
            margin-bottom: 5px
        }

        .m-b-md {
            margin-bottom: 15px
        }

        .m-b-lg {
            margin-bottom: 20px
        }

        .m-r-xs {
            margin-right: 5px
        }

        .m-r {
            margin-right: 10px
        }

        .m-r-lg {
            margin-right: 20px
        }

        .m-l-xs {
            margin-left: 5px
        }

        .m-l {
            margin-left: 10px
        }

        .m-l-md {
            margin-left: 15px
        }

        .m-l-lg {
            margin-left: 20px
        }

        #main {
            margin: auto;
            margin: 0 auto
        }

        #main,
        .page {
            min-width: 1200px
        }

        .max_body {
            width: 1200px;
            margin: 0 auto
        }

        .fl {
            float: left
        }

        .ant-badge p {
            margin: 0
        }

        .ant-btn,
        .ant-pagination,
        .ant-pagination-item,
        .ant-select-selection__rendered,
        .ant-tabs-nav,
        .ant-tabs-tab {
            font-size: .85rem
        }

        .ant-btn-primary,
        .ant-pagination-item-active,
        .ant-spin-dot i,
        .ant-switch-checked,
        .ant-tabs-ink-bar-animated {
            background-color: #0072d8 !important
        }

        .ant-pagination-item:hover a,
        .ant-pagination-next:hover a,
        .ant-pagination-prev:hover a,
        .ant-spin,
        .ant-tabs-tab-active,
        .ant-tabs-tab:hover {
            color: #0072d8 !important
        }

        .ant-btn-primary,
        .ant-pagination-item-active,
        .ant-pagination-item:hover,
        .ant-pagination-next:hover,
        .ant-pagination-prev:hover,
        .ant-select-open .ant-select-selection,
        .ant-select-selection:hover,
        .ant-switch-checked {
            border-color: #0072d8 !important
        }

        .ant-pagination-item-active:hover a {
            color: #fff !important
        }

        .ant-pagination-disabled:hover {
            border-color: #d9d9d9 !important
        }

        .ant-pagination-disabled:hover,
        .ant-pagination-disabled:hover a {
            color: #d9d9d9 !important
        }

        .ant-pagination-item,
        .ant-pagination-next,
        .ant-pagination-prev {
            border-radius: 0 !important
        }

        .ant-message {
            font-size: 16px !important
        }
    