.ant-pagination-item-active a, a {
    color: #02a3e3
}

.ant-pagination-item-active {
    border-color: #02a3e3
}

.ant-btn-primary {
    background-color: #02a3e3
}

.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.resume .ant-popover-inner-content {
    padding: 0
}

.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled), .ant-select-dropdown-menu-item:hover {
    background-color: #f8f8f8 !important
}

.popover .ant-popover-inner-content {
    padding: 0
}

.popover .p_box {
    width: 402px
}

.popover .p_box h4 {
    font-size: 14px;
    color: var(--font38-color);
    padding: 16px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid var(--border-color)
}

.popover .p_box h4:last-child {
    border: 0
}

.emo {
    width: 670px;
    height: auto
}

.emo .emo_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.emo .emo_box .emo_box_detail {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 4px
}

.emo .emo_box:after {
    content: "";
    flex: auto
}

.anticon > * {
    line-height: 1
}

.anticon svg {
    display: inline-block
}

.anticon:before {
    display: none
}

.anticon .anticon-icon {
    display: block
}

.anticon[tabindex] {
    cursor: pointer
}

.anticon-spin, .anticon-spin:before {
    display: inline-block;
    -webkit-animation: loadingCircle 1s linear infinite;
    animation: loadingCircle 1s linear infinite
}

.unshow_need .ant-form-item-required:before {
    content: ""
}

.ant-empty {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap
}

.ant-empty .ant-empty-description {
    flex-basis: 100%
}

