@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-home .psce-home-qa {
            background: #fff;
            border-bottom: 4px solid #0073d8;
            position: relative;
            margin-top: -55px;
            margin-bottom: 55px;
            z-index: 999
        }

        .psce-home .psce-home-qa:before {
            content: url("/images/psce-shadow.png");
            position: absolute;
            bottom: -59px;
            left: 0
        }

        .psce-home .psce-home-qa .list-inline {
            margin-left: 0;
            white-space: nowrap;
            font-size: 0;
        }

        .psce-home .psce-home-qa li {
            width: 33.33333%;
            padding: 25px 0;
            position: relative;
            vertical-align: bottom;
            cursor: pointer;
            display: inline-block;
            box-sizing: border-box;
            font-size: 14px;
        }

        .psce-home .psce-home-qa li:hover,
        .psce-home .psce-home-qa li:hover .ant-anchor-link {
            background: #e0eefa
        }

        .psce-home .psce-home-qa li:after {
            position: absolute;
            content: "";
            width: 1px;
            height: 36px;
            background: #dbe0e1;
            right: 0;
            top: 32px
        }

        .psce-home .psce-home-qa li:last-child:after {
            background: transparent
        }

        .psce-home .psce-home-qa li .ant-anchor-link {
            padding: 0
        }

        .psce-home .psce-home-qa li .media {
            display: table;
            width: auto;
            margin: 0 auto
        }

        .psce-home .psce-home-qa li .media p {
            color: #7f868c;
            margin-bottom: 0
        }

        .psce-home .psce-home-qa li .media .media-left img {
            width: 37px;
            height: 40px
        }

        .psce-home .psce-home-qa li .media .media-body {
            width: auto;
            vertical-align: middle
        }

        .psce-home .psce-home-qa li .media .media-heading {
            color: #333
        }

        .psce-home .psce-learn-pro:after,
        .psce-home .psce-learn-pro:before {
            content: " ";
            display: table
        }

        .psce-home .psce-learn-pro:after {
            clear: both
        }

        .psce-home .psce-learn-pro .exam-join {
            background: url("/images/psce_enter.png") no-repeat;
            width: 223px;
            height: 117px;
            float: left;
            color: #fff;
            font-size: 16px;
            padding: 35px 0 0 90px;
            cursor: pointer
        }

        .psce-home .psce-learn-pro .exam-join span {
            font-size: 12px;
            padding-top: 5px;
            display: block
        }

        .psce-home .psce-learn-pro .exam-join span:hover {
            text-decoration: underline
        }

        .psce-home .psce-learn-pro .exam-join span i {
            font-size: 12px
        }

        .psce-home .psce-learn-pro .psce-panel {
            width: 100%
        }

        .psce-home .psce-learn-pro .psce-process .btn-enter {
            display: inline-block
        }

        .psce-home .psce-learn-pro .psce-process .list-inline {
            width: 100%;
            margin-left: 0;
            white-space: nowrap;
            font-size: 0;
        }

        .psce-home .psce-learn-pro .psce-process .list-inline li {
            width: 20%;
            line-height: 68px;
            position: relative;
            text-align: center;
            font-size: 16px;
            background: url("/images/psce_pro_bg_2.png") no-repeat;
            cursor: pointer;
            display: inline-block;
            box-sizing: border-box;
        }

        .psce-home .psce-learn-pro .psce-process .list-inline li:first-child {
            background: url("/images/psce_pro_bg_1.png") no-repeat
        }

        .psce-home .psce-learn-pro .psce-process .list-inline li:last-child {
            background: url("/images/psce_pro_bg_3.png") no-repeat
        }

        .psce-home .psce-classify .elective,
        .psce-home .psce-classify .professional {
            width: 100%
        }

        .psce-home .psce-classify .classify-box-list {
            display: inline-block;
            vertical-align: text-top;
            font-size: 12px;
            margin-left: 10px;
            text-indent: 0;
            line-height: normal;
            margin-top: -2px
        }

        .psce-home .psce-classify .classify-box-list .classify-box-item {
            display: inline-block;
            cursor: pointer;
            padding: 5px 20px;
            text-align: center;
            border: 1px solid #0073d8;
            border-radius: 3px;
            margin-right: 10px;
            transition: all .3s
        }

        .psce-home .psce-classify .classify-box-list .classify-box-item:hover {
            background: #0073d8;
            color: #fff
        }

        .psce-home .psce-classify .classify-course {
            float: left;
            width: 192px;
            height: 205px;
            transition: all .5s;
            cursor: pointer
        }

        .psce-home .psce-classify .classify-course:hover {
            box-shadow: 0 5px 20px rgba(0, 0, 0, .3)
        }

        .psce-home .psce-classify .classify-course:hover img {
            transform: scale3d(1.1, 1.1, 1)
        }

        .psce-home .psce-classify .classify-course .course-img {
            width: 100%;
            height: 133px;
            overflow: hidden;
            position: relative
        }

        .psce-home .psce-classify .classify-course .course-img .course-tag {
            position: absolute;
            left: 10px;
            right: inherit !important;
            z-index: 2;
            top: 10px;
            color: #fff;
            background: #fa9626;
            padding: 3px 10px;
            border-radius: 10px;
            font-size: 12px
        }

        .psce-home .psce-classify .classify-course .course-img .buy-num {
            position: absolute;
            text-align: center;
            background: rgba(0, 0, 0, .5);
            line-height: 36px;
            height: 36px;
            width: 100%;
            bottom: 0;
            left: 0;
            color: #fff;
            z-index: 2
        }

        .psce-home .psce-classify .classify-course .course-img img {
            transition: transform .5s;
            width: 100%;
            height: 100%
        }

        .psce-home .psce-classify .classify-course .course-img .discount-time {
            position: absolute;
            min-width: 100px;
            background: rgba(255, 153, 51, .8);
            color: #fff;
            right: 0;
            top: 0;
            padding: 3px 5px;
            border-bottom-left-radius: 10px
        }

        .psce-home .psce-classify .classify-course .course-info {
            padding: 10px;
            height: 72px;
            border: 1px solid #eee;
            border-top: 0;
            position: relative
        }

        .psce-home .psce-classify .classify-course .course-info .course-title {
            font-size: 1rem;
            font-weight: 500;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            /*! autoprefixer: off */
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            /*! autoprefixer: on */
            overflow: hidden;
            height: 1.5em;
            line-height: 1.5em;
            white-space: normal;
            word-break: break-all
        }

        .psce-home .psce-classify .classify-course .course-info .course-attribute {
            position: absolute;
            bottom: 10px;
            width: 170px
        }

        .psce-home .psce-classify .classify-course .course-info .course-attribute .credit {
            display: inline-block;
            color: red;
            font-weight: 500
        }

        .psce-home .psce-classify .classify-course .course-info .course-attribute .price {
            float: right;
            color: #ff9700 !important
        }

        .psce-home .psce-classify .classify-course .course-info .course-attribute .price .discount-price {
            margin-left: 10px;
            color: #999;
            font-weight: 400;
            text-decoration: line-through
        }

        .psce-home .psce-classify .classify-course .course-info .course-attribute .green {
            color: #53b901 !important
        }

        .psce-home .psce-classify .left-big-course {
            float: left;
            width: 350px;
            height: 418px;
            margin-right: 20px
        }

        .psce-home .psce-classify .left-big-course .course-img {
            height: 348px
        }

        .psce-home .psce-classify .left-big-course .course-img .course-tag {
            position: absolute;
            right: 20px;
            z-index: 2;
            top: 20px;
            color: #fff;
            background: #fa9626;
            padding: 3px 10px;
            border-radius: 10px;
            font-size: 12px
        }

        .psce-home .psce-classify .left-big-course .course-title {
            font-size: 18px !important;
            line-height: 18px !important
        }

        .psce-home .psce-classify .left-big-course .course-attribute {
            width: 328px !important
        }

        .psce-home .psce-classify .left-big-course .course-info {
            height: 70px
        }

        .psce-home .psce-classify .professional-l {
            width: 225px;
            float: left;
            margin-right: 15px
        }

        .psce-home .psce-classify .professional-l .classify-item {
            width: 100%;
            height: 295px
        }

        .psce-home .psce-classify .professional-l .classify-item img {
            width: 100%;
            height: 100%
        }

        .psce-home .psce-classify .elective-l {
            float: left;
            width: calc(100% - 200px);
            padding-left: 7.5px
        }

        .psce-home .psce-classify .elective-l .classify-item {
            width: 188.5px;
            height: 140px
        }

        .psce-home .psce-classify .elective-l .classify-item:nth-child(2) {
            margin-right: 0
        }

        .psce-home .psce-classify .elective-l .classify-item.classify-item-h {
            width: 100% !important
        }

        .psce-home .psce-classify .elective-r {
            width: 185px;
            float: right
        }

        .psce-home .psce-classify .professional-r {
            float: left;
            width: 192px
        }

        .psce-home .psce-classify .professional-r .classify-course:last-child {
            margin-top: 8px
        }

        .psce-home .psce-classify .classify-item {
            position: relative;
            text-align: center;
            display: inline-block;
            margin: 0 15px 10px 0;
            cursor: pointer;
            overflow: hidden
        }

        .psce-home .psce-classify .classify-item:hover img {
            transform: scale3d(1.2, 1.2, 1) rotate(-4deg)
        }

        .psce-home .psce-classify .classify-item img {
            transition: transform .5s;
            width: 100%
        }

        .psce-home .psce-classify .classify-item span {
            position: absolute;
            display: block;
            top: 50%;
            height: 30px;
            margin-top: -15px;
            color: #fff;
            width: 100%;
            line-height: 30px;
            font-size: 18px;
            font-weight: 700
        }

        .psce-home .psce-classify .classify-item-h {
            width: calc(100% - 7.5px) !important;
            height: 140px;
            overflow: hidden
        }

        .psce-home .psce-classify .classify-item-v {
            width: 100%;
            height: 295px
        }

        .psce-home .psce-classify .classify-item-v img {
            width: 100%;
            height: 100%
        }

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

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

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

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

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

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

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

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

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

        .psce-home .psce-query .list-inline {
            margin-left: 0;
            white-space: nowrap;
            font-size: 0;
        }

        .psce-home .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;
            display: inline-block;
            box-sizing: border-box;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .psce-home .psce-open .m-t-big {
            margin-top: 35px
        }

        .psce-home .psce-open .course-three {
            margin-bottom: 0 !important
        }

        .psce-home .psce-panel .psce-panel-title {
            color: #0073d8;
            font-size: 18px;
            position: relative;
            text-indent: 1em;
            line-height: 1.4em
        }

        .psce-home .psce-panel .psce-panel-title:after,
        .psce-home .psce-panel .psce-panel-title:before {
            content: " ";
            display: table
        }

        .psce-home .psce-panel .psce-panel-title:after {
            clear: both
        }

        .psce-home .psce-panel .psce-panel-title:before {
            content: "";
            height: 18px;
            width: 5px;
            border-radius: 2px;
            background: #0073d8;
            position: absolute;
            left: 0;
            top: 3px;
            display: block
        }

        .psce-home .psce-panel .psce-panel-title span {
            color: #dadadd
        }

        .psce-home .psce-panel .psce-panel-title span.text-theme {
            color: #0073d8
        }

        .psce-home .psce-panel .psce-panel-title .more {
            font-size: 14px
        }

        .psce-home .psce-panel .psce-panel-content {
            margin-top: 25px
        }

        .psce-home .psce-panel .psce-panel-content:after,
        .psce-home .psce-panel .psce-panel-content:before {
            content: " ";
            display: table
        }

        .psce-home .psce-panel .psce-panel-content:after {
            clear: both
        }

        .psce-home .psce-panel .psce-panel-content .course-single-item {
            margin-bottom: 20px
        }

        .psce-home .psce-customer {
            position: fixed;
            background: linear-gradient(90deg, #3891f5, #1370d7);
            width: 40px;
            height: 40px;
            line-height: 40px;
            z-index: 1000;
            bottom: 100px;
            right: 50px;
            border-radius: 3px;
            color: #fff;
            font-size: 16px;
            padding-left: 20px;
            overflow: hidden;
            cursor: pointer;
            transition: width .5s
        }

        .psce-home .psce-customer:hover {
            width: 140px
        }

        .psce-home .psce-customer .icon-custom {
            border-left: 1px solid #005fc8;
            padding: 0 7px;
            float: right;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
            background: linear-gradient(90deg, #3891f5, #1370d7)
        }

        .psce-home .psce-customer i {
            font-size: 26px
        }

        .psce-home .ant-back-top {
            right: 50px
        }

        .psce-home .ant-back-top .ant-back-top-content {
            border-radius: 0;
            background: #fff;
            color: #0073d8;
            border: 1px solid #eee;
            box-shadow: 0 0 10px #ccc
        }

        .psce-home .bg-gray {
            background: #fdfdfd;
            border-top: 1px solid #eee;
            padding: 45px 0
        }

        .psce-home .bg-white {
            background: #fff;
            border-top: 1px solid #eee;
            padding: 45px 0
        }

        .psce-query-modal .ant-modal-close {
            background: #fff;
            right: -28px;
            top: -28px;
            border-radius: 50%
        }

        .psce-query-modal .ant-modal-close .ant-modal-close-x {
            width: 28px;
            height: 28px;
            font-size: 22px;
            line-height: 28px
        }

        .psce-query-modal .ant-modal-header {
            display: none
        }

        .psce-query-modal .ant-modal-content {
            min-height: 380px;
            font-size: 14px;
            padding-top: 5px;
            padding-bottom: 15px
        }

        .psce-query-modal .ant-modal-content h3 {
            margin-bottom: 30px
        }

        .psce-query-modal .ant-modal-body {
            background: url("/images/psce-query-cd-bg.png") repeat;
            margin: 20px;
            border: 2px solid #0073d8
        }

        .psce-query-modal .ant-modal-body:after,
        .psce-query-modal .ant-modal-body:before {
            content: " ";
            display: table
        }

        .psce-query-modal .ant-modal-body:after {
            clear: both
        }

        .psce-query-modal .query-item {
            text-indent: 2em;
            font-size: 14px;
            margin-bottom: 10px
        }

        .psce-query-modal .query-item label {
            color: #7f868c;
            font-size: 14px;
            text-indent: 0
        }

        .psce-query-modal .query-right {
            color: #7f868c;
            font-size: 14px;
            float: right;
            margin-top: 15px
        }

        .psce-query-modal .query-right div {
            margin-bottom: 5px
        }

        .psce-test-modal {
            position: fixed;
            left: 50%;
            top: 50%;
            margin-top: -253.5px;
            margin-left: -275px
        }

        .psce-test-modal .ant-modal-content {
            width: 588px;
            height: 560px;
            background: url("/images/modal-bg.png") no-repeat;
            box-shadow: none;
            overflow: hidden
        }

        .psce-test-modal .ant-modal-close {
            background: #fff;
            border-radius: 50%;
            right: 2px;
            top: 105px
        }

        .psce-test-modal .ant-modal-close .ant-modal-close-x {
            width: 24px;
            height: 24px;
            line-height: 24px;
            font-size: 18px
        }

        .psce-test-modal .viewcounts {
            position: absolute;
            left: 40px;
            bottom: 75px;
            right: 0;
            text-align: center;
            font-size: 16px;
            color: #fff;
            cursor: default
        }

        .psce-test-modal .foter {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .psce-test-modal .foter>div {
            cursor: pointer
        }

        .psce-test-modal .go-test {
            width: 540px;
            height: 480px
        }