html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sjb-page a {
    background-color: transparent;
}

.sjb-page a:hover,
.sjb-page a:active {
    outline: 0;
}

.sjb-page b,
.sjb-page strong {
    font-weight: bold;
}

.sjb-page h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

.sjb-page small {
    font-size: 80%;
}

.sjb-page img {
    border: 0;
}

.sjb-page button,
.sjb-page input,
.sjb-page select,
.sjb-page textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

.sjb-page button {
    overflow: visible;
}

.sjb-page button,
.sjb-page select {
    text-transform: none;
}

.sjb-page button,
.sjb-page html input[type="button"],
.sjb-page input[type="reset"],
.sjb-page input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.sjb-page button::-moz-focus-inner,
.sjb-page input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.sjb-page input {
    line-height: normal;
}

.sjb-page input[type="checkbox"],
.sjb-page input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.sjb-page input[type="number"]::-webkit-inner-spin-button,
.sjb-page input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

.sjb-page input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

.sjb-page input[type="search"]::-webkit-search-cancel-button,
.sjb-page input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.sjb-page textarea {
    overflow: auto;
}

.sjb-page table {
    border-collapse: collapse;
    border-spacing: 0;
}

.sjb-page {
    background-color: transparent;
    color: #333;
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0 auto;
}

.sjb-page * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sjb-page *:before,
.sjb-page *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sjb-page input,
.sjb-page button,
.sjb-page select,
.sjb-page textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.sjb-page a {
    color: #3297fa;
    text-decoration: none;
}

.sjb-page a:hover,
.sjb-page a:focus {
    color: #02305e;
    text-decoration: none;
}

.sjb-page a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.sjb-page img {
    vertical-align: middle;
}

.sjb-page .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.sjb-page .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sjb-page [role="button"] {
    cursor: pointer;
}

.sjb-page h1,
.sjb-page h2,
.sjb-page h3,
.sjb-page h4,
.sjb-page h5,
.sjb-page h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

.sjb-page h1,
.sjb-page h2,
.sjb-page h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.sjb-page h4,
.sjb-page h5,
.sjb-page h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sjb-page h1 {
    font-size: 36px;
}

.sjb-page h2 {
    font-size: 30px;
}

.sjb-page h3 {
    font-size: 24px;
}

.sjb-page h4 {
    font-size: 18px;
}

.sjb-page h5 {
    font-size: 14px;
}

.sjb-page h6 {
    font-size: 12px;
}

.sjb-page p {
    margin: 0 0 10px;
}

.sjb-page ul,
.sjb-page ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.sjb-page ul ul,
.sjb-page ol ul,
.sjb-page ul ol,
.sjb-page ol ol {
    margin-bottom: 0;
}

.sjb-page .row {
    margin-left: -15px;
    margin-right: -15px;
}

.sjb-page .col-xs-1,
.sjb-page .col-sm-1,
.sjb-page .col-md-1,
.sjb-page .col-lg-1,
.sjb-page .col-xs-2,
.sjb-page .col-sm-2,
.sjb-page .col-md-2,
.sjb-page .col-lg-2,
.sjb-page .col-xs-3,
.sjb-page .col-sm-3,
.sjb-page .col-md-3,
.sjb-page .col-lg-3,
.sjb-page .col-xs-4,
.sjb-page .col-sm-4,
.sjb-page .col-md-4,
.sjb-page .col-lg-4,
.sjb-page .col-xs-5,
.sjb-page .col-sm-5,
.sjb-page .col-md-5,
.sjb-page .col-lg-5,
.sjb-page .col-xs-6,
.sjb-page .col-sm-6,
.sjb-page .col-md-6,
.sjb-page .col-lg-6,
.sjb-page .col-xs-7,
.sjb-page .col-sm-7,
.sjb-page .col-md-7,
.sjb-page .col-lg-7,
.sjb-page .col-xs-8,
.sjb-page .col-sm-8,
.sjb-page .col-md-8,
.sjb-page .col-lg-8,
.sjb-page .col-xs-9,
.sjb-page .col-sm-9,
.sjb-page .col-md-9,
.sjb-page .col-lg-9,
.sjb-page .col-xs-10,
.sjb-page .col-sm-10,
.sjb-page .col-md-10,
.sjb-page .col-lg-10,
.sjb-page .col-xs-11,
.sjb-page .col-sm-11,
.sjb-page .col-md-11,
.sjb-page .col-lg-11,
.sjb-page .col-xs-12,
.sjb-page .col-sm-12,
.sjb-page .col-md-12,
.sjb-page .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.sjb-page .col-xs-1,
.sjb-page .col-xs-2,
.sjb-page .col-xs-3,
.sjb-page .col-xs-4,
.sjb-page .col-xs-5,
.sjb-page .col-xs-6,
.sjb-page .col-xs-7,
.sjb-page .col-xs-8,
.sjb-page .col-xs-9,
.sjb-page .col-xs-10,
.sjb-page .col-xs-11,
.sjb-page .col-xs-12 {
    float: left;
}

.sjb-page .col-xs-12 {
    width: 100%;
}

.sjb-page .col-xs-11 {
    width: 91.66666667%;
}

.sjb-page .col-xs-10 {
    width: 83.33333333%;
}

.sjb-page .col-xs-9 {
    width: 75%;
}

.sjb-page .col-xs-8 {
    width: 66.66666667%;
}

.sjb-page .col-xs-7 {
    width: 58.33333333%;
}

.sjb-page .col-xs-6 {
    width: 50%;
}

.sjb-page .col-xs-5 {
    width: 41.66666667%;
}

.sjb-page .col-xs-4 {
    width: 33.33333333%;
}

.sjb-page .col-xs-3 {
    width: 25%;
}

.sjb-page .col-xs-2 {
    width: 16.66666667%;
}

.sjb-page .col-xs-1 {
    width: 8.33333333%;
}

.sjb-page .col-xs-pull-12 {
    right: 100%;
}

.sjb-page .col-xs-pull-11 {
    right: 91.66666667%;
}

.sjb-page .col-xs-pull-10 {
    right: 83.33333333%;
}

.sjb-page .col-xs-pull-9 {
    right: 75%;
}

.sjb-page .col-xs-pull-8 {
    right: 66.66666667%;
}

.sjb-page .col-xs-pull-7 {
    right: 58.33333333%;
}

.sjb-page .col-xs-pull-6 {
    right: 50%;
}

.sjb-page .col-xs-pull-5 {
    right: 41.66666667%;
}

.sjb-page .col-xs-pull-4 {
    right: 33.33333333%;
}

.sjb-page .col-xs-pull-3 {
    right: 25%;
}

.sjb-page .col-xs-pull-2 {
    right: 16.66666667%;
}

.sjb-page .col-xs-pull-1 {
    right: 8.33333333%;
}

.sjb-page .col-xs-pull-0 {
    right: auto;
}

.sjb-page .col-xs-push-12 {
    left: 100%;
}

.sjb-page .col-xs-push-11 {
    left: 91.66666667%;
}

.sjb-page .col-xs-push-10 {
    left: 83.33333333%;
}

.sjb-page .col-xs-push-9 {
    left: 75%;
}

.sjb-page .col-xs-push-8 {
    left: 66.66666667%;
}

.sjb-page .col-xs-push-7 {
    left: 58.33333333%;
}

.sjb-page .col-xs-push-6 {
    left: 50%;
}

.sjb-page .col-xs-push-5 {
    left: 41.66666667%;
}

.sjb-page .col-xs-push-4 {
    left: 33.33333333%;
}

.sjb-page .col-xs-push-3 {
    left: 25%;
}

.sjb-page .col-xs-push-2 {
    left: 16.66666667%;
}

.sjb-page .col-xs-push-1 {
    left: 8.33333333%;
}

.sjb-page .col-xs-push-0 {
    left: auto;
}

.sjb-page .col-xs-offset-12 {
    margin-left: 100%;
}

.sjb-page .col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.sjb-page .col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.sjb-page .col-xs-offset-9 {
    margin-left: 75%;
}

.sjb-page .col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.sjb-page .col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.sjb-page .col-xs-offset-6 {
    margin-left: 50%;
}

.sjb-page .col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.sjb-page .col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.sjb-page .col-xs-offset-3 {
    margin-left: 25%;
}

.sjb-page .col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.sjb-page .col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.sjb-page .col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {

    .sjb-page .col-sm-1,
    .sjb-page .col-sm-2,
    .sjb-page .col-sm-3,
    .sjb-page .col-sm-4,
    .sjb-page .col-sm-5,
    .sjb-page .col-sm-6,
    .sjb-page .col-sm-7,
    .sjb-page .col-sm-8,
    .sjb-page .col-sm-9,
    .sjb-page .col-sm-10,
    .sjb-page .col-sm-11,
    .sjb-page .col-sm-12 {
        float: left;
    }

    .sjb-page .col-sm-12 {
        width: 100%;
    }

    .sjb-page .col-sm-11 {
        width: 91.66666667%;
    }

    .sjb-page .col-sm-10 {
        width: 83.33333333%;
    }

    .sjb-page .col-sm-9 {
        width: 75%;
    }

    .sjb-page .col-sm-8 {
        width: 66.66666667%;
    }

    .sjb-page .col-sm-7 {
        width: 58.33333333%;
    }

    .sjb-page .col-sm-6 {
        width: 50%;
    }

    .sjb-page .col-sm-5 {
        width: 41.66666667%;
    }

    .sjb-page .col-sm-4 {
        width: 33.33333333%;
    }

    .sjb-page .col-sm-3 {
        width: 25%;
    }

    .sjb-page .col-sm-2 {
        width: 16.66666667%;
    }

    .sjb-page .col-sm-1 {
        width: 8.33333333%;
    }

    .sjb-page .col-sm-pull-12 {
        right: 100%;
    }

    .sjb-page .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .sjb-page .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .sjb-page .col-sm-pull-9 {
        right: 75%;
    }

    .sjb-page .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .sjb-page .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .sjb-page .col-sm-pull-6 {
        right: 50%;
    }

    .sjb-page .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .sjb-page .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .sjb-page .col-sm-pull-3 {
        right: 25%;
    }

    .sjb-page .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .sjb-page .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .sjb-page .col-sm-pull-0 {
        right: auto;
    }

    .sjb-page .col-sm-push-12 {
        left: 100%;
    }

    .sjb-page .col-sm-push-11 {
        left: 91.66666667%;
    }

    .sjb-page .col-sm-push-10 {
        left: 83.33333333%;
    }

    .sjb-page .col-sm-push-9 {
        left: 75%;
    }

    .sjb-page .col-sm-push-8 {
        left: 66.66666667%;
    }

    .sjb-page .col-sm-push-7 {
        left: 58.33333333%;
    }

    .sjb-page .col-sm-push-6 {
        left: 50%;
    }

    .sjb-page .col-sm-push-5 {
        left: 41.66666667%;
    }

    .sjb-page .col-sm-push-4 {
        left: 33.33333333%;
    }

    .sjb-page .col-sm-push-3 {
        left: 25%;
    }

    .sjb-page .col-sm-push-2 {
        left: 16.66666667%;
    }

    .sjb-page .col-sm-push-1 {
        left: 8.33333333%;
    }

    .sjb-page .col-sm-push-0 {
        left: auto;
    }

    .sjb-page .col-sm-offset-12 {
        margin-left: 100%;
    }

    .sjb-page .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .sjb-page .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .sjb-page .col-sm-offset-9 {
        margin-left: 75%;
    }

    .sjb-page .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .sjb-page .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .sjb-page .col-sm-offset-6 {
        margin-left: 50%;
    }

    .sjb-page .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .sjb-page .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .sjb-page .col-sm-offset-3 {
        margin-left: 25%;
    }

    .sjb-page .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .sjb-page .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .sjb-page .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {

    .sjb-page .col-md-1,
    .sjb-page .col-md-2,
    .sjb-page .col-md-3,
    .sjb-page .col-md-4,
    .sjb-page .col-md-5,
    .sjb-page .col-md-6,
    .sjb-page .col-md-7,
    .sjb-page .col-md-8,
    .sjb-page .col-md-9,
    .sjb-page .col-md-10,
    .sjb-page .col-md-11,
    .sjb-page .col-md-12 {
        float: left;
    }

    .sjb-page .col-md-12 {
        width: 100%;
    }

    .sjb-page .col-md-11 {
        width: 91.66666667%;
    }

    .sjb-page .col-md-10 {
        width: 75%;
    }

    .sjb-page .col-md-9 {
        width: 75%;
    }

    .sjb-page .col-md-8 {
        width: 66.66666667%;
    }

    .sjb-page .col-md-7 {
        width: 58.33333333%;
    }

    .sjb-page .col-md-6 {
        width: 50%;
    }

    .sjb-page .col-md-5 {
        width: 41.66666667%;
    }

    .sjb-page .col-md-4 {
        width: 33.33333333%;
    }

    .sjb-page .col-md-3 {
        width: 25%;
    }

    .sjb-page .col-md-2 {
        width: 16.66666667%;
    }

    .sjb-page .col-md-1 {
        width: 8.33333333%;
    }

    .sjb-page .col-md-pull-12 {
        right: 100%;
    }

    .sjb-page .col-md-pull-11 {
        right: 91.66666667%;
    }

    .sjb-page .col-md-pull-10 {
        right: 83.33333333%;
    }

    .sjb-page .col-md-pull-9 {
        right: 75%;
    }

    .sjb-page .col-md-pull-8 {
        right: 66.66666667%;
    }

    .sjb-page .col-md-pull-7 {
        right: 58.33333333%;
    }

    .sjb-page .col-md-pull-6 {
        right: 50%;
    }

    .sjb-page .col-md-pull-5 {
        right: 41.66666667%;
    }

    .sjb-page .col-md-pull-4 {
        right: 33.33333333%;
    }

    .sjb-page .col-md-pull-3 {
        right: 25%;
    }

    .sjb-page .col-md-pull-2 {
        right: 16.66666667%;
    }

    .sjb-page .col-md-pull-1 {
        right: 8.33333333%;
    }

    .sjb-page .col-md-pull-0 {
        right: auto;
    }

    .sjb-page .col-md-push-12 {
        left: 100%;
    }

    .sjb-page .col-md-push-11 {
        left: 91.66666667%;
    }

    .sjb-page .col-md-push-10 {
        left: 83.33333333%;
    }

    .sjb-page .col-md-push-9 {
        left: 75%;
    }

    .sjb-page .col-md-push-8 {
        left: 66.66666667%;
    }

    .sjb-page .col-md-push-7 {
        left: 58.33333333%;
    }

    .sjb-page .col-md-push-6 {
        left: 50%;
    }

    .sjb-page .col-md-push-5 {
        left: 41.66666667%;
    }

    .sjb-page .col-md-push-4 {
        left: 33.33333333%;
    }

    .sjb-page .col-md-push-3 {
        left: 25%;
    }

    .sjb-page .col-md-push-2 {
        left: 16.66666667%;
    }

    .sjb-page .col-md-push-1 {
        left: 8.33333333%;
    }

    .sjb-page .col-md-push-0 {
        left: auto;
    }

    .sjb-page .col-md-offset-12 {
        margin-left: 100%;
    }

    .sjb-page .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .sjb-page .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .sjb-page .col-md-offset-9 {
        margin-left: 75%;
    }

    .sjb-page .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .sjb-page .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .sjb-page .col-md-offset-6 {
        margin-left: 50%;
    }

    .sjb-page .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .sjb-page .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .sjb-page .col-md-offset-3 {
        margin-left: 25%;
    }

    .sjb-page .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .sjb-page .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .sjb-page .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {

    .sjb-page .col-lg-1,
    .sjb-page .col-lg-2,
    .sjb-page .col-lg-3,
    .sjb-page .col-lg-4,
    .sjb-page .col-lg-5,
    .sjb-page .col-lg-6,
    .sjb-page .col-lg-7,
    .sjb-page .col-lg-8,
    .sjb-page .col-lg-9,
    .sjb-page .col-lg-10,
    .sjb-page .col-lg-11,
    .sjb-page .col-lg-12 {
        float: left;
    }

    .sjb-page .col-lg-12 {
        width: 100%;
    }

    .sjb-page .col-lg-11 {
        width: 91.66666667%;
    }

    .sjb-page .col-lg-10 {
        width: 83.33333333%;
    }

    .sjb-page .col-lg-9 {
        width: 75%;
    }

    .sjb-page .col-lg-8 {
        width: 66.66666667%;
    }

    .sjb-page .col-lg-7 {
        width: 58.33333333%;
    }

    .sjb-page .col-lg-6 {
        width: 50%;
    }

    .sjb-page .col-lg-5 {
        width: 41.66666667%;
    }

    .sjb-page .col-lg-4 {
        width: 33.33333333%;
    }

    .sjb-page .col-lg-3 {
        width: 25%;
    }

    .sjb-page .col-lg-2 {
        width: 16.66666667%;
    }

    .sjb-page .col-lg-1 {
        width: 8.33333333%;
    }

    .sjb-page .col-lg-pull-12 {
        right: 100%;
    }

    .sjb-page .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .sjb-page .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .sjb-page .col-lg-pull-9 {
        right: 75%;
    }

    .sjb-page .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .sjb-page .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .sjb-page .col-lg-pull-6 {
        right: 50%;
    }

    .sjb-page .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .sjb-page .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .sjb-page .col-lg-pull-3 {
        right: 25%;
    }

    .sjb-page .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .sjb-page .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .sjb-page .col-lg-pull-0 {
        right: auto;
    }

    .sjb-page .col-lg-push-12 {
        left: 100%;
    }

    .sjb-page .col-lg-push-11 {
        left: 91.66666667%;
    }

    .sjb-page .col-lg-push-10 {
        left: 83.33333333%;
    }

    .sjb-page .col-lg-push-9 {
        left: 75%;
    }

    .sjb-page .col-lg-push-8 {
        left: 66.66666667%;
    }

    .sjb-page .col-lg-push-7 {
        left: 58.33333333%;
    }

    .sjb-page .col-lg-push-6 {
        left: 50%;
    }

    .sjb-page .col-lg-push-5 {
        left: 41.66666667%;
    }

    .sjb-page .col-lg-push-4 {
        left: 33.33333333%;
    }

    .sjb-page .col-lg-push-3 {
        left: 25%;
    }

    .sjb-page .col-lg-push-2 {
        left: 16.66666667%;
    }

    .sjb-page .col-lg-push-1 {
        left: 8.33333333%;
    }

    .sjb-page .col-lg-push-0 {
        left: auto;
    }

    .sjb-page .col-lg-offset-12 {
        margin-left: 100%;
    }

    .sjb-page .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .sjb-page .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .sjb-page .col-lg-offset-9 {
        margin-left: 75%;
    }

    .sjb-page .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .sjb-page .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .sjb-page .col-lg-offset-6 {
        margin-left: 50%;
    }

    .sjb-page .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .sjb-page .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .sjb-page .col-lg-offset-3 {
        margin-left: 25%;
    }

    .sjb-page .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .sjb-page .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .sjb-page .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.sjb-page table {
    background-color: transparent;
}

.sjb-page th {
    text-align: left;
}

.sjb-page .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.sjb-page .table>thead>tr>th,
.sjb-page .table>tbody>tr>th,
.sjb-page .table>tfoot>tr>th,
.sjb-page .table>thead>tr>td,
.sjb-page .table>tbody>tr>td,
.sjb-page .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.sjb-page .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.sjb-page .table>caption+thead>tr:first-child>th,
.sjb-page .table>colgroup+thead>tr:first-child>th,
.sjb-page .table>thead:first-child>tr:first-child>th,
.sjb-page .table>caption+thead>tr:first-child>td,
.sjb-page .table>colgroup+thead>tr:first-child>td,
.sjb-page .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.sjb-page .table>tbody+tbody {
    border-top: 2px solid #ddd;
}

.sjb-page .table .table {
    background-color: #fff;
}

.sjb-page .table-condensed>thead>tr>th,
.sjb-page .table-condensed>tbody>tr>th,
.sjb-page .table-condensed>tfoot>tr>th,
.sjb-page .table-condensed>thead>tr>td,
.sjb-page .table-condensed>tbody>tr>td,
.sjb-page .table-condensed>tfoot>tr>td {
    padding: 5px;
}

.sjb-page .table-bordered {
    border: 1px solid #ddd;
}

.sjb-page .table-bordered>thead>tr>th,
.sjb-page .table-bordered>tbody>tr>th,
.sjb-page .table-bordered>tfoot>tr>th,
.sjb-page .table-bordered>thead>tr>td,
.sjb-page .table-bordered>tbody>tr>td,
.sjb-page .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.sjb-page .table-bordered>thead>tr>th,
.sjb-page .table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.sjb-page .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.sjb-page .table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

.sjb-page table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

.sjb-page table td[class*="col-"],
.sjb-page table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.sjb-page .table>thead>tr>td.active,
.sjb-page .table>tbody>tr>td.active,
.sjb-page .table>tfoot>tr>td.active,
.sjb-page .table>thead>tr>th.active,
.sjb-page .table>tbody>tr>th.active,
.sjb-page .table>tfoot>tr>th.active,
.sjb-page .table>thead>tr.active>td,
.sjb-page .table>tbody>tr.active>td,
.sjb-page .table>tfoot>tr.active>td,
.sjb-page .table>thead>tr.active>th,
.sjb-page .table>tbody>tr.active>th,
.sjb-page .table>tfoot>tr.active>th {
    background-color: #f5f5f5;
}

.sjb-page .table-hover>tbody>tr>td.active:hover,
.sjb-page .table-hover>tbody>tr>th.active:hover,
.sjb-page .table-hover>tbody>tr.active:hover>td,
.sjb-page .table-hover>tbody>tr:hover>.active,
.sjb-page .table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8;
}

.sjb-page .table>thead>tr>td.success,
.sjb-page .table>tbody>tr>td.success,
.sjb-page .table>tfoot>tr>td.success,
.sjb-page .table>thead>tr>th.success,
.sjb-page .table>tbody>tr>th.success,
.sjb-page .table>tfoot>tr>th.success,
.sjb-page .table>thead>tr.success>td,
.sjb-page .table>tbody>tr.success>td,
.sjb-page .table>tfoot>tr.success>td,
.sjb-page .table>thead>tr.success>th,
.sjb-page .table>tbody>tr.success>th,
.sjb-page .table>tfoot>tr.success>th {
    background-color: #dff0d8;
}

.sjb-page .table-hover>tbody>tr>td.success:hover,
.sjb-page .table-hover>tbody>tr>th.success:hover,
.sjb-page .table-hover>tbody>tr.success:hover>td,
.sjb-page .table-hover>tbody>tr:hover>.success,
.sjb-page .table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6;
}

.sjb-page .table>thead>tr>td.info,
.sjb-page .table>tbody>tr>td.info,
.sjb-page .table>tfoot>tr>td.info,
.sjb-page .table>thead>tr>th.info,
.sjb-page .table>tbody>tr>th.info,
.sjb-page .table>tfoot>tr>th.info,
.sjb-page .table>thead>tr.info>td,
.sjb-page .table>tbody>tr.info>td,
.sjb-page .table>tfoot>tr.info>td,
.sjb-page .table>thead>tr.info>th,
.sjb-page .table>tbody>tr.info>th,
.sjb-page .table>tfoot>tr.info>th {
    background-color: #d9edf7;
}

.sjb-page .table-hover>tbody>tr>td.info:hover,
.sjb-page .table-hover>tbody>tr>th.info:hover,
.sjb-page .table-hover>tbody>tr.info:hover>td,
.sjb-page .table-hover>tbody>tr:hover>.info,
.sjb-page .table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3;
}

