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

        .v-head-nav .v-head-site {
            height: 105px;
            background: url("/images/psce_nav_bg.png")
        }

        .v-head-nav .v-head-site .site-info {
            height: 100px;
            line-height: 100px
        }

        .v-head-nav .v-head-site .site-info img {
            max-height: 66px
        }

        .v-head-nav .v-head-site .select-site {
            display: inline-block;
            margin-left: 20px;
            font-size: 1rem;
            cursor: pointer;
            position: relative;
            line-height: 3rem;
            padding-right: 20px
        }

        .v-head-nav .v-head-site .select-site:after {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 0;
            border-color: #677277 transparent transparent;
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -3px
        }

        .v-head-nav .v-head-site .select-site:hover .drop-sub-site {
            display: block
        }

        .v-head-nav .v-head-site .select-site .icon {
            color: #ff9700;
            font-size: 1rem
        }

        .v-head-nav .v-head-site .select-site .glyphicon {
            font-size: .6rem;
            color: #677277;
            margin-left: 5px
        }

        .v-head-nav .v-head-site .select-site .drop-sub-site {
            border: 1px solid #eee;
            padding: 15px 20px;
            position: absolute;
            top: 100%;
            width: 22rem;
            left: -9rem;
            z-index: 1001;
            background: #fff;
            border-radius: 5px;
            font-size: 1rem;
            display: none
        }

        .v-head-nav .v-head-site .select-site .drop-sub-site:after,
        .v-head-nav .v-head-site .select-site .drop-sub-site:before {
            position: absolute;
            content: ""
        }

        .v-head-nav .v-head-site .select-site .drop-sub-site:before {
            left: 50%;
            margin-left: -4px;
            top: -9px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 9px 9px;
            border-color: transparent transparent #fff;
            z-index: 2
        }

        .v-head-nav .v-head-site .select-site .drop-sub-site:after {
            left: 50%;
            top: -10px;
            margin-left: -5px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px;
            border-color: transparent transparent #eee;
            z-index: 1
        }

        .v-head-nav .v-head-site .select-site .drop-sub-site a {
            display: inline-block;
            color: #000;
            cursor: pointer
        }

        .v-head-nav .v-head-site .select-site .drop-sub-site a.active,
        .v-head-nav .v-head-site .select-site .drop-sub-site a:hover {
            color: #0072d8
        }

        .v-head-nav .v-head-site .select-site .drop-sub-site li {
            padding: 0 10px
        }

        .v-head-nav .v-head-site .site-opt {
            display: table;
            float: right;
            height: 105px;
            line-height: 105px
        }

        .v-head-nav .v-head-site .site-opt .search-gourp {
            display: inline-block;
            border-radius: 3px;
            top: 10px;
            margin-right: 0
        }

        .v-head-nav .v-head-site .site-opt button {
            width: 80px;
            margin-left: 15px;
            border-radius: 3px
        }

        .v-head-nav .v-head-site .site-opt .ant-dropdown-link {
            margin-left: 30px;
            font-size: 15px
        }

        .v-head-nav .v-head-site .site-opt .ant-dropdown-link img {
            width: 32px;
            height: 32px;
            border-radius: 50%
        }

        .v-head-nav .v-head-menu {
            height: 50px;
            background: url("/images/psce_menu_bg.png") #0072d8;
            color: #fff;
            position: relative;
            overflow: hidden;
            width: 100%
        }

        .v-head-nav .v-head-menu .phone {
            float: right;
            font-size: 18px;
            position: relative;
            line-height: 48px
        }

        .v-head-nav .v-head-menu .phone:after,
        .v-head-nav .v-head-menu .phone:before {
            content: "";
            height: 22px;
            width: 1px;
            position: absolute;
            top: 13px
        }

        .v-head-nav .v-head-menu .phone:before {
            background: #0047ae;
            left: -31px
        }

        .v-head-nav .v-head-menu .phone:after {
            background: #1d7bf0;
            left: -30px
        }

        .v-head-nav .v-head-menu .phone span {
            background: #fff;
            width: 32px;
            height: 32px;
            line-height: 32px;
            border-radius: 50%;
            display: inline-block;
            text-align: center
        }

        .v-head-nav .v-head-menu .phone span i {
            font-size: 18px;
            color: #0072d8
        }

        .v-head-nav .v-head-menu .list-menu {
            padding-left: 20px;
            float: left
        }

        .v-head-nav .v-head-menu .list-menu .menu-item {
            font-size: 1.14rem;
            line-height: 48px;
            height: 50px;
            color: #cee2f3;
            cursor: pointer;
            width: auto;
            padding: 0 25px;
            text-align: center
        }

        .v-head-nav .v-head-menu .list-menu .menu-item a {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            color: #cee2f3
        }

        .v-head-nav .v-head-menu .list-menu .menu-item-active {
            color: #fff;
            background: #0050aa
        }

        .v-head-nav .v-head-menu .list-menu .menu-item-active a {
            color: #fff
        }

        .person-menu-drop {
            margin-top: 8px
        }