/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

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

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-weight: 400;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom:0
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0.3rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #3eb5f6;
    text-decoration: underline
}

code, kbd, pre, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

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

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.2rem
}

/*.h5, h5 {*/
    /*font-size: 1.25rem*/
/*}*/

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #fff
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

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

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 0.3rem;
    background-color: transparent;
    border: 1px solid #F2F2F2;
    text-align: center;
}
table tr{
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e6e6e6;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border:1px solid #efeded
}
.table tr:hover,.table th:hover{
    background: #F2F2F2;

}

.table thead th {
    vertical-align: bottom;
    background: #F2F2F2;
    color:#808080;
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #ffe8a1
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive > .table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.api_test .form-control{width: 80%;}
@media screen and (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

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

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple], select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem;
    position: relative;
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #28a745
}

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
    display: block
}

.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip {
    display: block
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: #71dd8a
}

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after {
    border-color: inherit
}

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block
}

.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip {
    display: block
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after {
    border-color: inherit
}

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    background: #fff;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #e6e6e6;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius:5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:focus, .btn:hover {
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #3eb5f6;
    border-color: #3eb5f6
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #fff;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus, .btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus, .btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus, .btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus, .btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus, .btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent
}

.btn-link.focus, .btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none
}

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: .5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid #808080;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu .menu_list,.dropdown-menu .menu-list{padding: 8px 5px}


.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
    z-index: 1
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
    z-index: 1
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
    margin-left: -1px
}

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
    z-index: 3
}

