@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
        }

        .search-gourp {
            width: 272px;
            height: 30px;
            line-height: 30px;
            border: 2px solid #0072d8;
            border-radius: 0;
            top: 17px;
            position: relative;
            margin-right: 20px
        }

        .search-gourp .search-select {
            position: absolute;
            left: -76px;
            top: -2px
        }

        .search-gourp .search-select .ant-select-selection {
            border: 2px solid #0072d8;
            height: 30px
        }

        .search-gourp .search-input {
            width: calc(100% - 68px);
            float: left;
            position: relative;
            height: 100%
        }

        .search-gourp .search-input .ant-input {
            border: none;
            line-height: 26px;
            height: 26px;
            padding: 0 7px;
            outline: none;
            padding-left: 15px;
            vertical-align: text-bottom
        }

        .search-gourp .search-input i {
            position: absolute;
            left: 5px;
            top: 5px;
            color: #cdcccc
        }

        .search-gourp .search-btn {
            width: 68px;
            border: 0;
            background: #0072d8;
            color: #fff;
            text-align: center;
            height: 26px;
            line-height: 26px;
            font-size: 1rem;
            float: right;
            cursor: pointer
        }

        .search-gourp .prompt-box {
            overflow: hidden;
            position: absolute;
            top: 100%;
            transition: max-height .5s;
            z-index: 101;
            width: calc(100% - 68px);
            font-size: 1rem
        }

        .search-gourp .prompt-box .search-prompt {
            border: 1px solid #eee;
            border-radius: 4px;
            padding: 5px;
            font-size: .85rem;
            background: #f4f4f4;
            color: #333232;
            line-height: 25px
        }

        .search-gourp .prompt-box .search-prompt .anticon-delete {
            vertical-align: middle;
            margin-right: 5px
        }

        .search-gourp .prompt-box .search-prompt .area-title {
            display: inline-block;
            vertical-align: text-bottom;
            color: #677277
        }

        .search-gourp .prompt-box .search-prompt .prompt-item {
            margin: 5px 15px;
            cursor: pointer;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

        .search-gourp .prompt-box .search-prompt .empty-history-new {
            margin: 0;
            width: 100%;
            text-align: center;
            color: #677277
        }

        .search-gourp .prompt-box .search-prompt .history-area .clear-history {
            float: right;
            color: #677277;
            cursor: pointer
        }