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

        .psce-query {
            background: url("/images/psce_s_bg.png") top no-repeat;
            height: 670px;
            text-align: center;
            color: #fff;
            padding-top: 30px
        }

        .psce-query .query-form {
            width: 660px;
            margin: 20px auto
        }

        .psce-query .query-form .ant-form-item {
            width: 50%;
            padding-right: 20px;
            float: left;
            text-align: left
        }

        .psce-query .query-form .ant-form-item .ant-input {
            border-radius: 0
        }

        .psce-query .query-form .ant-form-item img {
            display: inline-block;
            vertical-align: top
        }

        .psce-query .query-form .ant-form-item .check-code {
            display: inline-block
        }

        .psce-query .query-form .ant-form-item button {
            width: 150px;
            color: #fff;
            height: 34px;
            line-height: 32px;
            background: #37c5fe;
            float: right
        }

        .psce-query .query-form .code {
            width: 310px;
            height: 32px;
            float: left;
            border-radius: 0;
            margin-right: 20px
        }

        .psce-query .list-inline-wrap {
            background: #fff;
            width: 1100px;
            margin: 0 auto;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
        }

        .psce-query .list-inline li {
            width: 25%;
            border-right: 1px solid #eee;
            text-align: center;
            height: 265px;
            color: #000;
            padding-top: 45px;
            font-size: 16px;
            cursor: pointer;
            vertical-align: top
        }

        .psce-query .list-inline li:hover {
            font-weight: 700
        }

        .psce-query .list-inline li:first-child:hover {
            color: #fa870a
        }

        .psce-query .list-inline li:first-child:hover .line {
            background: #fa870a
        }

        .psce-query .list-inline li:first-child:hover img {
            box-shadow: 0 0 50px #fb9f3c
        }

        .psce-query .list-inline li:nth-child(2):hover {
            color: #19c9da
        }

        .psce-query .list-inline li:nth-child(2):hover .line {
            background: #19c9da
        }

        .psce-query .list-inline li:nth-child(2):hover img {
            box-shadow: 0 0 50px #3ddae9
        }

        .psce-query .list-inline li:nth-child(3):hover {
            color: #227de3
        }

        .psce-query .list-inline li:nth-child(3):hover .line {
            background: #227de3
        }

        .psce-query .list-inline li:nth-child(3):hover img {
            box-shadow: 0 0 50px #4f98e9
        }

        .psce-query .list-inline li:last-child:hover {
            color: #23d873
        }

        .psce-query .list-inline li:last-child:hover .line {
            background: #23d873
        }

        .psce-query .list-inline li:last-child:hover img {
            box-shadow: 0 0 50px #4ce28e
        }

        .psce-query .list-inline li a {
            color: #000
        }

        .psce-query .list-inline li img {
            margin-bottom: 15px;
            border-radius: 50%
        }

        .psce-query .list-inline li:last-child {
            border-right-color: transparent
        }

        .psce-query .list-inline li .line {
            display: block;
            width: 22px;
            height: 1px;
            background: #000;
            margin: 15px auto
        }