.input-group > .custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(128, 189, 255, .5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:focus ~ .custom-file-label::after {
    border-color: #80bdff
}

.custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar > .container, .navbar > .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card > hr {
    margin-right: 0;
    margin-left: 0
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group > .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group > .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group > .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group > .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group > .card:only-child {
        border-radius: .25rem
    }

    .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.page_index{
    margin: 30px;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content:center;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #3EB5F6;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #3EB5F6;
    border-color: #3EB5F6;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:focus, .badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus, .badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:focus, .badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: block;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    clear: both;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus, .list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (.5rem * 2));
    content: ""
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    margin-top: 30%;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.code_img .modal-header{
    width: 100%;
    background: #3eb5f6;

}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.code_img .modal-title{
    text-align: center;
    width: 100%;
    color: #fff;
}
.code_img .close{color: #fff}
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    text-align: center;
}

.modal-footer {
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/
    /*-ms-flex-pack: end;*/
    /*justify-content: flex-end;*/
    /*padding: 1rem;*/
   /*min-width: 302px;*/
    /* display: flex; */
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem 0;
    min-width: 302px;
    margin: 0 auto;
    text-align: center;
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #fef7db
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color:#fef7db
}


.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    background-color: #fef7db;
    color: #fc8936;
    text-align: center;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
    bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
    border-width: 0 .5rem .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: #212529;
    line-height: 25px;
    padding: 10px;
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right, .carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left, .carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

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

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

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

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

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

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

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

.text-primary {
    color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #3eb5f6 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #3eb5f6 !important
}

a.text-info:focus, a.text-info:hover {
    color: #117a8b !important
}

.text-warning {
    color: #FF6633 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #d39e00 !important
}

.text-danger {
    color: #ff3333 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #1d2124 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*# sourceMappingURL=bootstrap.min.css.map */
/*登录注册*/
.mt_95{margin-top: 95px!important;}
.pc_none{display: none}
.cavas_body{width: 100%; height: 680px;margin-top: 75px}
.login_logo{width:430px;left:15%;top:35%;z-index:999;position: absolute;color: #fff;text-align: center}
.login_logo h1{font-size: 42px;cursor: pointer}
.login_logo b{margin-top: 30px;display: block;font-size: 26px;cursor: pointer;letter-spacing: 11px}

.login_box{width: 30%;float: right;background: #fff;padding: 20px;font-size: 14px;border-radius: 8px;margin-top: 10%;position: relative}
.login_box h1 { color: #3eb5f6; font-size: 20px; margin: 15px 0 30px 0; }
.login_box .icon-person,.login_box .icon-lock,.login_box .icon-phone{width: 30px; height: 38px; margin-right: 16px; background: url(https://cdn.api.storeapi.net/img/icon/user.png) no-repeat 10px center; background-size: 20px; z-index: 999; position: absolute;;left: 0}
.login_box .icon-lock{background: url("https://cdn.api.storeapi.net/img/icon/lock.png") no-repeat 10px center; background-size: 20px}
.login_box .icon-phone{background: url("https://cdn.api.storeapi.net/img/icon/phone.png") no-repeat 10px center; background-size: 17px}
.login_box input{padding-left: 40px;height: 40px;display: block}
.login_btn button{width: 100%;display: block;margin-bottom: 20px;line-height: 30px;font-size: 18px;}
.login_fast{ margin-bottom:20px; font-size: 15px;color: #3eb5f6;display: block;cursor: pointer;text-decoration: underline}
.login_fast:hover{text-decoration: underline}

.login_code input{ width: 64%; display: block; margin-right: 2%; float: left;}
.login_code button{display: block;width: 34%;height: 40px;float: left}

.login_top{border-bottom: 1px solid #efeded}
.login_top ul li{font-size: 20px;margin:20px 15px 15px 0;display: inline-block;}
.login_top ul li a{color: #333;padding-bottom: 14px}
.login_top .cur a{border-bottom: 3px solid #3eb5f6;color: #3eb5f6;}

.login_bg{background: url("https://cdn.api.storeapi.net/images/bg/bg.png" ) repeat-x;height: 687px;opacity: 0.8;margin-top: 70px;margin-bottom: -27px}
.login_connect{text-align: right}
.login_connect input{display: inline-block;border: 1px solid #e6e6e6; height: auto;}
.login_type { position: absolute; top: 10px; right: 3px; width: 45px; height: 45px; cursor: pointer;}
.code_none{ width: 300px;line-height: 200px;text-align: center }
.wx_success{width: 200px;height: 200px}
.wx_phone{width: 150px!important;margin: 15px auto 0 auto}
.wx_phone img{border: 5px solid #d4dee3;border-radius: 50%;margin-bottom: 15px}
.type_phone { background: url(https://cdn.api.storeapi.net/img/icons_web.png) -93px -57px no-repeat; }
.type_desk { background: url(https://cdn.api.storeapi.net/img/icons_web.png) -247px -59px no-repeat; }
.type_weixin{background: url("https://cdn.api.storeapi.net/img/icon/wchat.png") no-repeat;width: 30px;height: 30px;background-size: 100%;display: inline-block;float: left;margin-right: 8px}
.wx_success i { width: 200px; height: 200px; background: #333; display: block; opacity: 0.8; z-index: 1; position: absolute; left: 77px; }
.wx_success p{ position:absolute;z-index: 3;left:150px;color: #fff;top: 180px}
.code_img .codeImg{width:120px;height: 50px;margin: 15px 0}
.code_img .codes{cursor: pointer;margin-top: 10px;display: inline-block}
.error_msg{position: absolute; top: -21px; left: 0;font-size: 12px}

/*用户中心*/
.nav-header{position: fixed; top: 0px; width: 100%; min-width: 1200px; padding: 0px 40px; background: #FFFFFF; height: 70px;
           box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12); z-index: 8; border-bottom: 1px solid #dfdfdf;}
.nav-header .nav-logo a { display: inline-block; padding-left: 5px; }
.nav-header .back_home{margin-right: 10px}
.nav-header .back_home a{line-height: 70px;color: #666;}
.nav-header .back_home a:hover{color: #3EB5F6}
.nav-header .back_home a:first-child:after{content: '|';color: #999;margin: 0 10px;}
.nav-header .login_out button{ height: 30px; line-height: 16px; margin: 20px 0 0 20px;}
.nav_approve{line-height: 70px;  float: left; margin-left: 46px;}
.nav_url:before{background: url("https://cdn.api.storeapi.net/images/icon/gray-nav.png");width: 15px;height: 15px;background-size: 100%;content: '';display: inline-block;float: left;margin-right: 10px}
.nav_url{margin-top: 30px;color: #999;font-size: 15px}

.message{margin: 0 10px;}
.message .mess{display: inline-block;width: 25px;height: 70px;position: relative;background: url('https://cdn.api.storeapi.net/img/icon/news2.png') no-repeat center;cursor: pointer;}
.message .show_box{ animation: b .5s;  transition: .5s;}
.message .mess:hover{background: url('https://cdn.api.storeapi.net/img/icon/news.png') no-repeat center;}
.message .mess span{position: absolute;display: inline-block;min-width: 10px;padding: 0 4px !important;font-size: 12px;
    ;color: #fff;text-align: center;background-color: #F80808;border-radius: 50%;top: 20px;left: 16px;}

.messagebox{position: absolute;top: 64px;width: 360px;border: 1px solid #DFDFDF;right: -55px;background: #FFFFFF;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.12);display: none}
.messagebox i.san{border: 10px solid transparent; border-bottom-color: #efeded; position: absolute; right: 57px; top: -21px;}
.messagebox h3{height: 40px;font-size: 16px;color: #333;line-height: 40px;padding-left: 20px;border-bottom: 1px solid #DFDFDF;}
.messagebox ul li{color: #555;padding: 15px 20px;border-bottom: 1px solid #dfdfdf;}
.messagebox ul li b{margin-right: 7px;}
.messagebox .see_all a{height: 40px;  line-height: 40px; color: #555555;}

.left-menu{width: 200px;height: 100%;position: fixed;top: 85px;left: 0px;z-index: 10;padding-top: 45px;background: #fff;box-shadow: 5px 3px 5px rgba(133, 207, 248, 0.3);overflow: auto;}
.member-nav ul li{height: 70px;line-height: 70px;}
.member-nav ul li.curr a,.member-nav ul li:hover a{color: #2fb9ff;background: #FFFFFF;}
.member-nav ul li a{color: #FFFFFF;font-size: 16px;display: block;height: 100%;padding-left: 65px;outline: none;}
.member-nav ul li a i{width: 45px;height: 30px;display: inline-block;float: left;margin: 20px 10px 0px -10px;}
.member-nav ul li a span{display: inline-block;height: 100%;float: left;}

.member-nav dl dt a,.member-nav dl dd a{display: inline-block;width: 100%;padding-left: 60px;color: #61a6d6;position: relative}
.member-nav dl dt{font-weight: normal;height: 70px;line-height: 70px;font-size: 17px;color: #808080;}

.member-nav dl.user dt {background: url('https://cdn.api.storeapi.net/img/icon/blue-user.png') no-repeat 23px;background-size: 25px}
.member-nav dl.user dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue-user.png') no-repeat 23px;color: #61a6d6;background-size: 25px}
.member-nav dl.user dt a.curr {background: #57c4ff url('https://cdn.api.storeapi.net/img/icon/white-user.png') no-repeat 23px;color: #FFF!important;background-size: 25px}

.member-nav dl.my_api dt {background: url('https://cdn.api.storeapi.net/img/icon/blue-orders.png') no-repeat 23px;background-size: 25px;}
.member-nav dl ss{ position: absolute; top: 22px; right: 25px; background: red; width: 15px; height: 15px; border-radius: 50%; line-height: 15px; color: #fff; font-size: 10px; text-align: center; }
.member-nav dl.my_api dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue-orders.png') no-repeat 23px;color: #61a6d6;background-size: 25px}
.member-nav dl.my_api dt a.curr{background: #57c4ff  url('https://cdn.api.storeapi.net/img/icon/white-order.png') no-repeat 23px;color: #FFF!important;background-size: 25px}

.member-nav dl.my_order dt {background: url('https://cdn.api.storeapi.net/img/icon/blue_buy.png') no-repeat 23px;background-size: 27px}
.member-nav dl.my_order dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue_buy.png') no-repeat 23px;color: #61a6d6;background-size: 27px}
.member-nav dl.my_order dt a.curr{background: #57c4ff  url('https://cdn.api.storeapi.net/img/icon/white_buy.png') no-repeat 23px;color: #FFF!important;background-size: 27px}

.member-nav dl.system dt {background: url('https://cdn.api.storeapi.net/img/icon/blue-apply.png') no-repeat 23px;background-size: 25px}
.member-nav dl.system dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue-apply.png') no-repeat 23px;color: #61a6d6;background-size: 25px}
.member-nav dl.system dt a.curr{background: #57c4ff  url('https://cdn.api.storeapi.net/img/icon/white-apply.png') no-repeat 23px;color: #FFF!important;background-size: 25px}

.member-nav dl.balance dt {background: url('https://cdn.api.storeapi.net/img/icon/blue-yu.png') no-repeat 23px;background-size: 25px}
.member-nav dl.balance dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue-yu.png') no-repeat 23px;color: #61a6d6;background-size: 25px}
.member-nav dl.balance dt a.curr{background: #57c4ff  url('https://cdn.api.storeapi.net/img/icon/white-yu.png') no-repeat 23px;color: #FFF!important;background-size: 25px}

.member-nav dl.balance_detail dt {background: url('https://cdn.api.storeapi.net/img/icon/blue_card.png') no-repeat 23px;background-size: 27px;position: relative}
.member-nav dl.balance_detail dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue_card.png') no-repeat 23px;color: #61a6d6;background-size: 27px}
.member-nav dl.balance_detail dt a.curr{background: #57c4ff  url('https://cdn.api.storeapi.net/img/icon/white_card.png') no-repeat 23px;color: #FFF!important;background-size: 27px}

.member-nav dl.paomoter dt {background: url('https://cdn.api.storeapi.net/img/icon/blue-promoter.png') no-repeat 23px;background-size: 25px}
.member-nav dl.paomoter dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue-promoter.png') no-repeat 23px;color: #61a6d6;background-size: 25px}
.member-nav dl.paomoter dt a.curr{background: #57c4ff  url('https://cdn.api.storeapi.net/img/icon/white-promoter.png') no-repeat 23px;color: #FFF!important;background-size: 25px}

.member-nav dl.invoice dt {background: url('https://cdn.api.storeapi.net/img/icon/blue_invoice.png') no-repeat 23px;background-size: 25px}
.member-nav dl.invoice dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue_invoice.png') no-repeat 23px;color: #61a6d6;background-size: 25px}
.member-nav dl.invoice dt a.curr{background: #57c4ff  url('https://cdn.api.storeapi.net/img/icon/white_invoice.png') no-repeat 23px;color: #FFF!important;background-size: 25px}

.member-nav dl.my_apply dt {background: url('https://cdn.api.storeapi.net/img/icon/blue_sys.png') no-repeat 23px;background-size: 20px}
.member-nav dl.my_apply dt:hover a{background: #f0f7fd url('https://cdn.api.storeapi.net/img/icon/blue_sys.png') no-repeat 23px;color: #61a6d6;background-size: 20px}
.member-nav dl.my_apply dt a.curr{background: #57c4ff  url('https://cdn.api.storeapi.net/img/icon/white_sys.png') no-repeat 23px;color: #FFF!important;background-size: 20px}

.content_top .left{width: 100%; padding: 30px;margin:0 1% 15px 0;height: 230px}
.content_top .right{width: 100%;padding: 30px;}
.content_top .right .list{width: 20%;float: left;margin: 14px 0;font-size: 15px}
.content_top .api_name{color: #000}
.content_top .api_name:hover{color: #3eb5f6}

.content_right{min-width: 1300px;width: 87%;background: #f5f6f7;margin:90px 10px 50px 220px;min-height: 800px}
.content_right h2{margin-bottom:20px;font-size: 22px}
.content_top ul{margin: 15px 0 10px 0;}
.content_top ul li{width: 30%;margin: 34px 5% 10px 0; float: left; border-right: 1px solid #efeded;font-size: 16px;}
.content_top .totle_num{display: inline-block;margin-top: 43px;}
.content_top ul li:last-child{border: none;margin-right: 0}
.content_top .balance_detail{margin: 42px 30px 0 0;text-decoration: underline;color: #999}
.content_top .balance_detail:hover{color: #3eb5f6}

.content_text .active{background: #3eb5f6!important;color: #fff!important;}

.content_bottom ul li,.api_tool ul li{background: #fff;width: 14%;margin: 0 2.5% 30px 0;float: left;padding: 20px 10px;text-align: center;position: relative;border: 1px solid #e6e6e6;border-radius: 8px}
.content_bottom ul li:hover{ z-index: 2; -webkit-box-shadow: 0 5px 20px rgba(77, 185, 202,.3); -moz-box-shadow: 0 5px 20px rgba(77, 185, 202,.3); -o-box-shadow: 0 5px 20px rgba(77, 185, 202,.3);
    box-shadow: 0 5px 20px rgba(77, 185, 202,.3); transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); }
.content_bottom ul li .api_name{display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;text-align: left}
.content_bottom h5{margin:18px 0 10px 0;font-weight: bold;font-size: 16px;color: #333;height: 29px}
.content_bottom p{line-height: 25px;font-size: 14px}
.content_bottom .right_icon,.api_tool .right_icon{background: url("https://cdn.api.storeapi.net/img/icon/arrows.png") no-repeat!important;background-size: 100%!important;width: 28px;height: 14px;margin-top: 5px;display: none}
.content_bottom ul li:hover h5{color: #FF6633}
.content_bottom ul li:hover .right_icon,.api_tool ul li:hover .right_icon{display: block}
.content_bottom btn{margin-top: 15px;}
.content_bottom .title,.content_api .title,.content_info .title{background: url(https://cdn.api.storeapi.net/img/icon/shop.png) no-repeat center left; background-size: 20px;line-height: 40px; padding-left: 40px;font-size: 18px}

.content_api .title{background:url("https://cdn.api.storeapi.net/img/icon/totle.png") no-repeat center left;background-size: 20px; }
.content_info .title{background:url("https://cdn.api.storeapi.net/img/icon/info.png") no-repeat center left;background-size: 20px; }
.content_api .title_list{height: 40px;margin: 15px 0;border-bottom: 2px solid #3eb5f6;position: relative }
.content_api .title_list ul li{float: left;width: 150px;text-align: center;cursor: pointer;font-weight: bold;font-size: 16px;line-height: 40px}
.content_api .title_list .right{ position: absolute;right: 0; top: -9px;}
.content_api table {background: #fff;text-align: center;border:1px solid #e6e6e6;color: #666}
.content_api table tr th,.content_api table tr td{ height: 45px; line-height: 25px;background: #e6e6e6;text-align: left;padding-left: 25px;font-size: 15px }
.content_api table tr td{height: 42px;line-height: 42px;background: none}
.content_api table tr:hover{background: #f5f7fa}

.api_tool ul li{width: 32%;margin-right: 1%;text-align: left;font-size: 16px;cursor: pointer}
.api_tool ul li:hover .font-weight-bold{color: #FF6633 }
.api_tool ul li a{background: none!important;padding: 5px 0 0 0!important;margin:0 5px 0 0!important;text-align: left!important;width: 100%}
.api_tool ul li a:hover{color: #666!important;}
.api_tool .type{ display: inline-block; padding-top: 15px;font-size: 14px}

.why_list ul li{width: 23%!important;text-align: left!important;padding: 10px;margin: 10px 1%!important;}
.why_list ul li .type{border-radius: 20px;background: #6abbde;color: #fff; line-height: 22px;width: 50px;text-align: center;}
.why_list ul li .why_title a{font-size: 17px;color: #666;display: block}
.why_list ul li .why_title a:hover,.why_more:hover{color: #3EB5F6}
.why_more{position: absolute;right: 25px;top: 0;color: #666}
.why_title{width: 73%;margin-left: 15px;font-size: 17px}
.tang_title{height: 40px;line-height: 40px!important;}
.tang_detail{text-align: center;font-weight: bold;font-size: 18px;letter-spacing: 20px}
.source_list{padding: 0 15px;width: 75%;background: #fff;margin-top: 15px;float: left;}
.source_list .api_lists ul li{width: 31%!important;}
.source_detail{color: #666;line-height: 2.5;}
.buyinfo{margin: 5px 5px 20px 5px; font: bold 14px/30px '΢���ź�';}
.buyinfo span{ color: #ff0000;}


    /*我的api*/
.head-type {height: 46px;line-height: 46px;}
.api_title{width: 81%;float: left}
.head-type {height: 46px;line-height: 46px;margin: 2px 0 0 0;padding-right: 12px;}
.search{width: 134px;border: 1px solid #a0cdeb;border-radius: 20px;height: 32px;line-height: 32px;box-shadow: 0px 1px 3px #a0cdeb;}
.search input{float: left;width: 100%;border: none;outline: none;padding-left: 14px;;border-radius: 20px;height: 30px;line-height: 30px;}
.searchbar ss{line-height: 35px;}
.search_title{ margin:30px; border-bottom: 1px solid #e6e6e6;height: 60px}
.dropdown-menu li:hover{ background-color: #3EB5F6;color:#fff}

.wx-pay .wxcode{width: 200px;height: 200px;background: #E8ECEF;margin: 0px auto;}
.wx-pay .wxcode img{width: 200px;height: 200px;}
.wx-pay .scan{width: 155px;margin: 22px auto 0px;}
.wx-pay .scan .left-info{float: left;height: 40px;line-height: 40px;}
.wx-pay .scan .right-info{float: left;padding-left: 10px;}
.wx-pay .scan .right-info p{color: #333333;margin-left:5px}
.wx-pay .scan .right-info p i{font-style: normal;color: #fd7923;}
.wx-pay .scan .right-info p:first-child{letter-spacing: 2px;}

/*账户余额*/
.head-tip{padding:20px 10px 35px 10px;border-bottom: 1px solid #DFDFDF;}
.head-tip .currmoney{font-size: 16px;color: #555555;}
.head-tip .currmoney i{font-size: 22px;color: #FF6633;font-weight: bold;font-style: normal;}
.head-tip .care{color: #999999;margin-left: 30px;}
.head-tip .care i{color: #FF6633;font-style: normal;}

.list-group label {float: left;font-weight: bold;font-size: 15px}
.list-group div{float: left;}

.amount1{ width: 866px;}
.amount1 ul li,.amount ul li{float: left;width: 130px;height: 45px;text-align: center;line-height: 45px;border: 1px solid #dfdfdf;
    border-radius: 3px;margin: 20px 0 0 20px;font-size: 18px;color: #333333;cursor: pointer;position: relative;}
.amount ul li{width: 188px;margin: 0 0 20px 10px!important;}
.amount ul li:hover,.list-group div.amount ul li.choose,.amount1 ul li:hover,.list-group div.amount1 ul li.choose{border: 1px solid #3EB5F6;color: #3EB5F6;}
.amount ul li:hover i,.list-group div.amount ul li.choose i,.amount1 ul li:hover i,.list-group div.amount1 ul li.choose i{position: absolute;bottom: 0px;right: 0px;
    width: 19px;height: 19px;background: url('https://cdn.api.storeapi.net/img/icon/blue-gou.png') no-repeat center}

.account_bank{z-index: 2; -webkit-box-shadow: 0 5px 20px rgba(77, 185, 202,.3); -moz-box-shadow: 0 5px 20px rgba(77, 185, 202,.3); -o-box-shadow: 0 5px 20px rgba(77, 185, 202,.3); box-shadow: 0 5px 20px rgba(77, 185, 202,.3);
    transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); margin-left: 87px; line-height: 40px; width: 560px; padding: 15px 20px; font-size: 16px;  font-weight: bold;}
.account_bank span{font-weight: normal;margin-right: 15px}
.account_bank h4{font-size: 16px;margin-bottom: 10px;font-weight: bold}
.list_bal{margin-bottom: 20px}

.buy_num_input{height:30px; border:1px solid rgba(204, 204, 204, 1);float: left;margin-right: 10px}
.buy_num_input input{ width: 50px; border: none; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; height: 28px; display: inline-block; text-align: center; float: left; }
.buy_num_input a{ width: 30px; text-align: center; display: inline-block; cursor: pointer; float: left; font-size: 20px; font-weight: bold; line-height:27px;}

.info-recharge .list-group input.money{height: 40px;line-height: 40px;padding: 3px;border: 1px solid #DFDFDF;margin: 20px 10px 0 20px;width: 200px;border-radius: 3px;}
.info-recharge .list-group div.way ul li{float: left;width: 170px;height: 48px;text-align: center;line-height: 48px;border: 1px solid #dfdfdf;
    border-radius: 3px;margin-left: 12px;font-size: 18px;color: #333333;cursor: pointer;position: relative;}
.info-recharge .list-group div.way .alipay{background: url('https://cdn.api.storeapi.net/img/icon/alipa.png') no-repeat 30px;background-size: 40px;padding-left: 45px}
.info-recharge .list-group div.way .wpay{background: url('https://cdn.api.storeapi.net/img/icon/wchat.png') no-repeat 30px; background-size: 40px;padding-left: 50px}
.info-recharge .list-group div.way .paypal{background: url('https://cdn.api.storeapi.net/img/icon/paypal.png') no-repeat center; background-size: 110px; padding-left: 50px;}
.info-recharge .list-group div.way .trans{background: url('https://cdn.api.storeapi.net/img/icon/account.png') no-repeat 30px; background-size: 40px; padding-left: 50px;}
.info-recharge .list-group div.way ul li:hover,.info-recharge .list-group div.way ul li.choose{border: 1px solid #3EB5F6;color: #3EB5F6;}
.info-recharge .list-group div.way ul li:hover i,.info-recharge .list-group div.way ul li.choose i{position: absolute;bottom: 0px;right: 0px; width: 19px;height: 19px;background: url('/img/icon/blue-gou.png') no-repeat center}
.way span,.way a{color: #FF6633; margin-left: 15px; cursor: pointer;}
.recharge-foot{clear: both;margin: 30px 0 0 94px}
.recharge-foot a{padding: 8px 58px}
.info-recharge .list-group input.input_money{font:bold 24px/24px '宋体';}

.sell-tab a { display: inline-block; width: 92px; height: 32px; text-align: center; line-height: 32px; background: #E8ECEF; color: #999; border-radius: 3px; margin-right: 12px; outline: none; }
.sell-tab a:hover, .sell-tab a.active { text-decoration: none; background: #3EB5F6; color: #FFFFFF; }
.input_index textarea{ width: 500px; height: 140px; border: 1px solid #DFDFDF; border-radius: 4px; padding: 5px; margin: 20px 0; }

/*小型模态框*/
.acc-con{border: 1px solid #c9e3f0;border-radius: 3px;top: 50px;z-index:9}
.headerbar{background: #3EB5F6;color: #fff;font-size: 18px;;padding: 10px 15px;}
.headerbar span { display: block; width: 20px; height: 20px; background: url(https://cdn.api.storeapi.net/img/icon/closed.png); }

/*个人中心*/
.personal_title ss{ color: #3eb5f6; font-weight: bold; border-bottom: 2px solid; display: inline-block;line-height: 47px; font-size: 18px; margin-left: 20px;}
.personal_index{padding: 0 40px}
.personal_index .password{height: 60px; width: 800px; margin-top: 35px;}
.personal_index .password span{width: 120px;font-size: 16px}
.personal_index .add_ip{min-height: 45px;}
.personal_index .add_ip span{width: 189px;font-size: 16px;text-align: right; }
.personal_index .add_ip input{width: 350px;}
.personal_index .add_ip textarea{width: 350px;height: 200px}
.personal_index .add_ip ul li{height: 40px;}
.personal_index .app_name:before{content: "*"; color: #f56c6c; margin-right: 4px;}
.personal_index .api_btn{margin: 50px 0 50px 260px}
.personal_index .add_ip ul li i{ display: inline-block; width: 20px; height: 20px; border:1px solid #999; cursor: pointer; border-radius: 10px;margin-right: 15px;float: left}
.personal_index .choose,.personal_index .add_ip ul li i:hover{background:url("https://cdn.api.storeapi.net/img/icon/yes.png") no-repeat; background-size: 18px;border:none!important;}
.personal_index .text_example{color: #666;padding-left: 158px}
.personal_index .api_list{float: left;width:1100px}
.personal_index .api_list ul li{width: 220px;float: left;margin-bottom: 20px}

.modify_pass{ border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; margin: 30px 0;padding: 20px 0}
.modify_pass .title{ font-size: 18px;margin: 20px 0;}
.modify_pass .left_title{float: left; color: #808080;width: 120px}
.modify_pass .form-group{height: 40px;line-height: 40px;}
.modify_pass .right_con{width: 350px}
.modify_pass .right_con input{float: left;width: 215px}
.modify_pass .editpass{margin-left: 120px}


/*api商店*/
.contain_box{width: 1200px;margin: 0 auto;background: #fff;}

/* SSL ad bar (banaer_ad / ssl_bg.png) */
.ssl-ad-link{display:block;position:relative;text-decoration:none;color:#fff;overflow:hidden}
.ssl-ad-link img{display:block;width:100%;height:auto;vertical-align:top}
.ssl-ad-content{
    position:absolute;inset:0;z-index:2;pointer-events:none;
    display:flex;align-items:center;justify-content:center;
    box-sizing:border-box;
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;color:#fff;
}
.ssl-ad-inner{
    width:1000px;max-width:100%;
    display:flex;align-items:center;justify-content:space-between;
}
.ssl-ad-brand{
    display:flex;flex-direction:column;justify-content:center;
    flex-shrink:0;line-height:1.2;
}
.ssl-ad-brand strong{
    font-size:22px;font-weight:700;letter-spacing:.08em;
    background:linear-gradient(180deg,#fff 30%,#d7f4ff 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-fill-color:transparent;
}
.ssl-ad-brand>span{
    margin-top:4px;font-size:14px;font-weight:500;
    letter-spacing:.14em;color:rgba(255,255,255,.72);
}
.ssl-ad-slogan{
    display:flex;align-items:center;justify-content:center;gap:14px;
    flex:1;min-width:0;white-space:nowrap;margin:0 16px;
}
.ssl-ad-slogan-text{
    font-size:26px;font-weight:600;letter-spacing:.1em;
    text-shadow:0 2px 12px rgba(20,10,60,.35);
}
.ssl-ad-slogan-text span{
    margin:0 .04em;font-weight:800;letter-spacing:.04em;
    background:linear-gradient(180deg,#fff 8%,#8fe0ff 55%,#3ec8f5 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 0 8px rgba(90,208,255,.35));
}
.ssl-ad-discount{
    display:inline-flex;align-items:baseline;gap:2px;
    height:42px;padding:0 18px 0 16px;
    font-size:17px;font-weight:600;letter-spacing:.08em;
    border-radius:21px;color:#fff;
    background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 100%);
    border:1px solid rgba(255,255,255,.28);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 14px rgba(20,10,60,.18);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.ssl-ad-discount em{
    font-style:normal;font-size:34px;font-weight:800;line-height:1;
    margin:0 2px;color:#fff;
    text-shadow:0 0 12px rgba(90,208,255,.65),0 2px 0 rgba(40,25,90,.35);
    transform:translateY(1px);
}
.ssl-ad-btn{
    position:relative;overflow:hidden;pointer-events:auto;flex-shrink:0;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-width:148px;height:44px;padding:0 26px;
    font-size:17px;font-weight:700;letter-spacing:.14em;color:#fff;
    border:1px solid rgba(255,255,255,.4);border-radius:22px;
    background:linear-gradient(135deg,#7adbff 0%,#3bb8f6 45%,#1f9de8 100%);
    box-shadow:0 6px 18px rgba(42,160,232,.4),inset 0 1px 0 rgba(255,255,255,.5);
    transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,filter .25s ease;
}
.ssl-ad-btn::before{
    content:"";position:absolute;inset:0;border-radius:inherit;
    background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 55%);
    pointer-events:none;
}
.ssl-ad-btn::after{
    content:"";position:absolute;top:0;left:-45%;width:40%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
    transform:skewX(-20deg);transition:left .55s ease;pointer-events:none;
}
.ssl-ad-btn:hover{
    color:#fff;text-decoration:none;filter:brightness(1.06);transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(42,160,232,.5),inset 0 1px 0 rgba(255,255,255,.55);
}
.ssl-ad-btn:hover::after{left:120%}
.ssl-ad-btn>span,.ssl-ad-btn>i{position:relative;z-index:1}
.ssl-ad-btn>i{
    display:inline-block;width:6px;height:6px;margin-top:-1px;opacity:.95;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:rotate(-45deg);transition:transform .25s ease;
}
.ssl-ad-btn:hover>i{transform:rotate(-45deg) translate(2px,2px)}

/* mobile name verify ad (1200.png) */
.mobile-ad-brand{
    flex-direction:row;align-items:center;gap:12px;
}
.ssl-ad-link .mobile-ad-logo{
    width:52px!important;height:52px!important;max-width:52px;max-height:52px;
    object-fit:contain;flex-shrink:0;display:block;
    filter:brightness(0) invert(1);
}
.mobile-ad-brand strong{
    font-size:28px;font-weight:700;letter-spacing:.12em;
    background:linear-gradient(180deg,#ffe9a0 0%,#f0c24b 55%,#d9a62e 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));
}
.mobile-ad-link .ssl-ad-slogan-text{
    font-size:26px;letter-spacing:.06em;
    text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.mobile-ad-link .ssl-ad-slogan-text span{
    background:linear-gradient(180deg,#fff4c2 0%,#f0c24b 60%,#e0a820 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.25));
}
.mobile-ad-link .ssl-ad-btn{
    min-width:156px;height:46px;padding:0 28px;
    font-size:18px;border-radius:23px;
}
.mobile-ad-btn{
    border-color:rgba(255,230,150,.45);
    background:linear-gradient(135deg,#f6d56a 0%,#e8b93a 45%,#d4a020 100%);
    box-shadow:0 6px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.45);
}
.mobile-ad-btn:hover{
    background:linear-gradient(135deg,#ffe07a 0%,#f0c24b 45%,#e0b028 100%);
    box-shadow:0 10px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.5);
}

.score_lj{clear: both;margin-top: 15px;}
.score_lj .title ul li{border-right: 1px solid #efeded!important;}
.nav_home{
    width:100%;
    height:64px;
    line-height:64px;
    font-size:15px;
    color:#334155;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid #e8eef8;
    box-shadow:0 8px 24px rgba(22,119,255,.05);
    backdrop-filter:saturate(160%) blur(10px);
    -webkit-backdrop-filter:saturate(160%) blur(10px);
    position:fixed;
    top:0;
    z-index:100;
}
.nav_home .card_icon{ background: url(https://cdn.api.storeapi.net/img/icon/hot.png) no-repeat 0 8px; width: 44px; height: 35px; background-size: 100%;
    display: inline-block; right: 17px; top: -7px; position: absolute;animation:blink 1.5s infinite;	-webkit-animation:blink 1.5s infinite; /*Safari and Chrome*/}
@keyframes blink{
    0%{		opacity: 0;	}
    50%{		opacity: 100;	}
    100%{		opacity: 0;	}
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 100;
    }
    100% {
        opacity: 0;
    }

}
.nav_home .head_box,
.nav_home .head_box.container{
    display:flex;
    align-items:center;
    width:1200px;
    max-width:calc(100% - 32px);
    height:64px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
    box-sizing:border-box;
}
.nav_home .head_box .head_left,
.nav_home .logo-site{
    float:none;
    display:flex;
    align-items:center;
    height:64px;
    margin:0;
}
.nav_home .site-title{margin:0;line-height:1;}
.nav_list{
    float:none;
    display:flex;
    align-items:center;
    flex:1 1 auto;
    min-width:0;
    margin:0 0 0 28px;
    height:64px;
}
.nav_list > ul,
.nav_list > ul.float-left{
    float:none;
    display:flex;
    align-items:center;
    flex:1 1 auto;
    min-width:0;
    margin:0;
    padding:0;
    height:64px;
    list-style:none;
    gap:6px;
}
.nav_list > ul > li{
    float:none;
    position:relative;
    height:64px;
    margin:0;
    padding:0 6px;
    display:flex;
    align-items:center;
    color:inherit;
}
.nav_list > ul > li.nav_more{
    position:relative;
    overflow:visible;
}
.nav_list > ul > li:last-child{padding-right:0}
.nav_list > ul > li > a,
.nav_list > ul > li > a.dropdown-toggle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:36px;
    padding:0 14px;
    border-radius:8px;
    color:#334155;
    font-size:15px;
    font-weight:600;
    line-height:1;
    text-decoration:none;
    transition:color .18s ease, background-color .18s ease;
}
.nav_list > ul > li > a{color:#334155}
.nav_list > ul > li > a:hover,
.nav_list > ul > li > a:focus{
    color:#1677ff;
    background:#edf5ff;
    text-decoration:none;
}
.nav_list .new,.nav_list .vip{position: relative}
.nav_list .cur,
.nav_list > ul > li > a.cur,
.api_order .curr,
.footer_service ul li a:hover{
    color:#1677ff!important;
}
.nav_list > ul > li > a.cur{
    background:#edf5ff;
}
.nav_m_actions{
    float:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-left:auto;
    line-height:1;
}
.nav_m_toggle{display:none}
.nav_m_panel{display:none!important}
.nav_phone{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:34px;
    padding:0 12px 0 10px;
    border-radius:18px;
    color:#1677ff!important;
    background:#edf5ff;
    border:1px solid #d6e4ff;
    font-size:14px;
    font-weight:700;
    letter-spacing:.02em;
    text-decoration:none!important;
    white-space:nowrap;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.nav_phone svg{
    width:15px;
    height:15px;
    flex-shrink:0;
    color:#1677ff;
}
.nav_phone:hover{
    color:#0958d9!important;
    background:#e0efff;
    border-color:#91caff;
    box-shadow:0 6px 14px rgba(22,119,255,.12);
    text-decoration:none!important;
}
.nav_home .login_btn{
    float:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.nav_home .login_btn .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 10px;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    line-height:1;
    box-shadow:none;
}
.nav_home .login_btn .btn-default{
    color:#1677ff;
    background:#fff;
    border:1px solid #d6e4ff;
}
.nav_home .login_btn .btn-default:hover{
    color:#0958d9;
    background:#f0f7ff;
    border-color:#91caff;
}
.nav_user_btn{
    display:inline-flex;align-items:center;justify-content:center;gap:5px;
    height:34px;padding:0 10px;border-radius:8px;text-decoration:none!important;
    color:#fff!important;background:#1677ff;border:1px solid #1677ff;font-size:14px;font-weight:600;line-height:1;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.nav_user_btn:hover{
    color:#fff!important;
    background:#0958d9;
    border-color:#0958d9;
    box-shadow:0 8px 18px rgba(22,119,255,.22);
    text-decoration:none!important;
}
.nav_user_btn svg{width:16px;height:16px;flex-shrink:0}
.nav_user_btn em{font-style:normal}

.nav_home .nav_more .dropdown-menu,
.nav_home .nav_more .list_show,
.nav_home .nav_more .dropdown-menu[x-placement],
.nav_home .nav_more .dropdown-menu[x-placement^=bottom],
.nav_home .nav_more .dropdown-menu[x-placement^=top],
.nav_home .nav_more .dropdown-menu[x-placement^=left],
.nav_home .nav_more .dropdown-menu[x-placement^=right]{
    position:absolute!important;
    top:calc(100% - 8px)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    float:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    min-width:156px;
    width:auto;
    margin:0!important;
    padding:8px 0!important;
    border:1px solid #e8eef8!important;
    border-radius:12px!important;
    box-shadow:0 14px 34px rgba(15,23,42,.12)!important;
    background:#fff!important;
    overflow:hidden;
    z-index:1200!important;
}
.nav_home .nav_more .dropdown-menu.show,
.nav_home .nav_more .list_show.show,
.nav_home .nav_more.show > .dropdown-menu,
.nav_home .nav_more.open > .dropdown-menu{
    display:block!important;
}
.nav_home .nav_more .dropdown-menu > li,
.nav_home .nav_more .list_show > li{
    float:none!important;
    display:block!important;
    position:static!important;
    align-items:stretch;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    line-height:1.3!important;
    width:100%!important;
    font-size:14px;
    color:#334155;
    background:transparent!important;
}
.nav_home .nav_more .dropdown-menu > li > a,
.nav_home .nav_more .list_show > li > a{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 16px!important;
    border-radius:0!important;
    line-height:1.4!important;
    color:#334155!important;
    font-size:14px!important;
    font-weight:500!important;
    background:transparent!important;
    box-sizing:border-box;
    text-decoration:none!important;
    white-space:nowrap;
}
.nav_home .nav_more .dropdown-menu > li:hover,
.nav_home .nav_more .list_show > li:hover{
    background:#f0f7ff!important;
    color:#1677ff!important;
}
.nav_home .nav_more .dropdown-menu > li:hover > a,
.nav_home .nav_more .list_show > li:hover > a,
.nav_home .nav_more .dropdown-menu > li > a:hover,
.nav_home .nav_more .list_show > li > a:hover{
    color:#1677ff!important;
    background:#f0f7ff!important;
}
.nav_list .caret{display:none!important}
.nav_list .dropdown-toggle::after,
.nav_list .dropdown-toggle::before{
    display:none!important;
    content:none!important;
    border:none!important;
}
.nav_list .nav_chevron{
    position:relative;
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px 0 0;
    flex-shrink:0;
}
.nav_list .nav_chevron::before{
    content:"";
    position:absolute;
    top:2px;
    left:1px;
    width:6px;
    height:6px;
    border-right:1.5px solid #94a3b8;
    border-bottom:1.5px solid #94a3b8;
    transform:rotate(45deg);
    box-sizing:border-box;
    transition:border-color .18s ease,transform .18s ease;
}
.nav_list > ul > li > a:hover .nav_chevron::before,
.nav_list > ul > li.show > a .nav_chevron::before,
.nav_list > ul > li.open > a .nav_chevron::before{
    border-color:#1677ff;
}
.nav_list > ul > li.show > a .nav_chevron::before,
.nav_list > ul > li.open > a .nav_chevron::before{
    top:4px;
    transform:rotate(225deg);
}
.nav_home,
.nav_home .head_box,
.nav_home .nav_list,
.nav_home .nav_list > ul{
    overflow:visible;
}
.api_store,.edit_diy{padding: 20px 30px;}
.api_stores ul li a{height: 35px;line-height:16px;text-align: center;float: left;margin:  0 28px 25px 0;border-radius: 5px;color:#666;}
.api_stores ul li a:hover,.api_stores .cur{background:#3EB5F6;color: #fff;}
.api_file ul li a{line-height: 35px;min-width: 162px;border: 1px solid #e6e6e6;border-radius: 15px;}

.api_stores b{ background: url(https://cdn.api.storeapi.net/img/icon/pay_yellow.png) no-repeat 0 8px; width: 16px; height: 27px; background-size: 100%; display: inline-block; float: left; margin-right: 5px;position: relative }
.score{height: 100px; background: url(https://cdn.api.storeapi.net/img/img-list.gif) repeat-x 0 57px; overflow: hidden;margin-bottom: 10px;position: relative}
.score em{ width: 32px; height: 35px; display: block; float: left; background: url(https://cdn.api.storeapi.net/img/img-list-img.gif) no-repeat 0 0px; margin-top: 44px; }
.score span{ display: block; float: left; font-size: 24px; font-weight: bold; color: #3EB5F6; padding: 10px 0 0 10px; }
.result_send{line-height: 30px;margin-top: 13px;float: left}
.api_lists ul li{margin-right: 2%; width: 23%;}
.api_lists ul li:nth-child(4n+4){margin-right: 0}
.api_lists ul li .buy_btn{ background: #7ec7ef; color: #fff; width: 50%; text-align: center; margin: 10px auto 0 auto; border-radius: 5px; line-height: 30px; cursor: pointer; }
.api_lists ul li .buy_btn:hover{ color: #fff; background:#3EB5F6 ; }
.file_scroll{max-height: 180px;overflow-y: scroll;margin-bottom: 10px}

.api_order{margin: -16px 0 10px 0; padding: 5px;background-size: 28px}
.api_order .icon-down,.api_order .curr .icon-up,.api_order .curr .icon-down { display: inline-block; width: 11px; height: 15px; margin-bottom: -3px; background: url(/img/icon/fall.png) no-repeat; background-size: 10px}
.api_order .curr .icon-up,.api_order .icon-up:hover{ background: url(https://cdn.api.storeapi.net/img/icon/up.png) no-repeat;background-size: 10px;color:#3EB5F6 }
.api_order .curr .icon-down ,.api_order .icon-down:hover{ background: url(https://cdn.api.storeapi.net/img/icon/blue_fall.png) no-repeat;background-size: 10px; }
.api_order .choose{margin:  11px 10px 0 0; font-size: 16px; font-weight: bold;float: left}
.api_choose ul li{float: left; margin: 9px 15px 4px 0; padding-right: 15px; border-right: 1px solid #eee; color: #666; font-size: 16px; font-weight: bold}

.api_title ul li a{border: 1px solid #e6e6e6;width: 81px;text-align: center;line-height: 35px;; border-radius: 5px; float: left;margin: 3px 10px 0 0;color: #666;}
.api_title ul li .cur,.api_title ul li a:hover{border-color: #3EB5F6;background: #3EB5F6;color: #fff}
.api_test select{width: 100%;height: calc(2.25rem + 2px); padding: .375rem .75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; }
.apiPay{min-height: 530px}

.w15{width: 15%!important;}
.top_notice{margin: 95px auto 20px auto;  width: 1200px;  display: block;position: relative;color: #333}
.top_notice:hover{color: #333}
.top_notice .icon-cast { float: left;color: red}
.top_notice .icon-cast:before{background: url("https://cdn.api.storeapi.net/img/icon/notice.png") no-repeat center 1px; background-size: 15px; animation:blink 1s infinite;-webkit-animation:blink 1s infinite;
    content: '';width: 15px;height: 18px;float: left;margin-right: 5px;display: inline-block}
.top_notice .notice_list{float: left;height: 16px;overflow: hidden}
.top_notice ul li a{color: #808080}
.top_notice ul li a:hover{color:#3eb5f6}

/*共用底部*/
.footer{
    margin-top:48px;width:100%;
    background:
        radial-gradient(ellipse 70% 80% at 0% 0%,rgba(64,158,255,.16),transparent 55%),
        radial-gradient(ellipse 55% 70% at 100% 100%,rgba(145,202,255,.2),transparent 50%),
        linear-gradient(180deg,#eaf3ff 0%,#f3f8ff 48%,#e8f1ff 100%);
    border-top:1px solid #cfe0f7;
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
}
body:has(.home_main.home-v2) .footer{
    margin-top:0;
}
.footer-inner{background:none !important;padding:56px 0 0}
.footer_list{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1fr .85fr;
    gap:40px 56px;
    align-items:start;
    padding:0 0 48px;font-size:14px;
}
.footer_service{float:none;width:auto;min-width:0;text-align:left}
.footer_service--brand{padding-right:12px}
.footer-ico{
    width:16px;height:16px;flex-shrink:0;
    color:#1677ff;vertical-align:-2px;
}
.footer-ico--logo{width:20px;height:20px;margin-right:8px;vertical-align:-4px;color:#1677ff}
.footer-logo{
    display:inline-flex;align-items:center;margin:0 0 12px;
    font-size:22px;font-weight:800;letter-spacing:.02em;
    color:#0b3a75;line-height:1.2;text-decoration:none;
}
.footer-logo:hover{color:#1677ff}
.footer-slogan{
    margin:0 0 22px;max-width:220px;
    font-size:13px;line-height:1.7;color:#5b7aa0;
}
.footer-hotbox{
    padding:14px 16px;border-radius:12px;max-width:240px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(145,202,255,.45);
    box-shadow:0 6px 18px rgba(22,119,255,.06);
}
.footer-phone-label{
    display:inline-flex;align-items:center;gap:6px;
    margin:0 0 8px;font-size:12px;font-weight:700;color:#1677ff;letter-spacing:.04em;
}
.footer-phone,
a.footer-phone{
    display:block;margin:0 0 6px;
    font-size:22px;font-weight:800;letter-spacing:.01em;
    color:#0f5fd8;line-height:1.2;text-decoration:none;
}
.footer-phone:hover{color:#1677ff}
.footer-phone-desc{margin:0;font-size:12px;color:#6d8ab0;line-height:1.5}
.footer-title,
.footer_service h5{
    display:flex;align-items:center;gap:8px;
    margin:4px 0 18px;padding:0 0 10px;height:auto;line-height:1.3;
    font-size:14px;font-weight:700;color:#0b3a75;letter-spacing:.03em;
    border-bottom:1px solid rgba(145,202,255,.35);
}
.footer-title:after,
.footer_service h5:after{display:none}
.footer-title a,
.footer_service h5 a{color:#0b3a75;text-decoration:none}
.footer-links{margin:0;padding:0;list-style:none}
.footer-links li{margin:0 0 12px}
.footer-links a,
.footer_service ul li a{
    position:relative;float:none;
    display:inline-block;width:auto !important;margin:0;padding-left:12px;
    color:#456789;font-size:13px;line-height:1.55;font-weight:500;
    text-decoration:none;transition:color .2s ease,padding-left .2s ease;
}
.footer-links a:before,
.footer_service ul li a:before{
    content:"";position:absolute;left:0;top:50%;
    width:5px;height:5px;margin-top:-2.5px;border-radius:50%;
    background:#91caff;transition:background .2s ease,transform .2s ease;
}
.footer-links a:hover,
.footer_service ul li a:hover{color:#1677ff;padding-left:14px}
.footer .copyright a:hover{color:#1677ff;padding-left:0}
.footer-links a:hover:before,
.footer_service ul li a:hover:before{background:#1677ff;transform:scale(1.15)}
.footer-wx{display:block}
.footer-wx img{
    display:block;width:100px;height:100px;margin:0 0 12px;
    border-radius:10px;background:#fff;
    border:1px solid #d6e4ff;
    box-shadow:0 8px 20px rgba(22,119,255,.12);
}
.footer-wx p{
    margin:0;font-size:12px;color:#5b7aa0;line-height:1.5;font-weight:500;
}
.footer .copyright{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 20px;
    margin:0;padding:20px 0 28px;
    border-top:1px solid #cfe0f7;
    color:#6d8ab0;font-size:12px;
}
.footer .copyright a{color:#6d8ab0;text-decoration:none}
.footer a{color:#456789}
.footer_list .w_40,.footer_list .w50,.footer_list .w15,.footer_list .w100{width:auto}
@media (max-width:1100px){
    .footer_list{grid-template-columns:1fr 1fr;gap:36px 32px}
}
@media (max-width:760px){
    .footer{margin-top:36px}
    body:has(.home_main.home-v2) .footer{margin-top:0}
    .footer-inner{padding:20px 14px 0;width:100%;max-width:100%;box-sizing:border-box}
    .footer_list{
        grid-template-columns:1fr 1fr;
        gap:16px 18px;
        padding:0 0 16px;
    }
    .footer_service--brand{
        grid-column:1 / -1;
        padding-right:0;
        display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
    }
    .footer-logo{margin:0;font-size:18px}
    .footer-slogan{
        display:inline;margin:0;max-width:none;
        font-size:12px;line-height:1.4;color:#5b7aa0;font-weight:500;
    }
    .footer_service--brand .footer-hotbox{flex:1 1 100%;width:100%}
    .footer-hotbox{
        display:grid;
        grid-template-columns:auto 1fr;
        grid-template-areas:
            "label label"
            "phone time";
        align-items:center;
        column-gap:12px;row-gap:4px;
        width:100%;max-width:none;flex:none;
        box-sizing:border-box;
        padding:12px 14px;
        border-radius:14px;
        background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,243,255,.88));
        border:1px solid rgba(145,202,255,.5);
        box-shadow:0 8px 20px rgba(22,119,255,.08);
    }
    .footer-phone-label{
        grid-area:label;margin:0;font-size:11px;letter-spacing:.06em;
    }
    .footer-phone,a.footer-phone{
        grid-area:phone;margin:0;font-size:20px;font-weight:800;line-height:1.15;
    }
    .footer-phone-desc{
        grid-area:time;margin:0;justify-self:end;align-self:end;
        padding:3px 8px;border-radius:999px;
        font-size:11px;color:#5b7aa0;line-height:1.3;
        background:rgba(22,119,255,.08);border:1px solid rgba(145,202,255,.35);
    }
    .footer-title,.footer_service h5{margin:0 0 8px;padding:0 0 6px;font-size:13px}
    .footer-links li{margin:0 0 6px}
    .footer_service:not(.footer_service--brand):not(.footer_service--wx) .footer-links li:nth-child(n+5){display:none}
    .footer-links a,.footer_service ul li a{font-size:12px;padding-left:10px;line-height:1.4}
    .footer_service--wx{grid-column:auto}
    .footer_service--wx .footer-title{margin-bottom:8px}
    .footer-wx{
        display:flex;flex-direction:column;align-items:flex-start;gap:6px;
        padding:0;background:transparent;border:0;box-shadow:none;
    }
    .footer-wx img{width:72px;height:72px;margin:0;border-radius:6px}
    .footer-wx p{margin:0;font-size:11px}
    .footer .copyright{
        justify-content:center;text-align:center;gap:4px 10px;
        padding:12px 0 14px;font-size:11px;
    }
}

/*Api详情*/
.page_path{margin: 95px auto 15px auto;height: 30px; color: #999; font-size: 14px; line-height: 30px; clear: both;background: url("https://cdn.api.storeapi.net/img/icon/icon_home.png") no-repeat left center;padding-left: 32px }
.page_path a{color:#808080;}

.head_index{padding: 20px 50px;margin: 15px auto 20px auto; overflow: hidden;}
.head_index .head_left{width: 17%;text-align: center;margin-right: 3%}
.head_index .head_left p{border-radius: 20px;color: #42d0ff;background: #e3f8ff; width: 80%; margin: 0 auto; margin-top: 20px;}
.head_index .head_left p a{width: 100%;display: inline-block;padding: 6px 0}
.head_index .head_left p:hover{background:#3EB5F6;}
.head_index .head_left p:hover a{color: #fff}
.head_index.head_right{width: 80%;}
.head_index .head_right ul li,.choose_type ul li{font-size: 16px;margin:0 14px 18px 0 }
.head_index .head_right btn{width: 200px;font-size: 16px}

.left_score{margin-top:25px;color:#808080; width: 200px;}
.left_score ul{border-right: 1px solid #e6e6e6; background: #ebecec;}
.left_score ul li{}
.left_score ul li a{margin-bottom: 10px; padding: 5px; font-weight: bold; text-align: left; cursor: pointer; color: #dc3545; display: block; position: relative;}
.left_score .cur:before{ content: ''; border: 2px solid #3EB5F6; height: 30px;float: left}
.left_score .cur a,.left_score a:hover{color: #3eb5f6}
.left_score .api_rec{background: #f9f9f9;padding: 10px 15px;}
.left_score .api_right{width: 130px;float: left}
.api_stop{ position: relative; height: auto;}
.api_stop img{ position: absolute; right: 0;top: 0;}


.api_rec_title{ margin-bottom: 5px; background: url(https://cdn.api.storeapi.net/img/icon/line.png) center center no-repeat; color: #333; font-size: 18px; text-align: center; cursor: pointer}
.api_rec .api_right{float: left;width: 120px}
.api_rec .api_right span:first-child{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; }
.api_rec a { color: #333;height: 70px;  line-height: 32px; border-bottom: 1px solid #eee; display: block;margin: 10px 0; }
.api_rec a img{float: left;width: 40px;height: 40px;margin: 10px 10px 0 0}
.api_rec a span:first-child{color: #333;float: left;font-size: 16px}
.api_rec a span:last-child{ float: left;font-size: 12px; line-height: 25px;  height: 30px;  text-overflow: -o-ellipsis-lastline;
    overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  width:100%; }
.right_content{width: 890px; margin-top: 15px;position: relative}
.right_contents{width: 800px}
.logo-img{width: 168px!important;}
.article_list li a{color: #333}
.article_list li{line-height: 40px;width: 45%;float: left;margin-right: 3%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.example_hide{word-break: break-all; max-height: 142px; overflow-y: scroll; display: block;}
.example_show{max-height: none}

/*Api文档*/
.content_text .title{border-bottom: 1px solid #e6e6e6;height: 45px;line-height: 44px;position: relative}
.content_text .title ul li{float: left ;width: 200px;text-align: center;font-size: 16px;cursor: pointer; background: #e6e6e6;border-right: 1px solid #fff;font-weight: bold}
.content_text .list{padding: 15px 30px;}
.content_text .list p{line-height: 30px;margin-bottom: 15px;}
.content_text .list p a{color:#777;}
.content_text .list p a:hover,.page_path a:hover,.page_path .cur,.api_order ul li:hover{color:#3EB5F6}
.content_text .haomalist_list{width: 70%;padding: 0}
.content_text .baijia_list li a{
    padding: 13px!important;
    border: 1px solid #efeded;
    margin: 3px;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    border-radius: 5px;
}
.content_text .baijia_list li a:hover{
    color: #FF6633!important;
    border-color: #FF6633;
}
.content_text .list .haomalist li{line-height: 33px}
.content_text .list .haomalist li a { color: #808080;padding: 5px;display: inline-block;text-align: center}
.content_text .list .haomalist li span{font-weight: bold}
.weibo_list{padding: 20px 30px!important;}
.weibo_list ul li a{float: left; margin: 8px 15px; color: #666; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.weibo_list ul li a:hover{color: #3eb5f6;}
.weibo_select{float: left; margin: 8px 10px; border: 1px solid #e6e6e6; border-radius: 3px; height: 30px;}
.weibo_title .resize{text-align: right; cursor: pointer; font-size: 12px; color:#3eb5f6; right: 5px; position: absolute;}
.list_table p:before,.text-explain .left p:before,.get_address .titles:before{ content: ''; border: 2px solid #3EB5F6; margin:5px 8px 0 0; height: 17px; display: inline-block; float: left;}
.list_table .xin_red:before{border:2px solid #ff0000;}
.list_table table{width: 100%;margin-bottom: 35px}
.list_table table th{background: #efeded;color: #808080}
.list_table table tr{height: 25px;line-height: 25px}
.list_table .list_code{width: 100%; white-space: pre; line-height: 24px; padding: 0 0px 0 20px; margin: 15px 0 10px 0px;
    color:#fff; border:1px solid #000; border-radius: 4px; background: #000;overflow: scroll}
.list_table .list_code::-webkit-scrollbar {display:none}
.order_detail{border: 1px solid #dee2e6;margin-bottom: 10px}
.vin_table{width: 100%;overflow: scroll;height: 650px;}
.vin_table table tr{height: 25px;line-height: 25px}
.table_top ul li{width:18%;line-height: 40px;text-align: center;float: left;border-right: 1px solid #dee2e6;}
.table_top ul li:last-child{width: 28%;border-right: none}
.table_top span{background:rgba(0, 0, 0, .05);display: block;font-weight: bold}
.table_info ul li{background: #fff}
.video_table ul li{width: 14%}
.video_table ul li:first-child{width: 16%}

.check_list{ width: 30%; text-align: left; height: 35px; line-height: 35px; float: left; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.check_list span{width: 21px; height: 15px; line-height: 15px; background: #41b5f6; text-align: center; color: #fff; display: inline-block; font-size: 10px; margin-right: 5px;} .check_list a{color: #666;}
.check_list a:hover{color:#41b5f6; }
.check_title{ border-left: 4px solid #00bffc; padding-left: 15px; color: #333; font-size: 18px; margin-bottom: 14px; }

/*Api定制*/
.api_diy .top{height: 403px;padding: 50px 100px 20px 100px;}
.api_diy .top_right{margin-left: 34px;margin-top: 50px;}
.api_diy .top_right p{color:#808080}
.api_diy .top_right a{width: 250px;;margin-top: 60px;font-size: 18px;}
.diy_process{margin: 30px 80px;padding-bottom: 45px;}
.diy_index ul li,.diy_index .step2,.diy_index .step3,.diy_index .step4{ float: left; width: 25%;text-align: center;
    background: url("https://cdn.api.storeapi.net/img/step1.png") no-repeat center 0; padding: 130px 0 60px 0;color:#666}
.diy_index .step2{background: url("https://cdn.api.storeapi.net/img/step2.png") no-repeat center 0;}
.diy_index .step3{background: url("https://cdn.api.storeapi.net/img/step3.png") no-repeat center 0;}
.diy_index .step4{background: url("https://cdn.api.storeapi.net/img/step4.png") no-repeat center 0;}
.diy_index a{width: 250px;margin: 0 auto;display: block;font-size: 18px}


/*提交定制需求*/
.choose_score{padding: 0 40px}
.choose_score b:before{content: "*";margin-right: 10px;color:#ff3333;}
.choose_score ul li{margin-top: 25px;font-size: 16px;}
.choose_score ul li i{width: 20px;height: 20px;border-radius: 50%;border:1px solid #e6e6e6;float: left;margin-right: 10px}
.choose_score ul li .cur,.choose_score ul li i:hover{display: inline-block;background: url(https://cdn.api.storeapi.net/img/icon/icons.png) no-repeat -7px -103px; border: none;}
.choose_times select{border-radius: 5px;  width: 111px;  height: 35px;  border: 1px solid #e6e6e6;}

.detail-tbl{width: 950px;margin-top: 15px}
.detail-tbl th { background: #eee; border: 1px solid #e8e8e8; line-height: 42px; text-align: center; font-size: 14px; }
.detail-tbl td { padding: 16px 20px; border: 1px solid #e8e8e8; color: #666; font-size: 14px; line-height: 22px; }
.detail-tbl textarea{ width: 100%; height: 160px; resize: none; padding: 5px; border: 1px solid #efeded; border-radius: 5px;}
.detail-tbl .input_text{width: 100%; border: 1px solid #efeded; height: 35px; border-radius: 5px; padding-left: 10px;}

.contact_box{margin: 10px 40px;background: #f2ffff; border: 1px solid #3EB5F6; color: #3EB5F6; }
.contact_box span{background: url("https://cdn.api.storeapi.net/img/icon/warm.png") no-repeat left center;background-size: 16px;padding-left: 25px}

.contact_index{margin: 10px 40px}
.contact_index label{width: 80px;text-align: left}
.contact_index .form-group{height: 35px;line-height: 35px;margin-bottom: 30px}
.contact_index input{width: 400px;float: left}
.submit_btn{width: 300px;margin: 50px auto;display: block;}
.sub_success{margin: 30px 0;font-size: 24px;display: block;color: #3EB5F6}
.sub_info{margin-top: 30px; line-height: 30px; font-size: 16px; width: 400px; margin: 0 auto;}
.choose_type label{font-weight: bold;font-size: 16px}
.api_info{line-height: 65px;margin-left: 15px;color: #3eb5f6}
.exe_style ul li{ font-size: 16px; color: #666; height: 30px; width: 85px; background: #f5f5f5; margin: 10px 10px 15px 0; text-align: center; line-height: 28px; float: left;cursor: pointer;}
.exe_style .cur,.exe_style ul li:hover{background: #3eb5f6;color: #fff}
.example_submit{line-height: 25px;margin: 0 0 15px 0}
.example_up{margin-left: 20px}
.example_up .lable_btn{ border-right: 1px solid #e6e6e6; margin: 0 18px 15px 0; padding-right: 5px; cursor: pointer}
.example_up .cur{color: #3eb5f6;font-weight: bold;font-size: 15px;}
.example_up .sell-tab{display:inline-block;margin-top: 5px}
.example_up .lable_btn input{margin-right: 10px}
.file_inputs{padding: 20px 0 20px 0;}

/*常见问题*/
.api_problem{width: 1200px;margin: 0 auto;}
.api_search{margin: 90px auto 20px auto;}
.api_search .search-icon {  width: 234px;  height: 66px;  margin-right: 26px;  float: left;  }
.api_search .input{ width: 828px; height: 48px; border: 3px solid #3eb5f6; margin: 0 auto;float: right }
.api_search input { width: 700px;height: 42px; border: none; outline: none; padding-left: 15px; position: relative; float: left;}
.api_search  p{clear: both;padding-top: 12px;}
.api_search p a{margin-right: 10px;display: inline-block}
.api_search p a:hover{color: orange}
.api_search button { width: 122px; height:42px;float: left;text-align: center; font-size: 19px; color: #fff; border-radius:0}
.que_cType{margin-top: 50px}
.que_cType a{color: #666; display: block; margin-top: 15px;}
.que_type{ width: 300px; padding: 20px; background: #fff;float: left; }
.que_type span{ display: block; width: 100%; height: 50px; line-height: 50px; font-size: 17px; font-weight: bolder; background: #3EB5F6;
    color: #fff; margin: 0px auto; border-radius: 3px; text-align: center; }
.que_type ul{ margin: 0 auto; border-top: 1px solid #e7ecee; margin-top: 20px; text-align: left; }
.que_type ul li a{ border-bottom: 1px solid #e7ecee; font-size: 15px; height: 50px; line-height: 50px; overflow: hidden; display: block; color: #666;text-align: left;text-overflow: ellipsis;white-space: nowrap;padding-left: 20px;}
.que_type ul li a:hover,.que_type ul li .cur{color: #46a9fe; background-color: #f0f7fd;border-left: 4px solid #46a9fe;}
.que_type .head img{ vertical-align: middle; margin-right: 8px; width: 20px; height: 20px; }
.membership-box{ width: 880px; min-height: 600px; padding: 0 40px 40px 40px; margin: 0 0 50px 20px; background: #fff; float: left; box-shadow: 0px 2px 5px rgba(0,0,0,.2); }
.membership-box p{line-height: 35px;}
.membership-box hr{ background: #eee; margin: 30px 0; }
.membership-box .more{display: none}
.item-head{ margin: 20px 0; font-size: 16px; }
.item-head a{color:#666}
.item-head a:hover{color: #3EB5F6}
.item-head-ico{ display: inline-block; width:3px; height:16px; margin: -3px 10px 0 0; background: #3EB5F6; vertical-align: middle; }

/*左侧*/
.menu_bgs{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    z-index: 1000;
}
.menu_left{
    width: 450px;
    height: 100%;
    transition: all 0.3s;
    position: fixed;
    z-index: 1001;
    top: 30%;
    right: 37%}
.menu_left img{border-radius: 12px}
.menu_close{cursor: pointer;background: url("https://cdn.api.storeapi.net/images/icon/close_30.png") no-repeat;background-size: 100%;width: 28px;height: 28px;display: inline-block;position: absolute;right: 0;top: -40px;}

/*右侧栏*/

.menu-right {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 24px;
    z-index: 222;
    width: 52px;
    height: auto;
    padding-left: 0;
    transition: all 0.3s;
    pointer-events: none;
}
.menu-right .menu_list,
.menu-right .menu-right-btns,
.menu-right .menu-right-btns li,
.menu-right .menu-right-btns .icon,
.menu-right .menu-right-btns .title{
    pointer-events: auto;
}
.menu-right.open {
    width: 325px;
}
.menu-right .active{
    background: #3eb5f6;
}
.menu-right .curr{
    background: #3eb5f6;height: 72px!important;display: inline-block;
}
.menu-right .web_title{position: relative}
.menu-right .deleteCar{
    position: absolute;
    top: 12px;
    right: 0;
    background: url("https://cdn.api.storeapi.net/images/I-con/close.png") no-repeat;
    width: 12px;
    height: 12px;
    background-size: 100%;
    display: inline-block;
    cursor: pointer;
}
.menu-right-goods {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    padding-top: 38px;
    background: #f6f6f6;
    right: 46px;
    box-shadow:-2px 0px 6px 0px rgba(62,181,246,0.3);
}
.menu-right-header {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    background: #fff;
    font-size: 12px;
    border-bottom: 2px solid #e6e6e6;
}
.menu-right .title{
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
}
.menu-right .title .check_boxs{margin-top: 8px;}
.menu-right .title .name{font-weight: bold;color: #333;}
.menu-right .icon-cart {
    float: left;
    width: 39px;
    height: 22px;
    margin-top: 9px;
    background: url(https://cdn.api.storeapi.net/images/icon/shop_blues.png) 0px no-repeat;
    background-size: 23px 20px;
}
.menu-right .header-text {
    float: right;
    margin-right: 4px;
    color: #61a6d6;
    cursor: pointer;
}
.menu-right .header-text ss:last-child{margin-left: 5px;}
.menu-right .check_boxs{
    width: 14px;
    height: 14px;
    border: 1px solid rgba(179, 179, 179, 1);
    border-radius: 3px;
    display: inline-block;
    float: left;
    margin: 15px 12px 0 0;
}
.menu-right .checked{
    width: 14px;
    height: 14px;
    background: url("https://cdn.api.storeapi.net/images/I-con/choose.png") no-repeat;
    background-size: 100%;
    border: none;
}
.menu-right .icon-close {
    float: right;
    width: 14px;
    height: 14px;
    margin-top: 14px;
    background: url('https://cdn.api.storeapi.net/images/icons_web_new.png') -182px -188px no-repeat;
    cursor: pointer;
}
.menu-right .link_type{padding-left: 27px;margin: 0 0 10px;}
.menu-right .url_title{margin: 0 0 0 27px!important;color: #555!important;}
.menu-right .media_price{padding-left: 43px}
.menu-right .link_type span{
    padding: 2px 5px;
    background:rgba(241,246,250,1);
    display: inline-block;
    font-size: 12px;
    color: #6F95CF;
}
.menu-right .carMedia{margin-bottom: 0!important;}
.menu-right .carMedia img{
    width:34px;
    height:34px;
    border-radius:50%;
    float: left;
    margin-right: 10px;
}
.menu-right ul{margin-bottom: 0;}
.menu-right-con {
    overflow: auto;
    height: 100%;
    width: 280px;
    overflow-x: hidden;
    margin-top: 3px;
}
.menu-right-con ul{
    padding: 0 12px;
    background-color: #fff;
}
.menu-right-con li {
    padding-bottom: 8px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    clear: both;
}
.menu-right-con ul li:nth-last-child(1){
    border-bottom: none;
}
.menu-right .con-title {
    margin-top: 12px;
    padding: 0;
    color: #333;
    font-size: 14px;
    width: 85%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.menu-right .con-text {
    margin-top: 10px;
    padding: 0;
    color: #555;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
}
.menu-right .web_url{
    width: 110px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: normal;
}
.menu-right .ar_icon{width: 15px;height: 15px;margin-top: -3px;}
.menu-right .fans{color: #808080;font-size: 12px;}
.btn-info a{color:#fff}
.menu-right .con-price {
    float: left;
    margin: 0 0 8px 26px;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    color:#555;
}
.menu-right .con-btn {
    display: none;
    float: right;
    margin: 0 0 8px 0;
    padding: 0;
    color: #3eb5f6;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}
.menu-right li:hover .con-btn {
    display: inline-block;
    float: right;
}
.menu-right-empty img {
    display: block;
    margin: 20px auto 30px;
}
.menu-right-empty p {
    margin: 0;
    color: #3eb5f6;
    font-size: 16px;
    text-align: center;
}
.menu-right-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 5px 10px 5px;
    color: #555;
    font-size: 12px;
    line-height: 1;
    background: #fff;
    border-top:2px solid rgba(230,230,230,1);
}
.menu-right-footer a{
    margin-top: 3px;
    display: inline-block;
    float: right;
}
.menu-right-footer .btn {
    float: right;
}
.menu-right .footer-left {
    float: left;
    margin-right: 4px;
    margin-bottom: 8px;
}
.menu_list{
    width: 52px;
    height: auto;
    position: relative;
    top: auto;
    right: 0;
    bottom: auto;
    transform: none;
}
.menu_bg{display:none}

.menu-right .footer-right {
    float: right;
    margin-bottom: 8px;
}
.menu-right-btns {
    position: relative;
    top: 0;
    left: 0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width: 52px;
    z-index: 99;
    margin:0;
    padding: 8px 4px;
    list-style:none;
    background:#1677ff;
    border:1px solid rgba(255,255,255,.55);
    border-right:none;
    border-radius:16px 0 0 16px;
    box-shadow:-8px 12px 32px rgba(15,23,42,.18), -2px 0 0 rgba(22,119,255,.15);
}
.menu-right-btns > a{
    display:block;text-decoration:none;color:inherit;
}
.menu-right-btns li {
    position: relative;
    float: none;
    width: 100%;
    margin-bottom: 2px;
    cursor: pointer;
    opacity: 1;
    border-radius: 10px;
    transition: background .2s ease;
}
.menu-right-btns li:hover {
    background: #0f5fd8;
    opacity: 1;
}
.menu-right-btns li div {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 115px;
    z-index:1;
}
.menu-right-btns .badge {
    position: absolute;
    min-width: 18px;
    text-align: center;
    top: 8px;
    right: 3px;
    padding: 1px 4px;
    background-color: #f00;
    font-weight: normal;
}
.menu-right-btns .title {
    float: none;
    overflow: hidden;
    width: auto;
    height: auto;
    padding: 0;
    color: #1f2937;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
    position: absolute;
    right: calc(100% + 12px);
    left: auto;
    top: 50%;
    display: none;
    opacity: 0;
    transform: translate(10px,-50%);
    background:
        linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
    border: 1px solid rgba(186,208,255,.7);
    border-radius: 16px;
    box-shadow:
        0 16px 36px rgba(15,23,42,.14),
        0 4px 12px rgba(22,119,255,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
    box-sizing: border-box;
    z-index: 120;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.menu-right-btns .title:before{
    content:"";
    position:absolute;left:0;top:12px;bottom:12px;
    width:3px;border-radius:0 3px 3px 0;
    background:linear-gradient(180deg,#69b1ff,#1677ff);
}
.menu-right-btns .title:after{
    content:"";
    position:absolute;right:-6px;top:50%;
    width:10px;height:10px;margin-top:-5px;
    background:#f7fbff;border-right:1px solid rgba(186,208,255,.7);border-bottom:1px solid rgba(186,208,255,.7);
    transform:rotate(-45deg);
}
.menu_tel:hover .title,
.app_download:hover .title,
.menu-right-btns li.is-open > .title{
    display: block;
    opacity: 1;
    transform: translate(0,-50%);
    pointer-events: auto;
}
.menu_tel .title.menu-right-panel{
    width: 220px;
    min-height: auto;
    padding: 14px 16px 14px 18px;
}
.menu-right-panel em{
    display:inline-flex;align-items:center;gap:6px;
    margin:0 0 8px;padding:3px 8px;border-radius:999px;
    font-style:normal;font-size:11px;font-weight:700;
    color:#0b5fff;letter-spacing:.05em;line-height:1.2;
    background:rgba(22,119,255,.08);
    border:1px solid rgba(145,202,255,.45);
}
.menu-right-panel strong{
    display:block;margin:0 0 8px;
    font-size:18px;font-weight:800;line-height:1.25;color:#0f172a;
    letter-spacing:.02em;
}
.menu-right-panel i{
    display:block;font-style:normal;font-size:12px;line-height:1.55;color:#64748b;
}
.menu-right-panel i + i{margin-top:2px}
.app_download .title{
    width: 176px;
    height: auto;
    padding: 14px 14px 12px;
    text-align: center;
}
.app_download .title:before{display:none}
.app_download .title img{
    display:block;width:120px;height:120px;margin:0 auto 10px;
    border-radius:12px;background:#fff;
    border:1px solid #e8eef8;
    box-shadow:0 8px 18px rgba(22,119,255,.08);
}
.app_download .title p{
    margin:0;color:#334155;font-size:12px;font-weight:700;line-height:1.4;
    letter-spacing:.02em;
}
.choose_type .codeImg{
    width: 135px;
    clear: both;
    margin-top: 10px;
    margin-bottom: -15px;
    float: left;}

.menu_tel .title p{margin: 0;color: #111827;line-height: 1.4}
.menu-right-btns .icon {
    position: relative;
    padding-left: 0;
    width: 100%;
    height: 56px;
    text-align: center;
    color: #fff;
    padding-top: 34px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    display: block;
    box-sizing: border-box;
}
.menu-right-btns li:nth-child(1),.menu-right-btns li:nth-child(6){margin-bottom: 4px;}
.menu-right-btns .icon:after {
    content: '\200B';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.menu-right-btns .icon-pen:after {
    top: 8px;
    right: auto;
    width: 22px;
    height: 20px;
    background: url('https://cdn.api.storeapi.net/images/icon/tel_icon.png') no-repeat;
}
.menu-right-btns .icon_qq:after {
    top: 8px;
    right: auto;
    width: 22px;
    height: 25px;
    background: url('https://cdn.api.storeapi.net/images/icon/qq.png') no-repeat;
    background-size: 20px;
}

.menu-right-btns .icon-card:after {
    top: 13px;
    right: auto;
    width: 32px;
    height: 46px;
    background: url('https://cdn.api.storeapi.net/images/icon/hui_white.png') no-repeat;
    background-size: 100%;
}
.menu-right-btns .icon-code:after {
    top: 8px; right: auto; width: 22px; height: 22px; background: url('https://cdn.api.storeapi.net/images/icon/wechat.png')no-repeat;background-size: 100% }
.menu-right-btns .icon.icon-up {
    background: none;
    margin-left: 0;
    height: 46px;
    padding-top: 0;
}
.menu-right-btns .icon.icon-up:after {
    top: 13px;
    right: auto;
    width: 25px;
    height: 21px;
    background: url(https://cdn.api.storeapi.net/img/icons_web.png) -273px -188px no-repeat}

.head_box .head_left{width: 168px;height: 65px;float: left;transition-duration: .5s;}
.logo-site, .logo-sites { position: relative; float: left; width: 220px; overflow: hidden; }
.check_index { width: 47px!important; text-align: center; padding-left: 0!important; line-height: 20px!important; margin-top: 5px; }
.check_repeat { width: 47px!important; cursor: pointer; }
.arr{background: #3EB5F6!important;color: #fff;padding-top: 10px}
.icon_que{background: url(https://cdn.api.storeapi.net/img/icon/blue_success.png) no-repeat; width: 15px; height: 15px; display: inline-block; background-size: 15px; margin-left: 5px;}
.icon_success{background: url(https://cdn.api.storeapi.net/img/icon/blue_success.png) no-repeat; width: 15px; height: 15px; display: inline-block; background-size: 15px; margin-left: 5px;}
.home_phone{line-height: 22px;margin-top: 14px;font-size: 13px;}
.home_phone p:before{content: '';background: url(https://cdn.api.storeapi.net/images/icon/400.png) no-repeat; width: 15px; height: 15px; display: inline-block;
    background-size: 100%;float: left;margin: 3px 4px 0 0}


/*api测试工具*/
.show{display: block!important;}
.shows{display: inline-block!important;}
.empty_shop_modal .empty_shopbox{width: 5.4rem;background: #FFFFFF;height: auto;border-radius: 10px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 800;}
.empty_shop_modal .empty_shopbox .cue-text{padding: 0.6rem 0.2rem;text-align: center;font-size: 14px;}
.empty_shop_modal .empty_shopbox .footer{height: 0.9rem;line-height: 0.9rem;border-top: 0.5px solid #E6E6E6;}
.empty_shop_modal .empty_shopbox .footer button{width: 50%;line-height: 0.9rem;float: left;background: #FFFFFF;font-size: 0.32rem;color: #666666;}
.empty_shop_modal .empty_shopbox .footer button.cancel{border-bottom-left-radius: 10px;border-right: 0.5px solid #E6E6E6;}
.empty_shop_modal .empty_shopbox .footer button.sure{border-bottom-right-radius: 10px;color: #0BABFE;}
.empty_shop_modal .apply_box{width: 100%;height: 6.25rem;background: #fff;position: fixed;bottom: 0;z-index:4;padding: 0.2rem 0;font-size: 0.28rem}
.border_line{border: 1px solid #e6e6e6; padding: 10px;background-color: #f0f0f0;}

/*vip充值*/
.vip_banner{background: url("https://cdn.api.storeapi.net/img/vip_banner2.png") no-repeat;background-size: 100%;width: 1920px;height: 415px;position: relative;}
.vip_btn{width: 14%;line-height: 50px;border-radius: 30px;background: #ffe800;color: #ff003c;display: block;margin: 0 auto;text-align: center;position:  absolute;bottom: 80px;left: 43%;border:2px solid #d5044d;font-size: 22px;}
.vip_btn:hover{background: #3EB5F6;color: #fff;text-decoration: none}

.vip_table table{width: 95%;margin: 0 auto;margin-bottom: 35px;font-size: 16px;border: 1px solid #e6e6e6}
.vip_table table th{padding: 25px 0px;font-size: 25px;position: relative;color: red;background: #beefed;}
.vip_table table td{padding: 15px 0;border: 1px solid #e6e6e6}
.vip_table b{background: url(https://cdn.api.storeapi.net/img/icon/vip4.png) no-repeat center 6px; background-size: 25px; position: absolute; top: 25px; left: -75px; display: inline-block; padding-left: 140px;color: #fda20b;}

.vip_table .vip1{background: url(https://cdn.api.storeapi.net/img/icon/vip1.png) no-repeat center 6px; background-size: 25px; color: #fda20b;}
.vip_table .vip2{background: url(https://cdn.api.storeapi.net/img/icon/vip2.png) no-repeat center 6px; background-size: 25px; color: #01ccd5;}
.vip_table .vip3{background: url(https://cdn.api.storeapi.net/img/icon/vip3.png) no-repeat center 6px; background-size: 25px;color: #00b2e7;}
.vip_table .vip_join{font-size: 14px; background-color: #fda20b; color: #fff;padding: 6px 13px; border-radius: 15px;}
.vip_table .vip_join:hover{background: #3EB5F6}
.vip_table .vip_join:after{  content: ''; background: url(https://cdn.api.storeapi.net/img/icon/click.png) no-repeat center; background-size: 18px; height: 18px; width: 19px; display: inline-block; margin-left: 10px;}

.vip_detail{ margin: 0 38px;line-height: 40px;}
.set_icon,.auto_buy{background: url("https://cdn.api.storeapi.net/img/icon/set.png") no-repeat center;background-size: 16px;width: 16px;height: 16px;display: inline-block;}
.auto_buy{background: url("https://cdn.api.storeapi.net/img/icon/auto_buy.png") no-repeat center;background-size: 16px;}
.rote .set_icon{position: absolute;margin:4px 0 0 8px}

.test_icon,.shop_icon,.subinfo_icon1,.subinfo_icon2{background: url("https://cdn.api.storeapi.net/img/icon/test_blue.png") no-repeat center;background-size: 20px; width: 30px;height: 30px;display: inline-block;position: absolute;top:10px;right: 35px;}
.test_icon:hover{background: url("https://cdn.api.storeapi.net/img/icon/test_blue.png") no-repeat center;background-size: 25px;}
.data_msg{line-height: 30px}

.shop_icon{background: url("https://cdn.api.storeapi.net/img/icon/shop_gray.png") no-repeat center;background-size: 20px; width: 22px; height: 22px;right: 10px}
.shop_icon:hover{background: url("https://cdn.api.storeapi.net/img/icon/shop_blue.png") no-repeat center;background-size: 20px;}
.test_icon2{background: url("https://cdn.api.storeapi.net/img/icon/test.png") no-repeat center;background-size: 18px;width: 41px;height: 20px;display: inline-block;}
.subinfo_show1{display:none}
.subinfo_show2:before{content:'';position: absolute;top:-20px;right: 69px;margin-left: -10px;border: 10px solid transparent;border-bottom-color:#0babfe ;}
.subinfo_show2{min-width: 150px;display:block; position: absolute; top: 46px; right: -58px;background: #fff;border:1px solid #efeded;border-top:1px solid #3eb5f6;
    box-shadow: 0 5px 20px rgba(77, 185, 202,.3); transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0);padding: 5px 10px;}
.subinfo_show2 a{display: block;margin: 10px 0;text-align: left;color: #333}
.subinfo_show2 a:hover{color: #3eb5f6}
.subinfo_icon1,.subinfo_icon2{background: url(https://cdn.api.storeapi.net/img/icon/more_grays.png) no-repeat; width: 18px; height: 18px; right:10px;background-size: 100%}
.time_icon{ color: #666!important; display: inline-block;}
.time_icon:before{background: url(https://cdn.api.storeapi.net/images/icon/time.png) no-repeat;width: 14px; height: 14px; background-size: 100%;content: '';display: inline-block;margin-right: 8px}

.pro_detail{width: 1000px;margin: 0 auto;padding: 30px 0}
.pro_detail h2{text-align: center; font-size: 20px;margin-bottom: 20px}
.pro_detail p{font-size: 16px;line-height: 40px;margin: 20px 0}
.pro_detail img{width: 100%;display: block;margin: 25px 0;    box-shadow: 0px 3px 8px rgba(28, 175, 255, 0.3);
    border: 1px solid #d7d4d4;}

.pro_more{height: 45px; line-height: 45px; border-top: 1px solid #e6e6e6; margin-top: 100px;}
.pro_more a{color: #000;font-size: 16px;}
.pro_more .left:before,.pro_more .right:after{background: url(https://cdn.api.storeapi.net/img/icon/icon_left.png) no-repeat center; content: ''; width: 15px; height: 10px; display: inline-block;}
.pro_more .right:after{background: url(https://cdn.api.storeapi.net/img/icon/icon_right.png) no-repeat center;}
.pro_more .left:hover,.pro_more .right:hover{color: #ff0000;}
.pro_more .left:hover:before{background: url(https://cdn.api.storeapi.net/img/icon/left_red.png) no-repeat center;}
.pro_more .right:hover:after{background: url(https://cdn.api.storeapi.net/img/icon/right_red.png) no-repeat center;}

.ellipsis{text-overflow : ellipsis ; overflow: hidden; cursor:pointer; height: 30px;white-space: nowrap;}
.ellipsis_h{word-wrap:break-word;}
.orign_price{text-decoration: line-through;  font-size: 14px;  color: #999;}
.text-explain{margin-top:103px;padding: 20px}
.text-explain .left{float: left; width: 48%;margin-right: 3%}
.text-explain .right{width: 49%;float: right}
.text-explain .left>div{background: #e6e6e6;height: 530px;overflow-y: scroll}
/*消息 未读*/
.msg_read{ font-weight: bold; color: #000}
.beian{ text-align: center; bottom: 5px;}
.tools_title{ margin: 0 30px;position: relative;}
.tools_list {margin: 5px 0;}
.tools_list_left{float: left;}
.delete_msg{ position: absolute; right: 0; top: 24px;}
.web_link{margin-top: 25px}
.web_link a{color: #666;}
.code_box:nth-of-type(even) { background-color:#F2F2F2;border:1px dotted #3eb5f6;border-radius: 10px}
.code_box:nth-of-type(odd) {border:1px dotted #3eb5f6;border-radius: 10px}

/*红包卡券*/
.pd20 { padding: 20px; }
.no_card{background: url("https://cdn.api.storeapi.net/img/jf__null.png") no-repeat center;width: 100%;background-size: 350px;text-align: center; padding-top: 300px;color: #3eb5f6;font-size: 14px}
.member_card.head-type ul li { padding: 0px; float: left; }
.member_card.head-type { height: 46px; line-height: 46px; border-bottom: 1px solid #e7ebed; margin: 0px 0 10px 0; padding-right: 12px; }
.member_card.head-type ul li a { width: 140px; text-align: center; display: inline-block; height: 46px; line-height: 46px; margin: 0 20px; font-size: 18px; color: #808080; outline: none; text-decoration: none; position: relative; }
.head-type ul li a.curr i, .head-type ul li a:hover i { position: absolute; display: block; width: 140px; height: 10px; background: url(https://cdn.api.storeapi.net/img/sj.png) no-repeat center; bottom: -1px; left: 0; background-size: 114px 7px; }
.jf_head span{background: url('https://cdn.api.storeapi.net/img/redcard.png') no-repeat left;display: inline-block;padding-left: 32px;font-size: 20px;color: #555555;}
.redcard_box ul li {float: left;width: 305px;height: 180px;;background: #FFFFFF url('https://cdn.api.storeapi.net/img/bg-redcard.png') no-repeat top;border: 1px solid #EBEBEB;border-top: none;box-shadow: 1px 3px 5px 0 #f2f2f2;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;margin-right: 30px;padding: 15px;margin-bottom: 30px;position: relative;}
.redcard_box ul li img{position: absolute;bottom: 10px;right:15px}
.redcard_box ul li h4{font-size: 18px;font-weight: bold;color: #FFFFFF;border-bottom: 2px solid #ffad94;margin-bottom: 10px;height: 33px;}
.redcard_box ul li p {font-size: 14px;color: #FFFFFF;}
.redcard_box ul li a{font-size: 16px;color: #808080;text-decoration: none;}
.redcard_box div.top{height: 110px;}
.redcard_box div.bottom{height: 50px;line-height: 50px;text-align: center;}
.redcard_box ul li a:hover{font-weight: bold;color: #3EB5F6;}
.use ul li{background: #FFFFFF url('https://cdn.api.storeapi.net/img/card-gray.png') no-repeat top;position: relative;}
.use ul li h4{border-bottom: 2px solid #DDDDDD;}
.use div.bottom{text-align: left;color: #B3B3B3;}
.use div.bottom span i{font-style: normal;}
.use ul li img{position: absolute;bottom: 10px;right:15px}
.head-type ul{float: left;}
.head-type ul li {padding: 0px;float: left;}
.head-type ul li a { width: 140px; text-align: center; display: inline-block; height: 46px; line-height: 46px; margin: 0 20px; font-size: 18px; color: #808080; outline: none; text-decoration: none; position: relative;}
.head-type ul li span{color: #e7ebed;position: relative;top: -2px;}
.head-type ul li a:hover, .head-type ul li a.curr {color: #3eb5f6;text-decoration: none;font-weight: bold;}
.personal_title{height: 47px;}
.coupon{ max-height: 150px; clear: both; text-align: left; padding: 10px; font-size: 14px; }
.counp_list,.counp_lists{ width: 47%; text-align: left; margin: 0 10px 15px 0;float: left;color: #999}
.counp_lists{ font-weight: bold; color: #3eb5f6; }
.counp_lists i{border: 1px solid #3eb5f6; width: 16px; height: 16px; border-radius: 50%; display: block; float: left;margin-right:5px}
.counp_lists .cur{background:url("https://cdn.api.storeapi.net/images/choose.png") no-repeat;background-size: 100%;border-radius: 50% }

.foot_link{background: #fff!important;line-height: 30px;margin-top: 15px;padding: 0 15px}
.foot_link ul li{float: left;margin-right: 10px;font-size: 16px;}
.foot_link ul li a{color: #666!important;}
.foot_link ul li a:hover{color:#3eb5f6!important;}

.img_tool{padding: 20px 30px}
.ctype{margin: 20px 0;}
.picfromsrc{ margin: 20px 0;}
.picfromsrc_input{height: 34px; width: 80%; border: 1px solid #e6e6e6; border-radius: 5px; margin-bottom: 15px;}
.content textarea{width: 100%; min-height: 300px; margin-top: 15px; padding: 15px; line-height: 25px;}

.mask{ background-color: #000; position: fixed; bottom: 0; top: 0; left: 0; right: 0; opacity: 0.5; }
.mt0{margin-top: 0!important;}
.mb0{margin-bottom: 0}
.goBuy a{color:#3eb5f6!important;}
.tools_list_left{font-weight: bold;}
.list_msg{width: 200px;margin: 0 auto;height: 35px}
.home_pay{margin: 90px 0 0 17px}

.api_recommend{margin-top: 15px;padding: 20px;position: relative}
.api_recommend .turn_left,.api_recommend .turn_right{background: url("https://cdn.api.storeapi.net/images/turn_left.png") no-repeat center center;position: absolute;width: 43px; height: 40px; top: 106px;z-index: 5;cursor: pointer;background-size: 35px 40px;}
.api_recommend .turn_left{left: 0}
.api_recommend .turn_right,.con_index_bottom .go_right{background: url("https://cdn.api.storeapi.net/images/turn_right.png") no-repeat center center;background-size: 35px 40px;right: 0px;}
.api_recommend .turn_left:hover,.con_index_bottom .go_left:hover{background: url("https://cdn.api.storeapi.net/images/blue_left.png") no-repeat center center;background-size: 35px 40px}
.api_recommend .turn_right:hover,.con_index_bottom .go_right:hover{background: url("https://cdn.api.storeapi.net/images/blue_right.png") no-repeat center center;background-size: 35px 40px}
.is_pass:before,.un_pass:before{background: url(https://cdn.api.storeapi.net/img/icon/yes.png) no-repeat 0 2px; width: 26px; height: 32px; content: ""; display: inline-block; background-size: 100%; margin-right: 10px;float: left}
.un_pass:before{background: url(https://cdn.api.storeapi.net/img/icon/error.png) no-repeat 0 2px;background-size: 100%}

.tool_rec ul li{width: 20%}

/*个人认证*/
.personal_rzbox .title{line-height: 35px;color: #808080;background: #F2F2F2;padding-left: 20px;margin-bottom: 10px;}
.personal_rzbox .critication{ margin: 10px;}
.personal_rzbox .list-group label{color: #555555;font-weight: normal;text-align: right;width: 100px;line-height: 40px;position: relative}
.personal_rzbox .list-group input,.personal_rzbox .select_box{width: 500px;height:40px;line-height: 40px;padding: 0 10px;border: 1px solid #DFDFDF;border-radius: 3px;}
.idcard2,.idcard1{position:relative }
.idcard2 input,.idcard1 input{position: absolute;left: 0;top: 0;height: 148px!important;line-height: 148px!important;}
.idcard1 a,.idcard2 a{display: inline-block;width: 274px;height: 148px;background: #FFFFFF url('https://cdn.api.storeapi.net/images/icon/idcard1.png') no-repeat center;border-radius: 3px;outline: none;border: 1px dashed #DFDFDF;}
.idcard2 a{background: #FFFFFF url('https://cdn.api.storeapi.net/images/icon/idcard2.png') no-repeat center;}
.idcard1 a img,.idcard2 a img{width: 100%;height: 100%;}
.ibmt10{margin: 10px 10px 10px 103px;}
.personal_rzbox{padding: 0 40px}
.personal_rzbox .xing:before {content: "";width: 5px;height: 6px;background: url(https://cdn.api.storeapi.net/images/icon/xing.png) no-repeat center;
    position: absolute;top: 18px;left: 12px}
.personal_rzbox .bindingPhone input{width: 274px;height: 40px;line-height: 40px;padding: 0 10px;border: 1px solid #DFDFDF;border-radius: 3px;}
.personal_rzbox .bindingPhone button{border:1px solid #A0CDEB;border-radius: 4px;color: #61A6D6;background: #F1F6FA;padding: 10px 15px;text-align: center;margin-left: 20px;cursor: pointer;}
.personal_rzbox .bindingPhone button.disabled{cursor: not-allowed;}
.personal_rzbox .bottom {margin-top: 80px;margin-bottom: 60px}
.personal_rzbox .bottom button{width: 172px;height: 36px;line-height: 36px;text-align: center;background: #3EB5F6;font-size: 18px;color: #FFFFFF;border-radius: 4px;border: none;}
.ml20 { margin-left: 20px; }
.sell-notice{width: 100%;background: #F1F6FA;padding: 4px 0px 15px;margin-bottom: 100px}
.sell-notice span{display: inline-block;width: 80px;height: 18px;line-height: 18px;text-align: center;background: #6EC4F2;color: #FFFFFF;border-bottom-right-radius: 20px;border-top-right-radius: 20px;margin-bottom: 15px}
.sell-notice p{color: #666666;padding-left: 15px;}
.head-type .return-btn{font-size: 16px;color: #FFFFFF;background: #3EB5F6;display: inline-block;width: 72px;height: 32px;line-height: 32px;text-align: center;border-radius: 4px}
.hidden { opacity: 0; }
input[type="file"] { display: block; }



/*推广员计划*/
.examples_list_t{font-size:18px; line-height:38px; font-weight:700;}
.examples_list_nav{height:32px; margin-top:8px;}
.examples_list_nav li{height:32px; line-height:32px; padding:0px 30px; cursor:pointer; float:left; margin-left:15px; background-color:#999999; color:#FFF; border-top-left-radius:5px; border-top-right-radius:5px;}
.examples_list_show{min-height:328px;  border-radius:5px;overflow: hidden}
.examples_list_show li img{width:715px; margin:6px; cursor:pointer;}
.examples_list_nav_sed{background-color:#3eb5f6 !important;}
.example_tab { padding: 15px 30px; margin: 0 25px; }
.invoice .list{line-height: 30px;padding:0  15px;}
.invoice h3 { background-color: #3EB5F6; color: #fff; margin: 0 0 10px; padding: 10px; font-size: 18px; }
.invoice>div { border: 1px solid #3EB5F6; height: 200px; }
.table-lst { border: 1px solid #3EB5F6; margin-bottom: 30px; text-align: center;  }
.table-lst thead { background: #3EB5F6; font-size: 16px; color: #fff; font-weight: bold}
.am-table-bordered > thead + tbody > tr:first-child > td, .am-table-bordered > thead + tbody > tr:first-child > th {
    border-top: 1px solid #ddd;
}
.example_tab .box_index{border-bottom: 2px dashed #e6e6e6; margin: 10px 0; padding: 15px 0;}
.example_tab .box_index textarea{border:1px solid #efeded;border-radius: 5px;margin: 10px 0;min-height: 60px;line-height:25px;width: 100%;padding: 10px;background: #ece7e8;}
.example_tab .ad_type{margin-bottom: 15px;font-weight: bold;font-size: 16px}

.promoter_table{width: 1050px}
.api_members{margin: 30px}
.promoter_table tr{line-height: 40px;height: 40px;}
.promoter_null{text-align: center; margin-top: 15%; line-height: 50px; background: url(https://cdn.api.storeapi.net/images/icon/people.png) no-repeat center 0; font-size: 30px; background-size: 120px; padding-top: 130px; color: #808080;}
.promoter_null p{margin-bottom: 30px}
.font_big{font-weight: bold;font-size: 18px;color: #ff3333}
.promoter{padding: 0;margin: 0;box-shadow: none;width: 1050px;font-size: 16px;}
.promoter .item-head{font-weight: bold!important;}
.promoter_banner{background: url("https://cdn.api.storeapi.net/images/bg.png") no-repeat center;width: 100%;height: 427px;margin-bottom: 30px; margin-top: 59px;}
.promoter_banner .contain{width: 1200px;margin: 0 auto;position: relative;height: 427px;}
.promoter_banner a{position: absolute; left: 35%; bottom: 60px; width: 363px; height: 61px;background: orange; border-radius: 30px;
    color: #fff; line-height: 61px; letter-spacing: 5px;text-align: center;color: #fff;font-size: 32px }
.promoter_banner a:hover{color: #fff;text-decoration: none}
.promoter_url{ width: 80%; margin: 30px auto 10px auto; text-align: center;}
.promoter_input_url input{ height: 50px;width: 85%;margin: 30px auto;border-radius: 25px;}
.pro_num{margin-left: 15px;margin-right: 15px;}

.select_type{ height: 33px; line-height: 33px; width: 145px; padding-left: 3px; border: 1px solid #dcdcdc !important; border-radius: 3px; background: none !important; cursor: pointer; }
.rbh_list{line-height: 40px;font-size: 16px;padding: 15px 30px!important;}
.rbh_list h2{margin: 15px 0;text-align: center}

.titleChile{margin-bottom: 15px;height: 50px;line-height: 50px}
.titleChile ul{width: 80%;float: left;margin-bottom: 15px}
.titleChile b{font-size: 16px;float: left;font-weight: normal}
.titleChile a{padding: 0 15px;float: left;color: #666;background: #e6e6e6;
    margin: 10px 10px 0 0;  border-radius: 5px; line-height: 30px;}
.titleChile .cur a,.titleChile li a:hover{  color: #1680da;  background: rgba(0, 123, 255, .25)}

/*分页*/

.page_list{text-align: center}
.page_list ul{display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.page_list ul li{ margin: 5px 10px;float: left;  color: #337ab7;  text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.page_list ul li a,.page_list ul li span{ padding: 6px 12px; text-align: center;display: inline-block}
.page_list ul li a:hover{color: #23527c; background-color: #eee; border-color: #ddd;}
.list-right .p1{ height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.result_top{width: 80px; margin: 0 auto 30px auto; padding-top:30px;}
.result_top img{width: 80px}
.result_page p{margin-bottom: 11px; padding-bottom: 50px; font-size: 28px; color: #666;}

.vip_cards{line-height: 70px}
.vip_cards i{background: url(https://cdn.api.storeapi.net/img/icon/quan.png) no-repeat 0 2px;background-size: 100%;display: inline-block;width:38px;height: 25px;margin: 20px 10px 0 0;float: left }

html,
body {color:#333; font-size:14px;background-color: #f5f5f5;font-family: "微软雅黑"}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1{font-size:2.4rem;}
s{text-decoration:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
q:before,q:after{content:''}
abbr,aconym{border:0;}
a,button,input,.clkcss,.clk_bga,.clk_bgb{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{ color:#3eb5f6; outline:none; text-decoration:none;}
a:hover{color:#3eb5f6;text-decoration:none;cursor: pointer}
a:active,.clkcss:active{opacity:0.5;}
.cl:after{content:"."; display:block; height: 0; clear:both; visibility:hidden;}
.cl{zoom:1;}
.img{width: 100%;}
.hide{display: none!important;}


.hand{cursor: pointer}

.pt_20{padding-top: 20px}
.pb_20{padding-bottom: 20px}
.pb_50{padding-bottom: 50px}
.p30{padding: 30px}
.p20{padding: 20px}
.pl30{padding: 0 30px}
.pt30{padding: 0 30px 30px 30px}

.mt_50{margin-top: 50px}
.mt_22{margin-top: 22px}

.m_30{margin: 30px}
.mt_30{margin-top: 30px}
.mb_30,.api_test{margin-bottom: 30px}
.ml_30{margin-left: 30px}
.mr_30{margin-right: 30px}

.m_15{margin: 15px}
.mg0{margin: 0 15px}
.mt_5{margin-top: 5px}
.mt_10{margin-top: 10px}
.mt_15{margin-top: 15px}
.mb_15{margin-bottom: 15px}
.ml_15{margin-left: 15px}
.mr_15{margin-right: 15px}
.mr_10{margin-right: 10px}

.ml_20{margin-left: 20px}

.font_12{font-size: 12px;}
.font_14{font-size: 14px;}
.font_15{font-size: 15px;}
.font_16{font-size: 16px;}
.font_18{font-size: 18px}
.font_20{font-size: 20px}

.text-gray{color: #666}
.text_dark{color: #999}
.dark-gray{color: #808080!important;}
.text_blue,.font_blue{color:#3EB5F6!important;}
.text_red,.font_red{color:#ff3333;}

.font_weight{font-weight: bold}
.fl_right{float: right}
.fl_left{float: left}

.bg_white{background: #fff}
.fw{font-weight: bold}
.line{border-bottom: 2px solid #3EB5F6!important;background: #F2F2F2;color: #808080;}
.line_none{border-top: none}
.shadows:hover { box-shadow: 0px 3px 8px rgba(28, 175, 255, 0.3);}
.shadows{ box-shadow: 0px 3px 5px rgba(133, 207, 248, 0.1); }
.clearfix{clear: both}
.ellipsis3,.ellipsis2,.ellipsis1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis1{-webkit-line-clamp: 1;line-clamp: 1}
.ellipsis2{-webkit-line-clamp: 2;line-clamp: 2}

/*旋转效果*/
.rote img{-webkit-transition: width 1s, height 1s, -webkit-transform 1s; transition: width 1s, height 1s, transform 1s;
    animation-timing-function: linear; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear;}
.rote:hover.rote img{-webkit-transform: rotate(360deg); transform: rotate(360deg);}


.address_detail textarea{width: 288px;border-color: #e6e6e6;padding: 15px}
.add_address .left{width: 31%;text-align: center}
.add_address input{width: 288px}
.select_provice{ width: 130px; height: 35px; border: 1px solid #e6e6e6; float: left; margin-right: 27px; }
.select_provice:last-child{margin-right: 0}

/*/!*单独针对尺寸为宽度320-375之间的屏幕*!/*/
/*@media screen and (max-width:375px) and (min-width:320px){*/
/*}*/
.long_img{ position: relative; display: block; width: 500px; }
.long_img img{ border: 1px solid #ccc; }
.long_img::before{ content:'长图'; position: absolute; right: 0; bottom: 0;
    background-color: #3EB5F6; line-height: 25px; width: 35px; text-align: center; color: #ffffff;
}
@media (max-width:576px){
    /*home*/
    .home_page1 p {font-size: 0.3rem; }
    .home_page1 h1 {font-size: 0.45rem; }
    .btn{padding: 0.1rem 0.2rem!important; font-size: 0.25rem!important;}
    .home_page1 .list{margin-top: 0;margin-bottom: 0;width: 100%}
    .home_page1 ul li{font-size: 0.3rem;width: 2.5rem}
    .nav_home .nav_more > .dropdown-menu > li,
    .nav_home .nav_more > .list_show > li{margin:0!important;}
    .search_titles{height: auto}
    .search_titles .search-con{width: 100%}
    .search_titles .search-con div{width: 84%}
    .search_titles .search-con button{width: 16%}
    .search_titles .search-con input{padding-left: 19%}

    /*login*/
    .login_bg{height: auto;}
    .login_bg .box{width: 100%}
    .logo-img{ width:1rem!important;height:auto!important;}
    .form-control{font-size: 0.3rem}
    .modal-footer{ margin: 0 auto;min-width: 1.5rem}
    body:not(.auth-page) .login_box{width: 96%; float: left; margin:9% 2% 0 2%;-webkit-box-shadow: 0 5px 20px rgba(77, 185, 202,.3);-moz-box-shadow: 0 5px 20px rgba(77, 185, 202,.3);
        -o-box-shadow: 0 5px 20px rgba(77, 185, 202,.3);box-shadow: 0 5px 20px rgba(77, 185, 202,.3);transform: translate3d(0, -2px, 0);-webkit-transform: translate3d(0, -2px, 0);}
    body:not(.auth-page) .login_top ul li{font-size: 18px}
    .auth-page .login_logo{float:none!important;width:100%!important;left:auto!important;top:auto!important;position:relative!important;text-align:left!important;color:#111827!important}
    .auth-page .login_box{float:none!important;width:100%!important;margin:0!important;transform:none!important}
    .content_right { width: 100% }
    .login_input input{width: 100%;  height: 0.8rem;}
    .pic_code{padding: 0.3rem!important;height: 1rem}
    .close{font-size: 0.6rem;font-weight: normal}
    .swiper-container{min-width: 100%!important;}

    /*商店*/
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.h5, h5,.h2, h2 {font-size: 0.35rem}
    .modal-body{padding: 0;margin: 0.1rem 0.2rem;max-height: 9rem; overflow-y: scroll;}
    .amount ul li{height: 0.7rem; line-height: 0.7rem; width: 2.9rem; margin: 0 0.1rem 0.2rem 0; font-size: 0.3rem;}
    .api_order {padding:0;margin: -0.2rem 0 0.1rem 0;}
    .score span {padding: 0.1rem 0 0 0.1rem; font-size: 0.4rem; margin: 0!important; }
    .score {background: url(/img/img-list.gif) repeat-x 0 33px;height: 1.5rem;margin-bottom: 0!important;}
    .score em {margin-top: 20px;}
    .result_send{margin-top: 19px;float: right}
    .result_send input{width: 3.2rem!important;height: 0.6rem}
    .api_title{margin-bottom: 0.2rem!important;width: 100%!important;}
    .api_title ul li a{ width: 1.5rem; height: 0.6rem; line-height: 0.6rem; margin: 0.1rem; font-size: 0.28rem;}
    .search {width: 3.5rem; margin: 0.2rem 0 0.2rem 0.2rem!important; border: none; height: 0.6rem; line-height: 0.7rem;}
    .searchs{ width: 1.5rem;font-size: 0.3rem}
    .search input{font-size: 0.3rem; height: 0.6rem; line-height: 0.6rem; border: 1px solid #a0cdeb; padding: 0.1rem 0.2rem;}
    .head-type .searchs{ margin-top: 0.15rem;}
    .head-type {float: none!important;}
    .w50{width: 50%!important;}
    .w100{width: 100%!important;}
    .wx_img img{width: 1.5rem;height: 1.5rem;margin-left: 0.6rem}
    .content_bottom p{font-size: 0.3rem;line-height: 0.55rem}

    .head_box,.contain_box{width:100%;box-sizing:border-box;}
    .nav_home{
        height:auto!important;
        min-height:0!important;
        line-height:normal!important;
        padding:0!important;
        background:#fff!important;
        box-shadow:0 0.04rem 0.14rem rgba(15,23,42,.06)!important;
        overflow:visible;
    }
    .nav_home .head_box{
        position:relative;
        display:flex!important;
        align-items:center;
        gap:0.12rem;
        width:100%;
        min-height:0.76rem;
        box-sizing:border-box;
        padding:0.1rem 0.24rem;
        overflow:visible;
    }
    .nav_home .head_box .head_left,
    .nav_home .logo-site{
        float:none!important;
        flex:0 0 auto;
        width:auto!important;
        height:auto!important;
        margin:0!important;
        overflow:visible;
        line-height:1;
    }
    .nav_home .site-title{margin:0;line-height:1;}
    .nav_home .logo-img{
        width:0.88rem!important;
        max-width:none;
        height:auto!important;
        display:block;
    }
    .nav_home .nav_list{
        float:none!important;
        position:relative;
        display:flex!important;
        align-items:center;
        flex:1 1 auto;
        min-width:0;
        width:auto!important;
        margin:0!important;
        padding:0;
        gap:0.1rem;
        box-sizing:border-box;
    }
    .nav_home .nav_list > div[style]{
        display:none!important;
    }
    .nav_home .nav_list > ul,
    .nav_home .nav_list > ul.float-left{
        float:none!important;
        display:flex!important;
        flex:1 1 auto;
        flex-wrap:nowrap;
        align-items:center;
        gap:0.2rem;
        min-width:0;
        width:auto!important;
        margin:0!important;
        padding:0;
        overflow:visible;
        list-style:none;
        border:none;
        background:transparent;
    }
    .nav_home .nav_list > ul > li{
        float:none!important;
        position:relative;
        flex:0 0 auto;
        margin:0!important;
        padding:0!important;
        font-size:0.28rem;
        line-height:1;
        color:#334155;
    }
    .nav_home .nav_list > ul > li.nav-fold,
    .nav_home .nav_list > ul > li.nav-fold.nav_more,
    .nav_home .nav_list > ul > li.nav-fold.dropdown{
        display:none!important;
    }
    .nav_home .nav_list > ul > li > a,
    .nav_home .nav_list > ul > li > a.dropdown-toggle{
        display:inline-flex!important;
        align-items:center;
        justify-content:center;
        gap:0.04rem;
        height:0.52rem;
        padding:0 0.16rem!important;
        border-radius:0.1rem;
        box-sizing:border-box;
        color:#475569!important;
        font-size:0.28rem!important;
        font-weight:600!important;
        line-height:1!important;
        white-space:nowrap;
        text-decoration:none!important;
        background:transparent!important;
        border:none!important;
    }
    .nav_home .nav_list > ul > li > a.cur,
    .nav_home .nav_list .cur{
        color:#1677ff!important;
        background:#edf5ff!important;
    }
    .nav_home .nav_list .vip{position:static!important;}
    .nav_home .nav_list .caret,
    .nav_home .nav_list .dropdown-toggle::after,
    .nav_home .nav_list .dropdown-toggle::before{
        display:none!important;
        content:none!important;
        border:none!important;
    }
    .nav_home .nav_list .nav_chevron{
        width:0.16rem;
        height:0.16rem;
        margin:0.02rem 0 0;
    }
    .nav_home .nav_list .nav_chevron::before{
        top:0.02rem;
        left:0.02rem;
        width:0.1rem;
        height:0.1rem;
        border-right-width:1px;
        border-bottom-width:1px;
    }
    .nav_home .nav_m_actions{
        float:none!important;
        flex:0 0 auto;
        display:flex!important;
        align-items:center;
        gap:0.06rem;
        margin:0!important;
        margin-left:auto!important;
        z-index:6;
    }
    .nav_home .nav_m_toggle{
        display:inline-flex!important;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:0.07rem;
        width:0.52rem;
        height:0.52rem;
        padding:0;
        border:1px solid #d6e4ff;
        border-radius:0.1rem;
        background:#edf5ff;
        box-sizing:border-box;
        cursor:pointer;
        outline:none!important;
        box-shadow:none!important;
        -webkit-tap-highlight-color:transparent;
        -webkit-appearance:none;
        appearance:none;
    }
    .nav_home .nav_m_toggle:focus,
    .nav_home .nav_m_toggle:focus-visible,
    .nav_home .nav_m_toggle:active{
        outline:none!important;
        box-shadow:none!important;
        border-color:#91caff;
    }
    .nav_home .nav_m_toggle i{
        display:block;
        width:0.26rem;
        height:0.03rem;
        border-radius:0.02rem;
        background:#1677ff;
        transition:transform .2s ease,opacity .2s ease;
    }
    .nav_home.nav-m-open .nav_m_toggle{
        background:#e0efff;
        border-color:#91caff;
    }
    .nav_home.nav-m-open .nav_m_toggle i:nth-child(1){
        transform:translateY(0.1rem) rotate(45deg);
    }
    .nav_home.nav-m-open .nav_m_toggle i:nth-child(2){opacity:0}
    .nav_home.nav-m-open .nav_m_toggle i:nth-child(3){
        transform:translateY(-0.1rem) rotate(-45deg);
    }
    .nav_home .login_btn{
        display:none!important;
    }
    .nav_home .nav_m_panel{
        display:none;
        position:absolute;
        top:calc(100% + 0.1rem);
        right:0;
        left:auto;
        z-index:40;
        width:3rem;
        max-width:78vw;
        padding:0.12rem;
        background:#fff;
        border:1px solid #e8eef8;
        border-radius:0.18rem;
        box-shadow:0 0.16rem 0.4rem rgba(15,23,42,.12);
        box-sizing:border-box;
        overflow:hidden;
    }
    .nav_home.nav-m-open .nav_m_panel{
        display:block!important;
        animation:navMPanelIn .18s ease;
    }
    .nav_home .nav_m_panel[hidden]{display:none!important}
    @keyframes navMPanelIn{
        from{opacity:0;transform:translateY(-0.08rem)}
        to{opacity:1;transform:translateY(0)}
    }
    .nav_home .nav_m_panel_bd{
        display:flex;
        flex-direction:column;
        gap:0.04rem;
    }
    .nav_home .nav_m_panel_bd a{
        display:flex;
        align-items:center;
        min-height:0.56rem;
        padding:0.14rem 0.16rem;
        border-radius:0.1rem;
        color:#334155!important;
        font-size:0.26rem!important;
        font-weight:600;
        line-height:1.3;
        text-decoration:none!important;
        box-sizing:border-box;
    }
    .nav_home .nav_m_panel_bd a:active,
    .nav_home .nav_m_panel_bd a:hover{
        color:#1677ff!important;
        background:#f0f7ff;
    }
    .nav_home .nav_m_panel_bd a.nav_m_user{
        gap:0.12rem;
        min-height:0.78rem;
        margin-top:0.06rem;
        padding:0.14rem 0.14rem!important;
        border:1px solid #d6e4ff;
        background:linear-gradient(135deg,#f5f9ff 0%,#edf5ff 100%);
        color:#1677ff!important;
        box-shadow:0 0.04rem 0.12rem rgba(22,119,255,.08);
    }
    .nav_home .nav_m_panel_bd a.nav_m_user:active,
    .nav_home .nav_m_panel_bd a.nav_m_user:hover{
        color:#0958d9!important;
        background:linear-gradient(135deg,#edf5ff 0%,#e0efff 100%);
        border-color:#91caff;
    }
    .nav_home .nav_m_user_ico{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:0.44rem;
        height:0.44rem;
        border-radius:50%;
        background:#1677ff;
        color:#fff;
        flex-shrink:0;
    }
    .nav_home .nav_m_user_ico svg{
        width:0.24rem;
        height:0.24rem;
    }
    .nav_home .nav_m_user_txt{
        display:flex;
        align-items:center;
        min-width:0;
        flex:1 1 auto;
        line-height:1.2;
    }
    .nav_home .nav_m_user_txt strong{
        font-size:0.26rem;
        font-weight:700;
        color:#1677ff;
    }
    .nav_home .nav_m_user_go{
        width:0.14rem;
        height:0.14rem;
        margin-right:0.04rem;
        border-top:1.5px solid #69b1ff;
        border-right:1.5px solid #69b1ff;
        transform:rotate(45deg);
        flex-shrink:0;
    }
    .nav_home .nav_m_panel_ft{
        margin-top:0.1rem;
        padding-top:0.1rem;
        border-top:1px solid #eef2f7;
    }
    .nav_home .nav_m_panel a.nav_m_logout,
    .nav_home .nav_m_panel a.nav_m_login{
        display:flex!important;
        align-items:center;
        justify-content:center;
        gap:0.1rem;
        width:100%;
        margin:0;
        padding:0.16rem 0.16rem!important;
        border-radius:0.1rem;
        color:#1677ff!important;
        background:#edf5ff;
        border:1px solid #d6e4ff;
        font-size:0.26rem!important;
        font-weight:600;
        line-height:1.3;
        text-decoration:none!important;
        box-sizing:border-box;
    }
    .nav_home .nav_m_panel a.nav_m_logout svg,
    .nav_home .nav_m_panel a.nav_m_login svg{
        width:0.28rem;
        height:0.28rem;
        flex-shrink:0;
        color:#1677ff;
    }
    .nav_home .nav_m_panel a.nav_m_logout:active,
    .nav_home .nav_m_panel a.nav_m_logout:hover,
    .nav_home .nav_m_panel a.nav_m_login:active,
    .nav_home .nav_m_panel a.nav_m_login:hover{
        color:#0958d9!important;
        background:#e0efff;
        border-color:#91caff;
    }
    .nav_home .nav_list > ul > li.nav_more:not(.nav-fold){
        display:block!important;
        align-self:center;
        height:0.52rem!important;
        min-height:0.52rem!important;
        max-height:0.52rem!important;
        position:relative!important;
        overflow:visible!important;
        line-height:0.52rem;
    }
    .nav_home .nav_list > ul > li.nav_more > a.dropdown-toggle{
        position:relative;
        z-index:2;
        vertical-align:top;
    }
    .nav_home .nav_more .dropdown-menu,
    .nav_home .nav_more .list_show,
    .nav_home .nav_more .dropdown-menu[x-placement],
    .nav_home .nav_more .dropdown-menu[x-placement^=bottom],
    .nav_home .nav_more .dropdown-menu[x-placement^=top],
    .nav_home .nav_more .dropdown-menu[x-placement^=left],
    .nav_home .nav_more .dropdown-menu[x-placement^=right]{
        position:absolute!important;
        top:100%!important;
        left:0!important;
        right:auto!important;
        bottom:auto!important;
        float:none!important;
        transform:none!important;
        -webkit-transform:none!important;
        will-change:auto!important;
        min-width:2.2rem!important;
        width:max-content!important;
        margin:0.06rem 0 0!important;
        padding:0.1rem!important;
        border:1px solid #e8eef8!important;
        border-radius:0.14rem!important;
        box-shadow:0 0.14rem 0.32rem rgba(15,23,42,.12)!important;
        background:#fff!important;
        overflow:hidden!important;
        z-index:50!important;
    }
    .nav_home .nav_more .dropdown-menu.show,
    .nav_home .nav_more .list_show.show,
    .nav_home .nav_more.show > .dropdown-menu,
    .nav_home .nav_more.open > .dropdown-menu{
        display:block!important;
    }
    .nav_home .nav_more > .dropdown-menu > li,
    .nav_home .nav_more > .list_show > li{
        float:none!important;
        display:block!important;
        position:static!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        font-size:0.26rem!important;
        line-height:1.3!important;
        background:transparent!important;
    }
    .nav_home .nav_more > .dropdown-menu > li > a,
    .nav_home .nav_more > .list_show > li > a{
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:0.16rem 0.18rem!important;
        border-radius:0.1rem!important;
        line-height:1.35!important;
        color:#334155!important;
        font-size:0.26rem!important;
        font-weight:600!important;
        background:transparent!important;
        border:none!important;
        box-sizing:border-box;
        text-align:left;
        white-space:nowrap;
        text-decoration:none!important;
    }
    .nav_home .nav_more > .dropdown-menu > li:hover,
    .nav_home .nav_more > .list_show > li:hover{
        background:transparent!important;
    }
    .nav_home .nav_more > .dropdown-menu > li > a:hover,
    .nav_home .nav_more > .list_show > li > a:hover,
    .nav_home .nav_more > .dropdown-menu > li > a:active,
    .nav_home .nav_more > .list_show > li > a:active{
        color:#1677ff!important;
        background:#f0f7ff!important;
    }
    .home-swiper,
    .home-swiper-m{display:none!important}
    .home_main.home-v2{
        margin-top:56px!important;
        padding:0 0 12px!important;
        width:100%!important;
        max-width:100%!important;
        box-sizing:border-box!important;
        overflow-x:hidden!important;
    }
    body:has(.home_main.home-v2){
        overflow-x:hidden;
    }
    .home-v2 .contain_home{
        width:100%!important;
        max-width:100%!important;
        padding:0 14px!important;
        box-sizing:border-box!important;
    }
    .home-v2 .hv-search-bar{
        display:grid!important;
        grid-template-columns:auto 1fr auto!important;
        align-items:stretch!important;
        width:100%!important;
    }
    .home-v2 .hv-search-bar .searchs,
    .home-v2 .hv-search-bar button{
        grid-column:auto!important;
        width:auto!important;
        min-width:0!important;
        padding:0 0.24rem!important;
        font-size:0.26rem!important;
        white-space:nowrap!important;
        box-sizing:border-box!important;
    }
    .home-v2 .hv-entries,
    .home-v2 .hv-grid,
    .home-v2 .hv-grid--ai{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
        width:100%!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }
    .home-v2 .hv-hero-title,
    .home-v2 h1.hv-hero-title{
        font-size:22px!important;
        line-height:1.35!important;
    }
    .home-v2 .hv-block-title,
    .home-v2 h3.hv-block-title{
        font-size:18px!important;
    }
    .home-v2 .hv-btn{
        min-width:0!important;
        padding:0 8px!important;
        font-size:12px!important;
    }
    .home-v2 .hv-hero-actions{
        gap:8px!important;
    }
    .home-v2 .hv-band,
    .home-v2 .hv-hero,
    .home-v2 .hv-block,
    .home-v2 .hv-spotlight,
    .home-v2 .hv-card,
    .home-v2 .hv-entry,
    .home-v2 .hv-product{
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
    }
    .menu-right{
        position:fixed!important;top:auto!important;right:0!important;bottom:16px!important;
        left:auto!important;width:44px!important;height:auto!important;padding:0!important;z-index:220!important;
    }
    .menu-right .menu_list{
        position:static!important;top:auto!important;right:auto!important;bottom:auto!important;width:44px!important;
        height:auto!important;transform:none!important;
    }
    .menu-right .menu_bg{display:none!important}
    .menu-right-btns{
        position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
        display:flex!important;flex-direction:column!important;align-items:stretch!important;
        width:44px!important;margin:0!important;padding:6px 4px!important;list-style:none!important;
        background:#1677ff!important;border:1px solid rgba(255,255,255,.55)!important;border-right:none!important;
        border-radius:14px 0 0 14px!important;box-shadow:0 8px 22px rgba(22,119,255,.28)!important;
    }
    .menu-right-btns li{
        float:none!important;width:100%!important;height:auto!important;min-height:0!important;
        margin:0 0 4px!important;padding:0!important;background:transparent!important;opacity:1!important;
        border-radius:10px!important;
    }
    .menu-right-btns li:last-child{margin-bottom:0!important}
    .menu-right-btns .icon{
        display:block!important;width:100%!important;height:44px!important;
        padding:28px 0 0!important;box-sizing:border-box!important;
        font-size:11px!important;font-weight:600!important;color:#fff!important;text-align:center!important;
        line-height:1!important;
    }
    .menu-right-btns .icon:after{
        left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    }
    .menu-right-btns .icon-pen:after{top:6px!important;width:18px!important;height:18px!important;background-size:contain!important}
    .menu-right-btns .icon.icon-up{
        height:40px!important;padding:0!important;
    }
    .menu-right-btns .icon.icon-up:after{top:10px!important;width:20px!important;height:18px!important}
    .menu-right-btns .title,
    .menu-right-btns .menu-right-panel,
    .menu_tel:active .title,
    .menu_tel:hover .title,
    .menu_tel:focus .title{
        display:none!important;opacity:0!important;pointer-events:none!important;
    }
    .menu-right-btns li.is-open > .title,
    .menu-right-btns li.is-open > .title.menu-right-panel{
        display:block!important;position:absolute!important;right:calc(100% + 8px)!important;left:auto!important;
        top:50%!important;transform:translateY(-50%)!important;width:176px!important;min-height:0!important;
        height:auto!important;padding:12px 12px 12px 14px!important;margin:0!important;
        background:linear-gradient(180deg,#fff,#f7fbff)!important;
        border:1px solid rgba(186,208,255,.7)!important;border-radius:14px!important;
        box-shadow:0 12px 28px rgba(15,23,42,.14)!important;color:#1f2937!important;z-index:230!important;
        pointer-events:auto!important;opacity:1!important;
    }
    .menu-right-btns li.is-open > .title:after,
    .menu-right-btns li.is-open > .title.menu-right-panel:after{display:none!important}
    .menu-right-panel em{
        display:inline-flex!important;margin:0 0 6px!important;padding:2px 7px!important;
        color:#0b5fff!important;font-size:11px!important;
        background:rgba(22,119,255,.08)!important;border:1px solid rgba(145,202,255,.45)!important;border-radius:999px!important;
    }
    .menu-right-panel strong{color:#0f172a!important;font-size:15px!important;margin:0 0 6px!important;font-weight:800!important}
    .menu-right-panel i{color:#64748b!important;font-size:11px!important}
    .swiper-slide,.swiper-slide a{width: 100%}
    .menu_left{width: 90%;right: 5%}
    .api_store,.edit_diy,.page_path{ margin-top: 1.8rem; padding:0.2rem 0.3rem}
    .page_path{padding: 0 0 0 0.6rem; font-size: 0.25rem; height: auto; line-height: 0.5rem;}

    .content_text .list{padding: 0.3rem;; margin: 0}
    .tools_title{ padding: 10px; margin: 0}
    .tools_title h1{font-size: 14px;}
    .content_bottom ul li{width: 97%!important;margin-bottom: 0.3rem;}
    .api_show{width: 47%!important;}
    .way ul li{ margin-top: 0.2rem;width: 3rem!important;}
    .delete_msg{top: 7px;}

    /*底部*/
    .footer{margin-top:32px!important}
    body:has(.home_main.home-v2) .footer{margin-top:12px!important}
    .footer-inner{padding:16px 12px 0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
    .footer_list{grid-template-columns:1fr 1fr!important;gap:14px 12px!important;padding:0 0 12px!important}
    .footer_service--brand{
        grid-column:1 / -1;padding-right:0;
        display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;align-items:center!important;gap:8px 10px!important;
    }
    .footer-logo{font-size:16px!important;margin:0!important}
    .footer-slogan{
        display:inline!important;margin:0!important;max-width:none!important;
        font-size:12px!important;line-height:1.4!important;color:#5b7aa0!important;font-weight:500!important;
    }
    .footer_service--brand .footer-hotbox{flex:1 1 100%!important;width:100%!important}
    .footer-hotbox{
        display:grid!important;
        grid-template-columns:auto 1fr!important;
        grid-template-areas:"label label" "phone time"!important;
        align-items:center!important;
        column-gap:10px!important;row-gap:4px!important;
        width:100%!important;max-width:none!important;margin:0!important;
        padding:12px 14px!important;border-radius:14px!important;
        background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,243,255,.88))!important;
        border:1px solid rgba(145,202,255,.5)!important;
        box-shadow:0 8px 20px rgba(22,119,255,.08)!important;
    }
    .footer-phone-label{grid-area:label!important;margin:0!important;font-size:11px!important}
    .footer-phone,a.footer-phone{grid-area:phone!important;font-size:19px!important;margin:0!important;line-height:1.15!important}
    .footer-phone-desc{
        grid-area:time!important;margin:0!important;justify-self:end!important;align-self:end!important;
        padding:3px 8px!important;border-radius:999px!important;font-size:11px!important;
        background:rgba(22,119,255,.08)!important;border:1px solid rgba(145,202,255,.35)!important;
    }
    .footer-title,.footer_service h5{margin:0 0 6px!important;padding-bottom:4px!important;font-size:12px!important}
    .footer_service ul li a,.footer-links a{margin:0 0 4px!important;width:auto;font-size:12px!important}
    .footer_service--wx{grid-column:auto!important}
    .footer-wx{flex-direction:column!important;align-items:flex-start;gap:6px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
    .footer-wx img{width:68px!important;height:68px!important;margin:0!important}
    .footer-wx p{margin:0!important;font-size:11px!important}
    .footer .copyright{justify-content:center;padding:10px 0 12px!important;font-size:11px!important}

    /*api定制*/
    .api_diy .top{width: 6rem; margin: 0 auto; padding: 0; height: 7rem;}
    .api_diy .top img{width: 100%}
    .api_diy,.vip_index{margin-top: 2rem}
    .top_right{margin: 0!important;}
    .api_diy .top_right a,.diy_index a{margin: 0.2rem 0;  width: 2rem;font-size: 0.3rem!important;}
    .diy_index ul li, .diy_index .step2, .diy_index .step3, .diy_index .step4{width: 2.8rem; padding: 2.2rem 0 0.2rem 0; margin-right: 0.2rem; background-size: 1.8rem;}
    .diy_index ul{width: 7rem; margin: 0 auto;margin-bottom: 0.3rem;}
    .diy_process{padding: 0 0 0.2rem 0; margin: 0.1rem 0.7rem;}

    /*vip*/
    .vip_table{width: 100%;overflow-x: scroll;}
    .vip_table table{font-size: 0.3rem; width: 601px;overflow: scroll;}
    .vip_table table th{font-size: 0.3rem;padding:0.1rem 0}
    .vip_table b{top: 0.1rem; left: 0.2rem; padding-left: 0; }
    .vip_table .vip0,.vip_table .vip1,.vip_table .vip2,.vip_table .vip3{background: none}
    .table tr{height: 2rem;line-height: 0.4rem;}
    .vip_table table td{padding: 1px 0}


    /*帮助中心*/
    .api_problem{width: 100%; margin-top: 1.5rem;}
    .que_type span{height: 1rem;  line-height: 1rem;}
    .que_cType{margin-top: 0.5rem}
    .que_type{ float: none; position:fixed; top: 1rem; right: 10%; width: 80%;  height: 10rem; overflow-y: scroll; box-shadow: 0 5px 20px rgba(0,0,0,.3); z-index: 9999; }
    .que_box{ background: #ababab; z-index: 9; position: fixed; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.7; }
    .que_index{display: none}
    .membership-box{width: 94%; padding: 0 0.2rem; margin: 0.4rem 3% 0 3%; min-height: auto;}
    .item-head{font-size: 0.3rem;margin: 0.25rem 0;}
    .membership-box .more{text-align: right;margin-top: 0.2rem;color: #3EB5F6;display: block}
    .membership-box .more:before{ background: url(/img/icon/menu.png) no-repeat center left; width: 3rem; height: 2rem;
        background-size: 0.3rem; content: '';padding-left: 0.4rem;}
    .pro_detail{width: 100%}
    .pro_detail div{padding: 0.3rem}
    .pro_detail img{width: 100%}
    .pro_detail p{margin: 0;line-height: 0.6rem;word-wrap: break-word;font-size: 0.3rem}
    .oly_right,.oly_left{width: 100%!important;}
    .oly_right{width: 100%!important;overflow-x: scroll}
    .oly_index table{width: 600px}

    /*商品详情*/
    .h5_none{display: none!important;}
    .pc_none{display: block}
    .float_none{float: none!important;}
    .floatLeft{float: left}
    .floatReft{float: right}
    .head_index{padding: 0.3rem;margin: 0 0 0.2rem 0;}
    .h5_right h5{margin:0.2rem 0 0 0;text-align: left}
    .h5_right p{margin-top: 0.2rem!important;width: auto!important;}
    .head_index .head_right btn{width: 1.8rem; text-align: center; padding: 0.1rem 0!important;}
    .content_text .title ul li{width: 33.3%;font-size: 0.3rem;}
    .content_text .list p a{word-wrap:break-word}
    .right_content{width: 100%!important;margin: 0}
    .list_tables{width: 100%;overflow-x: scroll}
    .list_table table{width: 18rem;  margin-bottom: 0.3rem; overflow: hidden;}
    .left_score ul li a{margin-bottom: 0.2rem;}
    .table td, .table th{padding: 0.3rem}
    .list_table table tr{height: 0.3rem;line-height: 0.3rem}
    .list_table table th{padding: 0.2rem}
    .Api_word{margin: 0.2rem 0.1rem}
    .ml_4{margin-left: 0.4rem}
    .left_score{width: 100%}
    .left_score ul{border: none;width: 100%}
    .pack_left{width: 100%!important;}
    .pack_left img{margin-top: 0}

    /*测试*/
    .api_test{margin-bottom: 0.2rem;}
    .api_test ul{margin-bottom: 0.3rem;}
    .api_test input,.api_test select{padding: 0.1rem 0.3rem; line-height: 0.5rem; height: auto;width: 100%!important;border-radius: 3px;margin: 0.2rem 0}
    .content_text .list p{margin-bottom: 0}
    .modal-footer { margin: 0.2rem auto; min-width: 1.5rem; padding: 0; }
    .modal{top:3%}
    .headerbar{padding: 0.2rem}
    .h5_right{margin-left: 0.4rem}

    /*提交需求*/
    .choose_score{padding: 0;margin-top: 0.5rem;}
    .choose_score p{margin: 0.2rem 0;}
    .detail-tbl,.file_input{width: 100%}
    .choose_score ul li{margin-top: 0.2rem;font-size: 0.3rem}
    .detail-tbl td{padding: 0}
    .submit_btn{width: 4rem; height: 0.8rem; line-height: 0.8rem; padding: 0!important; margin: 0.3rem auto}
    .sub_success{margin: 0.2rem 0; font-size: 0.4rem;}
    .sub_info{width: 6rem;display: block}
    .form-group{margin-bottom: 0.2rem}
    .text-input{margin: 0.2rem 0; width: 2rem; float: left;}
    .table_top ul li{width: 100%!important;text-align: left}
    .table_top ul li:last-child{width: 100%}
    .table_top ul li:nth-child(2),.table_top ul li:nth-child(3){width: 50%!important;}
    .table_top span,.table_top ss{padding-left: 0.3rem}
    .table_top span{font-weight: bold}

    .coupon{padding: 0 10px;max-height: 4rem;overflow: auto;}
    .counp_list,.counp_lists{width: 100%}
    .long_img{ width: 300px;}
    .page_index{ margin: 0;}
    .page-link{ padding: 0.02rem 0.03rem}
    .text-explain {margin: 1.9rem 0.2rem 0.3rem 0.2rem;}
    .text-explain .left {width: 100%;margin-bottom: 0.4rem;;float: none}
    .text-explain .right { width: 101%; float: none}
    .text-explain .left>div { height: 8rem; }
    .weibo_title .search{width: 2.8rem;margin-right: 0.1rem!important;}
    .weibo_select{margin-right: 0.1rem}
    .weibo_list{padding: 0!important;}
    .weibo_list ul li a{width: 3.2rem;margin: 0.2rem;}

    .img_width{width: 100%}
    .w5{width: 5.2rem!important;}
    .score_lj .title ul li{width: 25%}
    .list_msg{height: 0.6rem;line-height: 0.6rem;width: 2.5rem;margin-bottom: 0.3rem;}
    .api_recommend .content_bottom ul li{width: 100%!important;margin: 0.2rem 0 0 0}

    .margin0{margin: 0!important;}
    .pl30{padding: 0 0.3rem}
    .box_display{clear: both;display: block}
    .tooltip{font-size: 0.26rem}

    /*查询工具*/
    .table_code{margin: 0.3rem!important;padding: 0.2rem!important;}
    .query_td_left{word-break:break-all}
    .h5_search{margin: 0.3rem 0 0 0.15rem!important;width: 3.2rem}
    .check_list{width: 100%}
    .joke_left{width: 100%!important;}
    .tools_right{ width: 100%!important;padding: 0 20px 20px 20px!important;}
    .car_repair_cls ul li{width: 32%!important;margin-right: 1%}
    .price_list{width: 100%;margin-top: 0.5rem}
    .price_list ul li{ width: 45%; height: 0.7rem; line-height: 0.7rem;}
    .add_btns{width: 68%!important;}

    /*推广员计划*/
    .mg0{margin: 0}
    .m15{margin: 15px}
    .promoter_url{width: 100%}
    .currmoney{clear: both;margin-left: 0}
    .promoter{margin-top: 0!important;}
    .example_tab{padding: 0;margin: 0}
    .membership-box p{margin-bottom: 0}
    .promoter_banner { background: url(/images/bg_mobile.png) no-repeat center; width: 100%; margin:0; height: 185px; }
    .promoter_banner .contain{height: 200px;width: 100%}
    .promoter_banner a { left: 25%; bottom: 0.7rem; width: 50%; height: 0.7rem; border-radius: 30px; line-height: 0.7rem; font-size: 0.35rem; letter-spacing: 0; }
    .promoter_table{width: 596px;}
    .api_members{margin: 0}

    .head-type ul li a{width:108px;}
    .personal_rzbox{padding: 0 10px;}
    .personal_rzbox .list-group input,.personal_rzbox .select_box{width: 100%!important;}
    .personal_rzbox .list-group label{text-align: left;font-weight: bold}
    .personal_rzbox .mt_30{margin-top: 0}

    .api_tool ul li{width: 100%}
    .mt0{margin-top: 1.9rem}
    .mt_2{margin-top: 1.8rem}
    .m0{margin: 0.2rem!important;}
    .mt_0{margin-top: 0}
    .ml_0{margin-left: 0}
    .mt_3{margin: 0.3rem 0}
    .ml_2{margin-left: 0.2rem}
    .list_type ul li{ width: 2rem!important;margin-left: 0.2rem!important;}
    .buy_list ul li{height: auto!important;margin-left: 0!important;}
    .file_inputs{padding: 0.3rem 0}
    .input_index textarea { width:95%; height: 2rem; }
    .info-recharge .list-group div.way .alipay{background: url('/img/icon/alipa.png') no-repeat 9px;background-size: 40px;padding-left: 40px}
    .info-recharge .list-group div.way .wpay{background: url('/img/icon/wchat.png') no-repeat 9px; background-size: 40px;padding-left: 48px}
    .info-recharge .list-group div.way .trans{background: url('/img/icon/account.png') no-repeat 9px; background-size: 40px;padding-left: 48px}
    .info-recharge .list-group div.way .paypal{background-size: 100px;}
    .account_bank{width: 100%;margin: 15px 0 0 0}
    .home_pay{margin: 0}

    /*新版首页*/
    .contain_home,.content1 .list,.dn-col-sm-6{width: 100%}
    .limited-time .title{margin: 0 0 -0.3rem 0}
    .home_main{padding: 0.1rem 0.2rem;width: 100%}
    .dn-col-sm-6 .listli{margin-bottom: 0.2rem;height: 5rem;}
    .listli .listBanner{height: 1.5rem;background-size: auto 100%!important;}
    .listInner{text-align: center}
    .listli .title{ margin-bottom: 0.3rem}
    .limited-time{margin-top: 0}
    .message-main .message-main-right{width: 100%}

    .mb_2{margin-bottom: 0.2rem!important;}
    .nav_list > ul{margin-bottom:0!important}
    .dn-col-sm-6 .listli a{height: 5rem}
    .content1 .list{border: none;border-bottom: 1px solid #efeded}
    .content1 .list:last-child{border-bottom: none}
    .content1 .list .list-right{padding: 0;margin-bottom: 0}
    .p1,.p2,.p3{margin-bottom: 0!important;}
    .fix_footer a{position: fixed; bottom: 0; left: 0; width: 100%!important; line-height: 0.5rem; border-radius: 0;}
    .popular-main{height: auto}
    .popular .popular-main .main-right{padding: 0;margin:0 0 0.2rem 0;width: 100%;background: none;}
    .popular-main .main-left{width: 100%!important;height: 100% !important}
    .ai-models-grid { margin: 0.15rem -0.08rem 0; }
    .ai-model-card { width: calc(50% - 0.16rem); margin: 0 0.08rem 0.15rem; min-height: 2.4rem; padding: 0.18rem; border-radius: 0.12rem; }
    .ai-model-card-logo { height: 0.8rem; margin-bottom: 0.12rem; }
    .ai-model-card-logo img { max-width: 0.8rem; max-height: 0.8rem; }
    .ai-model-card-name { font-size: 0.28rem; line-height: 0.38rem; margin-bottom: 0.08rem; }
    .ai-model-card-intro { font-size: 0.22rem; line-height: 0.32rem; margin-bottom: 0.1rem; }
    .ai-model-card-price { font-size: 0.24rem; line-height: 0.34rem; }
    .ai-models-more { top: 0.22rem; font-size: 0.24rem; }
    .main-right-list-con,.main-right-list-con-desc{width: 100%}
    .main-right-list-con-title1{width: 70%}
    .main-right-list-con-title2{width: 30%;float: right!important;}
    .popular .popular-main .main-right .main-right-list > div{  width: 95%;margin: 0 2%;  }
    .popular .popular-main .main-right .main-right-list{margin-bottom: 0.3rem;  background: #fff;  padding: 0.3rem 0;  border-bottom: none;  height: 2.6rem}
    .weibo_left{width: 100%}
    .api_file ul li a{width: 45%;margin: 0 0 25px 13px}
    .query_td_right{width: 87px!important;}
    .m-infrom-tabel table{width: 950px!important;}
    /*.titleChile ul li:last-child a{margin-left: 1.2rem}*/
    .foot_link ul li{line-height: 30px}
    .car_pinpai_cls ul li{width: 45%!important;margin: 3px 5px!important;}
    .car_value a{width: 100%!important;}

    /*搜索页面*/
    .search_result{ margin-top: 1.8rem!important;}
    .types ss{margin-bottom: 0.2rem}
    .article_list li{width: 96%;margin: 0 2%}
    .tool_rec ul li{width: 46%!important;}
    .subinfo_show2:before{right: 10px}
    .subinfo_show2{right: 2px}
    .yahei{width: 100%;margin: 0}
    .m_newslist .mc ul li{padding: 10px 0}
    .m_newslist .mc ul li .v_pic{margin: 0 auto 15px auto;float: none}
    .m_newslist .v_cont{width: 100%;padding-left: 0}
    .m_newslist .s_tt a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 73%; }

    /*会员中心*/

    .content_top .left{padding: 10px;height: 340px}
    .content_bottom{clear: both;padding-bottom: 0;margin: 0 1%;}
    .head-type ul li a.curr i, .head-type ul li a:hover i{width: 84px}
    .get_address ul li{width: 100%!important;}
    .get_address ul{max-height: 188px; overflow: scroll;}
    .add_address input{ width: 100%;  font-size: 0.28rem;  line-height: 0;}
    .add_address .form-group{width: 100%!important;margin-bottom: 0.15rem}
    .address_detail textarea,.select_provice{margin-left: 8px}

    .why_list ul li{width: 48%!important;}
    .why_title{width: 50%}
    .source_list{width: 100%!important;}
    .source_list .api_lists ul li{width: 48%!important;}

    /*小程序网站开发*/
    .contain_boxs,.case_problem ul li{width: 100%}
    .contents_case .case_one{width: 96%;margin: 0.2rem 2%;}
    .contents_titles h3{font-size: 0.32rem}
    .contents_titles{padding: 0.3rem 0}
    .contents_titles p,.case_info p{margin: 0.1rem 2%;}
    .case_more a{margin: 0}
    .contents_case .swiper-slide{margin-right:0!important;width: 45%!important;}
    .contents_case .swiper-slide img{height: 300px}
    .contents_case .message-main-right-main .list{width: 95%}

    .result_top{width: 50px;margin: 0 auto 0.5rem auto;padding-top: 0.5rem}
    .result_top img{width: 50px}
    .result_page p{margin-bottom: 0.3rem;padding-bottom: 0.5rem;font-size: 0.3rem}

    /*微查系统*/
    .canvasCls,.sys_box,.filter{height: 260px!important;}
    .home_page1 .list{width: 100%!important;font-size: 0.28rem;margin-bottom: 5px!important;}
    .home_page1 h1,.par_list h1{font-size: 0.35rem!important;width: 80%;margin: 0 auto}
    .go_btn{width: 50%!important;}
    .par_list{width: 100%!important;padding:0.6rem 0 0.1rem 0!important;}
    .par_list ul li{width: 32%!important;margin-bottom: 0.5rem}
    .par_list .advantage li{width: 94%!important;margin-bottom: 0.3rem!important;}
    .code_box .right{float: none!important;text-align: center!important;}
    .code_box .left{width: 90%!important;padding-left: 5%;}
    .par_list ul,.par_list .advantage,.code_box{margin: 0.4rem 0!important;}
    .par_list ul li b{width:1rem!important;height: 1rem!important;background-size: 100%!important;}
    .meal{width: 100%!important;}
    .par_list .meal li{width: 90%!important;margin-left: 5%;float: none}

    /*视频会员*/

    .video_index .lable_list{width: 100%;overflow: scroll;}
    .video_index .lable_list::-webkit-scrollbar {display: none;}
    .video_index .lable_list ul{width: 714px}
    .video_index .lable_list ul li{width: 80px!important;margin-right: 0.1rem!important;font-size: 0.3rem!important;}
    .video_index .detail{margin: 0.3rem 0.1rem 0 0.1rem!important;}
    .video_index .price_list ul li{height: 0.8rem;line-height: 0.8rem;margin: 0 0.2rem 0.2rem 0!important;width: 30%!important;}
    .video_index .list_balance ul li{ height: 35px!important; line-height: 35px!important; background-size: 30px!important;
        width: 2.8rem!important; font-size: 0.3rem!important; }
    .video_index .recharge-foot a{height: 0.7rem;font-size: 0.3rem!important;margin-top: 0.5rem;}
    .video_list li{width: 48.5%!important;margin: 0.2rem 0!important;}
    .video_index{margin-top: 2.6rem}
    .video_title{padding: 0.2rem!important;}
    .video_rec{width: 47%!important;margin-right: 1%}
    .video_rec a{overflow: hidden;text-overflow: ellipsis;
        display: -webkit-box;-webkit-line-clamp: 1;line-clamp:1;-webkit-box-orient: vertical;}

    .video_top ul li:nth-child(5n),.video_top ul li:last-child{width: 50%!important;}


    /*全国数据整理*/
    .country_list ul li{width: 100%!important;}
    .icbar{width: 50%!important;font-size: 16px!important;}
    .timeNum{line-height: 20px!important;}
    .navFixed{top: 1.6rem!important;}
    .placeItem{font-size: 14px!important;}
    .placeItem.nav{font-size: 16px!important;}
    .country_details{width: 100%!important;}
    .country_box{width: 100%!important;}
    .country_show .nav ul li{width:20%!important;}
    .recentNumber .list .hk_list{width: 32%!important;}

    .year_contain,.years{display: none}
    .year_cla{width: 100%!important;}

    .file_scroll{height: 1rem}

    .diy_index,.diy_table{width: 100%!important;}
    .diy_self{margin-top: 0!important;padding-top: 2rem!important;background: none!important;}
    .diy_table .table_box{width: 100%;overflow-x: scroll}
    .diy_type{display: none!important;}
    .diy_index .list p{margin: 0.2rem 0.1rem!important;line-height: 0.6rem;font-size: 0.28rem;}
    .diy_index .list p i{width: 0.3rem!important;height: 0.3rem!important;font-size: 0.25rem!important;line-height: 0.3rem!important;float: none!important;display: inline-block}
    .diy_index h2, .diy_table h2{font-size: 0.4rem!important;}
    .diy_table table{margin: 0.8rem 25px 20px 25px!important;}
    .diy_add{margin:0.3rem 20px 20px 20px!important;}
    .diy_add a{display: block;margin-bottom: 0.3rem}
    .diy_pay .order_top{clear: both;margin: 0!important;float: none!important;}
    .order_botom span{display: block;text-align: left;margin-bottom: 0.3rem}
    .diy_pay a{margin-left: 0!important;}
    .diy_pay .order_botom{padding-top: 0.2rem!important;}
    .diy_pay select{padding:0.1rem!important;}
    .diy_box{width: 100%!important;left: 0!important;}
    .diy_box ul li{width: 2.8rem!important;margin:0 0 0.2rem 0.1rem!important;font-size: 0.23rem!important;}
    .buy_num_input input{width: 80px!important;}
    .diy_order{width: 100%;}
    .list_table table{width: 100%!important;}

}
@media (max-width:576px){

    /*会员中心 - 首页*/
    .pc_none{display: block}
    .nav-header{min-width: 100%;padding: 0 0.2rem;}
    .nav-header .nav-logo a{padding-top: 3px}
    .left-menu{position: fixed; top: 0; bottom: 0; left: 0; padding-top: 0;z-index: 999}
    .content_right{float: none!important; min-width: 96%; margin: 1.7rem 2%;}
    .content_top{padding: 0.2rem 0.1rem;margin-bottom: 0;width: 96%;background: #fff}
    .content_top ul li{ width: 100%!important; border: none; margin: 0.2rem 1% 0 0!important;min-height: 1.5rem; font-size: 0.3rem;border-bottom: 1px solid #efeded; }
    .content_top ul li:last-child{border: none}
    .content_top .balance_detail,.wx_msg{margin-top: 0.3rem}
    .content_right h2{margin: 0.2rem 0;font-size: 0.38rem}
    .content_top ul{margin: 0;width: 100%}
    .content_top ul li p,.content_top ul li p b{font-size: 0.3rem}
    .content_top ul li a{margin-top: 0.2rem!important;padding: 0 0.1rem!important;}
    .content_top .h5_50{width: 48%!important;}
    .content_top .totle_num{margin-top: 0.2rem}
    .content_bottom .title,.content_api .title{height: 1rem; line-height: 1rem; margin-bottom: 0; font-size: 0.3rem; background-size: 0.4rem; padding-left: 0.6rem;}
    .content_api .title_list{margin-top: 0}
    .content_api .title_list ul li{width: 33%}
    .content_api table{width:1200px}
    .page-link{padding: 0.03rem 0.1rem; line-height: 0.6rem;}
    .data_null img{width: 20%}
    .member_menu{line-height: 1rem}
    .member_menu img{width: 0.4rem}
    .nav-header .login_out button{margin: 20px 0 0 0.2rem;}
    .member_left{display: none}
    .vip_up{display: block;margin-top: 0.2rem;font-weight: bold;font-size: 0.3rem}
    .nav-logo{width: 21%!important;  overflow: hidden;}


    /*会员中心 -充值*/
    .head-tip{padding: 0.2rem;}
    .info-recharge{margin-top: 0}
    .index-recharge{margin: 0.3rem}
    .list-group label{margin: 0.4rem 0 0.2rem 0;}
    .info-recharge .list-group input.money{margin: 0.2rem 0 0 0; width: 3.6rem; border-radius: 3px; line-height: 0.8rem; height: 0.8rem; font-size: 0.38rem}
    .list_balance{margin-bottom: 0}
    .recharge-foot{width: 4rem;text-align: center;margin: 1.3rem auto 0 auto;}
    .info-recharge .list-group div.way ul li{margin-left: 10px;}
    .list_bal{margin-bottom: 0.15rem!important;}


    /*会员中心 -我的应用*/
    .h5_clear{clear: both}
    .search_title{margin: 0.2rem;border: none;height: auto;}
    .search_title .back{margin: 0.5rem 0 0 0;}
    .api_member button{margin-top: 0.2rem;}
    .api_members .add{position: absolute; margin-top: 0.2rem;}
    .api_table{margin: 0.3rem 0.2rem 0 0.2rem;}
    .api_table table{width: 920px}
    .api_table .order_table{width: 1350px}
    .table tr{height: 1rem}
    .data_msg{display: block;clear: both}
    .creatSearch{margin: 0.2rem 0}

    /*个人中心*/
    .password a{position: absolute;right: 0.4rem;}
    .personal_title ss{ height: 1.2rem;line-height: 1.2rem;}
    .personal_index{padding:0 0.3rem;right: 0.4rem}
    .personal_index .password{width: 100%;margin-top: 0.2rem;}
    .form-control {font-size: 0.3rem; padding: 0.2rem; line-height: 0.4rem; height: auto; border-radius: 5px; }
    .com-wrap{height: 1rem;clear: both}
    .personal_index .password span{width: 2rem}
    .modal-header{padding: 0.3rem 0.2rem;}
    .modal-header .close{font-size: 0.6rem; position: absolute; right: 0.2rem; top: 0.2rem; }
    .modal-footer{padding: none}
    .table_width{width: 1200px!important;}
    .address_list ul li{position: relative}
    .address_list ul li .right{position: absolute;  top: 18px;  right: 0;}
    .get_address ul li{width: 100%!important;height: 100px!important;}
    .add_address input{ width: 100%;  font-size: 0.28rem;  line-height: 0;}
    .add_address .form-group{width: 100%!important;margin-bottom: 0.15rem}
    .address_detail textarea,.select_provice{margin-left: 8px;}


    /*会员中心-我的api*/
    .page_index { float: none;padding:0 0 0.3rem 0.1rem; }
    .buy_api{ position: absolute; top: 2.8rem;  left: 0.3rem;}
    .set_icon{float: right}
    .buy_tpis{position: absolute;top: 2.2rem;right: 1.8rem;}
    .list-inline{margin:0.1rem 0 0  0}
    .member_m20{margin-top: 0.2rem;}
    .member_p20{padding-top: 0.2rem;}
    .member_m30{padding: 0 0.3rem!important;}
    .Wdate{width: 84px!important;}
    .dropdown-menu{font-size: 0.25rem; min-width: 2.5rem; padding: 0; margin: 0;}
    .api_btn{margin: 0.3rem 0 0 0!important;}
    .personal_index .add_ip{margin: 0!important;padding: 10px 0}
    .personal_index .add_ip ul li{margin: 0.3rem 0 0.1rem 0!important;}
    .personal_index .add_ip span{text-align: left;margin-right: 0;width: auto!important;}
    d.rote .set_icon{margin-left: 0.2rem;position: absolute;}
    .personal_index .text_example{padding-left:0}
    .personal_index .api_list{width: 100%}
    .personal_index .api_list ul li{width: 50%}
    .personal_index .add_ip input{width: 300px;padding: 0.1rem}

    /*签名管理*/

    .pt_3{padding: 0.2rem 0 0.2rem 0;height: auto}
    .mt_3{margin-top: 0.3rem!important;}
    .sign_btn{float:left!important;margin-bottom: 0.2rem}
    .sign_info textarea{width: 279px!important;}
    .sign_title input{width: 278px!important;}

    .height3{height: 2.3rem}
    .buy_apis{margin-top: 0.1rem}

    /*推广员*/
    .pro_table{width: 400px!important;}
    .personal_index .add_ip textarea{width: 100%}
    .pack_index{width: 215px!important;margin-top: 0!important;}

    /*发票*/
    .personal_rzbox .xing:before{left: -8px!important;}
    .invoice_top{padding-left: 0!important;height: 3.6rem!important;}
    .invoice_top .right_btn{margin:20px 0 20px 0!important;}
    .invoice_index{height: 0.8rem;clear: both}

}

@media (max-width:320px){
    .nav-logo{width: 25%!important;}
    .amount ul li {  width: 2.2rem;}
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* 登录/注册/找回密码 —— 对齐首页 Wapi 蓝白风格 */
.auth-page{
    --auth-brand:#1677ff;
    --auth-brand-deep:#0f5fd8;
    --auth-brand-2:#69b1ff;
    --auth-ink:#111827;
    --auth-muted:#6b7280;
    --auth-line:#e8eef8;
    --auth-soft:#eaf3ff;
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;
}
.auth-page .footer{
    margin-top:0!important;
}
.auth-page .footer .footer-inner.contain_box,
.auth-page .footer .footer-inner{
    background:transparent!important;
}
.auth-page .login_bg{
    position:relative;
    margin:70px 0 0;
    min-height:calc(100vh - 70px);
    height:auto;
    opacity:1;
    overflow:hidden;
    box-sizing:border-box;
    background:
        radial-gradient(ellipse 55% 70% at 12% 18%,rgba(22,119,255,.22),transparent 60%),
        radial-gradient(ellipse 45% 55% at 88% 82%,rgba(105,177,255,.18),transparent 58%),
        linear-gradient(165deg,#f5f9ff 0%,#eaf3ff 42%,#f7fbff 100%);
}
.auth-page .login_bg:before,
.auth-page .login_bg:after{
    content:"";
    position:absolute;
    border-radius:50%;
    filter:blur(40px);
    pointer-events:none;
}
.auth-page .login_bg:before{
    width:280px;height:280px;left:-60px;top:12%;
    background:rgba(105,177,255,.28);
}
.auth-page .login_bg:after{
    width:220px;height:220px;right:-40px;bottom:10%;
    background:rgba(22,119,255,.18);
}
.auth-page .login_bg .box.container,
.auth-page .login_bg .box{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:48px;
    width:1200px;
    max-width:calc(100% - 48px);
    min-height:calc(100vh - 70px);
    margin:0 auto;
    padding:24px 0;
    box-sizing:border-box;
}
.auth-page .login_logo{
    position:relative;
    left:auto;top:auto;
    float:none;
    width:auto;
    max-width:520px;
    margin:0;
    padding:8px 8px 4px 0;
    text-align:left;
    color:var(--auth-ink);
    z-index:2;
    border-radius:0;
    background:none;
    border:none;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    overflow:visible;
    box-sizing:border-box;
    cursor:pointer;
}
.auth-page .login_logo .auth-logo-glow{
    position:absolute;
    right:-48px;top:-56px;
    width:180px;height:180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(105,177,255,.35) 0%,rgba(22,119,255,.12) 42%,transparent 70%);
    pointer-events:none;
}
.auth-page .login_logo .auth-logo-glow:after{
    content:"";
    position:absolute;
    left:-120px;bottom:-90px;
    width:140px;height:140px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(22,119,255,.18),transparent 68%);
}
.auth-page .login_logo .auth-brand{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin:0 0 20px;
    padding:5px 14px 5px 5px;
    border-radius:999px;
    background:rgba(255,255,255,.9);
    border:1px solid rgba(145,202,255,.6);
    box-shadow:0 8px 20px rgba(22,119,255,.1);
    color:var(--auth-brand);
    font-size:13px;
    font-weight:700;
    letter-spacing:.02em;
}
.auth-page .login_logo .auth-brand-mark{
    width:28px;height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:0;
    background:linear-gradient(145deg,#1677ff 0%,#3b9bff 100%);
    box-shadow:0 6px 14px rgba(22,119,255,.28);
}
.auth-page .login_logo .auth-brand-text{line-height:1}
.auth-page .login_logo .auth-brand i{display:none}
.auth-page .login_logo h1{
    position:relative;
    margin:0 0 14px;
    font-size:clamp(30px,3.2vw,42px);
    font-weight:800;
    line-height:1.22;
    letter-spacing:-.03em;
    color:#0b1220;
}
.auth-page .login_logo h1 span{
    background:linear-gradient(120deg,#0958d9,#1677ff 48%,#3b9bff);
    -webkit-background-clip:text;background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent;
}
.auth-page .login_logo .auth-desc{
    position:relative;
    margin:0 0 24px;
    max-width:420px;
    padding-left:14px;
    border-left:3px solid rgba(22,119,255,.35);
    font-size:15px;
    line-height:1.7;
    color:#5b6b85;
    font-weight:500;
}
.auth-page .login_logo b{
    display:none;
}
.auth-page .auth-points{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.auth-page .auth-points li{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(186,208,255,.6);
    box-shadow:0 8px 18px rgba(22,119,255,.06);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.auth-page .auth-points li:hover{
    transform:translateY(-2px);
    background:#fff;
    border-color:#91caff;
    box-shadow:0 14px 28px rgba(22,119,255,.12);
}
.auth-page .auth-points .auth-ico{
    flex-shrink:0;
    width:42px;height:42px;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:14px;
    color:#1677ff;
    background:linear-gradient(145deg,#eef5ff 0%,#dcebff 100%);
    border:1px solid rgba(145,202,255,.55);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(22,119,255,.1);
    transition:color .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.auth-page .auth-points li:hover .auth-ico{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(145deg,#1677ff 0%,#3b9bff 100%);
    box-shadow:0 10px 18px rgba(22,119,255,.28);
}
.auth-page .auth-points .auth-ico svg{width:20px;height:20px;display:block}
.auth-page .auth-points strong{
    display:block;margin:0 0 3px;
    font-size:14px;font-weight:700;color:#0f172a;line-height:1.35;
}
.auth-page .auth-points span{
    display:block;font-size:12px;line-height:1.5;color:#64748b;
}

.auth-page .login_box{
    position:relative;
    float:none;
    width:440px;
    max-width:100%;
    margin:0;
    padding:36px 34px 28px;
    border-radius:24px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(247,251,255,.98) 100%);
    border:1px solid rgba(186,208,255,.72);
    box-shadow:
        0 28px 60px rgba(15,40,90,.14),
        0 8px 20px rgba(22,119,255,.08),
        inset 0 1px 0 rgba(255,255,255,.95);
    box-sizing:border-box;
    overflow:hidden;
}
.auth-page .login_box:before{
    content:"";
    position:absolute;left:0;right:0;top:0;height:3px;
    background:linear-gradient(90deg,#69b1ff,#1677ff 45%,#3b9bff);
}
.auth-page .login_box:after{
    content:"";
    position:absolute;right:-48px;top:-48px;
    width:140px;height:140px;border-radius:50%;
    background:radial-gradient(circle,rgba(105,177,255,.22),transparent 68%);
    pointer-events:none;
}
.auth-page .login_box > *{z-index:1}
.auth-page .login_box .auth-card-head{
    position:relative;
    margin:0 0 18px;
    padding-right:56px;
}
.auth-page .login_box .auth-card-head--row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding-right:0;
}
.auth-page .login_box .auth-card-kicker{
    margin:0 0 6px;
    color:var(--auth-brand);
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.auth-page .login_box .auth-card-head h2,
.auth-page .login_box h1{
    display:block;
    margin:0 0 6px;
    color:var(--auth-ink);
    font-size:24px;
    font-weight:800;
    letter-spacing:-.01em;
    text-align:left;
    line-height:1.25;
}
.auth-page .login_box .auth-card-head--row h2{margin-bottom:6px}
.auth-page .login_box .auth-card-sub{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.55;
    font-weight:500;
}
.auth-page .login_box .auth-card-action,
.auth-page .login_box h1 .login_fast{
    float:none;
    flex:0 0 auto;
    margin:2px 0 0;
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    color:var(--auth-brand);
    background:rgba(22,119,255,.08);
    border:1px solid rgba(145,202,255,.5);
}
.auth-page .login_box .auth-card-action:hover,
.auth-page .login_box h1 .login_fast:hover{
    background:rgba(22,119,255,.12);
    border-color:#91caff;
}
.auth-page .login_box .go_home{display:none}

.auth-page .login_top{
    margin:0 0 10px;
    padding:4px;
    border:0;
    border-radius:14px;
    background:#eef4ff;
}
.auth-page .login_box:has(> .login_type) .login_top{
    margin-right:0;
}
.auth-page .login_box:not(:has(> .login_type)) .auth-card-head{
    padding-right:0;
}
.auth-page .wx_login .login_top{
    margin-right:0;
}
.auth-page .login_top ul{
    display:flex;align-items:stretch;gap:4px;
    margin:0;padding:0;list-style:none;
}
.auth-page .login_top ul li{
    flex:1;margin:0;
    font-size:14px;font-weight:700;
    text-align:center;
}
.auth-page .login_top ul li a{
    display:block;
    width:100%;
    padding:10px 8px;
    color:#64748b;
    text-decoration:none;
    border:0;
    border-radius:11px;
    line-height:1.2;
    transition:color .2s ease,background .2s ease,box-shadow .2s ease;
}
.auth-page .login_top ul li a:hover{
    color:var(--auth-brand);
    text-decoration:none;
    background:rgba(255,255,255,.7);
}
.auth-page .login_top .cur a{
    color:var(--auth-brand);
    background:#fff;
    box-shadow:0 4px 12px rgba(22,119,255,.12);
    border:0;
}

.auth-page .login_box .form-group{
    position:relative;
    margin:0 0 0!important;
}
.auth-page .login_box .form-group + .form-group,
.auth-page .login_box .form-group.mt_30 + .form-group.mt_30,
.auth-page .login_box .form-group.mt_30{
    margin-top:22px!important;
}
.auth-page .login_box .login_top + .form-group,
.auth-page .login_box .login_top + .form-group.mt_30{
    margin-top:20px!important;
}
.auth-page .login_box .icon-person,
.auth-page .login_box .icon-lock,
.auth-page .login_box .icon-phone,
.auth-page .login_box .icon-code{
    position:absolute;
    top:0;
    left:0;
    width:48px;height:50px;margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:none!important;
    background-image:none!important;
    color:#1677ff;
    opacity:1;
    pointer-events:none;
    z-index:2;
}
.auth-page .login_box .icon-person svg,
.auth-page .login_box .icon-lock svg,
.auth-page .login_box .icon-phone svg,
.auth-page .login_box .icon-code svg{
    width:30px;height:30px;
    padding:6px;
    display:block;
    box-sizing:border-box;
    border-radius:10px;
    color:#1677ff;
    background:linear-gradient(145deg,#eef5ff 0%,#dcebff 100%);
    box-shadow:inset 0 0 0 1px rgba(145,202,255,.65),0 4px 10px rgba(22,119,255,.1);
    transition:background .2s ease,box-shadow .2s ease,color .2s ease;
}
.auth-page .login_box .form-group:focus-within .icon-person svg,
.auth-page .login_box .form-group:focus-within .icon-lock svg,
.auth-page .login_box .form-group:focus-within .icon-phone svg,
.auth-page .login_box .form-group:focus-within .icon-code svg{
    color:#fff;
    background:linear-gradient(145deg,#1677ff 0%,#3b9bff 100%);
    box-shadow:0 6px 14px rgba(22,119,255,.28);
}
.auth-page .login_box .form-control,
.auth-page .login_box input.form-control{
    height:50px;
    padding:0 16px 0 48px;
    border:1px solid #d6e4ff;
    border-radius:14px;
    background:#fff;
    color:var(--auth-ink);
    font-size:14px;
    letter-spacing:.01em;
    box-shadow:0 1px 2px rgba(15,23,42,.03);
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.auth-page .login_box .form-control:hover,
.auth-page .login_box input.form-control:hover{
    border-color:#b7d4ff;
}
.auth-page .login_box .form-control:focus,
.auth-page .login_box input.form-control:focus{
    border-color:#69b1ff;
    background:#fff;
    box-shadow:0 0 0 4px rgba(22,119,255,.14);
    outline:none;
}
.auth-page .login_box .form-control::placeholder{color:#94a3b8}

.auth-page .login_code{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
}
.auth-page .login_code:after{display:none}
.auth-page .login_code .icon-person,
.auth-page .login_code .icon-lock,
.auth-page .login_code .icon-phone,
.auth-page .login_code .icon-code{
    position:absolute;
    left:0;top:0;
}
.auth-page .login_code input{
    float:none!important;
    flex:1 1 auto;
    min-width:0;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding-left:48px!important;
    box-sizing:border-box;
}
.auth-page .login_code button,
.auth-page .login_code .btn{
    float:none!important;
    flex:0 0 128px;
    width:128px!important;
    min-width:128px;
    max-width:128px;
    height:50px;
    margin:0;
    padding:0 10px;
    border-radius:14px;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    box-sizing:border-box;
}
.auth-page .login_code .btn-primary{
    color:#fff;
    background:linear-gradient(135deg,#1677ff,#3b9bff);
    border:none;
    box-shadow:0 8px 18px rgba(22,119,255,.22);
}
.auth-page .login_code .btn-primary:hover:not(:disabled):not(.is-wait){
    background:linear-gradient(135deg,#0f5fd8,#1677ff);
}
.auth-page .login_code .btn.is-wait,
.auth-page .login_code .btn:disabled{
    color:#64748b!important;
    background:#eef4ff!important;
    border:1px solid #d6e4ff!important;
    box-shadow:none!important;
    cursor:not-allowed;
    opacity:1;
}

.auth-page .login_box .login_btn{margin-top:26px!important}
.auth-page .login_box .login_btn button,
.auth-page .login_box .login_btn .btn-primary{
    width:100%;
    height:50px;
    margin:0 0 14px;
    padding:0 16px;
    line-height:50px;
    border:none;
    border-radius:14px;
    font-size:16px;
    font-weight:700;
    letter-spacing:.02em;
    color:#fff;
    background:linear-gradient(135deg,#1677ff 0%,#2f8fff 52%,#3b9bff 100%);
    box-shadow:0 14px 30px rgba(22,119,255,.3);
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.auth-page .login_box .login_btn button:hover,
.auth-page .login_box .login_btn .btn-primary:hover{
    filter:brightness(1.03);
    box-shadow:0 16px 34px rgba(22,119,255,.36);
    transform:translateY(-1px);
}
.auth-page .login_box .login_btn button:active,
.auth-page .login_box .login_btn .btn-primary:active{
    transform:translateY(0);
    filter:brightness(.98);
}
.auth-page .login_box .login_btn{position:relative}
.auth-page .login_box .error_msg{display:none!important}

.auth-page .auth-toast{
    position:fixed;
    top:84px;
    left:50%;
    z-index:10060;
    display:flex;
    align-items:flex-start;
    gap:10px;
    width:min(420px,calc(100vw - 32px));
    margin:0;
    padding:12px 14px;
    border-radius:14px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid rgba(186,208,255,.7);
    box-shadow:0 16px 40px rgba(15,40,90,.16),0 4px 12px rgba(22,119,255,.08);
    color:#0f172a;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,-10px);
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.auth-page .auth-toast.is-show{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
}
.auth-page .auth-toast.is-error{
    background:linear-gradient(180deg,#fff7f7,#fff1f2);
    border-color:rgba(239,68,68,.25);
    color:#dc2626;
}
.auth-page .auth-toast.is-ok{
    background:linear-gradient(180deg,#f0fdf4,#ecfdf5);
    border-color:rgba(34,197,94,.28);
    color:#15803d;
}
.auth-page .auth-toast.is-info{
    background:linear-gradient(180deg,#f5f9ff,#eef5ff);
    border-color:rgba(22,119,255,.28);
    color:#0f5fd8;
}
.auth-page .auth-toast-ico{
    flex:0 0 20px;
    width:20px;height:20px;
    margin-top:1px;
    border-radius:50%;
    background:center/contain no-repeat;
}
.auth-page .auth-toast.is-error .auth-toast-ico{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23ef4444'/%3E%3Cpath d='M12 7.2v6.2M12 16.6h.01' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.auth-page .auth-toast.is-ok .auth-toast-ico{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2322c55e'/%3E%3Cpath d='M7.5 12.2l3 3 6-6.2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.auth-page .auth-toast.is-info .auth-toast-ico{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%231677ff'/%3E%3Cpath d='M12 7.5v.01M12 10.5V17' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.auth-page .auth-toast-text{
    flex:1;
    min-width:0;
    word-break:break-word;
}
.auth-page .auth-toast-close{
    flex:0 0 auto;
    width:22px;height:22px;
    margin:-2px -4px 0 0;
    padding:0;
    border:0;
    border-radius:6px;
    background:transparent;
    color:inherit;
    opacity:.55;
    font-size:18px;
    line-height:20px;
    cursor:pointer;
}
.auth-page .auth-toast-close:hover{opacity:1;background:rgba(15,23,42,.06)}
@media (max-width:576px){
    .auth-page .auth-toast{top:70px}
}

.auth-page .login_box .auth-agree,
.auth-page .login_box .form-group:has(.footer_login){
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px 16px;
    margin-top:16px!important;
    padding:12px 14px;
    border-radius:12px;
    background:linear-gradient(180deg,rgba(238,244,255,.92),rgba(247,251,255,.88));
    border:1px solid rgba(186,208,255,.7);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    box-sizing:border-box;
}
.auth-page .login_box .footer_login{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:0;
    color:#64748b;
    font-size:13px;
    font-weight:500;
    line-height:1.45;
    cursor:pointer;
    user-select:none;
}
.auth-page .login_box .footer_login-text{
    display:inline;
    color:#64748b;
}
.auth-page .login_box .footer_login a{
    color:var(--auth-brand);
    font-weight:700;
    text-decoration:none;
    margin:0 1px;
}
.auth-page .login_box .footer_login a:hover{
    color:var(--auth-brand-deep);
    text-decoration:underline;
}
.auth-page .login_box .footer_login--keep{
    color:#64748b;
    white-space:nowrap;
}
.auth-page .login_box .footer_login input[type=checkbox],
.auth-page .login_box .auth-agree input[type=checkbox],
.auth-page .login_box input[type=checkbox]{
    -webkit-appearance:none;
    appearance:none;
    width:16px;height:16px;
    margin:0;
    padding:0;
    flex:0 0 16px;
    display:inline-grid;
    place-content:center;
    vertical-align:middle;
    border:1.5px solid #b7d4ff;
    border-radius:5px;
    background:#fff;
    box-shadow:0 1px 2px rgba(22,119,255,.06);
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.auth-page .login_box .footer_login input[type=checkbox]::before,
.auth-page .login_box .auth-agree input[type=checkbox]::before,
.auth-page .login_box input[type=checkbox]::before{
    content:"";
    width:9px;height:9px;
    transform:scale(0);
    transition:transform .15s ease;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M2.2 6.2l2.5 2.5 5.1-5.3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.auth-page .login_box .footer_login input[type=checkbox]:hover,
.auth-page .login_box .auth-agree input[type=checkbox]:hover,
.auth-page .login_box input[type=checkbox]:hover{
    border-color:#69b1ff;
    box-shadow:0 0 0 3px rgba(22,119,255,.1);
}
.auth-page .login_box .footer_login input[type=checkbox]:checked,
.auth-page .login_box .auth-agree input[type=checkbox]:checked,
.auth-page .login_box input[type=checkbox]:checked{
    border-color:transparent;
    background:linear-gradient(145deg,#1677ff,#3b9bff);
    box-shadow:0 4px 10px rgba(22,119,255,.25);
}
.auth-page .login_box .footer_login input[type=checkbox]:checked::before,
.auth-page .login_box .auth-agree input[type=checkbox]:checked::before,
.auth-page .login_box input[type=checkbox]:checked::before{
    transform:scale(1);
}
.auth-page .login_box ss.text-gray,
.auth-page .login_box .text-gray{color:#64748b;font-size:13px}

.auth-page .login_box .login_fast{
    color:var(--auth-brand);
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    margin-bottom:0;
}
.auth-page .login_box .login_fast:hover{
    color:var(--auth-brand-deep);
    text-decoration:none;
}
.auth-page a.text-gray{color:#64748b!important;font-size:13px;text-decoration:none}
.auth-page a.text-gray:hover{color:var(--auth-brand)!important}

.auth-page .login_box > .login_type{
    position:absolute;
    top:0;
    right:0;
    z-index:8;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0 24px 0 18px;
    color:#1677ff;
    background:linear-gradient(145deg,#eaf3ff 0%,#dcebff 100%);
    box-shadow:inset 0 0 0 1px rgba(145,202,255,.55);
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    appearance:none;
    transition:color .2s ease,background .2s ease,box-shadow .2s ease;
}
.auth-page .login_box > .login_type:hover,
.auth-page .login_box > .login_type:focus{
    color:#fff;
    background:linear-gradient(145deg,#1677ff 0%,#3b9bff 100%);
    box-shadow:0 8px 18px rgba(22,119,255,.28);
}
.auth-page .login_box > .login_type .login_type-ico{
    display:none;
    width:22px;
    height:22px;
}
.auth-page .login_box > .login_type.type_phone .login_type-ico-qr,
.auth-page .login_box > .login_type.type_desk .login_type-ico-pc{
    display:block;
}
.auth-page .login_box > .login_type.type_weixin .login_type-ico-qr{
    display:block;
}
.auth-page .wx_login{
    margin:0 0 8px;
}
.auth-page .wx_login .login_top{margin-bottom:14px}
.auth-page .wx_login .login_top{margin-right:0}

.auth-page .wx-panel{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    margin:0;
    padding:22px 16px 18px;
    border-radius:18px;
    background:linear-gradient(180deg,rgba(238,244,255,.88),rgba(247,251,255,.96));
    border:1px solid rgba(186,208,255,.65);
    box-sizing:border-box;
}
.auth-page .wx-panel-icon{
    width:72px;height:72px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 0 14px;
    border-radius:50%;
    background:#fff;
    border:1px solid rgba(145,202,255,.55);
    box-shadow:0 10px 24px rgba(22,119,255,.12);
    overflow:hidden;
}
.auth-page .wx-panel-icon img{
    width:44px;height:44px;
    display:block;
    border:0;border-radius:0;margin:0;
}
.auth-page .wx-panel-title{
    margin:0 0 6px;
    color:#0f172a;
    font-size:18px;
    font-weight:800;
    line-height:1.3;
}
.auth-page .wx-panel-desc{
    margin:0 0 18px;
    max-width:280px;
    color:#64748b;
    font-size:13px;
    line-height:1.55;
}
.auth-page .wx-login-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    height:46px;
    padding:0 22px;
    border:0;
    border-radius:12px;
    color:#fff!important;
    font-size:15px;
    font-weight:700;
    text-decoration:none!important;
    background:linear-gradient(135deg,#07c160 0%,#06ad56 100%);
    box-shadow:0 12px 24px rgba(7,193,96,.28);
}
.auth-page .wx-login-btn:hover{
    filter:brightness(1.03);
    color:#fff!important;
    text-decoration:none!important;
}

.auth-page .wx-panel--qr{padding:18px 14px 16px}
.auth-page .wx-qr-box{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.auth-page .wx-qr-frame{
    position:relative;
    width:200px;height:200px;
    margin:0 0 16px;
    padding:12px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 28px rgba(15,40,90,.1);
    box-sizing:border-box;
}
.auth-page .wx-qr-frame img{
    width:100%;height:100%;
    display:block;
    border:0;border-radius:8px;
    object-fit:contain;
    box-shadow:none!important;
}
.auth-page .wx-qr-corner{
    position:absolute;
    width:18px;height:18px;
    border:2.5px solid #07c160;
    pointer-events:none;
}
.auth-page .wx-qr-corner--tl{left:6px;top:6px;border-right:0;border-bottom:0;border-radius:4px 0 0 0}
.auth-page .wx-qr-corner--tr{right:6px;top:6px;border-left:0;border-bottom:0;border-radius:0 4px 0 0}
.auth-page .wx-qr-corner--bl{left:6px;bottom:6px;border-right:0;border-top:0;border-radius:0 0 0 4px}
.auth-page .wx-qr-corner--br{right:6px;bottom:6px;border-left:0;border-top:0;border-radius:0 0 4px 0}
.auth-page .wx-qr-tip{
    margin:0 0 4px;
    color:#0f172a;
    font-size:15px;
    font-weight:700;
    line-height:1.4;
}
.auth-page .wx-qr-tip strong{color:#07c160}
.auth-page .wx-qr-sub{
    margin:0;
    color:#64748b;
    font-size:12px;
    line-height:1.5;
}

.auth-page .wx-qr-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:220px;
    width:100%;
    color:#64748b;
    font-size:13px;
    font-weight:600;
}
.auth-page .wx-qr-state p{margin:12px 0 0}
.auth-page .wx-qr-spinner{
    width:28px;height:28px;
    border:3px solid rgba(22,119,255,.18);
    border-top-color:#1677ff;
    border-radius:50%;
    animation:auth-wx-spin .8s linear infinite;
}
.auth-page .wx-qr-state--ok{color:#15803d}
.auth-page .wx-qr-ok-ico{
    width:52px;height:52px;
    border-radius:50%;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2322c55e'/%3E%3Cpath d='M7.5 12.2l3 3 6-6.2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center/contain no-repeat;
    box-shadow:0 10px 22px rgba(34,197,94,.25);
}
.auth-page .wx-qr-ok-title{
    margin:14px 0 4px!important;
    color:#15803d;
    font-size:16px;
    font-weight:800;
}
.auth-page .wx_success,
.auth-page .wx_phone,
.auth-page .code_none{
    width:auto!important;
    height:auto!important;
    margin:0 auto;
    position:static!important;
}
.auth-page .wx_success i,
.auth-page .wx_success p{display:none!important;position:static!important}
@keyframes auth-wx-spin{
    to{transform:rotate(360deg)}
}
.auth-page .auth-links{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:2px;
    padding-top:14px;
    border-top:1px solid rgba(186,208,255,.45);
}
.auth-page .auth-links:after{display:none;content:none}
@media (max-width:980px){
    .auth-page .login_bg{
        min-height:0!important;
        height:auto!important;
        margin-bottom:0!important;
    }
    .auth-page .login_bg .box.container,
    .auth-page .login_bg .box{
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:18px;
        min-height:0!important;
        height:auto!important;
        padding:20px 16px 20px;
    }
    .auth-page .login_logo{
        max-width:100%;
        text-align:left;
        padding:0;
        border-radius:0;
        background:none;
        border:none;
        box-shadow:none;
    }
    .auth-page .login_logo h1{font-size:26px}
    .auth-page .auth-points{display:none}
    .auth-page .login_box{
        width:100%;
        max-width:480px;
        margin:0 auto;
    }
    .auth-page .footer{
        margin-top:0!important;
        min-height:0!important;
    }
    .auth-page .footer .footer-inner.contain_box,
    .auth-page .footer .footer-inner{
        width:100%!important;
        max-width:100%!important;
        min-height:0!important;
        padding:16px 12px 0!important;
        margin:0 auto!important;
        background:transparent!important;
    }
    .auth-page .menu-right{display:none!important}
}
@media (max-width:576px){
    .auth-page{
        overflow-x:hidden;
    }
    .auth-page .login_bg{
        margin-top:56px;
        margin-bottom:0!important;
        min-height:0!important;
        height:auto!important;
        overflow:visible;
        background:
            radial-gradient(ellipse 80% 40% at 50% -10%,rgba(22,119,255,.2),transparent 60%),
            linear-gradient(180deg,#f5f9ff 0%,#eef5ff 45%,#f8fbff 100%);
    }
    .auth-page .login_bg:before,
    .auth-page .login_bg:after{display:none}
    .auth-page .login_bg .box.container,
    .auth-page .login_bg .box{
        width:100%;
        max-width:100%;
        min-height:0!important;
        height:auto!important;
        padding:12px 12px 16px;
        gap:12px;
        align-items:stretch;
        justify-content:flex-start;
    }

    /* 左侧品牌：手机端隐藏 */
    .auth-page .login_logo{display:none!important}

    /* 登录卡片 */
    .auth-page .login_box{
        width:100%;
        max-width:100%;
        margin:20px 0!important;
        padding:18px 14px 16px;
        border-radius:20px;
        box-shadow:0 12px 28px rgba(15,40,90,.1);
    }
    .auth-page .login_box:after{
        width:110px;height:110px;right:-36px;top:-36px;
    }
    .auth-page .login_box .auth-card-head{
        margin:0 0 12px;
        padding-right:48px;
    }
    .auth-page .login_box .auth-card-head--row{
        padding-right:0;
        align-items:center;
    }
    .auth-page .login_box .auth-card-kicker{
        margin:0 0 4px;
        font-size:11px;
        letter-spacing:.06em;
    }
    .auth-page .login_box .auth-card-head h2,
    .auth-page .login_box h1{
        margin:0 0 4px;
        font-size:20px;
    }
    .auth-page .login_box .auth-card-sub{
        font-size:12px;
        line-height:1.45;
    }
    .auth-page .login_box .auth-card-action{
        padding:7px 10px;
        font-size:12px;
    }

    /* 覆盖 mobile.css 的 rem 按钮，保证可点 */
    .auth-page .btn,
    .auth-page a.btn,
    .auth-page button.btn,
    .auth-page .login_box .btn,
    .auth-page .login_box .btn-primary,
    .auth-page .login_code .btn,
    .auth-page .wx-login-btn{
        padding:0 14px!important;
        font-size:14px!important;
        line-height:1.2!important;
        height:auto;
    }

    .auth-page .login_top{
        margin:0 0 8px;
        padding:3px;
        border-radius:12px;
    }
    .auth-page .login_top ul{gap:3px}
    .auth-page .login_top ul li{font-size:13px;margin:0}
    .auth-page .login_top ul li a{
        padding:10px 6px;
        border-radius:10px;
        font-size:13px;
    }

    .auth-page .login_box .form-group + .form-group,
    .auth-page .login_box .form-group.mt_30,
    .auth-page .login_box .login_top + .form-group,
    .auth-page .login_box .login_top + .form-group.mt_30{
        margin-top:12px!important;
    }
    .auth-page .login_box .icon-person,
    .auth-page .login_box .icon-lock,
    .auth-page .login_box .icon-phone,
    .auth-page .login_box .icon-code{
        width:46px;height:48px;
    }
    .auth-page .login_box .icon-person svg,
    .auth-page .login_box .icon-lock svg,
    .auth-page .login_box .icon-phone svg,
    .auth-page .login_box .icon-code svg{
        width:28px;height:28px;padding:5px;
        border-radius:9px;
    }
    .auth-page .login_box .form-control,
    .auth-page .login_box input.form-control{
        height:48px!important;
        padding:0 14px 0 46px!important;
        border-radius:12px!important;
        font-size:16px!important; /* 避免 iOS 自动放大 */
        line-height:48px!important;
    }
    .auth-page .login_code{
        flex-wrap:nowrap;
        gap:8px;
        align-items:stretch;
    }
    .auth-page .login_code input{
        padding-left:46px!important;
    }
    .auth-page .login_code button,
    .auth-page .login_code .btn{
        flex:0 0 108px;
        width:108px!important;
        min-width:108px!important;
        max-width:108px!important;
        height:48px!important;
        padding:0 8px!important;
        border-radius:12px!important;
        font-size:12px!important;
        font-weight:700!important;
        white-space:nowrap;
    }

    .auth-page .login_box .auth-agree,
    .auth-page .login_box .form-group:has(.footer_login){
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:10px;
        margin-top:12px!important;
        padding:12px;
        border-radius:12px;
    }
    .auth-page .login_box .footer_login,
    .auth-page .login_box .footer_login--keep{
        width:100%;
        white-space:normal;
        font-size:12px;
        line-height:1.45;
    }
    .auth-page .login_box .footer_login input[type=checkbox],
    .auth-page .login_box .auth-agree input[type=checkbox],
    .auth-page .login_box input[type=checkbox]{
        width:18px;height:18px;flex-basis:18px;
    }

    .auth-page .login_box .login_btn{margin-top:14px!important}
    .auth-page .login_box .login_btn button,
    .auth-page .login_box .login_btn .btn-primary{
        width:100%;
        height:48px!important;
        margin:0;
        padding:0 14px!important;
        line-height:48px!important;
        border-radius:12px!important;
        font-size:16px!important;
        font-weight:700!important;
        box-shadow:0 10px 22px rgba(22,119,255,.28);
    }

    .auth-page .login_box > .login_type{
        width:44px;height:44px;
        border-radius:0 20px 0 14px;
    }
    .auth-page .login_box > .login_type .login_type-ico{
        width:18px;height:18px;
    }

    .auth-page .auth-links{
        margin-top:4px;
        padding-top:12px;
        gap:10px;
    }
    .auth-page .auth-links a,
    .auth-page .login_box .login_fast,
    .auth-page a.text-gray{
        font-size:13px!important;
        min-height:36px;
        display:inline-flex;
        align-items:center;
    }

    /* 微信登录面板 */
    .auth-page .wx-panel{
        padding:18px 12px 16px;
        border-radius:16px;
    }
    .auth-page .wx-panel-icon{width:64px;height:64px;margin-bottom:12px}
    .auth-page .wx-panel-icon img{width:38px;height:38px}
    .auth-page .wx-panel-title{font-size:17px}
    .auth-page .wx-panel-desc{margin-bottom:14px;font-size:12px}
    .auth-page .wx-login-btn{
        width:100%;
        min-width:0;
        height:48px!important;
        border-radius:12px!important;
        font-size:15px!important;
    }
    .auth-page .wx-qr-frame{
        width:min(190px,72vw);
        height:min(190px,72vw);
        margin-bottom:12px;
        padding:10px;
    }
    .auth-page .wx-qr-tip{font-size:14px}
    .auth-page .wx-qr-state{min-height:180px}

    /* Toast */
    .auth-page .auth-toast{
        top:68px;
        width:calc(100vw - 24px);
        padding:11px 12px;
        border-radius:12px;
        font-size:13px;
    }

}