
        @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
        }

        .btn-radius {
            border-radius: 3px
        }

        .btn-radius-md {
            border-radius: 5px
        }

        .btn-radius-lg {
            border-radius: 88px
        }

        .btn-qm {
            border: 1px solid;
            width: 100%;
            height: 60px;
            line-height: 58px;
            font-weight: 300;
            font-size: 24px;
            font-family: Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Lucida Grande, sans-serif;
            text-decoration: none;
            text-align: center;
            padding: 0 10px;
            margin: 0;
            display: inline-block;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            cursor: pointer;
            box-sizing: border-box;
            transition-property: all;
            transition-duration: .3s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .btn-qm>svg {
            vertical-align: text-bottom;
            margin: 0 10px;
            width: 30px;
            height: 30px
        }

        .btn-qm-xs {
            height: 2.14rem;
            line-height: calc(2.14rem - 2px);
            font-size: 1rem
        }

        .btn-qm-md {
            height: 74px;
            line-height: 72px;
            font-size: 27px
        }

        .btn-qm-lg {
            height: 88px;
            line-height: 86px;
            font-size: 30px
        }

        .btn-qm-default {
            background: #eee;
            color: #666;
            border-color: #eee
        }

        .btn-qm-default:active {
            background: #d5d5d5;
            border-color: #d5d5d5
        }

        .btn-qm-theme {
            background: #0072d8;
            color: #fff;
            border-color: #0072d8
        }

        .btn-qm-theme:active {
            background: #0065bf;
            border-color: #0065bf
        }

        .btn-qm-theme-o {
            background: #fff;
            color: #0072d8;
            border-color: #0072d8
        }

        .btn-qm-theme-o:active {
            background: #59b0ff;
            border-color: #2598ff;
            color: #fff
        }

        .btn-qm-reverse {
            background: #ff9700;
            color: #fff;
            border-color: #ff9700
        }

        .btn-qm-reverse:active {
            background: #e68800;
            border-color: #e68800
        }

        .btn-qm-danger {
            background: #eb4b35;
            color: #fff;
            border-color: #eb4b35
        }

        .btn-qm-shadow {
            color: #fff;
            border: none
        }

        .btn-qm-shadow,
        .btn-qm-shadow:focus {
            background: linear-gradient(90deg, #0072d8, #47acf5)
        }

        .btn-qm-shadow:focus {
            border-color: #0072d8
        }

        .btn-qm-pattern {
            background: #ff9700;
            color: #fff;
            border-color: #ff9700;
            padding: 0 3px;
            width: auto
        }

        .btn-qm-pattern span {
            border: .4rem solid #fff;
            -o-border-image: url(/s/images/veteran/menu-item-active-2.png) 7 round;
            border-image: url(/s/images/veteran/menu-item-active-2.png) 7 round;
            padding: 0 10px;
            font-size: .85rem;
            top: -1px;
            position: relative
        }

        .btn-qm-pattern:active {
            background: #e68800;
            border-color: #e68800
        }

        .btn-qm-stress {
            background: #ff9700;
            color: #fff;
            border-color: #ff9700
        }

        .btn-qm-stress:active {
            background: #e68800;
            border-color: #e68800
        }

        .btn-qm-order {
            background: #2b76d3;
            color: #fff;
            border-color: #2b76d3
        }

        .btn-qm-order:active {
            background: #276abe;
            border-color: #276abe
        }

        .btn-qm-stress-o {
            background: #fff;
            color: #ff9700;
            border-color: #ff9700
        }

        .btn-qm-stress-o:active {
            background: #ffcb80;
            border-color: #ffb64d;
            color: #fff
        }

        .btn-qm-pay {
            background: #eb4b35;
            color: #fff;
            border-color: #eb4b35
        }

        .btn-qm:disabled {
            background: #ddd;
            border-color: #d0d0d0;
            color: #999;
            cursor: not-allowed
        }

        .btn-qm:disabled:active {
            background: #ddd;
            border-color: #ddd
        }

        .no-border {
            border-color: transparent
        }
    