.sjb-page .table>thead>tr>td.warning,
.sjb-page .table>tbody>tr>td.warning,
.sjb-page .table>tfoot>tr>td.warning,
.sjb-page .table>thead>tr>th.warning,
.sjb-page .table>tbody>tr>th.warning,
.sjb-page .table>tfoot>tr>th.warning,
.sjb-page .table>thead>tr.warning>td,
.sjb-page .table>tbody>tr.warning>td,
.sjb-page .table>tfoot>tr.warning>td,
.sjb-page .table>thead>tr.warning>th,
.sjb-page .table>tbody>tr.warning>th,
.sjb-page .table>tfoot>tr.warning>th {
    background-color: #fcf8e3;
}

.sjb-page .table-hover>tbody>tr>td.warning:hover,
.sjb-page .table-hover>tbody>tr>th.warning:hover,
.sjb-page .table-hover>tbody>tr.warning:hover>td,
.sjb-page .table-hover>tbody>tr:hover>.warning,
.sjb-page .table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
}

.sjb-page .table>thead>tr>td.danger,
.sjb-page .table>tbody>tr>td.danger,
.sjb-page .table>tfoot>tr>td.danger,
.sjb-page .table>thead>tr>th.danger,
.sjb-page .table>tbody>tr>th.danger,
.sjb-page .table>tfoot>tr>th.danger,
.sjb-page .table>thead>tr.danger>td,
.sjb-page .table>tbody>tr.danger>td,
.sjb-page .table>tfoot>tr.danger>td,
.sjb-page .table>thead>tr.danger>th,
.sjb-page .table>tbody>tr.danger>th,
.sjb-page .table>tfoot>tr.danger>th {
    background-color: #f2dede;
}

.sjb-page .table-hover>tbody>tr>td.danger:hover,
.sjb-page .table-hover>tbody>tr>th.danger:hover,
.sjb-page .table-hover>tbody>tr.danger:hover>td,
.sjb-page .table-hover>tbody>tr:hover>.danger,
.sjb-page .table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
}

.sjb-page .table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .sjb-page .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .sjb-page .table-responsive>.table {
        margin-bottom: 0;
    }

    .sjb-page .table-responsive>.table>thead>tr>th,
    .sjb-page .table-responsive>.table>tbody>tr>th,
    .sjb-page .table-responsive>.table>tfoot>tr>th,
    .sjb-page .table-responsive>.table>thead>tr>td,
    .sjb-page .table-responsive>.table>tbody>tr>td,
    .sjb-page .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }

    .sjb-page .table-responsive>.table-bordered {
        border: 0;
    }

    .sjb-page .table-responsive>.table-bordered>thead>tr>th:first-child,
    .sjb-page .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .sjb-page .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .sjb-page .table-responsive>.table-bordered>thead>tr>td:first-child,
    .sjb-page .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .sjb-page .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }

    .sjb-page .table-responsive>.table-bordered>thead>tr>th:last-child,
    .sjb-page .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .sjb-page .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .sjb-page .table-responsive>.table-bordered>thead>tr>td:last-child,
    .sjb-page .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .sjb-page .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }

    .sjb-page .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .sjb-page .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .sjb-page .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .sjb-page .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

.sjb-page label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.sjb-page input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sjb-page input[type="radio"],
.sjb-page input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.sjb-page input[type="file"] {
    display: block;
}

.sjb-page input[type="file"]:focus,
.sjb-page input[type="radio"]:focus,
.sjb-page input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.sjb-page .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.sjb-page .form-control:focus {
    border-color: #e1e1e1;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.sjb-page .form-control::-moz-placeholder {
    color: #a4a4a4;
    opacity: 1;
}

.sjb-page .form-control:-ms-input-placeholder {
    color: #a4a4a4;
}

.sjb-page .form-control::-webkit-input-placeholder {
    color: #a4a4a4;
}

.sjb-page .form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

textarea.sjb-page .form-control {
    height: auto;
}

.sjb-page input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    .sjb-page input[type="date"].form-control,
    .sjb-page input[type="time"].form-control,
    .sjb-page input[type="datetime-local"].form-control,
    .sjb-page input[type="month"].form-control {
        line-height: 34px;
    }

    .sjb-page input[type="date"].input-sm,
    .sjb-page input[type="time"].input-sm,
    .sjb-page input[type="datetime-local"].input-sm,
    .sjb-page input[type="month"].input-sm,
    .input-group-sm .sjb-page input[type="date"],
    .input-group-sm .sjb-page input[type="time"],
    .input-group-sm .sjb-page input[type="datetime-local"],
    .input-group-sm .sjb-page input[type="month"] {
        line-height: 30px;
    }

    .sjb-page input[type="date"].input-lg,
    .sjb-page input[type="time"].input-lg,
    .sjb-page input[type="datetime-local"].input-lg,
    .sjb-page input[type="month"].input-lg,
    .input-group-lg .sjb-page input[type="date"],
    .input-group-lg .sjb-page input[type="time"],
    .input-group-lg .sjb-page input[type="datetime-local"],
    .input-group-lg .sjb-page input[type="month"] {
        line-height: 44px;
    }
}

.sjb-page .form-group {
    margin-bottom: 15px;
}

.sjb-page .radio,
.sjb-page .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sjb-page .radio label,
.sjb-page .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.sjb-page .radio input[type="radio"],
.sjb-page .checkbox input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.sjb-page .radio+.radio,
.sjb-page .checkbox+.checkbox {
    margin-top: -5px;
}

.sjb-page input[type="radio"][disabled],
.sjb-page input[type="checkbox"][disabled],
.sjb-page input[type="radio"].disabled,
.sjb-page input[type="checkbox"].disabled,
fieldset[disabled] .sjb-page input[type="radio"],
fieldset[disabled] .sjb-page input[type="checkbox"] {
    cursor: not-allowed;
}

.sjb-page .radio.disabled label,
.sjb-page .checkbox.disabled label,
fieldset[disabled] .sjb-page .radio label,
fieldset[disabled] .sjb-page .checkbox label {
    cursor: not-allowed;
}

.sjb-page .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 80px;
    text-align: center;
}

.sjb-page .btn:focus,
.sjb-page .btn:active:focus,
.sjb-page .btn.active:focus,
.sjb-page .btn.focus,
.sjb-page .btn:active.focus,
.sjb-page .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    
}

.sjb-page .btn:hover,
.sjb-page .btn:focus,
.sjb-page .btn.focus {
    color: #fff;
    text-decoration: none;
    opacity: .8;
}

.sjb-page .btn:active,
.sjb-page .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.sjb-page .btn-primary {
    color: #fff;
    background-color: #3297fa;
    border-color: #198af9;
}

.sjb-page .btn-primary:focus,
.sjb-page .btn-primary.focus {
    color: #fff;
    background-color: #067ef3;
    border-color: #034a90;
}

.sjb-page .btn-primary:hover {
    color: #fff;
    background-color: #067ef3;
    border-color: #056cd0;
}

.sjb-page .btn-primary:active,
.sjb-page .btn-primary.active,
.open>.dropdown-toggle.sjb-page .btn-primary {
    color: #fff;
    background-color: #067ef3;
    border-color: #056cd0;
}

.sjb-page .btn-primary:active:hover,
.sjb-page .btn-primary.active:hover,
.open>.dropdown-toggle.sjb-page .btn-primary:hover,
.sjb-page .btn-primary:active:focus,
.sjb-page .btn-primary.active:focus,
.open>.dropdown-toggle.sjb-page .btn-primary:focus,
.sjb-page .btn-primary:active.focus,
.sjb-page .btn-primary.active.focus,
.open>.dropdown-toggle.sjb-page .btn-primary.focus {
    color: #fff;
    background-color: #056cd0;
    border-color: #034a90;
}

.sjb-page .btn-primary:active,
.sjb-page .btn-primary.active,
.open>.dropdown-toggle.sjb-page .btn-primary {
    background-image: none;
}

.sjb-page .btn-primary.disabled:hover,
.sjb-page .btn-primary[disabled]:hover,
fieldset[disabled] .sjb-page .btn-primary:hover,
.sjb-page .btn-primary.disabled:focus,
.sjb-page .btn-primary[disabled]:focus,
fieldset[disabled] .sjb-page .btn-primary:focus,
.sjb-page .btn-primary.disabled.focus,
.sjb-page .btn-primary[disabled].focus,
fieldset[disabled] .sjb-page .btn-primary.focus {
    background-color: #3297fa;
    border-color: #198af9;
}

.sjb-page .btn-primary .badge {
    color: #3297fa;
    background-color: #fff;
}

.sjb-page .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.sjb-page .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.sjb-page .alert-success hr {
    border-top-color: #c9e2b3;
}

.sjb-page .alert-success .alert-link {
    color: #2b542c;
}

.sjb-page .alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.sjb-page .alert-info hr {
    border-top-color: #a6e1ec;
}

.sjb-page .alert-info .alert-link {
    color: #245269;
}

.sjb-page .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.sjb-page .alert-warning hr {
    border-top-color: #f7e1b5;
}

.sjb-page .alert-warning .alert-link {
    color: #66512c;
}

.sjb-page .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.sjb-page .alert-danger hr {
    border-top-color: #e4b9c0;
}

.sjb-page .alert-danger .alert-link {
    color: #843534;
}

.sjb-page .clearfix:before,
.sjb-page .clearfix:after,
.sjb-page .sjb-page .row:before,
.sjb-page .sjb-page .row:after {
    content: " ";
    display: table;
}

.sjb-page .clearfix:after,
.sjb-page .sjb-page .row:after {
    clear: both;
}

.sjb-page .pull-right {
    float: right !important;
}

.sjb-page .pull-left {
    float: left !important;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}


