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

        .page-login-form {
            font-size: 1rem;
            height: 31rem
        }

        .page-login-form .logo_img {
            max-height: 50px
        }

        .page-login-form .page-login-header {
            position: relative;
            font-size: 1.285rem;
            color: #898989;
            text-align: center;
            margin-top: 15px
        }

        .page-login-form .page-login-header .line-left {
            position: absolute;
            border-top: 1px solid #e5e5e5;
            left: 1rem;
            top: 50%;
            width: calc((100% - 23.25rem)/2)
        }

        .page-login-form .page-login-header .line-right {
            position: absolute;
            border-top: 1px solid #e5e5e5;
            right: 1rem;
            top: 50%;
            width: calc((100% - 23.25rem)/2)
        }

        .page-login-form .page-login-header img {
            padding-left: 20px
        }

        .page-login-form .page-login-header .logo-word {
            padding-right: 20px
        }

        .page-login-form .page-login-content {
            margin-top: 40px
        }

        .page-login-form .page-login-content .content-left {
            width: 510px;
            height: 100%;
            float: left;
            position: relative;
            padding-bottom: 30px
        }

        .page-login-form .page-login-content .content-left .ant-tabs {
            margin-top: -20px
        }

        .page-login-form .page-login-content .content-left .ant-tabs .ant-tabs-nav {
            width: 100%
        }

        .page-login-form .page-login-content .content-left .ant-tabs .ant-tabs-nav .ant-tabs-ink-bar {
            height: 1px;
            width: 100%
        }

        .page-login-form .page-login-content .content-left .ant-tabs .ant-tabs-nav .ant-tabs-tab {
            width: 50%;
            text-align: center;
            margin: 0
        }

        .page-login-form .page-login-content .content-left .regist-tips-content {
            width: 370px;
            margin: 20px auto;
            height: 200px;
            position: relative
        }

        .page-login-form .page-login-content .content-left .regist-tips-content .regist-tip {
            min-height: 30px;
            border-radius: 5px;
            background-color: #fffddb
        }

        .page-login-form .page-login-content .content-left .regist-tips-content .regist-tip .lf-icon {
            float: left;
            width: 30px;
            height: 100%
        }

        .page-login-form .page-login-content .content-left .regist-tips-content .regist-tip .lf-icon i {
            color: #ff9400;
            font-size: 30px;
            display: inline-block;
            margin-left: 10px
        }

        .page-login-form .page-login-content .content-left .regist-tips-content .regist-tip .tip-content {
            margin-top: 5px;
            float: left;
            line-height: 35px
        }

        .page-login-form .page-login-content .content-left .regist-content {
            width: 360px;
            margin: 20px auto;
            height: 260px;
            position: relative
        }

        .page-login-form .page-login-content .content-left .regist-content .user-name-notice {
            padding-bottom: 5px;
            color: red
        }

        .page-login-form .page-login-content .content-left .regist-content .btn-group {
            position: absolute;
            bottom: 0;
            width: 100%
        }

        .page-login-form .page-login-content .content-left .regist-content .form_area .select-area-box {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .page-login-form .page-login-content .content-left .login_tabs {
            width: 360px;
            margin: 20px auto;
            margin-top: -10px
        }

        .page-login-form .page-login-content .content-left .login_tabs .jiao {
            display: block;
            width: 0;
            height: 0;
            border-width: 0 .5rem .5rem;
            border-style: solid;
            border-color: transparent transparent #0072d8;
            position: absolute;
            top: calc(1.1rem + 13px);
            left: 25%;
            margin-left: -1rem;
            z-index: 44
        }

        .page-login-form .page-login-content .content-left .login_tabs .jiao span {
            display: block;
            width: 0;
            height: 0;
            border-width: 0 .5rem .5rem;
            border-style: solid;
            border-color: transparent transparent #fff;
            position: absolute;
            top: 1px;
            left: -.5rem
        }

        .page-login-form .page-login-content .content-left .login_tabs .right {
            left: 75%
        }

        .page-login-form .page-login-content .content-left .login_tabs .block {
            height: 20px
        }

        .page-login-form .page-login-content .content-left .login_tabs .join-input-item-s:after,
        .page-login-form .page-login-content .content-left .login_tabs .join-input-item-s:before {
            content: " ";
            display: table
        }

        .page-login-form .page-login-content .content-left .login_tabs .join-input-item-s:after {
            clear: both
        }

        .page-login-form .page-login-content .content-left .login_tabs .join-input-item-s .join-input-item {
            float: left;
            width: calc(100% - 10rem)
        }

        .page-login-form .page-login-content .content-left .login_tabs .join-input-item-s .item-btn {
            width: 9rem;
            float: right
        }

        .page-login-form .page-login-content .content-left .login_tabs .join-input-item-s .item-btn .ant-btn {
            height: 2.43rem;
            width: 100%
        }

        .page-login-form .page-login-content .content-left .login_tabs .join-input-item-s .item-btn .btn-gray {
            background: #ccc;
            padding-left: 0;
            padding-right: 0
        }

        .page-login-form .page-login-content .content-left:after {
            position: absolute;
            content: "";
            width: 1px;
            height: 17.14rem;
            background: #e5e5e5;
            right: 0;
            top: 0
        }

        .page-login-form .page-login-content .content-left .opt {
            margin-bottom: 10px
        }

        .page-login-form .page-login-content .content-left .opt .ant-checkbox-wrapper {
            font-weight: 400
        }

        .page-login-form .page-login-content .content-left .opt a {
            color: #898989
        }

        .page-login-form .page-login-content .content-left button.ant-btn,
        .page-login-form .page-login-content .content-left input.ant-input {
            height: 2.43rem;
            border-radius: 0;
            font-size: 1rem
        }

        .page-login-form .page-login-content .content-left button.ant-btn {
            border: none
        }

        .page-login-form .page-login-content .content-left .ant-form-item {
            margin-bottom: 18px
        }

        .page-login-form .page-login-content .content-left .submit-btn {
            width: 100%;
            text-align: center;
            background: #0072d8;
            color: #fff
        }

        .page-login-form .page-login-content .content-left .reg-btn-group {
            position: absolute;
            bottom: 20px;
            width: 100%
        }

        .page-login-form .page-login-content .content-left button.reg-cancel {
            color: #1085d5;
            background: #fff;
            width: 30%;
            display: inline-block;
            border: 1px solid #1085d5 !important;
            margin-right: 10%
        }

        .page-login-form .page-login-content .content-left button.reg-btn {
            background: #1085d5;
            color: #fff;
            display: inline-block;
            width: 60%
        }

        .page-login-form .page-login-content .content-right {
            text-align: center;
            width: calc(100% - 510px);
            color: #898989;
            font-size: .85rem;
            float: right
        }

        .page-login-form .page-login-content .content-right .text-green {
            color: #14d212;
            cursor: pointer
        }

        .page-login-form .page-login-content .content-right i.icon {
            font-size: 36px;
            vertical-align: middle;
            margin-left: 10px;
            cursor: pointer
        }

        .page-login-form .page-login-content .content-right img {
            width: 110px;
            height: 110px
        }