/*
Theme Name: uNav
Version: 1.0.24
*/

/*@import url('https://s1.hdslb.com/bfs/static/jinkela/long/font/medium.css');*/
/*@import url('https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css');*/
body {
    font-family: HarmonyOS Sans SC, HarmonyOS_Regular, HarmonyOS_Medium, -apple-system, 'SF Pro Text', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;;
}

/************************************************! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15;-webkit-text-size-adjust: 100%}
body {margin: 0}
main {display: block}
h1 {font-size: 2em;margin: 0.67em 0}
hr {box-sizing: content-box;height: 0;overflow: visible}
pre {font-family: monospace, monospace;font-size: 1em}
a {background-color: transparent}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted}
b, strong {font-weight: bolder}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em}
small {font-size: 80%}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sub {bottom: -0.25em}
sup {top: -0.5em}
img {border-style: none}
button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0}
button, input {overflow: visible}
button, select {text-transform: none}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText}
fieldset {padding: 0.35em 0.75em 0.625em}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal}
progress {vertical-align: baseline}
textarea {overflow: auto}
[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit}
details {display: block}
summary {display: list-item}
template {display: none}
[hidden] {display: none}

/*补充*/

div,button,span,ul,li,ol,input,textarea{
    box-sizing: border-box;
}

button {
    cursor: pointer;
}
a,
a:hover,
a:focus,
a:visited {
    color: unset;
    text-decoration: none;
}
input,
fieldset,
textarea {
    outline: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    list-style-type: none;
}
/*li {
    list-style-type: none;
}*/
/************************************************ CSS Pro Layout https://azouaoui-med.github.io/css-pro-layout/docs/getting-started/examples/

/************************************************/

:root {
    --space: 12px; /*边距*/
}


[v-cloak] {
/ / display: none !important;
    opacity: 0;
}

.relative {
    position: relative;
}

.hidden {
    overflow: hidden;
}

.none {
    display: none;
}

.flex {
    display: flex;
    flex-direction: row;
}

.flex-center {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex1 {
    flex: 1;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.white {
    color: #ffffff;
}

.w100 {
    width: 100%;
}
.h100 {
    height: 100%;
}

.bg-white {
    background: #fff;
}

.button {
    border: 0;
    border-radius: 4px;
    background: #f4f4f4;
    color: #444;
    padding: 8px 16px;
    transition: opacity .2s;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
}

.m-t {
    margin-top: var(--space);
}

.m-r {
    margin-right: var(--space);
}

.m-b {
    margin-bottom: var(--space);
}

.m-l {
    margin-left: var(--space);
}

.line-1 {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.line-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.line-3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.line-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

/********************************************************************************************* yw */




/**/
.el-image {
    width: 90px;
    height: 90px;
}

.el-input input, .el-textarea textarea {
    height: 40px;
    border: 1px solid var(--el-input-border-color);
    background-color: #fafafa;
    /*box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px 0 inset;*/
    box-shadow: unset;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
}

.el-input input:focus, .el-textarea textarea:focus {
    outline: 0;
    border-color: var(--el-input-border-color);
    box-shadow: unset;
}

.el-input__inner:hover, .el-textarea__inner:hover {
    box-shadow: unset !important;
}


.el-message {
    z-index: 99999999999 !important;
}

.el-popper {
    z-index: 999999 !important;
}