@-webkit-keyframes loadingCircle {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loadingCircle {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes antSlideUpIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antSlideUpIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
    to {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
    to {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antSlideDownIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes antSlideDownIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@-webkit-keyframes antSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
    to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes antSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
    to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@-webkit-keyframes antSlideLeftIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antSlideLeftIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
    to {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
    to {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antSlideRightIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }
    to {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes antSlideRightIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }
    to {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
}

@-webkit-keyframes antSlideRightOut {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
    to {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }
}

@keyframes antSlideRightOut {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
    to {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }
}

.swing-appear, .swing-enter {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.swing-appear.swing-appear-active, .swing-enter.swing-enter-active {
    -webkit-animation-name: antSwingIn;
    animation-name: antSwingIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes antSwingIn {
    0%, to {
        transform: translateX(0)
    }
    20% {
        transform: translateX(-10px)
    }
    40% {
        transform: translateX(10px)
    }
    60% {
        transform: translateX(-5px)
    }
    80% {
        transform: translateX(5px)
    }
}

@keyframes antSwingIn {
    0%, to {
        transform: translateX(0)
    }
    20% {
        transform: translateX(-10px)
    }
    40% {
        transform: translateX(10px)
    }
    60% {
        transform: translateX(-5px)
    }
    80% {
        transform: translateX(5px)
    }
}

.zoom-appear, .zoom-enter, .zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active, .zoom-enter.zoom-enter-active {
    -webkit-animation-name: antZoomIn;
    animation-name: antZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: antZoomOut;
    animation-name: antZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-appear, .zoom-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-appear, .zoom-big-enter, .zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active, .zoom-big-enter.zoom-big-enter-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-appear, .zoom-big-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-fast-appear, .zoom-big-fast-enter, .zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-appear.zoom-big-fast-appear-active, .zoom-big-fast-enter.zoom-big-fast-enter-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-appear, .zoom-big-fast-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-up-appear, .zoom-up-enter, .zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active, .zoom-up-enter.zoom-up-enter-active {
    -webkit-animation-name: antZoomUpIn;
    animation-name: antZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    -webkit-animation-name: antZoomUpOut;
    animation-name: antZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-appear, .zoom-up-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-down-appear, .zoom-down-enter, .zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active, .zoom-down-enter.zoom-down-enter-active {
    -webkit-animation-name: antZoomDownIn;
    animation-name: antZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    -webkit-animation-name: antZoomDownOut;
    animation-name: antZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-appear, .zoom-down-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-left-appear, .zoom-left-enter, .zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active, .zoom-left-enter.zoom-left-enter-active {
    -webkit-animation-name: antZoomLeftIn;
    animation-name: antZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    -webkit-animation-name: antZoomLeftOut;
    animation-name: antZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-appear, .zoom-left-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-right-appear, .zoom-right-enter, .zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active, .zoom-right-enter.zoom-right-enter-active {
    -webkit-animation-name: antZoomRightIn;
    animation-name: antZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    -webkit-animation-name: antZoomRightOut;
    animation-name: antZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-appear, .zoom-right-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@-webkit-keyframes antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes antZoomOut {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.2);
        opacity: 0
    }
}

@-webkit-keyframes antZoomBigIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomBigIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes antZoomUpIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes antZoomUpIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@-webkit-keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }
    to {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }
    to {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }
}

@-webkit-keyframes antZoomLeftIn {
    0% {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes antZoomLeftIn {
    0% {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@-webkit-keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }
    to {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }
    to {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }
}

@-webkit-keyframes antZoomRightIn {
    0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightIn {
    0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
    to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
    to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes antZoomDownIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
    to {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
    to {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.ant-btn {
    border-color: transparent
}

:root {
    --primary-color: #02a3e3;
    --pay-color: #f26249;
    --border-color: rgba(0, 0, 0, 0.1);
    --font89-color: #595959;
    --font38-color: #262626
}

.container-fluid {
    padding-left: 30 rpx;
    padding-right: 30 rpx;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

.row {
    overflow: hidden
}

.row [class*=col-] {
    position: relative;
    min-height: 2 rpx;
    float: left
}

.col-1 {
    width: 14%
}

.col-2 {
    width: 16.66666667%
}

.col-2-5 {
    width: 20%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.3333333%
}

.col-5 {
    width: 41.666666667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.3333333%
}

.col-8 {
    width: 66.6666666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-12 {
    width: 100%
}

.height-16 {
    height: 16px
}

.width-24 {
    width: 24px
}

.text-white {
    color: #fff !important
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.bg-white {
    background-color: #fff !important
}

.bg-black {
    background-color: #262626 !important
}

.bg-default {
    background-color: #f5f5f5 !important
}

.main-color {
    color: #02a3e3
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.visible {
    visibility: hidden
}

.inline {
    display: inline-block;
    vertical-align: top
}

.inline-middle {
    display: inline-block;
    vertical-align: middle
}

.bold {
    font-weight: 700
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hidden {
    display: none !important
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1, .line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-3, .line-clamp-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-4 {
    -webkit-line-clamp: 4
}

.line-clamp-7 {
    display: -webkit-box
}

.line-clamp-7, .line-clamp-noellipsis-7 {
    -webkit-line-clamp: 7
}

.line-clamp-7, .line-clamp-noellipsis-2, .line-clamp-noellipsis-7 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.line-clamp-noellipsis-2 {
    -webkit-line-clamp: 2
}

.line-clamp-noellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.img, .img-default, .img-frm {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.img-frm .img {
    width: inherit;
    height: inherit
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear-a {
    text-decoration: none
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.textarea {
    border: none;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    resize: none
}

input {
    font-size: 14px;
    color: #262626 !important;
    height: auto
}

input::-webkit-input-placeholder {
    color: #8c8c8c !important
}

input:focus {
    box-shadow: none !important
}

img[lazy=error], img[lazy=loaded], img[lazy=loading] {
    transition: opacity .1s;
    -webkit-transition: opacity .1s
}

img[lazy=loading] {
    opacity: 0
}

img[lazy=error], img[lazy=loaded] {
    opacity: 1
}

.corners {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 4px;
    margin: 0 4px
}

.blue_line {
    width: 2px;
    height: 16px;
    background-color: var(--primary-color);
    margin-right: 4px
}

.head_title {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.head_title p {
    margin-bottom: 0
}

.flex {
    display: flex
}

.flex_ac_jsb {
    align-items: center
}

.flex_ac_jsb, .flex_jsb {
    display: flex;
    justify-content: space-between
}

.flex_ac_jc {
    justify-content: center
}

.flex_ac, .flex_ac_jc {
    display: flex;
    align-items: center
}

.flex_as, .flex_as_jsb {
    display: flex;
    align-items: flex-start
}

.flex_as_jsb, .flex_ast_jsb {
    justify-content: space-between
}

.flex_ast_jsb {
    display: flex;
    align-items: stretch
}

.flex_acsb {
    display: flex;
    align-content: space-between
}

.flex_jc_fw {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.login_module {
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-bottom: 20px
}

.margin_0, .marginB_0 {
    margin: 0
}

.pointer {
    cursor: pointer
}

.tab-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 48px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f6f7f8;
    margin-bottom: 24px;
    border-radius: 8px
}

.tab-bar__item {
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: 32px;
    line-height: 32px;
    width: 100px;
    padding: 0 8px;
    margin: 4px;
    background-color: #fff
}

.tab-bar__item--active {
    color: #fff;
    background-color: var(--primary-color)
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

*, html {
    font-weight: 400
}

html {
    font-family: PingFangSC-Regular, PingFang SC
}

#__layout, #__nuxt, body, html {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #f5f5f5;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0 0 env(safe-area-inset-bottom)
}

body {
    overflow-x: hidden;
    word-break: break-all;
    word-wrap: break-word;
    margin: 0 auto
}

.layout-wrap {
    min-height: 100vh;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
    flex-direction: column
}

.layout-wrap .layout-main {
    width: 1200px;
    margin: 0 auto;
    min-height: calc(100vh - 230px)
}

.layout-wrap .layout-main, .layout-wrap .layout_main_full {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.layout-wrap .layout_main_full {
    width: 100%;
    min-height: calc(100vh - 181px)
}

img {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.ant-btn, .ant-input {
    border-radius: 2px
}

.ant-btn:hover {
    opacity: .85
}

.ant-breadcrumb a:hover {
    color: var(--primary-color) !important
}

.a-text {
    text-decoration: none !important;
    transition: all .3s
}

.a-text:hover {
    text-decoration: underline !important
}

.toasted-container .toasted.toasted-primary {
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    padding: 15px;
    max-width: 350px;
    line-height: 1.3;
    background: rgba(0, 0, 0, .96) !important
}

.layout_content {
    min-height: calc(100vh - 230px);
    z-index: 66
}

.layout_content_notop {
    padding: 0 20px 20px;
    min-height: calc(100vh - 181px)
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, .3);
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, .5)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #f1f1f1
}

.flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap
}

.flex-h {
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center
}

.flex-box, .flex-box-v, .flex-h {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 0
}

.flex-box-v {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column
}

.flex-1 {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.flex-2 {
    -webkit-box-flex: 2;
    box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 0
}

.flex-3 {
    -webkit-box-flex: 3;
    box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: 0
}

.flex-4 {
    -webkit-box-flex: 4;
    box-flex: 4;
    -moz-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: 0
}

.flex-center-center {
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center
}

.flex-center-center, .flex-h-ce, .flex-v-ce {
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    min-width: 0
}

.flex-h-zhu, .flex-v-zhu {
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    min-width: 0
}

.flex-h-end, .flex-v-end {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    min-width: 0
}

.flex-direction-row-reverse {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    min-width: 0
}

.flex-h-space-between {
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    min-width: 0
}

.flex-wrap {
    flex-wrap: wrap;
    min-width: 0;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

.flex-end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

* {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

img {
    vertical-align: top;
    border: none
}

blockquote, body, button, dd, dl, dt, fieldset, h1, h2, h3, h4, h5, h6, hr, input, lengend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 16px
}

h3 {
    font-size: 14px
}

h4, h5, h6 {
    font-size: 100%
}

address, cite, dfn, em, var {
    font-style: normal
}

code, kbd, pre, samp, tt {
    font-family: Courier New, Courier, monospace
}

small {
    font-size: 12px
}

ol, ul {
    list-style: none
}

a, a:hover {
    text-decoration: none
}

abbr[title], acronym[title] {
    border-bottom: 1px dotted;
    cursor: help
}

q:after, q:before {
    content: ""
}

legend {
    color: #000
}

fieldset, img {
    border: none
}

button, input, select, textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.editor ol, .editor ul {
    list-style: unset
}

.editor img {
    vertical-align: unset;
    border: unset
}

.editor a, .editor a:hover {
    text-decoration: unset
}