.iti {
    position: relative;
    display: inline-block;
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px;
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.iti__country {
    padding: 5px 10px;
    outline: none;
}

.iti__dial-code {
    color: #999;
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
    vertical-align: middle;
}

.iti__flag-box,
.iti__country-name {
    margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default;
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

.iti--container:hover {
    cursor: pointer;
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti__flag {
    width: 20px;
}

.iti__flag.iti__be {
    width: 18px;
}

.iti__flag.iti__ch {
    width: 15px;
}

.iti__flag.iti__mc {
    width: 19px;
}

.iti__flag.iti__ne {
    width: 18px;
}

.iti__flag.iti__np {
    width: 13px;
}

.iti__flag.iti__va {
    width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px;
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px;
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px;
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px;
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px;
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px;
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px;
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px;
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px;
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px;
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px;
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px;
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px;
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px;
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px;
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px;
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px;
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px;
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px;
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px;
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px;
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px;
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px;
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px;
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px;
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px;
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px;
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px;
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px;
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px;
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px;
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px;
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px;
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px;
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px;
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px;
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px;
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px;
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px;
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px;
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px;
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px;
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px;
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px;
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px;
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px;
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px;
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px;
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px;
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px;
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px;
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px;
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px;
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px;
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px;
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px;
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px;
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px;
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px;
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px;
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px;
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px;
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px;
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px;
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px;
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px;
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px;
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px;
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px;
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px;
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px;
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px;
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px;
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px;
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px;
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px;
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px;
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px;
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px;
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px;
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px;
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px;
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px;
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px;
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px;
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px;
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px;
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px;
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px;
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px;
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px;
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px;
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px;
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px;
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px;
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px;
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px;
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px;
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px;
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px;
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px;
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px;
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px;
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px;
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px;
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px;
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px;
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px;
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px;
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px;
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px;
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px;
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px;
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px;
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px;
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px;
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px;
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px;
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px;
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px;
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px;
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px;
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px;
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px;
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px;
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px;
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px;
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px;
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px;
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px;
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px;
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px;
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px;
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px;
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px;
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px;
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px;
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px;
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px;
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px;
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px;
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px;
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px;
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px;
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px;
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px;
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px;
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px;
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px;
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px;
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px;
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px;
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px;
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px;
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px;
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px;
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px;
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px;
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px;
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px;
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px;
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px;
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px;
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px;
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px;
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px;
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px;
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px;
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px;
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px;
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px;
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px;
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px;
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px;
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px;
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px;
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px;
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px;
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px;
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px;
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px;
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px;
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px;
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px;
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px;
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px;
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px;
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px;
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px;
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px;
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px;
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px;
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px;
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px;
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px;
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px;
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px;
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px;
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px;
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px;
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px;
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px;
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px;
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px;
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px;
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px;
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px;
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px;
}

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../image/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../image/flags@2x.png");
    }
}

.iti__flag.iti__np {
    background-color: transparent;
}



.sjb-page ::-moz-selection {
    background: #3297fa;
    color: #fff;
}

.sjb-page ::selection {
    background: #3297fa;
    color: #fff;
}

.sjb-page .list-data article,
.sjb-page .list-data footer,
.sjb-page .list-data header,
.sjb-page .list-data section {
    display: block;
}

.sjb-page a {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sjb-page a:hover,
.sjb-page a:focus {
    outline: none;
    text-decoration: none;
}

.sjb-page .btn {
    border: 0;
    font-size: 14px;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sjb-page img {
    height: auto;
    max-width: 100%;
}



.sjb-page .sjb-filters.sjb-filters-v1 {
    background-color: #f2f2f2;
    border: 0;
    margin: 30px 0 15px;
    padding: 35px 30px 0;
    overflow: hidden;
}

.sjb-page .sjb-filters.sjb-filters-v1 .form-control {
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #666;
    font-size: 16px;
    height: 40px;
}

.sjb-page .sjb-filters.sjb-filters-v1 .form-control::-moz-placeholder {
    color: #a4a4a4;
    opacity: 1;
}

.sjb-page .sjb-filters.sjb-filters-v1 .form-control:-ms-input-placeholder {
    color: #a4a4a4;
}

.sjb-page .sjb-filters.sjb-filters-v1 .form-control::-webkit-input-placeholder {
    color: #a4a4a4;
}

.sjb-page .sjb-filters.sjb-filters-v1 .form-control:focus {
    border-color: #e1e1e1;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    outline: 0 none;
}

.sjb-page .sjb-filters.sjb-filters-v1 select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    background: #fff url("../image/select-arrow.png") no-repeat center right 10px;
}

.sjb-page .sjb-filters.sjb-filters-v1 select::-ms-expand {
    display: none;
}

.sjb-page .sjb-filters.sjb-filters-v1 .btn-search {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    height: 40px;
    margin-bottom: 25px;
    padding: 0;
    width: 100%;
}


.sjb-page .sjb-filters.sjb-filters-v2 {
    background-color: #f2f2f2;
    border: 0;
    margin: 30px 0 15px;
    padding: 35px 30px 0;
    overflow: hidden;
}

.sjb-page .sjb-filters.sjb-filters-v2 .form-control {
    border: 1px solid #c1c1c1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #777777;
    font-size: 16px;
    height: 40px;
}

.sjb-page .sjb-filters.sjb-filters-v2 .form-control::-moz-placeholder {
    color: #777777;
    opacity: 1;
}

.sjb-page .sjb-filters.sjb-filters-v2 .form-control:-ms-input-placeholder {
    color: #777777;
}

.sjb-page .sjb-filters.sjb-filters-v2 .form-control::-webkit-input-placeholder {
    color: #777777;
}

.sjb-page .sjb-filters.sjb-filters-v2 .form-control:focus {
    border-color: #e1e1e1;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    outline: 0 none;
}

.sjb-page .sjb-filters.sjb-filters-v2 select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    background: #fff url("../image/select-arrow.png") no-repeat center right 10px;
}

.sjb-page .sjb-filters.sjb-filters-v2 select::-ms-expand {
    display: none;
}

.sjb-page .sjb-filters.sjb-filters-v2 .btn-search {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    height: 40px;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
    outline: none;
    background-color: #3399fe;
}

.sjb-page .sjb-filters.sjb-filters-v2 .btn-search:hover,
.sjb-page .sjb-filters.sjb-filters-v2 .btn-search:focus {
    background-color: #3399fe;
    outline: none;
}

.sjb-page .pagination {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 15px 0 0 0;
    padding: 0;
    width: 100%;
    box-shadow: none;
    position: relative;
    border: none;
    display: flex;
    justify-content: center;
}

.sjb-page .pagination:before,
.sjb-page .pagination:after {
    background-color: transparent;
}

.sjb-page .pagination li {
    display: block;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 8px;
}

.sjb-page .pagination li .next,
.sjb-page .pagination li .prev {
    display: block;
    height: auto;
    width: auto;
    content: none;
    position: static;
    margin-top: 0;
    padding: 8px 16px;
    line-height: 24px;
    vertical-align: middle;
    border-radius: 5px;
}

.sjb-page .pagination li a {
    display: block;
    background-color: #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    color: #3b3a3c;
    font-weight: 300;
    margin: 0;
    padding: 8px 16px;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
}

.sjb-page .pagination li a:before,
.sjb-page .pagination li a:after {
    line-height: 24px;
    height: auto;
    width: auto;
    content: none;
    display: block;
    vertical-align: middle;
}



.sjb-page .pagination li a:hover {
    background-color: #3297fa;
    color: #fff;
}

.sjb-page .pagination li a:focus {
    background-color: #fff;
    color: #3b3a3c;
    display: block;
}

.sjb-page .pagination li span {
    display: block;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius:5px;
    color: #3b3a3c;
    font-weight: normal;
    margin: 0;
    padding: 8px 16px;
    text-align: center;
    line-height: 24px;
}

.sjb-page .pagination li span:before,
.sjb-page .pagination li span:after {
    line-height: normal;
    height: auto;
    width: auto;
    content: none;
    display: block;
}

@media (max-width: 767px) {
    .sjb-page .pagination li span {
        text-align: center;
    }
}

.sjb-page .pagination li span:hover {
    color: #fff;
    background-color: #3297fa;
}

.sjb-page .pagination li span.current {
    color: #fff;
    background-color: #3297fa;
}

.sjb-page .pagination li span.current:hover {
    color: #fff;
    background-color: #3297fa;
}

.sjb-page .pagination li:first-child a,
.sjb-page .pagination li:first-child span {
    
    margin-left: 0;
}

.sjb-page .pagination li:last-child a,
.sjb-page .pagination li:last-child span {
    
    margin-right: 0;
}

.sjb-page .pagination li:before {
    content: none;
}

.ui-datepicker {
    border: 1px solid #e1e1e1;
    color: #666;
    font-family: "Roboto", sans-serif;
}

.ui-datepicker .ui-datepicker-header {
    background: #f2f2f2;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 3px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
    background: #c8c8c8;
    border: 1px solid #c8c8c8;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 3px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 3px;
}

.ui-datepicker .ui-datepicker-title select {
    border: 1px solid #e1e1e1;
    color: #666;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.ui-datepicker .ui-state-default {
    background: #f2f2f2;
    border: 1px solid #e1e1e1;
}

.ui-datepicker .ui-state-highlight {
    background: #3297fa;
    border: 1px solid #3297fa;
    color: #fff;
}

.ui-datepicker .ui-state-hover {
    background: #067ef3;
    border: 1px solid #067ef3;
    color: #fff;
}

.ui-datepicker table {
    font-size: 14px;
}

.ui-datepicker table td a,
.ui-datepicker table td span {
    text-align: center;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 100% !important;
}


.sjb-page .no-job-listing {
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 60px;
}

.sjb-page .list-data .v2 {
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    margin: 15px 0;
    width: 100%;
    padding-bottom: 15px;
}

.sjb-page .list-data .v2 .company-logo {
    float: left;
    width: 78px;
    max-width: 200px;
    margin-right: 10px;
}

.sjb-page .list-data .v2 .sjb-with-logo .job-info {
    margin-left: 20px;
}

.sjb-page .list-data .v2 .sjb-with-logo .job-info.job-without-company {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

.sjb-page .list-data .v2 .sjb-with-logo {
    float: left;
}

.sjb-page .list-data .v2 .sjb-with-logo .job-detail h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: auto;
}

.sjb-page .list-data .v2 .sjb-with-logo .sjb-company-tagline .company-tagline {
    margin-bottom: 0;
}

.sjb-page .list-data .v2 .header-margin-top {
    margin-top: 16px;
    margin-bottom: 16px;
}

@media (max-width: 991px) {
    .sjb-page .list-data .v2 .header-margin-top {
        margin-top: 19px;
    }
}

@media (max-width: 767px) {
    .sjb-page .list-data .v2 .header-margin-top {
        margin-top: 0;
    }
}

.sjb-page .list-data .v2 .job-info h4 {
    color: #3b3a3c;
    font-size: 16px;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

.sjb-page .list-data .v2 .job-info h4 a {
    color: #3b3a3c;
    font-size: 16px;
    word-wrap: break-word;
}

.sjb-page .list-data .v2 .job-info h4 a:hover {
    color: #3297fa;
}

.sjb-page .list-data .v2 .job-description {
    float: left;
    width: 100%;
    border-top: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.sjb-page .list-data .v2 .job-description-list {
    float: left;
    width: 100%;
    padding: 0 20px;
}

.sjb-page .list-data .v2 .job-description p {
    color: #666;
    font-size: 16px;
    margin: 0 0 15px;
    word-wrap: break-word;
}

.sjb-page .list-data .v2 .job-type,
.sjb-page .list-data .v2 .job-location,
.sjb-page .list-data .v2 .job-date {
    color: #3297fa;
    font-size: 14px;
    word-wrap: break-word;
}

.sjb-page .list-data .v2 .job-type i,
.sjb-page .list-data .v2 .job-location i,
.sjb-page .list-data .v2 .job-date i {
    color: #3b3a3c;
    margin-right: 5px;
}

.sjb-page .sjb-listing .list-view .no-job-listing p {
    font-size: 16px;
}

.sjb-page .sjb-listing .grid-view .no-job-listing p {
    font-size: 16px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 {
    padding: 20px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .job-info {
    margin-left: 20px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .job-company {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .sjb-page .sjb-listing .grid-item .list-data .v2 .job-company {
        margin-left: 0;
    }

    .sjb-page .sjb-listing .grid-item .list-data .v2 .job-info {
        margin-left: 0;
    }
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .company-logo {
    margin-bottom: 10px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .job-description {
    margin-top: 10px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .job-company i {
    margin-right: 10px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .btn {
    border-radius: 0;
    color: #fff;
    padding: 10px 20px;
    margin-right: 5px;
}

.sjb-page .grid-item .list-data .v2 .job-type,
.sjb-page .grid-item .list-data .v2 .job-location,
.sjb-page .grid-item .list-data .v2 .job-date {
    margin: 5px 0;
}

.sjb-page .sjb-listing .grid-view .row .grid-item:nth-child(3n + 1) {
    clear: left;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sjb-page .sjb-listing .grid-view .row .grid-item:nth-child(3n + 1) {
        clear: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sjb-page .sjb-listing .grid-view .row .grid-item:nth-child(2n + 1) {
        clear: left;
    }
}

.sjb-page .sjb-detail {
    margin: 30px 0 0;
}

.sjb-page .sjb-detail .list-data .v2 {
    border: 0;
    margin: 0;
    padding: 0;
}

.sjb-page .sjb-detail .list-data .v2 .job-detail {}

.sjb-page .sjb-detail .list-data .v2 .job-detail h3 {
    color: #3297fa;
    font-weight: 500;
    font-size: 24px;
}

@media (min-width: 1200px) {
    .sjb-page .sjb-detail .list-data .v2 .job-info-margin {
        margin: 0 0 10px 27px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sjb-page .sjb-detail .list-data .v2 .job-info-margin {
        margin: 0 0 10px 44px;
    }
}

.sjb-page .sjb-detail .list-data .v2 h3 {
    color: #3297fa;
    font-size: 17px;
    margin: 15px 0;
    font-weight: bold;
}

.sjb-page .sjb-detail .list-data .v2 ul {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

.sjb-page .sjb-detail .list-data .v2 ul li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    position: relative;
}

.sjb-page .sjb-detail .list-data .v2 .list-data .v2 .job-features {
    float: left;
    width: 100%;
}

.sjb-page .sjb-detail .list-data .v2 .job-features .table {
    font-size: 16px;
    font-weight: 400;
    border-top: 1px solid #c1c1c1;
    margin-top: 15px;
}

.sjb-page .sjb-detail .list-data .v2 .job-features .table td {
    border-top: 1px solid #c1c1c1;
    padding: 10px 15px;
    width: 70%;
}

.sjb-page .sjb-detail .list-data .v2 .job-features .table td:first-child {
    border-right: 1px solid #c1c1c1;
    padding-left: 0;
    width: 30%;
}

.sjb-page .sjb-detail .list-data .v2 .job-features .table tr:first-child td {
    border-top: 0;
}

.sjb-page .sjb-detail .list-data .v2 .job-features .table tr:last-child td {
    border-bottom: 1px solid #c1c1c1;
}

@media (min-width: 768px) {
    .sjb-page .sjb-detail .list-data .v2 .job-features .row {
        display: flex;
        flex-flow: row wrap;
    }
}

.sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value h4 {
    color: #000000;
}

.sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value h4 i {
    color: #3297fa;
    width: 30px;
}

.sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value p {
    margin-left: 35px;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form {
    float: left;
    width: 100%;
    position: relative;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form h3 {
    margin: 15px 0;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .sjb-loading {
    display: none;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .sjb-loading .sjb-overlay {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .sjb-loading .sjb-loader-wrapper {
    text-align: center;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .sjb-loading .sjb-loader {
    position: absolute;
    width: 79px;
    height: auto;
    z-index: 9;
    margin-top: -30px;
    top: 50%;
    left: auto;
    right: auto;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form textarea.form-control {
    min-height: 100px;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form label {
    font-size: 16px;
    font-weight: 400;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form label.small {
    margin-right: 15px;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form label.small input {
    margin-right: 5px;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .required {
    color: #f00;
    font-size: 16px;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-box {
    padding: 0;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-box label span {
    color: red;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-box textarea {
    width: 100%;
    height: auto;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control {
    font-size: 16px;
    height: 40px;
    border-radius: 0;
    border: 1px solid #c1c1c1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control:hover {
    border-color: #3297fa;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .iti {
    z-index: 9;
    width: 100%;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .iti .iti__flag-container:hover+.form-control {
    border-color: #3297fa;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size: 16px;
    height: 40px;
    line-height: 1.42857;
    padding: 8px 12px;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file div {
    background: #3297fa;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 26px;
    padding: 5px 12px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file input[type="file"] {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:hover {
    border-color: #3297fa;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:hover div {
    background: #067ef3;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .validity-note {
    color: #f00;
    display: none;
    font-size: 14px;
    font-style: italic;
    margin-left: 10px;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .app-submit {
    margin: 5px 0px 20px 0px;
    display: block;
    padding: 7px 30px;
    border-radius: 0;
    float: right;
}

.sjb-page .sjb-detail {
    border: 0;
    margin: 0;
    padding: 0;
}

.sjb-page .sjb-detail .job-detail {
    margin: 0 0 20px;
}

.sjb-page .sjb-detail .job-detail h3 {
    color: #3297fa;
    font-weight: 500;
    font-size: 24px;
}

@media (min-width: 1200px) {
    .sjb-page .sjb-detail .job-info-margin {
        margin: 0 0 10px 27px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sjb-page .sjb-detail .job-info-margin {
        margin: 0 0 10px 44px;
    }
}

.sjb-page .sjb-detail .company-tagline {
    margin: 0 0 20px;
}

.sjb-page .sjb-detail h3 {
    color: #3297fa;
    font-size: 17px;
    margin: 17px 0;
    font-weight: bold;
}

.sjb-page .sjb-detail ul {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}

.sjb-page .sjb-detail ul li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    position: relative;
}

.sjb-page .sjb-detail ul li::before {
    color: #3297fa;
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 0;
}

.sjb-page .sjb-detail .job-features {
    float: left;
    width: 100%;
}

.sjb-page .sjb-detail .job-features .table {
    font-size: 16px;
    font-weight: 400;
}

.sjb-page .sjb-detail .job-features .table td {
    border-top: 1px solid #e1e1e1;
    padding: 10px 15px;
    width: 70%;
}

.sjb-page .sjb-detail .job-features .table td:first-child {
    border-right: 1px solid #e1e1e1;
    padding-left: 0;
    width: 30%;
}

.sjb-page .sjb-detail .job-features .table tr:first-child td {
    border-top: 0;
}

.sjb-page .sjb-detail .job-features .table tr:last-child td {
    border-bottom: 1px solid #e1e1e1;
}

.sjb-page .sjb-detail .jobpost-form {
    width: 100%;
    position: relative;
    padding: 16px;
}

.sjb-page .sjb-detail .jobpost-form .sjb-loading {
    display: none;
}

.sjb-page .sjb-detail .jobpost-form .sjb-loading .sjb-overlay {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}

.sjb-page .sjb-detail .jobpost-form .sjb-loading .sjb-loader-wrapper {
    text-align: center;
}

.sjb-page .sjb-detail .jobpost-form .sjb-loading .sjb-loader {
    position: absolute;
    width: 79px;
    height: auto;
    z-index: 9;
    margin-top: -30px;
    top: 50%;
    left: auto;
    right: auto;
}

.sjb-page .sjb-detail .jobpost-form textarea.form-control {
    min-height: 100px;
}
@media (min-width:1024px) {
    .sjb-page .sjb-detail .jobpost-form .row {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.sjb-page .sjb-detail .jobpost-form label {
    font-size: 13px;
    font-weight: 400;
    color: rgba(51, 51, 51,.8)!important;
}

.sjb-page .sjb-detail .jobpost-form label.small {
    margin-right: 15px;
}

.sjb-page .sjb-detail .jobpost-form label.small input {
    margin-right: 5px;
}

.sjb-page .sjb-detail .jobpost-form .required {
    color: #f00;
    font-size: 16px;
}

.sjb-page .sjb-detail .jobpost-form .form-box {
    padding: 0;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.sjb-page .sjb-detail .jobpost-form .form-box h3 {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 15px;
}

.sjb-page .sjb-detail .jobpost-form .form-box label span {
    color: red;
}

.sjb-page .sjb-detail .jobpost-form .form-box textarea {
    width: 100%;
    height: auto;
}

.sjb-page .sjb-detail .jobpost-form .form-control {
    font-size: 14px;
    height: 36px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: none;
}

.sjb-page .sjb-detail .jobpost-form .form-control:hover {
    border-color: #3297fa;
}

.sjb-page .sjb-detail .jobpost-form .iti {
    z-index: 9;
    width: 100%;
}

.sjb-page .sjb-detail .jobpost-form .iti .iti__flag-container:hover+.form-control {
    border-color: #3297fa;
}

.sjb-page .sjb-detail .jobpost-form .file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 16px;
    height: 36px;
    line-height: 1.42857;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
}

.sjb-page .sjb-detail .jobpost-form .file>span{
    font-size: 14px;
    color: #999;
    margin-left: 10px;
    line-height: 1;
}

.sjb-page .sjb-detail .jobpost-form .file div {
    margin-right: 10px;
    background: #3297fa;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    height: 24px;
    width: 40px;
    line-height: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sjb-page .sjb-detail .jobpost-form .file input[type="file"] {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9;
}

.sjb-page .sjb-detail .jobpost-form .file:hover {
    border-color: #3297fa;
}

.sjb-page .sjb-detail .jobpost-form .file:hover div {
    background: #067ef3;
}

.sjb-page .sjb-detail .jobpost-form .validity-note {
    color: #f00;
    display: none;
    font-size: 14px;
    font-style: italic;
    margin-left: 10px;
}

.sjb-page .sjb-detail .jobpost-form .app-submit {
    margin: 5px 0px 20px 0px;
    display: block;
    padding: 7px 30px;
    float: right;
}

.sjb-page .iti .iti__country-list .iti__country,
.sjb-page .iti .iti__country-list .iti__divider {
    line-height: normal;
}

.sjb-page .iti .iti__country-list .iti__country::before,
.sjb-page .iti .iti__country-list .iti__divider::before {
    content: "";
    font-size: 0;
    margin-right: 0;
    padding-right: 0;
}

.sjb-page .sjb-privacy-policy {
    font-size: 16px;
}

.sjb-page #jobapp-tc,
.sjb-page #jobapp-pp {
    margin-bottom: 15px;
}

.sjb-page .list-data .v2 .sjb-apply-now-btn a {
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px;
    margin-top: 10px;
    margin-left: 5px;
}

.sjb-page .list-data .sjb-apply-now-btn a:hover,
.sjb-page .list-data .sjb-apply-now-btn a:focus,
.sjb-page .list-data .sjb-apply-now-btn a:visited {
    color: #fff;
}

.sjb-page .list-data .sjb-job-type-location-date {
    border-top: 1px solid #ccc;
    padding: 15px 25px;
    overflow: hidden;
}

.sjb-page .list-data .sjb-company-wrapper-details-list .sjb-company-details {
    margin-top: 10px;
}

.sjb-page .list-data .sjb-company-wrapper-details-list .sjb-company-details i {
    margin-right: 8px;
}

.sjb-page .list-data .sjb-company-wrapper-details-list {
    padding: 15px 20px;
    overflow: hidden;
}

.sjb-page .list-data .sjb-company-wrapper-details {
    padding: 15px 0;
    overflow: hidden;
}

.sjb-page .list-data .job-type i,
.sjb-page .list-data .job-location i,
.sjb-page .list-data .job-date i {
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}

.sjb-page .list-data .sjb-job-info {
    margin-left: 15px;
    margin-right: 15px;
}

.sjb-page .list-data .sjb-job-info h4 span i {
    margin-right: 6px;
    padding: 6px 0;
}

.sjb-page .list-data .sjb-job-characteristics {
    border-top: 0px;
}

@media (max-width: 767px) {
    .sjb-page .list-data .company-logo img {
        width: 95px;
    }

    .sjb-page .list-data .job-type,
    .sjb-page .list-data .job-location,
    .sjb-page .list-data .job-date {
        width: 100%;
        margin: 4px 0;
    }

    .sjb-page .list-data .job-type i,
    .sjb-page .list-data .job-location i,
    .sjb-page .list-data .job-date i {
        width: 20px;
    }

    .sjb-page .list-data .v1 .sjb-apply-now-btn a {
        margin-top: 0;
    }
}



.sjb-page .list-data .v1 {
    background: #fff;
    border: 1px solid #e1e1e1;
    float: left;
    margin: 15px 0;
    padding: 20px 20px 10px;
    width: 100%;
}

.sjb-page .list-data .v1 .company-logo {
    margin-bottom: 15px;
}

.sjb-page .list-data .v1 .company-logo img {
    border: 1px solid #e1e1e1;
}

@media (max-width: 767px) {
    .sjb-page .list-data .v1 .company-logo img {
        height: 95px;
        width: 95px;
    }
}

.sjb-page .list-data .v1 .header-margin-top {
    margin-top: 16px;
}

@media (max-width: 991px) {
    .sjb-page .list-data .v1 .header-margin-top {
        margin-top: 19px;
    }
}

@media (max-width: 767px) {
    .sjb-page .list-data .v1 .header-margin-top {
        margin-top: 0;
    }
}

.sjb-page .list-data .v1 .job-info {
    margin: 0 0 10px;
}

.sjb-page .list-data .v1 .job-info h4 {
    color: #3b3a3c;
    font-size: 16px;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

.sjb-page .list-data .v1 .job-info h4 a {
    color: #3b3a3c;
    font-size: 16px;
    word-wrap: break-word;
}

.sjb-page .list-data .v1 .job-info h4 a:hover {
    color: #3297fa;
}

.sjb-page .list-data .v1 .job-description {
    float: left;
    width: 100%;
}

.sjb-page .list-data .v1 .job-description p {
    color: #666;
    font-size: 16px;
    margin: 0 0 10px;
    word-wrap: break-word;
}

.sjb-page .list-data .v1 .job-type,
.sjb-page .list-data .v1 .job-location,
.sjb-page .list-data .v1 .job-date {
    color: #3297fa;
    font-size: 14px;
    margin-bottom: 10px;
    word-wrap: break-word;
}

.sjb-page .list-data .v1 .job-type i,
.sjb-page .list-data .v1 .job-location i,
.sjb-page .list-data .v1 .job-date i {
    color: #3b3a3c;
    margin-right: 5px;
}



.sjb-page .sjb-detail {
    border: 0;
    margin: 0;
    padding: 0;
}

@media (min-width:1024px) {
    .sjb-page .sjb-detail {
        margin: 30px 0 0;
    }
}

.sjb-page .sjb-detail .job-detail {
    margin: 0 0 20px;
}

.sjb-page .sjb-detail .job-detail h3 {
    color: #3297fa;
    font-weight: 500;
    font-size: 24px;
}

@media (min-width: 1200px) {
    .sjb-page .sjb-detail .job-info-margin {
        margin: 0 0 10px 27px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sjb-page .sjb-detail .job-info-margin {
        margin: 0 0 10px 44px;
    }
}

.sjb-page .sjb-detail .company-tagline {
    margin: 0 0 20px;
}

.sjb-page .sjb-detail h3 {
    color: #3297fa;
    font-size: 17px;
    margin: 17px 0;
    font-weight: bold;
}

.sjb-page .sjb-detail ul {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}

.sjb-page .sjb-detail ul li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    position: relative;
}

.sjb-page .sjb-detail ul li::before,
.sjb-page .sjb-detail .list-data .v2 ul li::before {
    color: #3297fa;
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 0;
}

.sjb-page .sjb-detail ul.iti__country-list li::before {
    content: none;
}

.sjb-page .sjb-detail ul.iti__country-list .iti__country {
    padding-left: 10px;
}

.sjb-page .sjb-detail .list-data .v2 ul.iti__country-list li::before {
    content: none;
}

.sjb-page .sjb-detail .list-data .v2 ul.iti__country-list .iti__country {
    padding-left: 10px;
}

.sjb-page .job-description-list p {
    color: #666;
    font-size: 16px;
    margin: 0 0 10px;
    word-wrap: break-word;
}

.sjb-page .sjb-detail .v2 .jobpost-form .form-box h3 {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 15px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .job-info h4 a span {
    line-height: 24px;

}

.sjb-page .sjb-listing .grid-item .list-data .v2 .job-company {
    margin-top: 10px;
}

.sjb-page .sjb-apply-button {
    display: flex;
    width: 100%;
}

.sjb-page .no-job-listing img {
    width: 550px;
}

.sjb-page .sjb-listing .list-view .no-job-listing .no-job-listing-text {
    font-size: 36px;
    letter-spacing: 5px;
}

.sjb-detail {
    position: relative;
}

.popup-outer {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.popup-outer .sjb-page {
    background-color: #fefefe;
    margin: 5% auto;
    width: 80%;
}

.popup-outer .sjb-quick-apply-modal-close-btn {
    position: absolute;
    z-index: 9999;
    right: 30px;
    top: 15px;
    width: 35px;
    display: flex;
    justify-content: center;
    background: #ebebeb;
    border-radius: 25px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick-apply-modal {
    display: block;
}

.sjb-quick-apply-modal-close-btn .close:hover,
.sjb-quick-apply-modal-close-btn .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.sjb-quick-apply-modal-close-btn .close {
    color: #a4a4a4;
    float: right;
    font-size: 18px;
}

.popup-outer .list-data .job-title {
    font-size: 24px;
}

.sjb-page .list-data .v1 .sjb-apply-now-btn a {
    margin-top: 10px;
    margin-right: 5px;
}

.sjb-page .list-data .v2 .sjb-apply-now-btn p {
    float: right;
}

.sjb-page .sjb-listing .row {
    display: flex;
    flex-wrap: wrap;
}

.sjb-page .sjb-listing .popup-outer .row {
    display: block;
    flex-wrap: nowrap;
}

.sjb-page .popup-outer .sjb-page .sjb-detail .list-data .v1,
.sjb-page .popup-outer .sjb-page .sjb-detail .list-data .v2 {
    padding: 20px;
}

.sjb-page .sjb-view-less-btn {
    display: none;
    clear: both;
    margin-bottom: 15px;
    text-align: right;
    margin-top: 15px;
    float: right;
}

.sjb-page .v1 .sjb-view-less-btn a {
    border: 1px solid;
    padding: 6px 12px;
    border-radius: 4px;
}

.sjb-page .v2 .sjb-view-less-btn a {
    border: 1px solid;
    padding: 10px 20px;
}

.sjb-page .list-data .sjb-apply-now-btn a.sjb_view_more_btn:hover {
    color: #3297fa;
}

.sjb-page .sjb-listing .sjb-apply-now-btn p {
    display: inline-block;
}

.sjb-page .sjb-listing .list-data .v2 .job-features .sjb-title-value h4 i,
.sjb-page .sjb-listing .list-data .v1 .job-features .sjb-title-value h4 i {
    color: #3297fa;
    width: 30px;
}

.sjb-page .sjb_more_content {
    display: none;
}

.sjb-page .sjb-listing .list-data .v1 .sjb_more_content {
    font-size: 16px;
}

.sjb-page .sjb-listing .list-data .v2 .sjb_more_content {
    padding: 0 20px;
    font-size: 16px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .sjb_more_content {
    padding: 0;
}

.sjb-page .sjb-listing .list-data .v2 .sjb-view-less-btn {
    padding: 0 20px;
}

.sjb-page .sjb-listing a.sjb_view_more_btn,
.sjb-page .sjb-listing a.sjb_view_less_btn {
    font-size: 14px;
    cursor: pointer;
}

.sjb-page .job-features {
    margin-bottom: 20px;
}

.sjb-page .job-features h3 {
    color: #3297fa;
    font-size: 17px;
    font-weight: bold;
    margin: 15px;
}

.sjb-page .job-features {
    margin-bottom: 20px;
    width: 100%;
}

.sjb-page .list-view .v1 .job-features h3,
.sjb-page .list-view .v2 .job-features h3 {
    margin-left: 0;
}

.sjb-page .sjb-listing .grid-item .v2 .job-features h3 {
    margin-left: 15px;
}

.sjb-page .sjb-listing .grid-item .list-data .v2 .without-logo .job-info,
.sjb-page .sjb-listing .grid-item .list-data .v2 .without-logo .job-company {
    margin-left: 0;
}

.sjb-page .sjb-listing .v2 .job-features .sjb-title-value p {
    margin-left: 35px;
}

.sjb-listing .grid-item .list-data .v2 .sjb-apply-button {
    display: block;
}

@media screen and (max-width: 360px) {
    .sjb-page .sjb-view-less-btn {
        float: left;
    }
}

.sjb-page .grid-item .v2 .sjb-view-less-btn {
    float: left;
    padding: 0 !important;
}

.sjb-page .sjb-filters.sjb-filters-v2 .sjb-filter-tags,
.sjb-page .sjb-filters.sjb-filters-v1 .sjb-filter-tags {
    display: flex
}


.sjb-page .sjb-filters.sjb-filters-v1 .sjb-filter-tags a,
.sjb-page .sjb-filters.sjb-filters-v2 .sjb-filter-tags a {
    text-decoration: underline;
    margin-left: 4px;
    color: #000;
}

.sjb-page .sjb-filters.sjb-filters-v1 .sjb-filter-tags a.tag-active,
.sjb-page .sjb-filters.sjb-filters-v2 .sjb-filter-tags a.tag-active {
    background: #d7d7d7;
    font-weight: bold;
    padding: 5px;
    border-radius: 3px;
}



.sk-resume-annex .ant-upload {
    width: 100%;
    margin-bottom: 20px
}

.sk-resume-annex-file-wrapper {
    margin: 0 -10px
}

.sk-resume-annex-uploader {
    cursor: pointer;
    padding: 36px;
    width: 100%;
    border: 2px dashed #bedee9;
    border-radius: 8px;
    text-align: center
}

.sk-resume-annex-uploader .upload-icon {
    fill: #00a1d6;
    margin-bottom: 11px
}

.sk-resume-annex-uploader .upload-text {
    color: #ccc;
    font-size: 12px
}

.sk-resume-annex-notice {
    margin-top: 8px;
    margin-bottom: 15px;
    color: #999
}

.sk-resume-annex-file-outer {
    padding: 0 10px 20px;
    width: 50%;
    display: inline-block
}

.sk-resume-annex-file {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 76px;
    font-size: 12px;
    line-height: 17px;
    background-color: #fafcfd;
    border: 1px solid #f3f3f3;
    border-radius: 8px;
    padding: 20px
}

.sk-resume-annex-file:first-child {
    margin-top: 0
}

.sk-resume-annex-file .type-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.sk-resume-annex-file .file-status {
    margin-bottom: 2px;
    color: #999
}

.sk-resume-annex-file .file-status:hover {
    color: #00a1d6
}

.sk-resume-annex-file .file-status.error {
    color: #fb7299
}

.sk-resume-annex-file .download-icon {
    position: relative;
    margin-top: 12px;
    margin-left: 15px;
    float: right;
    fill: #ccc;
    cursor: pointer
}

.sk-resume-annex-file .download-icon:hover {
    fill: #00a1d6
}

.sk-resume-annex-file .delete-icon {
    position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer
}

.sk-resume-annex-file .delete-icon>.sk-icon {
    fill: #fb7299
}

.sk-resume-annex-file .progress-wrapper {
    width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-resume-annex-file .progress {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
    height: 6px;
    margin-right: 10px;
    border-radius: 3px;
    background-color: #fff
}

.sk-resume-annex-file .progress.error {
    color: #fb7299
}

.sk-resume-annex-file .progress.error .progress-inner {
    background-color: #fb7299
}

.sk-resume-annex-file .progress .progress-inner {
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 100%;
    background-color: #23aed5;
    border-radius: 3px
}

@media screen and (max-width: 575px) {
    .sk-resume-annex-file-outer {
        width: 100%;
        max-width: 100%
    }

    .sk-resume-annex-file {
        margin-right: 0;
        margin-top: 12px;
        padding: 10px;
        height: auto;
        line-height: 20px
    }

    .sk-resume-annex-file .file-status {
        display: none
    }

    .sk-resume-annex-file .type-icon {
        width: 20px !important;
        height: 20px !important
    }
}

.referral-code {
    padding: 0 32px 36px 48px;
    background-color: #fff
}

.sk-resume-face {
    float: right;
    width: 115px;
    height: 160px
}

.sk-resume-face img {
    width: 100%;
    height: 100%
}

.sk-resume-name {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 500
}

.sk-resume-title {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 16px;
    color: #666
}

.sk-resume-title .dv {
    color: #d1d1d1;
    padding: 0 11px
}

.sk-resume-concat {
    margin-right: 24px;
    color: #666;
    font-size: 16px
}

.sk-resume-concat .sk-icon {
    fill: #a8b2c6;
    margin-right: 8px
}

.sk-resume-multiple-section {
    padding: 24px;
    border-radius: 4px;
    background-color: #fafcfd;
    margin-bottom: 20px
}

.sk-resume-subname {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
    margin-top: 10px;
    margin-right: 16px
}

.sk-resume-date {
    margin-bottom: 10px
}

.sk-resume-description,
.sk-resume-tag-group {
    color: #666;
    white-space: pre-wrap;
    line-height: 22px;
    margin-top: 10px
}

.sk-resume-text {
    color: #333;
    white-space: pre-wrap;
    margin-top: 10px
}

@media screen and (max-width: 575px) {
    .referral-code {
        padding: 16px 16px 20px;
        margin-bottom: 20px
    }

    .sk-resume-title .dv {
        padding: 0 5px
    }

    .sk-resume-card {
        margin-bottom: 20px;
        background-color: #fff
    }

    .sk-resume-tag-group {
        display: block;
        background-color: #f8f8fc;
        color: #999;
        font-size: 12px;
        padding: 5px 10px;
        line-height: 18px
    }

    .sk-resume-name {
        font-size: 16px;
        margin-bottom: 10px
    }

    .sk-resume-face {
        width: 76px;
        height: 107px
    }

    .sk-resume-date {
        color: #999
    }

    .sk-resume-multiple-section {
        padding: 0;
        background: unset;
        margin-bottom: 20px
    }

    .sk-resume-title {
        font-size: 14px;
        margin-bottom: 10px
    }

    .sk-resume-concat {
        font-size: 14px;
        display: block;
        color: #666
    }

    .sk-resume-subname {
        font-size: 16px;
        display: block;
        margin-bottom: 10px
    }
}

.sk-resume-annalysis-name {
    margin-bottom: 10px
}

.sk-resume-analysis .ant-upload {
    width: 100%
}

.sk-resume-analysis-dv {
    background-color: #bdbdbd;
    width: 1px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.sk-resume-annalysis-uploader {
    text-align: center;
    min-height: 160px;
    padding: 32px;
    border: 2px dashed #bedee9;
    border-radius: 8px;
    background-color: #f6fbfd
}

.sk-resume-annalysis-uploader .upload-title {
    color: #00a1d6;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

.sk-resume-annalysis-uploader .upload-text {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    margin-top: 12px;
    opacity: .8
}

.sk-resume-analysis-notice {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 16px;
    width: 440px
}

.sk-resume-analysis-notice .notice-icon {
    fill: #f9b82d;
    margin-right: 6px
}

.sk-resume-analysis-notice .notice-action {
    color: #00a1d6;
    margin-left: 10px
}

.sk-banner[data-v-0b572ca7]:hover .slick-dots {
    background: rgba(0, 0, 0, .2)
}

.sk-banner-img[data-v-0b572ca7] {
    width: 100%;
    max-width: 100%;
    height: 300px;
    cursor: pointer;
    background-image: var(--pc);
    background-position: 50%;
    background-size: cover
}

.sk-banner-shool-default[data-v-0b572ca7] {
    cursor: default;
    background-image: url(404.png)
}

.sk-banner-intern-default[data-v-0b572ca7] {
    cursor: default;
    background-image: url(404.png)
}

.sk-banner[data-v-0b572ca7] .slick-dots {
    right: 32px !important;
    left: auto !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 8px;
    padding: 11px 12px 19px !important;
    border-radius: 23px;
    -webkit-transition: background .3s;
    transition: background .3s
}

.sk-banner[data-v-0b572ca7] .slick-dots li {
    width: 8px !important
}

.sk-banner[data-v-0b572ca7] .slick-dots li button {
    width: 8px !important;
    height: 8px !important;
    border-radius: 4px !important
}

.sk-banner[data-v-0b572ca7] .slick-dots li.slick-active,
.sk-banner[data-v-0b572ca7] .slick-dots li.slick-active button {
    width: 24px !important
}

@media screen and (max-width: 575px) {
    .sk-banner-img[data-v-0b572ca7] {
        height: 150px;
        background-image: var(--mobile)
    }

    .sk-banner[data-v-0b572ca7] .slick-dots {
        background: rgba(0, 0, 0, .2);
        right: 12px !important;
        bottom: 24px
    }

    .sk-banner-shool-default[data-v-0b572ca7] {
        background-image: url(404.png)
    }

    .sk-banner-intern-default[data-v-0b572ca7] {
        background-image: url(404.png)
    }
}

[data-v-b68912ac] .sk-banner-campus,
[data-v-b68912ac] .sk-banner-social {
    position: relative !important
}

[data-v-b68912ac] .sk-banner-campus .sk-banner,
[data-v-b68912ac] .sk-banner-social .sk-banner {
    padding: 0 !important;
    height: 50px;
    border-bottom: 1px solid #ececec
}

[data-v-b68912ac] .sk-banner-campus .sk-banner-logo:not(.sk-banner-social .sk-banner>.sk-banner-logo:first-child),
[data-v-b68912ac] .sk-banner-social .sk-banner-logo:not(.sk-banner-social .sk-banner>.sk-banner-logo:first-child) {
    content: url(../image/K4efdCGQGw6HmmPk.png) !important
}

.sk-header[data-v-b68912ac] {
    position: relative !important
}

.sk-banner[data-v-b1813db6] {
    height: 200px;
    text-align: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background: url(404.png) 50%
}

.sk-banner-bottom[data-v-b1813db6] {
    height: 26px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-size: contain
}

.sk-banner-container[data-v-b1813db6] {
    position: relative;
    height: 100%;
    max-width: 1240px;
    margin: 0 auto
}

@media screen and (max-width: 575px) {
    .sk-banner-container[data-v-b1813db6] {
        padding-top: 66px;
        background: url(404.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        overflow: hidden;
        text-align: center
    }

    .sk-banner-0[data-v-b1813db6],
    .sk-banner-1[data-v-b1813db6] {
        background-position: 0
    }

    .sk-banner[data-v-b1813db6] {
        height: 150px
    }

    .sk-banner[data-v-b1813db6]:before {
        background-size: auto 40px
    }
}

.sk-banner-x {
    height: 160px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADwAAAAFAAgMAAAB8MmGfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURfH2/dv0/fn7/dXx/bpD78cAAAw6SURBVHja7NyxjdtAEEbhHws42fwacLhVsAlCIUs5OHAJzn2BAVtVqASWokChhLWzgWVQ3CXFHfrufT08zNwsdToC2/vat3bIf7tpWjz+twgYDfzsm3vNd/RAJGBg2kvf2pDvdXogEDAw5a1vLv/jpEc+EzAw4cVvgTajHooEDOzugmXOeiwSMLC3C5a5aEYkYGBnA9hcNScRMHDvu+sFy9w0KxEwcOfFdwAbzUsEDOzqCcl0mkfAwK6+4TAnzQsEDOxpAJtRBQIBA55PSEOecFaJRMCAPSE1l6dcVCQRMLCbAWyuKkPAgNsAfs1TbioTCBhwGsCHPE2FIgEDexnAplOhRMCA1wBeH7AIGDh+28UJy4wqFQgYH95b315eFbCJBIyP7tM+BrA5q1wiYDCAW8sPXVQuEDD+4FcM7icsc1WFQMBgAO/gDcncVCMRMBjATeUZqkLA4B/ptDTkGZ1qBAIGb8AN5ecGrEjAYAC7n7DMSXUIGHwF7X7CMqPqBAIGX0G3kmedVSkRMBjAzhu0uagWAYMB7LxBm6tqBQIGA9hrAK8PWImAwQB2fQQ2N1ULBIyP5sfONmijepGAwVeUrhu06VSPgMHPGDY3bBZwIGAwgLeWi5y0QCRgMIAdN2gzagkCBv9Jx3GDNmctEQkYvCFtKpe5aJFEwOAjjg0dtg04EDAYwG4btLlqmUjA4IS1nVzopoUIGLwhbeawecCRgMEA9tqgjZZKBAxOWBvJxTotFAgYnLCcNmhz0lKJgMEA3sTQIuBAwOCE5fNLQjNqsUTA4ITlskGbs5YjYLBBb2BoFHAkYHDC8tigzUUrEDDetS+9i1zhqhUCAYMT1rMNzQJWImC8X792u0Gbm9YIBAxOWE+Wq2iVRMB4t3oXh5YBBwIGj8Dt/wQ2nVZJBAw26GfKTQMOBAwegf026HzSOpGAwQbttkHnUeuE3+zdwW0DIRBG4V8cKYUq3ETEkVKoIiWkD5fgUnzw0dakg+zCzHpx9L4engTMrE3A+Je+VxwixQesTMDgBB3GBt3lRcDgBB2l2qCHvDIBgxN0kPb+gEXA4AQdpNugp9wyAYMTdIhqo17yI2Bwgg7RTgk4EzDYg47QbZgCEDA4QUewcwLOBAz2oP2qjbsoAAGD3+Lwa2cFnAkYDJHcuo27KgIBgyuwm50WcCZgcAV2qjbhphAEDK7ATs0m3BUiEzC4Avv0EwMWAYMrsI/NeChGJmBwBfaopwYsAgZXYI9uM54KkgkYXIE/N2ARMPhLlXnVprwUJRMw/oOfr1O0swNOBAzesN4dsClMIWDwhjWrnx5wImDwhjXLJl0UphAweMOaU23SVWESAYM9rDltgYBVCBi8YU3pKwScCBj8IOUUm3VToELA4BF6Qlsj4EzA4BF6QrdZd0UiYPAIPcEWCTgTMHiEHlZt2kOhCBhsQn9wwJmAwRRpVLNpT4VKBAymSKP6MgGrEDCYIg2yeS/FSgQM/pdwTF0oYBUCBmPgIc0cFCwRMBgDD+krBaxCwGAMPMI8LgqWCRiMgQfUtQIWAYMx8IC2WMCZgMEYeL9uHleFI2AwBt7PVgu4EDAIeK9qLjeFSwQM9jj2assFrELAYI/jPQHfFS8TMAh4p75ewCJgsIi1k/k8dIBMwGARa5e6YsAiYBDwLm3JgDMBg03KPbr5PHWERMAg4D1syYBVCBisQm+riwacCBgEvK2Z00vHIGDwLcMHB5wJGAS8qZuXjpEIGHzLsMncdJBCwCDgDXXdgBMBg4A3NHO76CCFgMHXhH/rCwecCRgE/Dfzu+ooBAwC/mXv7m3jBoIAjA423NxNbBVqQmDIUhi5BBegwIDLUAlXigKFEtawjYP1c3d2wCU44Pt6eCB2gBnebNo14AqwrAPnBVwAFsCDZ1j9FMNqAAvgGy37BlwBFsA36vsGHADLRZ2xT+D+FOOqAAvgq817B1wAFsB5AUcDWACPnGH15xhYBVgAX6vvHnAALICvNCUAXAEWwAOfwP0lRlYAFsCXWxIAjgawAM4LuAIsgC/WV+k1xgawAL7UlANwA1gAX2jOAbgALIAHPIHPxeAawAI4L+AKsAD+XE8COAAWwJ+a+krdxeAawAL4Y3MawAVgAfyxJQ3gaAAL4FGAH2N0FWAB/KGeB3ABWI7avW9KBDgawPIFftecCXABWL7AY57A/RTjA1gAJwZcARbAb+upABeA5e+Eb5pyAY4GsAAeMcPqT7FBFWAB/LclGeAAWAAnBtwA1t77knGG1Z9jiwrAAvjclA5wACyAz835AFeAtfO+AXy9ArAAXn+G1V9imxrAAvhPPSHgCrD23VeAb1QAFsC/mzICjgawAF57htVfY6MKwNp13zebYaUEHAAL4F/1nIArwNpzDwDfrAAsgM8zrNWKzQJYrtrd389ZAVeABXBewAVgOYp1v2QFHA1gAdzX7S42qwKsw5/kmPq6xYYBLIDzfoGjAayjb/TPiQFXgHV0wEtiwAGwjr4Q3DMDbgAL4FV7jA0rAOvY+4RTasABsI69jjTnBtwA1qEBL7kBF4C11x4A/ncA69CA+9qdYtMqwDrwOtKUHXABWDvtB8D/EcD6yd4d20YMw2AUJlhyFE6RLVRqFFUe4Qa4IvulSJlAWcEGcmfp53s7fCBgUnBhwH17wAFgqvuaYWwP2AFMdY+h57/3ZW8OwATgjQEHgKnqMXQTAOwApjU7AHymBDAVBdwVAAeAqegx9FAA7ACmoreU8//7treXAKaat5RTYQJbAJhKAm4aE9gBTCVvKbsGYEsA04oB+FwBYKp4ijVEABuAqSLgqQI4AUz1bimbDOAAMC3YsSHgH7shBzDVO8XqMoAtAUzr9QTwyQLAVO6SY+gAdgBTOcBTB7AlgGm9AHy2ADAVA9zmK/q1W3IAU7FLjq40gS0BTLUuOYbSBLYAMC3XAeCzOYCp1iXHlAJsCWCqdMnRxAAHgAnA+wJ2AFOlS44uBtgSwFRoETzUAAeACcD7AnYAU6FLjqkG2BLAVOaSo80XZbcVAKbFOgB8Pgcwlbnk6HqADcC0WE8AXygBTFUWwUMQsAOYqvxdZQoCNgDTYgH4SglgqrEIbpKAHcBUYxHcJQEbgGmtDgBfKQFMJRbBY76qD7uxADAt1XM7wHZrAKYSi+CpOYEtAUwF9khtik7gADABeN8J7ACmpXps9hH6917AlgAm/T3SUJ3AFgAm/T3SkJ3ADmDS3yNN2QlsACb5PVKbshPYEsCk/qCwCU9gBzCp75G68AQ2AJP6g8IuPIEtAUzii+ChDNgBTOKL4KkM2ABMC/UJ4IslgEl6j9S0AQeASXqP1LUBO4BpoQB8NQCT9B5piAMOANM6PQB8MQfwHzt3bNxYDENRFMMQuZpAQwxZCiOV4AIcaEbqZ0uxs9VwG3DyGXjBh3t6uEPpURSU75GWeMBGwBB+j9TlAw4CRhovAr6qETB075GGfMBGwNC9R5r6AQcBI40bAV/lBAzZe6SlH3AjYKTxIODLgoAheo/UKwTsBAzRe6RRIeBGwMjiScDXETBE75FmiYCDgJHFBwFf5gQMzecMq0TAjYCRxYOArwsChuIM3YsE7ASMJJ4HjdDvLAE3AobiDD2KnMBGwFB8zjCrBBwEDMF7pFUlYCdgCM7Qq8h3YDMCht5zhl7mBLYgYMjdI/U6J7ATMJI4Z4RelkYjYMjN0KPOR2gjYMjN0LPOCWxBwFB7zrAKncBOwMjh85yALREChtgM3SudwBYEjBSe5wRsiTgBQ2uGHqVO4EbA0JqhZ6kT2AgYOdwJeEcQMKRm6FUrYCdgpPAi4B2NgKE0Q/diAVsQMFK4EfAOJ2AIzdCjWsCNgCE0Q89qARsBI4VPAt4SBIwMXoeM0G/LxQkYKRDwlkbAkJmhe72AjYCRwgcBbwkChsp/Q4+CATsBQ2WGngUDbgSMDF4EvCcIGCIz9KoYsBMwMrgdEfC3ZdMIGBncTxih15uAgZ88jgj4r6UTBAyJGXqUPIHNCRgSb/pHzRO4ETAkZuhZM2AjYEj8mHIVDTgIGAncCXiPEzAEVqxeNeBGwCDgcwM2AkYGB4zQ68sSCgJGAjcC3uMEjPNn6Fk24EbASOBBwJsIGOevWOs3/LGMnIDx/z0PCPiLgP+1ZwclAAAACAPtn9YGmsC/iJdisLug/yKJWGloA253y6CTzsQxAAAAAElFTkSuQmCC) 50%;
    background-size: cover
}

.sk-banner-x .sk-header-dv {
    background-color: #d1d1d1
}

.sk-banner-x .sk-header {
    border-bottom: 0
}

.sk-banner-x .sk-banner {
    border: none !important
}

@media screen and (max-width: 575px) {
    .sk-banner-x {
        background-position: 100%
    }
}

.sk-menu[data-v-31e75aff] {
    background: #fff;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: 0 0 50px -24px rgba(172, 192, 220, .7);
    box-shadow: 0 0 50px -24px rgba(172, 192, 220, .7);
    border-radius: 8px;
    overflow: hidden;
    padding: 12px 0;
    margin-top: 10px
}

.sk-menu-i[data-v-31e75aff] {
    color: #333;
    display: block;
    line-height: 36px;
    height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    width: 160px
}

.sk-menu-i.active[data-v-31e75aff],
.sk-menu-i[data-v-31e75aff]:hover {
    color: #00a1d6;
    background: #f6fbfd
}

[data-v-31e75aff] .ant-drawer-content-wrapper {
    height: auto !important
}

.drawer-header[data-v-31e75aff] {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 16px;
    border-bottom: 1px solid #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.drawer-header .sk-header-logo[data-v-31e75aff] {
    fill: #00a1d6;
    display: block
}

.sk-header-logo[data-v-31e75aff] {
    fill: #00a1d6;
    height: 26px !important;
    margin-top: 2px;
    width: 100px
}

.drawer-link[data-v-31e75aff] {
    line-height: 20px;
    padding: 15px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.drawer-link.active[data-v-31e75aff] {
    color: #00a1d6
}

.mobile[data-v-31e75aff] {
    display: none
}

.sk-header[data-v-31e75aff] {
    z-index: 1;
    height: 50px;
    position: absolute;
    border-bottom: none;
    width: 100vw
}

.sk-header.sticky[data-v-31e75aff] {
    position: fixed;
    z-index: 100
}

.sk-header .logo[data-v-31e75aff] {
    fill: #00a1d6
}

.sk-header-left[data-v-31e75aff] {
    position: absolute;
    left: 20px;
    top: 8px
}

.sk-header-right[data-v-31e75aff] {
    position: absolute;
    right: 20px;
    top: 0
}

.sk-header-menu[data-v-31e75aff] {
    text-align: center
}

.sk-header-menu-item[data-v-31e75aff] {
    display: inline-block;
    position: relative;
    color: inherit;
    opacity: .8;
    line-height: 20px;
    padding: 15px 0;
    margin: 0 21px
}

.sk-header-menu-item.active[data-v-31e75aff],
.sk-header-menu-item[data-v-31e75aff]:hover {
    opacity: 1
}

.sk-header-menu-item.active[data-v-31e75aff]:after {
    position: absolute;
    bottom: 0;
    display: block;
    content: "";
    height: 4px;
    width: 20px;
    left: 50%;
    margin-left: -10px;
    border-radius: 2px;
    background-color: #fff
}

.sk-header-avatar[data-v-31e75aff] {
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 16px;
    cursor: pointer
}

.sk-header-dv[data-v-31e75aff] {
    display: inline-block;
    width: 1px;
    height: 24px;
    margin-right: 23px;
    background-color: #f8f8f8;
    vertical-align: middle
}

.sk-header-btn[data-v-31e75aff] {
    background: none;
    outline: none;
    border: 1px solid;
    padding: 5px 25px;
    border-radius: 16px;
    cursor: pointer;
    height: 32px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sk-header-btn[data-v-31e75aff]:hover {
    opacity: .8
}

@media screen and (max-width: 575px) {
    .sk-header-logo[data-v-31e75aff] {
        margin-top: 3px;
        height: 22px !important
    }

    .sk-header-menu[data-v-31e75aff],
    .sk-header-right .pc[data-v-31e75aff] {
        display: none
    }

    .mobile[data-v-31e75aff] {
        line-height: 42px;
        display: block
    }
}

.sk-menu[data-v-daee0a26] {
    background: #fff;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: 0 0 50px -24px rgba(172, 192, 220, .7);
    box-shadow: 0 0 50px -24px rgba(172, 192, 220, .7);
    border-radius: 8px;
    overflow: hidden;
    padding: 12px 0;
    margin-top: 10px;
    width: 160px
}

.sk-menu-i[data-v-daee0a26] {
    color: #333;
    display: block;
    line-height: 36px;
    height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    width: 100%
}

.sk-menu-i.active[data-v-daee0a26],
.sk-menu-i[data-v-daee0a26]:hover {
    color: #00a1d6;
    background: #f6fbfd
}

.sk-banner-container[data-v-7523a6e4] {
    position: absolute;
    z-index: 100;
    width: 100%
}

.sk-banner-container.white .sk-banner[data-v-7523a6e4] {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-banner-container.white .sk-banner-right[data-v-7523a6e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.733333333333334vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-banner-container.white .sk-banner-right-routes[data-v-7523a6e4] {
    color: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 14px;
    margin-left: 1.866666666666667vw;
    position: relative
}

.sk-banner-container.white .sk-banner-right-routes.active[data-v-7523a6e4] {
    font-weight: 700
}

.sk-banner-container.white .sk-banner-right-routes.active[data-v-7523a6e4]:after {
    content: "";
    position: absolute;
    bottom: -5px;
    display: block;
    height: 2px;
    width: 25px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border-radius: 1px;
    background-color: #fff
}

.sk-banner-container.white .sk-banner-right-social-btn[data-v-7523a6e4] {
    margin-left: 1.866666666666667vw
}

.sk-banner-container.white .sk-banner-right-dividing-line[data-v-7523a6e4] {
    width: 1px;
    height: 12px;
    background-color: #fff;
    margin: 0 1.3333333333333335vw
}

.sk-banner-container.white .sk-banner-right-user[data-v-7523a6e4] {
    cursor: pointer
}

.sk-banner-container.white .sk-banner-right-user img[data-v-7523a6e4] {
    width: 28px;
    overflow: hidden;
    border-radius: 14px;
    margin-right: 4px
}

.sk-banner-container.white .sk-banner-right-user span[data-v-7523a6e4] {
    margin: .4vw;
    color: #fff;
    font-size: 14px
}

.sk-banner-container.white .sk-banner-right-user .anticon[data-v-7523a6e4] {
    color: #fff
}

.sk-banner-container.white .sk-banner-right .pill-btn[data-v-7523a6e4] {
    border-color: #fff;
    color: #fff
}

.sk-banner-container.blue .sk-banner[data-v-7523a6e4] {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-banner-container.blue .sk-banner-right[data-v-7523a6e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.733333333333334vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-banner-container.blue .sk-banner-right-routes[data-v-7523a6e4] {
    color: #0eb6f2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 14px;
    margin-left: 1.866666666666667vw;
    position: relative
}

.sk-banner-container.blue .sk-banner-right-routes.active[data-v-7523a6e4] {
    font-weight: 700
}

.sk-banner-container.blue .sk-banner-right-routes.active[data-v-7523a6e4]:after {
    content: "";
    position: absolute;
    bottom: -5px;
    display: block;
    height: 2px;
    width: 25px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border-radius: 1px;
    background-color: #0eb6f2
}

.sk-banner-container.blue .sk-banner-right-social-btn[data-v-7523a6e4] {
    margin-left: 1.866666666666667vw
}

.sk-banner-container.blue .sk-banner-right-dividing-line[data-v-7523a6e4] {
    width: 1px;
    height: 12px;
    background-color: #0eb6f2;
    margin: 0 1.3333333333333335vw
}

.sk-banner-container.blue .sk-banner-right-user[data-v-7523a6e4] {
    cursor: pointer
}

.sk-banner-container.blue .sk-banner-right-user img[data-v-7523a6e4] {
    width: 28px;
    overflow: hidden;
    border-radius: 14px;
    margin-right: 4px
}

.sk-banner-container.blue .sk-banner-right-user span[data-v-7523a6e4] {
    margin: .4vw;
    color: #0eb6f2;
    font-size: 14px
}

.sk-banner-container.blue .sk-banner-right-user .anticon[data-v-7523a6e4] {
    color: #0eb6f2
}

.sk-banner-container.blue .sk-banner-right .pill-btn[data-v-7523a6e4] {
    border-color: #0eb6f2;
    color: #0eb6f2
}

.pill-btn[data-v-f53356aa] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 10000px;
    padding: 4px 12px;
    cursor: pointer
}

.pill-btn[data-v-f53356aa]:after {
    content: "\003E"
}

.sk-checkboxs-header[data-v-29792060] {
    line-height: 24px
}

.sk-checkboxs-header .open-btn[data-v-29792060] {
    cursor: pointer
}

.sk-checkboxs-header .sk-icon[data-v-29792060] {
    fill: #bdbdbd;
    vertical-align: top;
    margin-right: 8px
}

.sk-checkboxs-group[data-v-29792060] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.clear-btn[data-v-29792060] {
    float: right;
    color: #999;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.sk-checkboxs[data-v-29792060] {
    margin-bottom: 20px
}

.sk-checkboxs-header[data-v-29792060] {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox-item[data-v-29792060] {
    margin-bottom: 15px;
    margin-left: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 112px
}

.checkbox-item-tips[data-v-29792060] {
    cursor: pointer;
    width: 14px;
    margin-top: -3px
}

.checkbox-item-tips[data-v-29792060]:hover {
    color: #00aeec
}

.sk-cover-container[data-v-b30819a4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px
}

.sk-cover-container:hover .play-btn[data-v-b30819a4] {
    opacity: 1
}

.sk-cover-container:hover .cover-img[data-v-b30819a4] {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.sk-cover-container .video-cover[data-v-b30819a4] {
    overflow: hidden
}

.sk-cover-container .cover-img[data-v-b30819a4] {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.sk-cover-container .play-btn[data-v-b30819a4] {
    opacity: .5
}

.sk-dragTable[data-v-6ecf20bc] {
    -ms-touch-action: none;
    touch-action: none
}

.sk-dragTable .positionContainer[data-v-6ecf20bc] {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sk-dragTable .positionContainer .number[data-v-6ecf20bc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.sk-dragTable .positionContainer .drag .num[data-v-6ecf20bc] {
    width: 28px;
    height: 28px;
    line-height: 26px;
    color: #00aeec;
    border: 1px solid #00aeec;
    border-radius: 50%;
    text-align: center;
    display: inline-block
}

.sk-dragTable .positionContainer .wrapper[data-v-6ecf20bc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sk-dragTable .positionContainer .wrapper .positionOrder[data-v-6ecf20bc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 68px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.sk-dragTable .positionContainer .wrapper .positionOrder .drag_icon[data-v-6ecf20bc] {
    display: inline-block;
    margin-top: -15px;
    margin-left: 6px;
    position: relative
}

.sk-dragTable .positionContainer .wrapper .positionOrder .drag_icon[data-v-6ecf20bc]:hover {
    border: 1px solid #eef4f7;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .04), 0 4px 10px rgba(0, 0, 0, .08);
    box-shadow: 0 0 2px rgba(0, 0, 0, .04), 0 4px 10px rgba(0, 0, 0, .08);
    border-radius: 4px;
    cursor: none;
    background-image: url(404.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.sk-dragTable .positionContainer .wrapper .positionOrder .drag_icon[data-v-6ecf20bc]:hover:after {
    position: absolute;
    top: 30px;
    left: -20px;
    width: 59px;
    content: "拖拽移动";
    height: 32px;
    background: rgba(32, 37, 44, .9);
    border-radius: 4px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.sk-dragTable .positionContainer .wrapper .positionOrder .drag_icon[data-v-6ecf20bc]:active {
    pointer-events: none
}

.sk-dragTable .positionContainer .wrapper .positionOrder .biliRecordDragcard[data-v-6ecf20bc] {
    height: 100%;
    width: 100%
}

.sk-dragTable .positionContainer .wrapper .positionOrder .positionCard[data-v-6ecf20bc] {
    width: 326px;
    height: 68px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px #d4e0f2;
    box-shadow: 0 0 2px #d4e0f2;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 12px;
    margin-left: 7px;
    cursor: move
}

@media screen and (max-width: 575px) {
    .sk-dragTable .positionContainer .wrapper .positionOrder .positionCard[data-v-6ecf20bc] {
        width: 276px
    }
}

@media screen and (max-width: 300px) {
    .sk-dragTable .positionContainer .wrapper .positionOrder .positionCard[data-v-6ecf20bc] {
        width: auto
    }
}

.sk-dragTable .positionContainer .wrapper .positionOrder .positionCard .positionTitle[data-v-6ecf20bc] {
    font-size: 13px;
    line-height: 20px;
    color: #000
}

.sk-dragTable .positionContainer .wrapper .positionOrder .positionCard .positionInfo[data-v-6ecf20bc] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #61666d;
    margin-top: 4px
}

.sk-dragTable .positionContainer .wrapper .positionOrder .positionCard .positionInfo>span[data-v-6ecf20bc]:not(:last-child):after {
    content: "|";
    color: #e3e5e7;
    height: 4px;
    padding-left: 14px;
    padding-right: 14px
}

.flip-list-move[data-v-6ecf20bc] {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.no-move[data-v-6ecf20bc] {
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s
}

.ghost[data-v-6ecf20bc] {
    opacity: .5;
    background: #f7fafb
}

.sk-edit-tip .tip-22[data-v-35461158],
.sk-edit-tip .tip-33[data-v-35461158] {
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.sk-edit-tip .tip-22[data-v-35461158] {
    -webkit-transform: translateX(80px);
    transform: translateX(80px)
}

.sk-edit-tip .tip-33[data-v-35461158] {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px)
}

.sk-edit-tip.show .tip-22[data-v-35461158],
.sk-edit-tip.show .tip-33[data-v-35461158] {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tip-22[data-v-35461158],
.tip-33[data-v-35461158] {
    position: fixed;
    z-index: -10;
    bottom: 20%;
    width: 84px;
    height: 240px;
    background-size: 100%;
    background-repeat: no-repeat
}

.tip-22[data-v-35461158] {
    right: -5px;
    background-image: url(404.png)
}

.tip-33[data-v-35461158] {
    left: -5px;
    background-image: url(404.png)
}

@media screen and (max-width: 1000px) {
    .sk-edit-tip[data-v-35461158] {
        display: none
    }
}

.empty-state[data-v-384a6700] {
    width: 100%;
    position: relative;
    border-radius: 20px;
    height: 300px
}

.empty-state__content[data-v-384a6700] {
    position: absolute;
    left: 50%;
    text-align: center;
    top: 30%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%)
}

.empty-state__tips[data-v-384a6700] {
    font-size: 14px;
    color: #999;
    text-align: center
}

.sk-footer[data-v-119186da] {
    position: relative;
    height: 11.71875vw;
    width: 100%;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sk-footer>div[data-v-119186da] {
    padding: 0 4.270833333333333vw
}

.sk-footer-left[data-v-119186da] {
    color: #fff;
    font-size: 10px;
    position: relative
}

.sk-footer-left[data-v-119186da]:after {
    content: "";
    background-color: grey;
    width: 1px;
    height: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sk-footer-left img[data-v-119186da] {
    width: 5.729166666666666vw;
    margin-bottom: 1.3020833333333335vw
}

.sk-footer-left p[data-v-119186da] {
    margin: 0
}

.sk-footer-left .private-policy[data-v-119186da] {
    margin-top: .8333333333333334vw
}

.sk-footer-left .private-policy span[data-v-119186da] {
    cursor: pointer;
    color: #f58
}

.sk-footer-right[data-v-119186da] {
    color: #fff;
    font-size: 14px
}

.sk-footer-right>p[data-v-119186da] {
    margin-bottom: 1.4583333333333333vw
}

.sk-footer-right-icons[data-v-119186da] {
    display: inline-block;
    position: relative;
    margin-right: 2.2395833333333335vw
}

.sk-footer-right-icons img[data-v-119186da]:first-child {
    width: 6.71875vw;
    position: absolute;
    left: 50%;
    top: -.26041666666666663vw;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.sk-footer-right-icons img[data-v-119186da]:last-child {
    width: 1.875vw
}

.sk-footer-right-icons img[data-v-119186da]:last-child:hover {
    cursor: pointer
}

.sk-footer[data-v-58c48318] {
    position: relative;
    height: 11.71875vw;
    width: 100%;
    background-color: #02227f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sk-footer>div[data-v-58c48318] {
    padding: 0 4.270833333333333vw
}

.sk-footer-left[data-v-58c48318] {
    color: #fff;
    font-size: 10px;
    position: relative
}

.sk-footer-left[data-v-58c48318]:after {
    content: "";
    background-color: grey;
    width: 1px;
    height: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sk-footer-left img[data-v-58c48318] {
    width: 5.729166666666666vw;
    margin-bottom: 1.3020833333333335vw
}

.sk-footer-left p[data-v-58c48318] {
    margin: 0
}

.sk-footer-left .private-policy[data-v-58c48318] {
    margin-top: .8333333333333334vw
}

.sk-footer-left .private-policy span[data-v-58c48318] {
    cursor: pointer;
    color: #00aeec
}

.sk-footer-right[data-v-58c48318] {
    color: #00b6f2;
    font-size: 14px
}

.sk-footer-right>p[data-v-58c48318] {
    margin-bottom: 1.4583333333333333vw
}

.sk-footer-right-icons[data-v-58c48318] {
    display: inline-block;
    position: relative;
    margin-right: 2.2395833333333335vw
}

.sk-footer-right-icons img[data-v-58c48318]:first-child {
    width: 6.71875vw;
    position: absolute;
    left: 50%;
    top: -.26041666666666663vw;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.sk-footer-right-icons img[data-v-58c48318]:last-child {
    width: 1.875vw
}

.sk-footer-right-icons img[data-v-58c48318]:last-child:hover {
    cursor: pointer
}

.sk-language[data-v-259be428] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px 0
}

.sk-language-item[data-v-259be428] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-language-item>span[data-v-259be428] {
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #61666d
}

.sk-language-item.required>span[data-v-259be428]:after {
    content: "*";
    color: #fb7299;
    margin-left: 2px;
    margin-right: 4px
}

.sk-record-login-wrapper {
    position: fixed;
    z-index: 100;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.sk-record-noty {
    color: #999;
    margin-top: 8px
}

.sk-record-login {
    position: absolute;
    z-index: 100;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-bottom: -150px;
    margin-left: -228px;
    width: 100%;
    max-width: 456px;
    padding: 48px;
    background: #fff;
    -webkit-box-shadow: 0 0 50px -24px rgba(172, 192, 220, .7);
    box-shadow: 0 0 50px -24px rgba(172, 192, 220, .7);
    border-radius: 8px
}

.sk-record-login .close {
    cursor: pointer;
    position: absolute;
    right: 18px;
    top: 18px;
    fill: #d1d1d1
}

.grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sk-record-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d1d1d1;
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 0
}

.sk-record-phone .phone-hr {
    width: 1px;
    height: 22px;
    background: #d1d1d1;
    margin: 0 11px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sk-record-phone select {
    padding-right: 5px;
    background: transparent
}

.sk-record-phone input,
.sk-record-phone select {
    border: none;
    outline: none;
    font-size: 16px
}

.sk-record-code {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 0
}

.sk-record-code .sk-record-code-btn {
    border-radius: 14px;
    padding: 4px 13px;
    line-height: 20px;
    cursor: pointer;
    font-size: 12px
}

.sk-record-code input {
    border: none;
    outline: none;
    font-size: 16px
}

.sk-record-code input::-webkit-input-placeholder {
    color: #999
}

.sk-record-code input::-moz-placeholder {
    color: #999
}

.sk-record-code input:-ms-input-placeholder {
    color: #999
}

.sk-record-btn {
    cursor: pointer;
    margin-top: 32px;
    height: 40px;
    border: 0;
    outline: none;
    color: #fff;
    background: #00a1d6;
    width: 100%;
    font-size: 16px;
    border-radius: 20px
}

.sk-record-btn:disabled {
    background-color: #d1d1d1
}

@media screen and (max-width: 585px) {
    .sk-record-login {
        left: 0;
        bottom: 0;
        margin-bottom: 0;
        margin-left: 0;
        height: 95%;
        width: 100%;
        max-width: 100%;
        padding: 66px 32px 0;
        border-radius: 8px 8px 0 0
    }

    .sk-record-btn,
    .sk-record-code-btn {
        border-radius: 4px !important
    }
}

.sk-mobile-select[data-v-24d78747] {
    display: inline-block
}

.sk-mobile-select-lite-mask[data-v-24d78747] {
    position: fixed;
    height: calc(100vh - 290px);
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent
}

.sk-mobile-select-tag[data-v-24d78747] {
    border-radius: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 18px;
    padding: 7px 14px;
    position: relative;
    background: #f6f8fb
}

.sk-mobile-select-tag.active[data-v-24d78747] {
    color: #00a1d6;
    background: #f2fbff
}

.sk-mobile-select-wrapper[data-v-24d78747] {
    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 7px 10px rgba(0, 0, 0, .1);
    padding: 8px 16px;
    position: absolute;
    z-index: 10;
    left: 0;
    background: #fff;
    width: 100vw
}

.sk-mobile-select-wrapper .sk-mobile-select-item[data-v-24d78747] {
    line-height: 44px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sk-mobile-select-wrapper .sk-mobile-select-item.active[data-v-24d78747] {
    color: #00a1d6
}

@media screen and (max-width: 575px) {
    .sk-mobile-select-lite-mask[data-v-24d78747] {
        height: calc(100vh - 325px)
    }
}

.sk-mobile-select[data-v-54c1149f] {
    display: inline-block
}

.sk-mobile-select-mask[data-v-54c1149f] {
    position: fixed;
    height: calc(100vh - 290px);
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent
}

@media screen and (max-width: 575px) {
    .sk-mobile-select-mask[data-v-54c1149f] {
        height: calc(100vh - 325px)
    }
}

.sk-mobile-select-tag[data-v-54c1149f] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 16px;
    font-size: 12px;
    line-height: 18px;
    padding: 7px 14px;
    position: relative;
    background: #f6f8fb
}

.sk-mobile-select-tag.active[data-v-54c1149f] {
    color: #00a1d6;
    background: #f2fbff
}

.sk-mobile-select-wrapper[data-v-54c1149f] {
    padding: 16px;
    position: absolute;
    z-index: 10;
    left: 0;
    background: #fff;
    width: 100vw;
    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 7px 10px rgba(0, 0, 0, .1)
}

.sk-mobile-select-wrapper .sk-tag-group-wrapper[data-v-54c1149f] {
    margin: -6px -7px
}

.sk-mobile-select-wrapper .sk-tag-wrapper[data-v-54c1149f] {
    display: inline-block;
    width: 33.33%;
    padding: 6px 7px
}

.sk-mobile-select-wrapper .sk-tag[data-v-54c1149f] {
    text-align: center;
    border-radius: 4px;
    line-height: 36px;
    color: #999;
    background-color: #f7f7f7
}

.sk-mobile-select-wrapper .sk-tag.active[data-v-54c1149f] {
    color: #00a1d6;
    background: #f2fbff
}

.sk-select-btn-group[data-v-54c1149f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sk-select-btn[data-v-54c1149f] {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #e6e6e6
}

.sk-select-btn.blue[data-v-54c1149f] {
    color: #fff;
    background: #00a1d6;
    border-color: #00a1d6
}

.sk-modal-campus[data-v-7bff8486] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1005;
    background: rgba(0, 0, 0, .3)
}

.sk-modal-campus-inner[data-v-7bff8486] {
    width: 420px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 8px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 8px 12px 4px rgba(172, 192, 220, .16);
    box-shadow: 0 8px 12px 4px rgba(172, 192, 220, .16);
    background-color: #fff;
    overflow: visible
}

.sk-modal-campus-inner .header-logo[data-v-7bff8486] {
    position: absolute;
    width: 36%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1006
}

.sk-modal-campus-inner .close[data-v-7bff8486] {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 1005
}

.sk-modal-campus-inner .close .sk-icon[data-v-7bff8486] {
    fill: #000
}

@media screen and (max-width: 575px) {
    .sk-modal-campus-inner[data-v-7bff8486] {
        width: 85.3%
    }

    .sk-modal-campus-inner .header-logo[data-v-7bff8486] {
        width: 36%
    }
}

.sk-modal[data-v-518e4b49] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    background: rgba(0, 0, 0, .3)
}

.sk-modal-inner[data-v-518e4b49] {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 8px 12px 4px rgba(172, 192, 220, .16);
    box-shadow: 0 8px 12px 4px rgba(172, 192, 220, .16)
}

.sk-modal-inner .close[data-v-518e4b49] {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.sk-modal-inner .close .sk-icon[data-v-518e4b49] {
    fill: #999
}

@media screen and (max-width: 575px) {
    .sk-modal-inner .close[data-v-518e4b49] {
        display: none
    }
}

.operator-footer {
    position: relative
}

@media screen and (max-width: 575px) {
    .operator-footer {
        position: fixed;
        z-index: 10;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-top: 10px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 10px;
        padding-bottom: calc(constant(safe-area-inset-bottom) + 10px);
        padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .operator-footer .ant-btn {
        height: 40px !important;
        font-size: 16px;
        padding-right: 24px;
        padding-left: 24px;
        width: 100% !important;
        border-radius: 10px !important
    }
}

.page-empty-state[data-v-6cc447b4] {
    width: 100%;
    position: relative;
    border-radius: 20px;
    height: 600px
}

.page-empty-state__content[data-v-6cc447b4] {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 30%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%)
}

.page-empty-state__tips[data-v-6cc447b4] {
    margin-top: 18px;
    font-size: 14px;
    color: #999;
    text-align: center
}

.sk-page[data-v-10ffe6c1] {
    text-align: center;
    margin-top: 24px
}

.sk-page-end[data-v-10ffe6c1] {
    color: #e0e0e0;
    font-size: 12px;
    display: none
}

.sk-page-next[data-v-10ffe6c1] {
    display: none;
    color: #999;
    padding: 5px 10px
}

.tips-for-home[data-v-10ffe6c1] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #18191c;
    margin-bottom: 6px
}

.check-all-btn[data-v-10ffe6c1] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #18191c
}

.check-all-btn .btn-text[data-v-10ffe6c1] {
    margin-right: 4px
}

.check-all-btn[data-v-10ffe6c1] .sk-icon {
    margin-right: 0 !important
}

@media screen and (max-width: 575px) {
    .sk-page-next[data-v-10ffe6c1] {
        display: inline-block
    }

    .sk-page-end[data-v-10ffe6c1] {
        display: block
    }

    .sk-ant-page[data-v-10ffe6c1] {
        display: none
    }
}

.disable-scroll {
    overflow: hidden;
    height: 100%
}

.modal-container[data-v-554961a2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    -webkit-transform: translateZ(1000px);
    transform: translateZ(1000px)
}

.modal-container .mask[data-v-554961a2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

.modal-container .modal-content-container[data-v-554961a2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    outline: 0
}

.hot-icon {
    width: 24px;
    margin-right: 5px;
}

.hot-tag:after {
    content: "热招";
    display: inline-block;
    height: 18px;
    line-height: 18px;
    width: 30px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    margin-left: 8px;
    border-radius: 4px;
    background-color: #fb7299
}

.sk-item-card {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 24px 32px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 10px;
    margin: 0 20px 15px
}

.sk-item-card:hover {
    background: #fafcfd
}

.sk-item-card:hover .item-title {
    color: #00a1d6
}

.sk-item-card:hover .item-target .sk-icon {
    fill: #00a1d6
}

.sk-item-card:hover .item-target-text {
    opacity: 1
}

.sk-item-card .item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 12px;
    font-weight: bold;
    margin-top: 0;
}

.sk-item-card .item-title .text {
    vertical-align: middle
}

.sk-item-card .item-target {
    position: absolute;
    margin-top: 20px;
    right: 32px
}

.sk-item-card .item-target .sk-icon {
    fill: #d1d1d1
}

.sk-item-card .item-target-text {
    color: #00a1d6;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    margin-right: 4px;
    vertical-align: middle
}

@media screen and (max-width: 575px) {
    .sk-item-card {
        padding: 16px;
        margin: 0
    }

    .sk-item-card .item-target {
        display: none
    }

    .sk-item-card .item-title {
        font-size: 16px;
        margin-bottom: 10px
    }

    .sk-item-card .sk-infotags {
        font-size: 12px
    }
}

.sk-position-mask {
    display: none;
    position: fixed;
    z-index: 100;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.sk-position-tip {
    position: relative
}

.sk-position-tip .tip-content-close {
    cursor: pointer;
    float: right;
    margin-left: 8px;
    margin-top: -6px
}

.sk-position-tip .tip-content {
    z-index: 100;
    position: absolute;
    padding: 14px 8px 14px 16px;
    line-height: 22px;
    color: #fff;
    width: 307px;
    right: -15px;
    bottom: 25px;
    border-radius: 4px;
    background-color: #00a1d6
}

.sk-position-tip .tip-content:after {
    content: "";
    display: block;
    position: absolute;
    right: 40px;
    bottom: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: #00a1d6 transparent transparent transparent
}

@media screen and (max-width: 575px) {
    .sk-position-mask {
        display: block
    }
}

.sk-record-campus-card[data-v-563c47d5] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 18px;
    color: #666;
    margin: 11px 16px 0;
    background: #fff;
    border: 1px solid #f1f2f3;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 8px
}

.sk-record-campus-card[data-v-563c47d5]:hover {
    border: 1px solid #eef4f7;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .04), 0 4px 10px rgba(0, 0, 0, .08);
    box-shadow: 0 0 2px rgba(0, 0, 0, .04), 0 4px 10px rgba(0, 0, 0, .08);
    border-radius: 4px
}

.sk-record-campus-card[data-v-563c47d5]:active {
    border: 1px solid #00aeec;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 174, 236, .16);
    box-shadow: 0 0 0 2px rgba(0, 174, 236, .16);
    border-radius: 8px
}

.sk-record-campus-card .item-title[data-v-563c47d5] {
    cursor: pointer;
    margin-bottom: 12px
}

.sk-record-campus-card .status[data-v-563c47d5] {
    padding: 1px 4px;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    margin-left: 6px
}

.sk-record-campus-card .warning-status[data-v-563c47d5] {
    background-color: #fef0f4;
    color: #f1769a
}

.sk-record-campus-card .disable-status[data-v-563c47d5] {
    background-color: #ececec;
    color: #999
}

.sk-record-campus-card .normal-status[data-v-563c47d5] {
    background-color: #e9f6fc;
    color: #04b8e8
}

.sk-record-campus-card .record-item-rignt[data-v-563c47d5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #61666d;
    font-size: 14px
}

.sk-record-campus-card .record-item-left[data-v-563c47d5] {
    margin-top: 16px
}

.sk-record-campus-card .record-item-left .infotags>span[data-v-563c47d5]:after {
    color: #e3e5e7;
    padding-left: 14px;
    padding-right: 14px
}

@media screen and (max-width: 340px) {
    .sk-record-campus-card .record-item-left .infotags>span[data-v-563c47d5]:after {
        padding-left: 2px;
        padding-right: 2px
    }
}

.sk-record-campus-card .firstChoice[data-v-563c47d5] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 8px;
    gap: 10px;
    position: absolute;
    width: 84px;
    height: 26px;
    right: 0;
    top: 0;
    background-color: rgba(223, 246, 253, .4);
    border-radius: 0 8px 0 0
}

.sk-record-campus-card .firstChoice[data-v-563c47d5],
.sk-record-campus-card .record-item-bottom[data-v-563c47d5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-record-campus-card .record-item-bottom[data-v-563c47d5] {
    margin-top: 16px
}

.sk-record-campus-card .record-item-bottom .btn[data-v-563c47d5] {
    cursor: pointer;
    background: #fff;
    border: 1px solid #c9ccd0;
    border-radius: 37px;
    color: #61666d;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 14px;
    text-align: center;
    padding: 6px 8px
}

.sk-record-campus-card .record-item-bottom .btn[data-v-563c47d5]:hover {
    background: #00a1d6;
    color: #fff
}

.sk-record-campus-card .record-item-bottom .recall[data-v-563c47d5] {
    margin-right: 12px
}

.sk-record-campus-card .record-item-bottom .isCanRecall[data-v-563c47d5] {
    border: 1px solid #f1f2f3;
    color: #c9ccd0
}

.sk-record-campus-card .record-item-bottom .isCanRecall[data-v-563c47d5]:disabled {
    cursor: not-allowed;
    color: #c9ccd0;
    background: #fff
}

@media screen and (max-width: 575px) {
    .sk-record-campus-card[data-v-563c47d5] {
        display: block;
        padding: 0;
        border: none;
        margin-bottom: 16px;
        margin-top: 0;
        background-color: #fff;
        border: 1px solid #f1f2f3
    }

    .sk-record-campus-card .record-item-top[data-v-563c47d5] {
        padding: 24px 16px 16px 16px;
        position: relative
    }

    .sk-record-campus-card .record-item-top .record-item-rignt[data-v-563c47d5] {
        font-size: 12px
    }

    .sk-record-campus-card .record-item-bottom[data-v-563c47d5] {
        margin-top: 12px;
        height: 44px;
        border-top: 1px solid #f3f3f3
    }

    .sk-record-campus-card .record-item-bottom .btnBottom[data-v-563c47d5] {
        width: 100%;
        height: 100%
    }

    .sk-record-campus-card .record-item-bottom .btn[data-v-563c47d5] {
        font-size: 13px;
        width: 100%;
        border: none;
        float: left;
        height: 44px;
        line-height: 30px
    }

    .sk-record-campus-card .record-item-bottom .btn[data-v-563c47d5]:hover {
        border-radius: 4px
    }

    .sk-record-campus-card .record-item-bottom .recall[data-v-563c47d5] {
        border-right: 1px solid #f1f2f3;
        margin-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .sk-record-campus-card .record-item-bottom .isCanRecall[data-v-563c47d5] {
        color: #c9ccd0
    }

    .sk-record-campus-card .status[data-v-563c47d5] {
        padding: 1px 3px;
        margin-left: 2px
    }

    .sk-record-campus-card .item-target[data-v-563c47d5] {
        display: none
    }

    .sk-record-campus-card .item-title[data-v-563c47d5] {
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 16px;
        color: #18191c
    }

    .sk-record-campus-card .sk-infotags[data-v-563c47d5] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 400;
        font-size: 12px;
        color: #61666d
    }
}

@media screen and (max-width: 290px) {
    .record-item-top[data-v-563c47d5] {
        padding: 24px 12px 16px 12px !important
    }

    .status[data-v-563c47d5] {
        max-width: 70px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .record-item-rignt[data-v-563c47d5] {
        margin-top: 5px
    }
}

.record-tag[data-v-3e4cba36]:after {
    content: "内推";
    display: inline-block;
    height: 18px;
    line-height: 18px;
    width: 30px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    margin-left: 8px;
    border-radius: 4px;
    background-color: #00a1d6
}

.sk-record-card[data-v-3e4cba36] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px;
    color: #666;
    margin: 0 16px 24px;
    background: #fafcfd;
    border: 1px solid #f3f3f3;
    border-radius: 8px
}

.sk-record-card .item-title[data-v-3e4cba36] {
    cursor: pointer;
    margin-bottom: 12px
}

.sk-record-card .status[data-v-3e4cba36] {
    margin-top: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block
}

.sk-record-card .warning-status[data-v-3e4cba36] {
    background-color: #fef0f4;
    color: #f1769a
}

.sk-record-card .disable-status[data-v-3e4cba36] {
    background-color: #ececec;
    color: #999
}

.sk-record-card .normal-status[data-v-3e4cba36] {
    background-color: #e9f6fc;
    color: #04b8e8
}

.sk-record-card .record-item-rignt[data-v-3e4cba36] {
    text-align: right;
    color: #666
}

@media screen and (max-width: 575px) {
    .sk-record-card[data-v-3e4cba36] {
        display: block;
        padding: 16px;
        border: none;
        margin-bottom: 16px;
        background-color: #fff;
        border: 1px solid #f2f2f2
    }

    .sk-record-card .record-item-rignt[data-v-3e4cba36] {
        border-top: 1px solid #f7f7f7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: center;
        align-content: center;
        margin-top: 12px;
        padding-top: 12px;
        color: #999;
        font-size: 12px
    }

    .sk-record-card .status[data-v-3e4cba36] {
        margin-top: 0;
        padding: 1px 3px
    }

    .sk-record-card .item-target[data-v-3e4cba36] {
        display: none
    }

    .sk-record-card .item-title[data-v-3e4cba36] {
        font-size: 16px;
        margin-bottom: 10px
    }

    .sk-record-card .sk-infotags[data-v-3e4cba36] {
        font-size: 12px
    }
}

.sk-record-tip[data-v-2448ad0e] {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-record-tip .sk-TVinfo[data-v-2448ad0e] {
    height: 28px
}

.sk-record-tip .sk-record-info[data-v-2448ad0e] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 6px;
    height: 22px;
    line-height: 14px;
    background: -webkit-gradient(linear, left top, right top, color-stop(1.66%, rgba(0, 174, 236, .04)), color-stop(97.34%, rgba(0, 174, 236, 0)));
    background: linear-gradient(90deg, rgba(0, 174, 236, .04) 1.66%, rgba(0, 174, 236, 0) 97.34%)
}

.sk-record-tip .sk-record-text[data-v-2448ad0e] {
    margin-left: 8px;
    margin-right: 2px
}

.sk-record-tip .handleChange[data-v-2448ad0e] {
    text-decoration: underline
}

@media screen and (min-width: 1000px) {
    .sk-record-tip .sk-record-tip-box[data-v-2448ad0e] {
        display: none
    }
}

@media screen and (max-width: 1000px) {
    .sk-record-tip .sk-record-tip-content[data-v-2448ad0e] {
        display: none
    }
}

.sk-referral-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-referral-code span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    color: #666
}

.sk-referral-code :last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sk-swiper-container[data-v-f2a161c6] {
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-swiper-container .swiper-button[data-v-f2a161c6] {
    position: absolute;
    cursor: pointer
}

.sk-swiper-container .swiper-button__prev[data-v-f2a161c6] {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.sk-swiper-container .swiper-button__next[data-v-f2a161c6] {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.sk-video-container[data-v-a71a5ccc] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100vw - 30px)
}

.sk-video-container .modal-close[data-v-a71a5ccc] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(0, 0, 0, .45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #fff
}

.sk-video-container .modal-close[data-v-a71a5ccc]:hover {
    color: #3370ff
}

.sk-video-container .close-x[data-v-a71a5ccc] {
    display: block;
    width: 78px;
    height: 56px;
    font-size: 20px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto
}

.sk-video-container .icon[data-v-a71a5ccc] {
    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
}

.sk-video-container[data-v-a71a5ccc] .gsl-end-bg {
    height: auto !important
}

.position-filter-mobile[data-v-45ce1414] {
    padding-top: 20px;
    display: none;
    margin-bottom: -8px;
    gap: 6px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.position-filter-mobile[data-v-45ce1414] .ant-checkbox-inner {
    width: 14px !important;
    height: 14px !important;
    border-radius: 4px
}

@media screen and (max-width: 768px) {
    .position-filter[data-v-45ce1414] {
        position: sticky;
        top: 60px;
        background: #fff;
        z-index: 10;
        -webkit-box-shadow: 0 2px 4px 0 rgba(237, 239, 246, .8);
        box-shadow: 0 2px 4px 0 rgba(237, 239, 246, .8)
    }

    .position-filter-mobile[data-v-45ce1414] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 450px) {
    .content-tag[data-v-45ce1414]:last-child {
        margin-top: 0
    }
}

.position-filter-web[data-v-1e3fd0e6] {
    width: 286px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 16px;
    padding-left: 20px
}

.filter-web-header[data-v-1e3fd0e6] {
    padding-bottom: 20px;
    padding-left: 8px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec
}

@media screen and (max-width: 768px) {
    .position-filter-web[data-v-1e3fd0e6] {
        display: none
    }
}

.home-mobile-card[data-v-5dc9df7e] {
    background-size: 100% 100%;
    color: #fff
}

.home-mobile-card-text[data-v-5dc9df7e] {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 768px) {
    .home-mobile-card-text[data-v-5dc9df7e] {
        font-size: 150%;
        margin-left: 60px
    }
}

@media only screen and (max-width: 360px) {
    .home-mobile-card-text[data-v-5dc9df7e] {
        font-size: 75%;
        margin-left: 20px
    }
}

.home-mobile-card-text-title[data-v-5dc9df7e] {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 4px
}

.home-mobile-card-text-tip[data-v-5dc9df7e] {
    font-size: .8em
}

.resume-anchor {
    position: absolute;
    right: -130px;
    top: 55px
}

.resume-anchor .ant-anchor-wrapper {
    width: 100px
}

.resume-title[data-v-c1d9a1a4] {
    border-bottom: 1px solid #f7f7f7;
    padding: 56px 32px 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.resume-title.pc[data-v-c1d9a1a4],
.resume-title[data-v-c1d9a1a4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.resume-title.h5[data-v-c1d9a1a4] {
    display: none
}

.resume-title-word[data-v-c1d9a1a4] {
    font-size: 26px;
    font-weight: 600;
    position: relative;
    line-height: 38px;
    height: 38px
}

.resume-title-intention[data-v-c1d9a1a4] {
    background-color: #dff6fd;
    color: #00aeec;
    padding: 7px 20px 8px 22px;
    border-radius: 2px;
    margin-left: 12px;
    display: inline-block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 0
}

.resume-title-intention img[data-v-c1d9a1a4] {
    width: 56px
}

.resume-title[data-v-c1d9a1a4]:after {
    z-index: -1;
    position: absolute;
    right: 32px;
    bottom: 0;
    content: "";
    display: block;
    height: 81px;
    width: 159px;
    background: url(404.png) 50%;
    background-size: cover
}

@media screen and (max-width: 575px) {
    .resume-title[data-v-c1d9a1a4] {
        padding: 20px 16px;
        font-size: 16px;
        background-color: #abb4cc;
        border-bottom: 0;
        height: 93px;
        color: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .resume-title>[data-v-c1d9a1a4] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .resume-title.pc[data-v-c1d9a1a4] {
        display: none
    }

    .resume-title.h5[data-v-c1d9a1a4],
    .resume-title.h5[data-v-c1d9a1a4]>:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .resume-title.h5[data-v-c1d9a1a4]>:first-child {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .resume-title-word[data-v-c1d9a1a4] {
        font-size: 20px
    }

    .resume-title-intention[data-v-c1d9a1a4] {
        padding: 4px 8px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        line-height: 0;
        margin-left: 8px
    }

    .resume-title-intention img[data-v-c1d9a1a4] {
        width: 30px
    }

    .resume-title[data-v-c1d9a1a4]:after {
        display: none
    }
}

.svga-component-container[data-v-161664ca] {
    position: absolute
}

@font-face {
    font-family: Alibaba PuHuiTi;
    src: url()
}

@font-face {
    font-family: Alibaba PuHuiTi Medium;
    src: url()
}

.space {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.hide {
    display: none
}

.mr-12 {
    margin-right: 12px
}

.mr-15 {
    margin-right: 15px
}

.mb-0 {
    margin-bottom: 0 !important
}

.r {
    float: right
}

.l {
    float: left
}

.text-blue,
a:hover {
    color: #00a1d6
}

.color-999 {
    color: #999
}

@media screen and (min-width: 576px) {
    .pc-hide {
        display: none !important
    }
}

@media screen and (max-width: 575px) {
    .mobile-hide {
        display: none !important
    }
}

.hidden-x {
    overflow-x: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.v-enter-active,
.v-leave-active {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.v-enter-from,
.v-leave-to {
    opacity: 0
}

.normal-font {
    font-family: Alibaba PuHuiTi;
    font-size: 12px;
    text-align: justify;
    color: #555
}

.medium-font {
    font-family: Alibaba PuHuiTi Medium;
    font-size: .8333333333333334vw;
    text-align: justify;
    color: #050404
}

@-webkit-keyframes slideUpIn60 {
    0% {
        -webkit-transform: translate3d(0, 60%, 0);
        transform: translate3d(0, 60%, 0);
        visibility: hidden
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes slideUpIn60 {
    0% {
        -webkit-transform: translate3d(0, 60%, 0);
        transform: translate3d(0, 60%, 0);
        visibility: hidden
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

@-webkit-keyframes slideUpIn100 {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes slideUpIn100 {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

@-webkit-keyframes slideUpIn150 {
    0% {
        -webkit-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0);
        visibility: hidden
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes slideUpIn150 {
    0% {
        -webkit-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0);
        visibility: hidden
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

.animate {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    visibility: hidden
}

.animate.curtain {
    -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
    transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
    transition: opacity 1s ease 0s, transform 1s ease 0s;
    transition: opacity 1s ease 0s, transform 1s ease 0s, -webkit-transform 1s ease 0s;
    will-change: opacity, transform;
    overflow: hidden;
    visibility: visible
}

.animate.curtain:before {
    z-index: 2;
    background-color: rgba(241, 243, 246, .45);
    -webkit-transition: .8s ease-in-out 0s;
    transition: .8s ease-in-out 0s
}

.animate.curtain:after,
.animate.curtain:before {
    content: "";
    display: block;
    width: 101%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0
}

.animate.curtain:after {
    z-index: 1;
    background-color: rgba(239, 240, 240, .45);
    -webkit-transition: .8s ease-in-out .2s;
    transition: .8s ease-in-out .2s
}

.animate.animate-end {
    visibility: visible
}

.animate.common {
    -webkit-animation-name: opacity;
    animation-name: opacity
}

.animate.slideUpIn60 {
    -webkit-animation-name: slideUpIn60;
    animation-name: slideUpIn60
}

.animate.slideUpIn100 {
    -webkit-animation-name: slideUpIn100;
    animation-name: slideUpIn100
}

.animate.slideUpIn150 {
    -webkit-animation-name: slideUpIn150;
    animation-name: slideUpIn150
}

.animate.image {
    opacity: 1 !important;
    -webkit-transform: translateZ(0) scale(1) rotate(0deg) !important;
    transform: translateZ(0) scale(1) rotate(0deg) !important
}

.animate.image:after,
.animate.image:before {
    left: 100%
}

#app {
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh
}

#main {
    min-height: 100%;
    position: relative
}

#main .international-footer {
    min-width: 500px;
    z-index: 9;
    width: 100%;
    padding: 25px 20px;
    position: absolute;
    bottom: 0
}

#main .international-footer .link-box .link-item {
    padding-right: 0;
    margin-right: 0;
    border-right: 0
}

#main .international-footer .b-footer-wrap {
    max-width: 1200px;
    min-width: 500px
}

#main .partner {
    display: none
}

.ant-statistic {
    line-height: 20px
}

.main-menu .ant-drawer-content {
    border-radius: 0 0 20px 20px
}

.main-menu .ant-drawer-mask {
    background-color: rgba(0, 0, 0, .16)
}

.main-menu .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.ant-modal-confirm-body .ant-modal-confirm-title {
    border: none;
    padding: 32px 32px 16px 32px
}

.ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
    margin-left: 0;
    padding-top: 0;
    padding-left: 32px
}

.ant-modal-confirm .ant-modal-confirm-btns {
    padding: 0 32px 32px
}

@media screen and (max-width: 768px) {
    .ant-modal-content {
        border-radius: 8px
    }

    .ant-modal-confirm-body .ant-modal-confirm-title {
        border: none;
        padding: 20px 12px 6px 12px;
        text-align: center
    }

    .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
        text-align: center;
        color: #8c8c8c;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 25px
    }

    .ant-modal {
        max-width: 270px;
        margin: 8px auto
    }

    .ant-modal-confirm .ant-modal-confirm-btns {
        width: 100%;
        padding: 0;
        border-top: 1px solid #f7f7f7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ant-modal-confirm .ant-modal-confirm-btns .ant-btn {
        padding: 12px;
        height: 46px;
        font-size: 16px;
        background-color: transparent;
        color: #333;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border: none
    }

    .ant-modal-confirm .ant-modal-confirm-btns .ant-btn.blue {
        color: #00a1d6
    }

    .ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-danger {
        color: #fb7299
    }

    #main .footer_right {
        display: none
    }
}

@media screen and (max-width: 575px) {
    #app {
        padding-bottom: 0
    }

    #app .sk-form-flex {
        display: block
    }

    #main .international-footer {
        display: none
    }
}

.job-content-row {
    display: flex;
}
.job-content-row .job-content-item {
    flex: 1;
}