@charset "utf-8";

:root {
    --wave-shadow-color: #1890ff;
    --primary-color: #1890ff;
    --primary-color-hover: #40a9ff;
    --primary-color-active: #096dd9;
    --primary-color-outline: rgba(24, 144, 255, .2);
    --primary-1: #e6f7ff;
    --primary-2: #bae7ff;
    --primary-3: #91d5ff;
    --primary-4: #69c0ff;
    --primary-5: #40a9ff;
    --primary-6: #1890ff;
    --primary-7: #096dd9;
    --primary-color-deprecated-l-35: #cbe6ff;
    --primary-color-deprecated-l-20: #7ec1ff;
    --primary-color-deprecated-t-20: #46a6ff;
    --primary-color-deprecated-t-50: #8cc8ff;
    --primary-color-deprecated-f-12: rgba(24, 144, 255, .12);
    --primary-color-active-deprecated-f-30: rgba(230, 247, 255, .3);
    --primary-color-active-deprecated-d-02: #dcf4ff;
    --success-color: #52c41a;
    --success-color-hover: #73d13d;
    --success-color-active: #389e0d;
    --success-color-outline: rgba(82, 196, 26, .2);
    --success-color-deprecated-bg: #f6ffed;
    --success-color-deprecated-border: #b7eb8f;
    --error-color: #ff4d4f;
    --error-color-hover: #ff7875;
    --error-color-active: #d9363e;
    --error-color-outline: rgba(255, 77, 79, .2);
    --error-color-deprecated-bg: #fff2f0;
    --error-color-deprecated-border: #ffccc7;
    --warning-color: #faad14;
    --warning-color-hover: #ffc53d;
    --warning-color-active: #d48806;
    --warning-color-outline: rgba(250, 173, 20, .2);
    --warning-color-deprecated-bg: #fffbe6;
    --warning-color-deprecated-border: #ffe58f;
    --info-color: #1890ff;
    --info-color-deprecated-bg: #e6f7ff;
    --info-color-deprecated-border: #91d5ff;
    --scroll-bar: 0;
}

::selection {
    background: #1890ff;
    background: var(--primary-color);
    color: #fff;
}

* {
    margin: 0;
    padding: 0;
}

:focus {
    outline: 0;
}

:after,
:before,
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

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

body {
    background-color: #fff;
    line-height: 1.5715;
    font-variant: tabular-nums;
    font-feature-settings: "tnum", "tnum";
    font-size: 12px;
    color: #333;
}

body,
button,
input,
select,
textarea {
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    color: rgba(0, 0, 0, .85);
}

abbr {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help;
}

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

input[type=number],
input[type=password],
input[type=text],
textarea {
    -webkit-appearance: none;
}

dl,
ol,
ul {
    list-style: none;
}

dt {
    font-weight: 500;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover,
a:active {
    text-decoration: none;
    color: #333;
}

a:focus {
    outline: 0;
}

a[disabled] {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed;
}

code,
kbd,
pre,
samp {
    font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier, monospace;
    font-size: 1em;
}

img {
    max-width: 100%;
    border-style: none;
    vertical-align: middle;
}

img[data-original] {
    cursor: pointer;
}

a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea {
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    text-align: left;
    color: rgba(0, 0, 0, .45);
    caption-side: bottom;
}

button,
input,
optgroup,
select,
textarea {
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
}

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=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox;
}

input[type=radio][disabled],
button[disabled] {
    opacity: .35;
}

textarea {
    overflow: auto;
    resize: vertical;
}

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

legend {
    display: block;
    margin-bottom: .5em;
    max-width: 100%;
    width: 100%;
    line-height: inherit;
    font-size: 1.5em;
    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;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

mark {
    padding: 0 4px;
    background-color: #feffe6;
}

.clr {
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    overflow: hidden;
}

.flex,
.flex-ac,
.flex-jc,
.flex-ajc {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-ac,
.flex-ajc {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    align-items: center;
}

.flex-jc,
.flex-ajc {
    -webkit-justify-content: center;
    -webkit-moz-box-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    box-pack: center;
}

.jc-around {
    -webkit-box-pack: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: center;
    justify-content: space-around;
}

.jc-between,
.jc-even {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.jc-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

.jc-even:before {
    content: '';
    display: block;
}

.jc-even:after {
    content: '';
    display: block;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
}

.flex-item,
.flex-item-y {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-item {
    width: 0;
}

.flex-item-y {
    height: 0;
}

.lay-ws-50 {
    width: 50px;
}

.lay-ws-60 {
    width: 50px;
}

.lay-ws-80 {
    width: 80px;
}

.lay-ws-100 {
    width: 100px;
}

.lay-ws-200 {
    width: 200px;
}

.lay-ws-240 {
    width: 240px;
}

.lay-ws-320 {
    width: 320px;
}

/*
 +------------------------------------------------------------------------------------------------
 + 屏幕适配
 +------------------------------------------------------------------------------------------------
*/

@media screen and (min-width: 768px) {

    body,
    button,
    input,
    select,
    textarea {
        font-family: Verdana, Arial, Tahoma;
    }

    a {
        color: #585858;
        -webkit-text-decoration-skip: objects;
        -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: color .3s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);
        -o-transition: color .3s cubic-bezier(.645, .045, .355, 1);
        transition: color .3s cubic-bezier(.645, .045, .355, 1);
    }

    a:hover,
    a:active {
        text-decoration: underline;
        color: #ba2636;
    }

}