/*
 * uigg 2.2 (build 20220510)
 * Project: https://ui.gg
 * Author: http://www.mixice.com
 * Github: https://github.com/mixice/uigg
 * license: MIT
 */


/* import */

@import url('https://cdn.jsdelivr.net/npm/uigg/font/font.min.css');

/* basic */

html,
body,
div,
span,
object,
iframe,
frame,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
tt,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
big,
small,
strong,
sub,
sup,
var,
b,
i,
a,
s,
u,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
button,
input,
select,
textarea,
optgroup,
time,
mark,
audio,
video,
marquee,
x,
o,
z,
d,
h,
m,
menu,
menu-cont,
menu-group,
menu-list,
name,
name-logo,
name-search,
tab,
tab-list,
tab-cont,
tab-group,
drop,
drop-cont,
drop-list,
chat,
chat-title,
chat-sider,
chat-cont,
chat-list,
chat-message,
chat-tool,
chat-control,
chat-tip,
uigg-title,
uigg-txt,
uigg-emot,
pop,
pop-main,
pop-title,
pop-cont,
pop-solve,
pop-choice,
pop-sider,
hop,
hop-cont,
countdown,
tip,
page,
music,
space,
corner,
msie,
rate,
scaler,
notify,
empty,
fold {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent center no-repeat;
    background-size: contain;
    box-sizing: border-box;
    font-family: uigg;
    border-color: var(--eee);
    border-style: solid;
    -webkit-tap-highlight-color: transparent;
    transition-duration: .3s;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
menu,
menu-cont,
menu-group,
menu-list,
name,
name-logo,
name-search,
tab,
tab-list,
tab-cont,
tab-group,
drop,
drop-cont,
drop-list,
chat,
chat-title,
chat-sider,
chat-cont,
chat-list,
chat-message,
chat-tool,
chat-control,
chat-tip,
uigg-emot,
pop,
pop-main,
pop-title,
pop-cont,
pop-solve,
pop-choice,
pop-sider,
hop,
hop-cont,
countdown,
tip,
page,
music,
space,
corner,
msie,
rate,
scaler,
notify,
empty,
fold {
    display: block;
}

html,
body {
    height: 100%;
    transition-duration: 0s;
    background-size: cover;
}

html,
body,
input,
select,
textarea,
button {
    font-size: 14px;
}

html {
    -webkit-font-smoothing: antialiased;
}

body,
a {
    color: var(--333);
}

a,
a:hover,
b,
i,
em,
cite {
    text-decoration: none;
    font-style: normal;
}

a,
x,
o,
button,
.btn,
.smooth,
.return,
.mono-click,
drop {
    cursor: pointer;
}

p {
    margin: 0;
    line-height: 180%;
    text-align: justify;
}

ul,
li {
    list-style: none;
}


/* ul {
    overflow: hidden;
} */

z {
    display: inline-block;
    transition-duration: 0s;
}

::selection {
    background-color: var(--333);
    color: var(--ccc);
    text-shadow: none;
}

::-webkit-scrollbar {
    background-color: transparent;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--000-1);
}

@media(max-width:640px) {
    html,
    body,
    input,
    select,
    textarea,
    button {
        font-size: .2rem;
    }
     ::-webkit-scrollbar {
        width: .03rem;
    }
    body::-webkit-scrollbar {
        width: 0;
    }
}


/* anime */

.anime {
    transition-duration: 0s;
}

.anime-pulse,
.anime-rotate,
.anime-fade-in,
.anime-fade-in-down,
.anime-fade-in-left,
.anime-fade-in-right,
.anime-fade-in-up,
.anime-fade-out,
.anime-fade-out-down,
.anime-fade-out-left,
.anime-fade-out-right,
.anime-fade-out-up,
.anime-bounce-in,
.anime-bounce-in-down,
.anime-bounce-in-left,
.anime-bounce-in-right,
.anime-bounce-in-up,
.anime-bounce-out,
.anime-bounce-out-down,
.anime-bounce-out-left,
.anime-bounce-out-right,
.anime-bounce-out-up,
.anime-flip-in-x,
.anime-flip-in-y,
.anime-flip-out-x,
.anime-flip-out-y,
.anime-zoom-in,
.anime-zoom-out,
.anime-shrink-in,
.anime-shrink-out,
.anime-shrink-in-enlarge,
.anime-shrink-out-enlarge {
    animation-duration: .6s;
    animation-fill-mode: both;
}

.anime-bounce-in,
.anime-bounce-in-down,
.anime-bounce-in-left,
.anime-bounce-in-right,
.anime-bounce-in-up {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-duration: 1s;
}

.anime-shrink-in,
.anime-shrink-out {
    animation-duration: 2s;
}

.anime-flip-in-x,
.anime-flip-in-y,
.anime-flip-out-x,
.anime-flip-out-y {
    backface-visibility: visible;
}

.anime-pulse {
    animation-name: anime-pulse;
}

.anime-rotate {
    animation-name: anime-rotate;
    animation-timing-function: linear;
}

.anime-fade-in {
    animation-name: anime-fade-in;
}

.anime-fade-in-down {
    animation-name: anime-fade-in-down;
}

.anime-fade-in-left {
    animation-name: anime-fade-in-left;
}

.anime-fade-in-right {
    animation-name: anime-fade-in-right;
}

.anime-fade-in-up {
    animation-name: anime-fade-in-up;
}

.anime-fade-out {
    animation-name: anime-fade-out;
}

.anime-fade-out-down {
    animation-name: anime-fade-out-down;
}

.anime-fade-out-left {
    animation-name: anime-fade-out-left;
}

.anime-fade-out-right {
    animation-name: anime-fade-out-right;
}

.anime-fade-out-up {
    animation-name: anime-fade-out-up;
}

.anime-bounce-in {
    animation-name: anime-bounce-in;
}

.anime-bounce-in-down {
    animation-name: anime-bounce-in-down;
}

.anime-bounce-in-left {
    animation-name: anime-bounce-in-left;
}

.anime-bounce-in-right {
    animation-name: anime-bounce-in-right;
}

.anime-bounce-in-up {
    animation-name: anime-bounce-in-up;
}

.anime-bounce-out {
    animation-name: anime-bounce-out;
}

.anime-bounce-out-down {
    animation-name: anime-bounce-out-down;
}

.anime-bounce-out-left {
    animation-name: anime-bounce-out-left;
}

.anime-bounce-out-right {
    animation-name: anime-bounce-out-right;
}

.anime-bounce-out-up {
    animation-name: anime-bounce-out-up;
}

.anime-flip-in-x {
    animation-name: anime-flip-in-x;
}

.anime-flip-in-y {
    animation-name: anime-flip-in-y;
}

.anime-flip-out-x {
    animation-name: anime-flip-out-x;
}

.anime-flip-out-y {
    animation-name: anime-flip-out-y;
}

.anime-zoom-in {
    animation-name: anime-zoom-in;
}

.anime-zoom-out {
    animation-name: anime-zoom-out;
}

.anime-shrink-in {
    animation-name: anime-shrink-in;
}

.anime-shrink-out {
    animation-name: anime-shrink-out;
}

.anime-shrink-in-enlarge {
    animation-name: anime-shrink-in-enlarge;
}

.anime-shrink-out-enlarge {
    animation-name: anime-shrink-out-enlarge;
}

.infinite {
    animation-iteration-count: infinite;
}

.alternate {
    animation-direction: alternate;
}

@keyframes anime-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes anime-rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes anime-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anime-fade-in-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes anime-fade-in-left {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes anime-fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes anime-fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes anime-fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes anime-fade-out-down {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

@keyframes anime-fade-out-left {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

@keyframes anime-fade-out-right {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

@keyframes anime-fade-out-up {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(-100%);
    }
}

@keyframes anime-bounce-in {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    20% {
        transform: scale(1.1);
    }
    40% {
        transform: scale(.9);
    }
    60% {
        opacity: 1;
        transform: scale(1.03);
    }
    80% {
        transform: scale(.97);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes anime-bounce-in-down {
    0% {
        opacity: 0;
        transform: translateY(-1000px);
    }
    60% {
        opacity: 1;
        transform: translateY(25px);
    }
    75% {
        transform: translateY(-10px);
    }
    90% {
        transform: translateY(5px);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes anime-bounce-in-left {
    0% {
        opacity: 0;
        transform: translateX(-1000px);
    }
    60% {
        opacity: 1;
        transform: translateX(25px);
    }
    75% {
        transform: translateX(-10px);
    }
    90% {
        transform: translateX(5px);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes anime-bounce-in-right {
    0% {
        opacity: 0;
        transform: translateX(3000px);
    }
    60% {
        opacity: 1;
        transform: translateX(-25px);
    }
    75% {
        transform: translateX(10px);
    }
    90% {
        transform: translateX(-5px);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes anime-bounce-in-up {
    0% {
        opacity: 0;
        transform: translateY(3000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-20px);
    }
    75% {
        transform: translateY(10px);
    }
    90% {
        transform: translateY(-5px);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes anime-bounce-out {
    20% {
        transform: scale(.9);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

@keyframes anime-bounce-out-down {
    20% {
        transform: translateY(10px);
    }
    50% {
        opacity: 1;
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        transform: translateY(1000px);
    }
}

@keyframes anime-bounce-out-left {
    20% {
        opacity: 1;
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        transform: translateX(-1000px);
    }
}

@keyframes anime-bounce-out-right {
    20% {
        opacity: 1;
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        transform: translateX(1000px);
    }
}

@keyframes anime-bounce-out-up {
    20% {
        transform: translateY(-10px);
    }
    50% {
        opacity: 1;
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        transform: translateY(-1000px);
    }
}

@keyframes anime-flip-in-x {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
    100% {
        transform: perspective(400px);
        opacity: 1;
    }
}

@keyframes anime-flip-in-y {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
    100% {
        transform: perspective(400px);
        opacity: 1;
    }
}

@keyframes anime-flip-out-x {
    0% {
        transform: perspective(400px);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes anime-flip-out-y {
    0% {
        transform: perspective(400px);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes anime-zoom-in {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    100% {
        opacity: 1;
    }
}

@keyframes anime-zoom-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}

@keyframes anime-shrink-in {
    0% {
        opacity: 0;
        filter: blur(20px);
    }
    100% {
        opacity: 1;
        filter: blur(0);
    }
}

@keyframes anime-shrink-out {
    0% {
        opacity: 1;
        filter: blur(0);
    }
    100% {
        opacity: 0;
        filter: blur(20px);
    }
}

@keyframes anime-shrink-in-enlarge {
    0% {
        opacity: 0;
        transform: scale(5);
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
}

@keyframes anime-shrink-out-enlarge {
    0% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
    100% {
        opacity: 0;
        transform: scale(5);
        filter: blur(10px);
    }
}


/* frame */

.main,
.mobile {
    width: 100%;
    margin: auto;
    position: relative;
}

.main {
    max-width: 1300px;
    padding: 0 10px;
}

.mobile {
    max-width: 640px;
    min-height: 100%;
}

.mobile img {
    width: 100%;
}

.block {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.clear {
    clear: both;
}

.flex {
    display: flex !important;
}

.flex-auto {
    flex: 1;
    min-width: 0;
}

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

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.single {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.full {
    width: 100% !important;
    height: 100% !important;
    align-content: center;
    align-items: center;
    /* background: url(../images/pattern.png) !important; */
}

.full-device {
    width: 100vw !important;
    height: 100vh !important;
}

.fullscreen:after {
    content: '\e9f7';
}

.fullscreen.active:after {
    content: '\e9f8';
}

.center {
    display: flex !important;
    justify-content: center;
    /* align-items: center; */
}

.center1 {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.absolute,
.absolute-left,
.absolute-right,
.absolute-top,
.absolute-bottom,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left,
.absolute-bottom-right {
    position: absolute;
    margin: auto;
}

.fixed,
.fixed-left,
.fixed-right,
.fixed-top,
.fixed-bottom,
.fixed-top-left,
.fixed-top-right,
.fixed-bottom-left,
.fixed-bottom-right {
    position: fixed;
    margin: auto;
}

.absolute-left,
.absolute-top-left,
.absolute-bottom-left,
.fixed-left,
.fixed-top-left,
.fixed-bottom-left {
    left: 0;
}

.absolute-right,
.absolute-top-right,
.absolute-bottom-right,
.fixed-right,
.fixed-top-right,
.fixed-bottom-right {
    right: 0;
}

.absolute-top,
.absolute-top-left,
.absolute-top-right,
.fixed-top,
.fixed-top-left,
.fixed-top-right {
    top: 0;
}

.absolute-bottom,
.absolute-bottom-left,
.absolute-bottom-right,
.fixed-bottom,
.fixed-bottom-left,
.fixed-bottom-right {
    bottom: 0;
}

@media(max-width:640px) {
    .main {
        padding: 0 .1rem;
    }
}


/* special */

corner {
    width: 0;
    height: 0;
    border-width: 0;
    border-color: transparent;
    position: absolute;
    margin: auto;
    display: block;
}

.shadow {
    position: relative;
}

.shadow::after {
    width: calc(100% - 20px);
    height: 10px;
    border-radius: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .7;
    background-color: var(--color);
    box-shadow: 0 5px 10px var(--color);
    content: '';
}

@media(max-width:640px) {
    .shadow::after {
        width: calc(100% - .2rem);
        height: .1rem;
    }
}
.sider-list li.active a h5, .sider-list li:hover a h5 {
    color: #000;
}


/* color */
.blue {
    --color: #E4B647!important;
    --color-lg: linear-gradient(67deg, #e4b647 0%, #ffff00 52%, #e4b647 90%);
}
:root {
    /* --light-lg: linear-gradient(to right,#2575fc,#6a11cb)!important; */
    --light-lg: #fff!important;

    --color: var(--sapphire);
    --white: #fff;
    --fff: #fff;
    --f7: #f7f7f7;
    --eee: #eee;
    --ddd: #ddd;
    --ccc: #ccc;
    --bbb: #bbb;
    --999: #999;
    --666: #666;
    --333: #333;
    --222: #222;
    --111: #111;
    --000: #000;
    --black: #000;
    --brown: #8d1313;
    --red: #ff3b52;
    --pink: #ff3ea6;
    --purple: #d844d8;
    --sapphire: #6c62f9;
    --blue: #2e6efd;
    --cyan: #0df0f0;
    --green: #47DCA1;
    --gray: #4f4f4f;
    --lime: #af0;
    --yellow: #fe0;
    --orange: #fb0;
    --tomato: #f60;
    --sapphireblue: #27374c;
    --sapphirebrown: #1a1532;
    --sapphirecyan: #023043;
    --sapphirered: #240006;
    --sapphirepurple: #2f0058;
    --sapphirergreen: #00451c;
    --sapphireorange: #ff6d0a;
    --sapphirepuple: #a34fe4;
    --fff-1: rgba(255, 255, 255, .1);
    --fff-2: rgba(255, 255, 255, .2);
    --fff-3: rgba(255, 255, 255, .3);
    --fff-4: rgba(255, 255, 255, .4);
    --fff-5: rgba(255, 255, 255, .5);
    --fff-6: rgba(255, 255, 255, .6);
    --fff-7: rgba(255, 255, 255, .7);
    --fff-8: rgba(255, 255, 255, .8);
    --fff-9: rgba(255, 255, 255, .9);
    --000-1: rgba(0, 0, 0, .1);
    --000-2: rgba(0, 0, 0, .2);
    --000-3: rgba(0, 0, 0, .3);
    --000-4: rgba(0, 0, 0, .4);
    --000-5: rgba(0, 0, 0, .5);
    --000-6: rgba(0, 0, 0, .6);
    --000-7: rgba(0, 0, 0, .7);
    --000-8: rgba(0, 0, 0, .8);
    --000-9: rgba(0, 0, 0, .9);
}

.co-white {
    color: var(--white) !important;
}

.co-fff {
    color: var(--fff) !important;
}

.co-f7 {
    color: var(--f7) !important;
}

.co-eee {
    color: var(--eee) !important;
}

.co-ddd {
    color: var(--ddd) !important;
}

.co-ccc {
    color: var(--ccc) !important;
}

.co-bbb {
    color: var(--bbb) !important;
}

.co-999 {
    color: var(--999) !important;
}

.co-666 {
    color: var(--666) !important;
}

.co-333 {
    color: var(--333) !important;
}

.co-222 {
    color: var(--222) !important;
}

.co-111 {
    color: var(--111) !important;
}

.co-000 {
    color: var(--000) !important;
}

.co-black {
    color: var(--black) !important;
}

.co-brown {
    color: var(--brown) !important;
}

.co-red {
    color: var(--red) !important;
}

.co-pink {
    color: var(--pink) !important;
}

.co-purple {
    color: var(--purple) !important;
}

.co-sapphire {
    color: var(--sapphire) !important;
}

.co-blue {
    color: var(--blue) !important;
}

.co-cyan {
    color: var(--cyan) !important;
}

.co-green {
    color: var(--green) !important;
}

.co-lime {
    color: var(--lime) !important;
}

.co-yellow {
    color: var(--yellow) !important;
}

.co-orange {
    color: var(--orange) !important;
}

.co-tomato {
    color: var(--tomato) !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-fff {
    background-color: var(--fff) !important;
}

.bg-f7 {
    background-color: var(--f7) !important;
}

.bg-eee {
    background-color: var(--eee) !important;
}

.bg-ddd {
    background-color: var(--ddd) !important;
}

.bg-ccc {
    background-color: var(--ccc) !important;
}

.bg-bbb {
    background-color: var(--bbb) !important;
}

.bg-999 {
    background-color: var(--999) !important;
}

.bg-666 {
    background-color: var(--666) !important;
}

.bg-333 {
    background-color: var(--333) !important;
}

.bg-222 {
    background-color: var(--222) !important;
}

.bg-111 {
    background-color: var(--111) !important;
}

.bg-000 {
    background-color: var(--000) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.bg-brown {
    background-color: var(--brown) !important;
}

.bg-red {
    background-color: var(--red) !important;
}
.bg-black {
    background-color: var(--black) !important;
}

.bg-pink {
    background-color: var(--pink) !important;
}

.bg-purple {
    background-color: var(--purple) !important;
}

.bg-sapphire {
    background-color: var(--sapphire) !important;
}
.bg-sapphireblue {
    background-color: var(--sapphireblue) !important;
}
.bg-sapphirebrown {
    background-color: var(--sapphirebrown) !important;
}
.bg-sapphirecyan {
    background-color: var(--sapphirecyan) !important;
}
.bg-sapphirered {
    background-color: var(--sapphirered) !important;
}
.bg-sapphirergreen {
    background-color: var(--sapphirergreen) !important;
}
.bg-sapphirepurple {
    background-color: var(--sapphirepurple) !important;
}
.bg-sapphireorange {
    background-color: var(--sapphireorange) !important;
}
.bg-sapphirepuple {
    background-color: var(--sapphirepuple) !important;
}
.bg-gray {
    background-color: var(--gray) !important;
}
.bg-cyan {
    background-color: var(--cyan) !important;
}
.bg-blue {
    background-color: var(--blue) !important;
}

.bg-cyan {
    background-color: var(--cyan) !important;
}

.bg-green {
    background-color: var(--green) !important;
}

.bg-lime {
    background-color: var(--lime) !important;
}

.bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
}

.bg-tomato {
    background-color: var(--tomato) !important;
}

.bg-color {
    background-image: conic-gradient(at 50% 50%, var(--red) 0%, var(--orange) 25%, var(--green) 50%, var(--blue) 75%, var(--purple) 100%);
}

.mono,
.mono-click {
    filter: grayscale(100%);
}

.mono-click {}

.mono-click:hover {
    filter: grayscale(0%);
}

.mix-abrazine {
    backdrop-filter: blur(10px);
}

.mix-hue {
    mix-blend-mode: hue;
}

.mix-multiply {
    mix-blend-mode: multiply;
}

.mix-screen {
    mix-blend-mode: screen;
}

.mix-luminosity {
    mix-blend-mode: luminosity;
}

.mix-difference {
    mix-blend-mode: difference;
}

@media(max-width:640px) {
    .mix-abrazine {
        backdrop-filter: blur(.1rem);
    }
}


/* media */

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

video {
    object-fit: fill;
}

canvas {
    user-select: none;
}

a[title="到百度地图查看此区域"],
.BMap_cpyCtrl,
.anchorBL {
    display: none;
}

@media(max-width:640px) {
    img {
        width: 100%;
    }
}


/* touch */

.touch {}

.touch-up {}

.touch-down {}

.touch-left {}

.touch-right {}

.touch-all {}


/* ico */

@font-face {
    font-family: ico;
    src: url('ico.woff2') format('woff2');
}

.ico {
    font-family: ico !important;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    margin: auto;
    vertical-align: middle;
    line-height: 1;
    text-transform: none;
    display: inline-block;
    direction: ltr;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
}

.ico-load {
    animation: anime-rotate 5s infinite linear;
}

.ico-3g:before {
    content: "\eb88";
}

.ico-4g:before {
    content: "\ec33";
}

.ico-5g:before {
    content: "\ec34";
}

.ico-6g:before {
    content: "\ec35";
}

.ico-2g:before {
    content: "\ec36";
}

.ico-6k:before {
    content: "\ec37";
}

.ico-2k:before {
    content: "\ec38";
}

.ico-8k:before {
    content: "\ec39";
}

.ico-forbidden:before {
    content: "\ec3a";
}

.ico-8g:before {
    content: "\ec3b";
}

.ico-origami:before {
    content: "\ec3c";
}

.ico-7g:before {
    content: "\ec3d";
}

.ico-frog:before {
    content: "\ec3e";
}

.ico-4k:before {
    content: "\ec3f";
}

.ico-square-0:before {
    content: "\ec40";
}

.ico-hardstand:before {
    content: "\ec41";
}

.ico-square-2:before {
    content: "\ec42";
}

.ico-square-3:before {
    content: "\ec43";
}

.ico-sofa:before {
    content: "\ec44";
}

.ico-pectinid:before {
    content: "\ec45";
}

.ico-square-8:before {
    content: "\ec46";
}

.ico-square-7:before {
    content: "\ec47";
}

.ico-safety-danger:before {
    content: "\ec48";
}

.ico-square-1:before {
    content: "\ec49";
}

.ico-square-5:before {
    content: "\ec4a";
}

.ico-radiating:before {
    content: "\ec4b";
}

.ico-square-6:before {
    content: "\ec4c";
}

.ico-square-9:before {
    content: "\ec4d";
}

.ico-square-4:before {
    content: "\ec4e";
}

.ico-thread-flower:before {
    content: "\ec4f";
}

.ico-thread-empty:before {
    content: "\ec50";
}

.ico-thread:before {
    content: "\ec51";
}

.ico-flickr:before {
    content: "\ec26";
}

.ico-form:before {
    content: "\ec27";
}

.ico-animoto:before {
    content: "\ec28";
}

.ico-linkedin:before {
    content: "\ec29";
}

.ico-more:before {
    content: "\ec2a";
}

.ico-discord:before {
    content: "\ec2b";
}

.ico-minesweeper:before {
    content: "\ec2c";
}

.ico-tabnine:before {
    content: "\ec2d";
}

.ico-squid:before {
    content: "\ec2e";
}

.ico-sendcloud:before {
    content: "\ec2f";
}

.ico-youtube:before {
    content: "\ec30";
}

.ico-spotify:before {
    content: "\ec31";
}

.ico-waffle:before {
    content: "\ec32";
}

.ico-blinds:before {
    content: "\e783";
}

.ico-beachball:before {
    content: "\e7f9";
}

.ico-blur-disable:before {
    content: "\ec1a";
}

.ico-guide:before {
    content: "\ec1b";
}

.ico-bandit:before {
    content: "\ec1c";
}

.ico-water-full:before {
    content: "\ec1d";
}

.ico-contactless:before {
    content: "\ec1e";
}

.ico-task:before {
    content: "\ec1f";
}

.ico-ball:before {
    content: "\ec20";
}

.ico-vscode:before {
    content: "\ec21";
}

.ico-tinder:before {
    content: "\ec22";
}

.ico-circular-dotted:before {
    content: "\ec23";
}

.ico-meta:before {
    content: "\ec24";
}

.ico-blur:before {
    content: "\ec25";
}

.ico-24hour:before {
    content: "\ebc0";
}

.ico-angular:before {
    content: "\ec0b";
}

.ico-folder-lock:before {
    content: "\ec0c";
}

.ico-cactus:before {
    content: "\ec0d";
}

.ico-codepen:before {
    content: "\ec0e";
}

.ico-cent:before {
    content: "\ec0f";
}

.ico-figma:before {
    content: "\ec10";
}

.ico-dribbble:before {
    content: "\ec11";
}

.ico-squeeze:before {
    content: "\ec12";
}

.ico-ubuntu:before {
    content: "\ec13";
}

.ico-opencollective:before {
    content: "\ec14";
}

.ico-way:before {
    content: "\ec15";
}

.ico-place-user:before {
    content: "\ec16";
}

.ico-npm:before {
    content: "\ec17";
}

.ico-zzz:before {
    content: "\ec18";
}

.ico-xd:before {
    content: "\ec19";
}

.ico-area:before {
    content: "\ebff";
}

.ico-gitlab:before {
    content: "\ec00";
}

.ico-copyright:before {
    content: "\ec01";
}

.ico-best:before {
    content: "\ec02";
}

.ico-hexagon:before {
    content: "\ec03";
}

.ico-password:before {
    content: "\ec04";
}

.ico-knitmesh:before {
    content: "\ec05";
}

.ico-react:before {
    content: "\ec06";
}

.ico-webhook:before {
    content: "\ec07";
}

.ico-paste:before {
    content: "\ec08";
}

.ico-svelte:before {
    content: "\ec09";
}

.ico-shear:before {
    content: "\ec0a";
}

.ico-app-full:before {
    content: "\ebe0";
}

.ico-beetle:before {
    content: "\ebe1";
}

.ico-burin:before {
    content: "\ebe2";
}

.ico-bilibili:before {
    content: "\ebe3";
}

.ico-astronomy:before {
    content: "\ebe4";
}

.ico-bootstrap:before {
    content: "\ebe5";
}

.ico-goblet-disable:before {
    content: "\ebe6";
}

.ico-minecraft:before {
    content: "\ebe7";
}

.ico-circular-info:before {
    content: "\ebe8";
}

.ico-coffer:before {
    content: "\ebe9";
}

.ico-eth:before {
    content: "\ebea";
}

.ico-git:before {
    content: "\ebeb";
}

.ico-node:before {
    content: "\ebec";
}

.ico-select:before {
    content: "\ebed";
}

.ico-square-warn:before {
    content: "\ebee";
}

.ico-tip-add:before {
    content: "\ebef";
}

.ico-rainbow:before {
    content: "\ebf0";
}

.ico-tip-info:before {
    content: "\ebf1";
}

.ico-witchcraft:before {
    content: "\ebf2";
}

.ico-tip-reduce:before {
    content: "\ebf3";
}

.ico-twitch:before {
    content: "\ebf4";
}

.ico-tip-square:before {
    content: "\ebf5";
}

.ico-tip-help:before {
    content: "\ebf6";
}

.ico-tip-warn:before {
    content: "\ebf7";
}

.ico-btc:before {
    content: "\ebf8";
}

.ico-moire:before {
    content: "\ebf9";
}

.ico-file-zip:before {
    content: "\ebfa";
}

.ico-square-help:before {
    content: "\ebfb";
}

.ico-tip-done:before {
    content: "\ebfc";
}

.ico-software-full:before {
    content: "\ebfd";
}

.ico-tip-delete:before {
    content: "\ebfe";
}

.ico-hand-full:before {
    content: "\ebdf";
}

.ico-home-division:before {
    content: "\ebd2";
}

.ico-home-core:before {
    content: "\ebd3";
}

.ico-keyhole:before {
    content: "\ebd4";
}

.ico-dropbox:before {
    content: "\ebd5";
}

.ico-hospital:before {
    content: "\ebd6";
}

.ico-showbill:before {
    content: "\ebd7";
}

.ico-opera:before {
    content: "\ebd8";
}

.ico-government:before {
    content: "\ebd9";
}

.ico-fox:before {
    content: "\ebda";
}

.ico-pavilion:before {
    content: "\ebdb";
}

.ico-vue:before {
    content: "\ebdc";
}

.ico-switch:before {
    content: "\ebdd";
}

.ico-home-type:before {
    content: "\ebde";
}

.ico-cake:before {
    content: "\ebd1";
}

.ico-angle-rotate-horizontal:before {
    content: "\ebc9";
}

.ico-angle-rotate-vertical:before {
    content: "\ebca";
}

.ico-panda:before {
    content: "\ebcb";
}

.ico-uav:before {
    content: "\ebcc";
}

.ico-gyrate:before {
    content: "\ebcd";
}

.ico-ticket:before {
    content: "\ebce";
}

.ico-windmill:before {
    content: "\ebcf";
}

.ico-zip:before {
    content: "\ebd0";
}

.ico-tennis:before {
    content: "\eb27";
}

.ico-radiance:before {
    content: "\ebc8";
}

.ico-soysauce:before {
    content: "\ebc3";
}

.ico-beehive:before {
    content: "\ebc2";
}

.ico-magnetic:before {
    content: "\ea38";
}

.ico-topology:before {
    content: "\ebbf";
}

.ico-steelyard:before {
    content: "\ebc4";
}

.ico-salt:before {
    content: "\ebc5";
}

.ico-visibility-close:before {
    content: "\ebc6";
}

.ico-transmission:before {
    content: "\ebc7";
}

.ico-behance:before {
    content: "\ea2e";
}

.ico-bleed:before {
    content: "\ea35";
}

.ico-counter:before {
    content: "\ebaf";
}

.ico-file-new:before {
    content: "\ebb0";
}

.ico-bamboo-shoots:before {
    content: "\ebb1";
}

.ico-icox:before {
    content: "\ebb2";
}

.ico-opt:before {
    content: "\ebb3";
}

.ico-mechanism:before {
    content: "\ebb4";
}

.ico-microsoft:before {
    content: "\ebb5";
}

.ico-ripple:before {
    content: "\ebb6";
}

.ico-route-superposition:before {
    content: "\ebb7";
}

.ico-route-interlock:before {
    content: "\ebb8";
}

.ico-copper:before {
    content: "\ebb9";
}

.ico-kabaw-full:before {
    content: "\ebba";
}

.ico-route-subtract:before {
    content: "\ebbb";
}

.ico-route-intersect:before {
    content: "\ebbc";
}

.ico-razor:before {
    content: "\ebbd";
}

.ico-route-addition:before {
    content: "\ebbe";
}

.ico-totem:before {
    content: "\ebc1";
}

.ico-earphone:before {
    content: "\ea2d";
}

.ico-digg:before {
    content: "\ea2f";
}

.ico-macdonald:before {
    content: "\ea30";
}

.ico-circular:before {
    content: "\ea31";
}

.ico-meituan:before {
    content: "\ea34";
}

.ico-modular:before {
    content: "\ea36";
}

.ico-medium:before {
    content: "\ea37";
}

.ico-isolated:before {
    content: "\eba9";
}

.ico-bun:before {
    content: "\eb8f";
}

.ico-dragon:before {
    content: "\eb90";
}

.ico-and:before {
    content: "\eb91";
}

.ico-christianity:before {
    content: "\eb92";
}

.ico-copy:before {
    content: "\eb93";
}

.ico-equal-approximately:before {
    content: "\eb94";
}

.ico-mushroom:before {
    content: "\eb95";
}

.ico-equal:before {
    content: "\eb96";
}

.ico-cobweb:before {
    content: "\eb97";
}

.ico-peace:before {
    content: "\eb98";
}

.ico-percent:before {
    content: "\eb99";
}

.ico-shoppingcart-full:before {
    content: "\eb9a";
}

.ico-fahrenheit:before {
    content: "\eb9b";
}

.ico-dumpling:before {
    content: "\eb9c";
}

.ico-gitee:before {
    content: "\eb9d";
}

.ico-register:before {
    content: "\eb9e";
}

.ico-hook:before {
    content: "\eb9f";
}

.ico-flowerpot:before {
    content: "\eba0";
}

.ico-root:before {
    content: "\eba1";
}

.ico-grid:before {
    content: "\eba2";
}

.ico-poisonous:before {
    content: "\eba3";
}

.ico-software:before {
    content: "\eba4";
}

.ico-seal:before {
    content: "\eba5";
}

.ico-spider:before {
    content: "\eba6";
}

.ico-magic:before {
    content: "\eba7";
}

.ico-perfume:before {
    content: "\eba8";
}

.ico-tm:before {
    content: "\ebaa";
}

.ico-soybean:before {
    content: "\ebab";
}

.ico-snowman:before {
    content: "\ebac";
}

.ico-radioactivity:before {
    content: "\ebad";
}

.ico-shoppingcart-simple-full:before {
    content: "\ebae";
}

.ico-anchoring:before {
    content: "\eb8e";
}

.ico-safari:before {
    content: "\e9ec";
}

.ico-curling:before {
    content: "\e84e";
}

.ico-clock-urgent:before {
    content: "\e96c";
}

.ico-circular-user-full:before {
    content: "\eb81";
}

.ico-champion:before {
    content: "\eb82";
}

.ico-mutual:before {
    content: "\eb83";
}

.ico-shoppingcart-in:before {
    content: "\eb84";
}

.ico-thumb-up-full:before {
    content: "\eb85";
}

.ico-enterprise:before {
    content: "\eb86";
}

.ico-format-link-disable:before {
    content: "\eb87";
}

.ico-safety-disable:before {
    content: "\eb89";
}

.ico-thumb-down-full:before {
    content: "\eb8a";
}

.ico-safety-warn:before {
    content: "\eb8b";
}

.ico-shoppingcart-out:before {
    content: "\eb8c";
}

.ico-lantern:before {
    content: "\eb8d";
}

.ico-message-list:before {
    content: "\e7fe";
}

.ico-message-info:before {
    content: "\e96b";
}

.ico-circular-media-play:before {
    content: "\e65c";
}

.ico-eraser:before {
    content: "\e651";
}

.ico-candle:before {
    content: "\e652";
}

.ico-axe:before {
    content: "\e653";
}

.ico-route:before {
    content: "\e654";
}

.ico-rail:before {
    content: "\e655";
}

.ico-gift:before {
    content: "\e656";
}

.ico-scale:before {
    content: "\e657";
}

.ico-rotate:before {
    content: "\e658";
}

.ico-wacom:before {
    content: "\e659";
}

.ico-shine:before {
    content: "\e65a";
}

.ico-skeleton:before {
    content: "\e65b";
}

.ico-fencing:before {
    content: "\e650";
}

.ico-idcard:before {
    content: "\e64f";
}

.ico-douban:before {
    content: "\e648";
}

.ico-qqmusic:before {
    content: "\e649";
}

.ico-kugou:before {
    content: "\e64a";
}

.ico-github:before {
    content: "\e64b";
}

.ico-neteasemusic:before {
    content: "\e64c";
}

.ico-telegram:before {
    content: "\e64d";
}

.ico-steam:before {
    content: "\e64e";
}

.ico-fire:before {
    content: "\e642";
}

.ico-leaf-empty:before {
    content: "\e644";
}

.ico-leaf:before {
    content: "\e645";
}

.ico-leaf-complete:before {
    content: "\e646";
}

.ico-leaf-vein:before {
    content: "\e647";
}

.ico-certifiedproducts:before {
    content: "\e640";
}

.ico-cash-many:before {
    content: "\e641";
}

.ico-purse:before {
    content: "\e643";
}

.ico-slots:before {
    content: "\e63e";
}

.ico-chip-many:before {
    content: "\e63f";
}

.ico-medicine:before {
    content: "\e637";
}

.ico-bookrack:before {
    content: "\e638";
}

.ico-stethoscope:before {
    content: "\e639";
}

.ico-bandage:before {
    content: "\e63a";
}

.ico-gene:before {
    content: "\e63b";
}

.ico-ruler:before {
    content: "\e63c";
}

.ico-radiation:before {
    content: "\e63d";
}

.ico-chair:before {
    content: "\e62f";
}

.ico-tv:before {
    content: "\e630";
}

.ico-kettle:before {
    content: "\e631";
}

.ico-oven:before {
    content: "\e632";
}

.ico-ricecooker:before {
    content: "\e633";
}

.ico-toiletpaper:before {
    content: "\e634";
}

.ico-door:before {
    content: "\e635";
}

.ico-refrigerator:before {
    content: "\e636";
}

.ico-cherry:before {
    content: "\e62e";
}

.ico-egg:before {
    content: "\e628";
}

.ico-bowl:before {
    content: "\e629";
}

.ico-fork:before {
    content: "\e62a";
}

.ico-popsicle:before {
    content: "\e62b";
}

.ico-spoon:before {
    content: "\e62c";
}

.ico-bone:before {
    content: "\e62d";
}

.ico-draft:before {
    content: "\e622";
}

.ico-filebox:before {
    content: "\e623";
}

.ico-office-word:before {
    content: "\e624";
}

.ico-office-powerpoint:before {
    content: "\e625";
}

.ico-office-excel:before {
    content: "\e626";
}

.ico-cloud-load:before {
    content: "\e627";
}

.ico-plug:before {
    content: "\e620";
}

.ico-host:before {
    content: "\e621";
}

.ico-praetorium:before {
    content: "\e61f";
}

.ico-bank-psbc:before {
    content: "\e61e";
}

.ico-bank-boc:before {
    content: "\e60e";
}

.ico-bank-abc:before {
    content: "\e60f";
}

.ico-bank-bc:before {
    content: "\e610";
}

.ico-bank-db:before {
    content: "\e611";
}

.ico-bank-cmbc:before {
    content: "\e612";
}

.ico-bank-citi:before {
    content: "\e613";
}

.ico-bank-icbc:before {
    content: "\e614";
}

.ico-bank-hsbc:before {
    content: "\e615";
}

.ico-bank-cmb:before {
    content: "\e616";
}

.ico-bank-jpm:before {
    content: "\e617";
}

.ico-bank-ccb:before {
    content: "\e618";
}

.ico-bank-rcc:before {
    content: "\e619";
}

.ico-bank-mufg:before {
    content: "\e61a";
}

.ico-bank-fdb:before {
    content: "\e61b";
}

.ico-bank-hxb:before {
    content: "\e61c";
}

.ico-bank-ubs:before {
    content: "\e61d";
}

.ico-constellation-cancer:before {
    content: "\e602";
}

.ico-constellation-gemini:before {
    content: "\e603";
}

.ico-constellation-aries:before {
    content: "\e604";
}

.ico-constellation-sagittarius:before {
    content: "\e605";
}

.ico-constellation-leo:before {
    content: "\e606";
}

.ico-constellation-capricorn:before {
    content: "\e607";
}

.ico-constellation-libra:before {
    content: "\e608";
}

.ico-constellation-pisces:before {
    content: "\e609";
}

.ico-constellation-aquarius:before {
    content: "\e60a";
}

.ico-constellation-virgo:before {
    content: "\e60b";
}

.ico-constellation-scorpio:before {
    content: "\e60c";
}

.ico-constellation-taurus:before {
    content: "\e60d";
}

.ico-chart-columnar:before {
    content: "\e601";
}

.ico-arrow-left:before {
    content: "\e754";
}

.ico-decoration-stack:before {
    content: "\e854";
}

.ico-map:before {
    content: "\e954";
}

.ico-square-r:before {
    content: "\ea54";
}

.ico-virtualreality:before {
    content: "\eb54";
}

.ico-arrow-in:before {
    content: "\e755";
}

.ico-decoration-right-top:before {
    content: "\e855";
}

.ico-map-location:before {
    content: "\e955";
}

.ico-square-reduce:before {
    content: "\ea55";
}

.ico-villa:before {
    content: "\eb55";
}

.ico-arrow-redo:before {
    content: "\e756";
}

.ico-diagonal-double:before {
    content: "\e856";
}

.ico-media-eject:before {
    content: "\e956";
}

.ico-square-s:before {
    content: "\ea56";
}

.ico-virus:before {
    content: "\eb56";
}

.ico-arrow-enter:before {
    content: "\e757";
}

.ico-decoration-rhombus:before {
    content: "\e857";
}

.ico-media-back:before {
    content: "\e957";
}

.ico-square-square:before {
    content: "\ea57";
}

.ico-virus-breed:before {
    content: "\eb57";
}

.ico-apple:before {
    content: "\e758";
}

.ico-decoration-frame:before {
    content: "\e858";
}

.ico-mask:before {
    content: "\e958";
}

.ico-square-t:before {
    content: "\ea58";
}

.ico-virus-kill:before {
    content: "\eb58";
}

.ico-arrow-out:before {
    content: "\e759";
}

.ico-dial:before {
    content: "\e859";
}

.ico-medal:before {
    content: "\e959";
}

.ico-square-u:before {
    content: "\ea59";
}

.ico-visa:before {
    content: "\eb59";
}

.ico-angle-narrow:before {
    content: "\e75a";
}

.ico-decoration-scattered:before {
    content: "\e85a";
}

.ico-mastercard:before {
    content: "\e95a";
}

.ico-square-v:before {
    content: "\ea5a";
}

.ico-visibility:before {
    content: "\eb5a";
}

.ico-arrow-upload:before {
    content: "\e75b";
}

.ico-dice-2:before {
    content: "\e85b";
}

.ico-media-end:before {
    content: "\e95b";
}

.ico-square-w:before {
    content: "\ea5b";
}

.ico-volume:before {
    content: "\eb5b";
}

.ico-arrow-zoom-left:before {
    content: "\e75c";
}

.ico-dice-4:before {
    content: "\e85c";
}

.ico-media-forward:before {
    content: "\e95c";
}

.ico-square-x:before {
    content: "\ea5c";
}

.ico-volleyball:before {
    content: "\eb5c";
}

.ico-asic:before {
    content: "\e75d";
}

.ico-dice-1:before {
    content: "\e85d";
}

.ico-media-pause:before {
    content: "\e95d";
}

.ico-square-y:before {
    content: "\ea5d";
}

.ico-visibility-disable:before {
    content: "\eb5d";
}

.ico-arrow-top:before {
    content: "\e75e";
}

.ico-diamond:before {
    content: "\e85e";
}

.ico-media-stop:before {
    content: "\e95e";
}

.ico-square-z:before {
    content: "\ea5e";
}

.ico-volume-empty:before {
    content: "\eb5e";
}

.ico-arrow-zoom-right:before {
    content: "\e75f";
}

.ico-diagonal:before {
    content: "\e85f";
}

.ico-media-play:before {
    content: "\e95f";
}

.ico-stacking:before {
    content: "\ea5f";
}

.ico-volume-close:before {
    content: "\eb5f";
}

.ico-asterism:before {
    content: "\e760";
}

.ico-dice-5:before {
    content: "\e860";
}

.ico-medkit:before {
    content: "\e960";
}

.ico-squash:before {
    content: "\ea60";
}

.ico-volume-disable:before {
    content: "\eb60";
}

.ico-asterism-empty:before {
    content: "\e761";
}

.ico-dice-7:before {
    content: "\e861";
}

.ico-menu:before {
    content: "\e961";
}

.ico-stair:before {
    content: "\ea61";
}

.ico-volume-low:before {
    content: "\eb61";
}

.ico-asterisk:before {
    content: "\e762";
}

.ico-desk:before {
    content: "\e862";
}

.ico-media-return:before {
    content: "\e962";
}

.ico-star:before {
    content: "\ea62";
}

.ico-vr:before {
    content: "\eb62";
}

.ico-asterism-square:before {
    content: "\e763";
}

.ico-dice-3:before {
    content: "\e863";
}

.ico-menu-center:before {
    content: "\e963";
}

.ico-steeringwheel:before {
    content: "\ea63";
}

.ico-wallet:before {
    content: "\eb63";
}

.ico-atom:before {
    content: "\e764";
}

.ico-dice-8:before {
    content: "\e864";
}

.ico-message:before {
    content: "\e964";
}

.ico-square-zoom:before {
    content: "\ea64";
}

.ico-warn:before {
    content: "\eb64";
}

.ico-badminton:before {
    content: "\e765";
}

.ico-day:before {
    content: "\e865";
}

.ico-menu-right:before {
    content: "\e965";
}

.ico-star-full:before {
    content: "\ea65";
}

.ico-wand:before {
    content: "\eb65";
}

.ico-arrow-right:before {
    content: "\e766";
}

.ico-decoration:before {
    content: "\e866";
}

.ico-menu-left:before {
    content: "\e966";
}

.ico-stopwatch:before {
    content: "\ea66";
}

.ico-wash:before {
    content: "\eb66";
}

.ico-arrow-return:before {
    content: "\e767";
}

.ico-diningtable:before {
    content: "\e867";
}

.ico-message-add:before {
    content: "\e967";
}

.ico-stopwatch-empty:before {
    content: "\ea67";
}

.ico-washingmachine:before {
    content: "\eb67";
}

.ico-babycarriage:before {
    content: "\e768";
}

.ico-dice-9:before {
    content: "\e868";
}

.ico-message-control:before {
    content: "\e968";
}

.ico-stopwatch-disable:before {
    content: "\ea68";
}

.ico-watch:before {
    content: "\eb68";
}

.ico-baidupan:before {
    content: "\e769";
}

.ico-dice-6:before {
    content: "\e869";
}

.ico-message-delete:before {
    content: "\e969";
}

.ico-strawberry:before {
    content: "\ea69";
}

.ico-water:before {
    content: "\eb69";
}

.ico-balloon:before {
    content: "\e76a";
}

.ico-debug:before {
    content: "\e86a";
}

.ico-message-empty:before {
    content: "\e96a";
}

.ico-suffix-3gp:before {
    content: "\ea6a";
}

.ico-watermelon:before {
    content: "\eb6a";
}

.ico-barn:before {
    content: "\e76b";
}

.ico-direction-bottom:before {
    content: "\e86b";
}

.ico-suffix-abr:before {
    content: "\ea6b";
}

.ico-webcam:before {
    content: "\eb6b";
}

.ico-bank:before {
    content: "\e76c";
}

.ico-direction-left-bottom:before {
    content: "\e86c";
}

.ico-suffix-acf:before {
    content: "\ea6c";
}

.ico-wave:before {
    content: "\eb6c";
}

.ico-ballpark:before {
    content: "\e76d";
}

.ico-direction-left:before {
    content: "\e86d";
}

.ico-message-new:before {
    content: "\e96d";
}

.ico-suffix-acm:before {
    content: "\ea6d";
}

.ico-waveform:before {
    content: "\eb6d";
}

.ico-basketball:before {
    content: "\e76e";
}

.ico-direction-right:before {
    content: "\e86e";
}

.ico-message-reduce:before {
    content: "\e96e";
}

.ico-suffix-aep:before {
    content: "\ea6e";
}

.ico-wechatpay:before {
    content: "\eb6e";
}

.ico-baidu:before {
    content: "\e76f";
}

.ico-direction-top:before {
    content: "\e86f";
}

.ico-message-warning:before {
    content: "\e96f";
}

.ico-suffix-ai:before {
    content: "\ea6f";
}

.ico-wechat:before {
    content: "\eb6f";
}

.ico-barrel:before {
    content: "\e770";
}

.ico-division:before {
    content: "\e870";
}

.ico-message-more:before {
    content: "\e970";
}

.ico-star-half:before {
    content: "\ea70";
}

.ico-wegame:before {
    content: "\eb70";
}

.ico-barcode:before {
    content: "\e771";
}

.ico-direction-right-bottom:before {
    content: "\e871";
}

.ico-mic-disable:before {
    content: "\e971";
}

.ico-suffix-aif:before {
    content: "\ea71";
}

.ico-well:before {
    content: "\eb71";
}

.ico-battery-horizontal-charge:before {
    content: "\e772";
}

.ico-dinnerware:before {
    content: "\e872";
}

.ico-mindmap:before {
    content: "\e972";
}

.ico-suffix-air:before {
    content: "\ea72";
}

.ico-weiyun:before {
    content: "\eb72";
}

.ico-battery-horizontal-empty:before {
    content: "\e773";
}

.ico-display:before {
    content: "\e873";
}

.ico-mirror:before {
    content: "\e973";
}

.ico-suffix-aca:before {
    content: "\ea73";
}

.ico-wifi:before {
    content: "\eb73";
}

.ico-baseball:before {
    content: "\e774";
}

.ico-direction-right-top:before {
    content: "\e874";
}

.ico-mist:before {
    content: "\e974";
}

.ico-suffix-ant:before {
    content: "\ea74";
}

.ico-wheelchair:before {
    content: "\eb74";
}

.ico-battery-horizontal-full:before {
    content: "\e775";
}

.ico-document-add:before {
    content: "\e875";
}

.ico-mix:before {
    content: "\e975";
}

.ico-suffix-ans:before {
    content: "\ea75";
}

.ico-weibo:before {
    content: "\eb75";
}

.ico-bamboo:before {
    content: "\e776";
}

.ico-direction-left-top:before {
    content: "\e876";
}

.ico-mixice:before {
    content: "\e976";
}

.ico-suffix-app:before {
    content: "\ea76";
}

.ico-wifi-low:before {
    content: "\eb76";
}

.ico-battery-horizontal-middle:before {
    content: "\e777";
}

.ico-document:before {
    content: "\e877";
}

.ico-modem:before {
    content: "\e977";
}

.ico-suffix-arc:before {
    content: "\ea77";
}

.ico-wifi-middle:before {
    content: "\eb77";
}

.ico-battery-horizontal-less:before {
    content: "\e778";
}

.ico-doctor:before {
    content: "\e878";
}

.ico-monitor:before {
    content: "\e978";
}

.ico-suffix-arj:before {
    content: "\ea78";
}

.ico-wintersweet:before {
    content: "\eb78";
}

.ico-battery-vertical-middle:before {
    content: "\e779";
}

.ico-document-empty:before {
    content: "\e879";
}

.ico-moon-half:before {
    content: "\e979";
}

.ico-suffix-as:before {
    content: "\ea79";
}

.ico-wifi-source:before {
    content: "\eb79";
}

.ico-battery-vertical-low:before {
    content: "\e77a";
}

.ico-division-double:before {
    content: "\e87a";
}

.ico-moon-new:before {
    content: "\e97a";
}

.ico-suffix-asf:before {
    content: "\ea7a";
}

.ico-wrench:before {
    content: "\eb7a";
}

.ico-bayside-curve:before {
    content: "\e77b";
}

.ico-document-reduce:before {
    content: "\e87b";
}

.ico-mic:before {
    content: "\e97b";
}

.ico-suffix-asl:before {
    content: "\ea7b";
}

.ico-wineglass:before {
    content: "\eb7b";
}

.ico-battery-vertical-warn:before {
    content: "\e77c";
}

.ico-done:before {
    content: "\e87c";
}

.ico-moon-full:before {
    content: "\e97c";
}

.ico-suffix-asp:before {
    content: "\ea7c";
}

.ico-wind:before {
    content: "\eb7c";
}

.ico-battery-vertical-charge:before {
    content: "\e77d";
}

.ico-done-all:before {
    content: "\e87d";
}

.ico-motorcycle-padal:before {
    content: "\e97d";
}

.ico-suffix-au:before {
    content: "\ea7d";
}

.ico-xiaomi:before {
    content: "\eb7d";
}

.ico-bayside-zoom:before {
    content: "\e77e";
}

.ico-douyin:before {
    content: "\e87e";
}

.ico-more-horizontal:before {
    content: "\e97e";
}

.ico-suffix-avi:before {
    content: "\ea7e";
}

.ico-wifi-high:before {
    content: "\eb7e";
}

.ico-battery-vertical-empty:before {
    content: "\e77f";
}

.ico-download:before {
    content: "\e87f";
}

.ico-mountain:before {
    content: "\e97f";
}

.ico-suffix-bak:before {
    content: "\ea7f";
}

.ico-xunlei:before {
    content: "\eb7f";
}

.ico-battery-vertical-full:before {
    content: "\e780";
}

.ico-drawing:before {
    content: "\e880";
}

.ico-mouse-pointer:before {
    content: "\e980";
}

.ico-suffix-bas:before {
    content: "\ea80";
}

.ico-wifi-limit:before {
    content: "\eb80";
}

.ico-bayside-straight:before {
    content: "\e781";
}

.ico-drop-down:before {
    content: "\e881";
}

.ico-more-vertical:before {
    content: "\e981";
}

.ico-suffix-bat:before {
    content: "\ea81";
}

.ico-beer:before {
    content: "\e782";
}

.ico-drop-horizontal:before {
    content: "\e882";
}

.ico-movie:before {
    content: "\e982";
}

.ico-suffix-bbs:before {
    content: "\ea82";
}

.ico-dropper:before {
    content: "\e883";
}

.ico-multiplication:before {
    content: "\e983";
}

.ico-suffix-bin:before {
    content: "\ea83";
}

.ico-bayside:before {
    content: "\e784";
}

.ico-drum:before {
    content: "\e884";
}

.ico-mssay:before {
    content: "\e984";
}

.ico-suffix-c:before {
    content: "\ea84";
}

.ico-bd:before {
    content: "\e785";
}

.ico-doughnut:before {
    content: "\e885";
}

.ico-motorcycle:before {
    content: "\e985";
}

.ico-suffix-c4d:before {
    content: "\ea85";
}

.ico-bell:before {
    content: "\e786";
}

.ico-drink:before {
    content: "\e886";
}

.ico-mouse:before {
    content: "\e986";
}

.ico-suffix-cab:before {
    content: "\ea86";
}

.ico-bell-new:before {
    content: "\e787";
}

.ico-drop-vertical:before {
    content: "\e887";
}

.ico-multiplication-double:before {
    content: "\e987";
}

.ico-suffix-bmp:before {
    content: "\ea87";
}

.ico-bell-disable:before {
    content: "\e788";
}

.ico-drumsticks:before {
    content: "\e888";
}

.ico-music:before {
    content: "\e988";
}

.ico-suffix-chm:before {
    content: "\ea88";
}

.ico-bluetooth-link:before {
    content: "\e789";
}

.ico-drop-up:before {
    content: "\e889";
}

.ico-music-disable:before {
    content: "\e989";
}

.ico-suffix-cdr:before {
    content: "\ea89";
}

.ico-book:before {
    content: "\e78a";
}

.ico-dyson:before {
    content: "\e88a";
}

.ico-music-list:before {
    content: "\e98a";
}

.ico-suffix-cmd:before {
    content: "\ea8a";
}

.ico-bomb:before {
    content: "\e78b";
}

.ico-dumbbell:before {
    content: "\e88b";
}

.ico-nav:before {
    content: "\e98b";
}

.ico-suffix-cnt:before {
    content: "\ea8b";
}

.ico-bicycle:before {
    content: "\e78c";
}

.ico-earth:before {
    content: "\e88c";
}

.ico-muzak:before {
    content: "\e98c";
}

.ico-suffix-col:before {
    content: "\ea8c";
}

.ico-billiard:before {
    content: "\e78d";
}

.ico-edit:before {
    content: "\e88d";
}

.ico-navigation:before {
    content: "\e98d";
}

.ico-suffix-com:before {
    content: "\ea8d";
}

.ico-blackhole:before {
    content: "\e78e";
}

.ico-edge:before {
    content: "\e88e";
}

.ico-nest:before {
    content: "\e98e";
}

.ico-suffix-con:before {
    content: "\ea8e";
}

.ico-bluetooth:before {
    content: "\e78f";
}

.ico-electrode:before {
    content: "\e88f";
}

.ico-nfc:before {
    content: "\e98f";
}

.ico-suffix-cpg:before {
    content: "\ea8f";
}

.ico-border-clear:before {
    content: "\e790";
}

.ico-edifice:before {
    content: "\e890";
}

.ico-muzak-disable:before {
    content: "\e990";
}

.ico-suffix-cpl:before {
    content: "\ea90";
}

.ico-border-bottom:before {
    content: "\e791";
}

.ico-electric:before {
    content: "\e891";
}

.ico-naruto:before {
    content: "\e991";
}

.ico-suffix-cpp:before {
    content: "\ea91";
}

.ico-border-horizontal:before {
    content: "\e792";
}

.ico-edit-disable:before {
    content: "\e892";
}

.ico-noodle:before {
    content: "\e992";
}

.ico-suffix-crt:before {
    content: "\ea92";
}

.ico-border-inner:before {
    content: "\e793";
}

.ico-edit-text:before {
    content: "\e893";
}

.ico-notebook:before {
    content: "\e993";
}

.ico-suffix-css:before {
    content: "\ea93";
}

.ico-border-right:before {
    content: "\e794";
}

.ico-email:before {
    content: "\e894";
}

.ico-ohm:before {
    content: "\e994";
}

.ico-suffix-cur:before {
    content: "\ea94";
}

.ico-border-left:before {
    content: "\e795";
}

.ico-emot:before {
    content: "\e895";
}

.ico-office:before {
    content: "\e995";
}

.ico-suffix-dat:before {
    content: "\ea95";
}

.ico-bra:before {
    content: "\e796";
}

.ico-emot-children:before {
    content: "\e896";
}

.ico-nipple:before {
    content: "\e996";
}

.ico-suffix-db:before {
    content: "\ea96";
}

.ico-breto:before {
    content: "\e797";
}

.ico-electromobile:before {
    content: "\e897";
}

.ico-onlydisk:before {
    content: "\e997";
}

.ico-suffix-dcl:before {
    content: "\ea97";
}

.ico-bowling:before {
    content: "\e798";
}

.ico-enlarge:before {
    content: "\e898";
}

.ico-packingbag:before {
    content: "\e998";
}

.ico-suffix-doc:before {
    content: "\ea98";
}

.ico-bread:before {
    content: "\e799";
}

.ico-emot-pain:before {
    content: "\e899";
}

.ico-pad-android:before {
    content: "\e999";
}

.ico-suffix-dll:before {
    content: "\ea99";
}

.ico-box-empty:before {
    content: "\e79a";
}

.ico-envelop:before {
    content: "\e89a";
}

.ico-pad-ios:before {
    content: "\e99a";
}

.ico-suffix-dos:before {
    content: "\ea9a";
}

.ico-boxing:before {
    content: "\e79b";
}

.ico-emot-smile:before {
    content: "\e89b";
}

.ico-night:before {
    content: "\e99b";
}

.ico-suffix-dot:before {
    content: "\ea9b";
}

.ico-box:before {
    content: "\e79c";
}

.ico-escalator:before {
    content: "\e89c";
}

.ico-pain-men:before {
    content: "\e99c";
}

.ico-suffix-dpi:before {
    content: "\ea9c";
}

.ico-briefcase:before {
    content: "\e79d";
}

.ico-explorer:before {
    content: "\e89d";
}

.ico-pan:before {
    content: "\e99d";
}

.ico-suffix-dwg:before {
    content: "\ea9d";
}

.ico-border-vertical:before {
    content: "\e79e";
}

.ico-factory:before {
    content: "\e89e";
}

.ico-necklace:before {
    content: "\e99e";
}

.ico-suffix-dxb:before {
    content: "\ea9e";
}

.ico-bubble:before {
    content: "\e79f";
}

.ico-express-pack:before {
    content: "\e89f";
}

.ico-pain-woman:before {
    content: "\e99f";
}

.ico-suffix-drv:before {
    content: "\ea9f";
}

.ico-briefs:before {
    content: "\e7a0";
}

.ico-express:before {
    content: "\e8a0";
}

.ico-paperplane:before {
    content: "\e9a0";
}

.ico-suffix-eps:before {
    content: "\eaa0";
}

.ico-brush:before {
    content: "\e7a1";
}

.ico-express-transport:before {
    content: "\e8a1";
}

.ico-paper:before {
    content: "\e9a1";
}

.ico-suffix-dpl:before {
    content: "\eaa1";
}

.ico-bubble-delete:before {
    content: "\e7a2";
}

.ico-equipment:before {
    content: "\e8a2";
}

.ico-necktie:before {
    content: "\e9a2";
}

.ico-suffix-exe:before {
    content: "\eaa2";
}

.ico-border-top:before {
    content: "\e7a3";
}

.ico-express-send:before {
    content: "\e8a3";
}

.ico-parasol:before {
    content: "\e9a3";
}

.ico-suffix-et:before {
    content: "\eaa3";
}

.ico-bubble-add:before {
    content: "\e7a4";
}

.ico-file:before {
    content: "\e8a4";
}

.ico-pacman:before {
    content: "\e9a4";
}

.ico-suffix-fla:before {
    content: "\eaa4";
}

.ico-bubble-empty:before {
    content: "\e7a5";
}

.ico-file-add:before {
    content: "\e8a5";
}

.ico-parameter:before {
    content: "\e9a5";
}

.ico-suffix-fon:before {
    content: "\eaa5";
}

.ico-bubble-reduce:before {
    content: "\e7a6";
}

.ico-file-empty:before {
    content: "\e8a6";
}

.ico-phone-android:before {
    content: "\e9a6";
}

.ico-suffix-for:before {
    content: "\eaa6";
}

.ico-bubble-more:before {
    content: "\e7a7";
}

.ico-file-reduce:before {
    content: "\e8a7";
}

.ico-phoenixcoronet:before {
    content: "\e9a7";
}

.ico-suffix-8bi:before {
    content: "\eaa7";
}

.ico-bubble-info:before {
    content: "\e7a8";
}

.ico-facebook:before {
    content: "\e8a8";
}

.ico-phonecard-disable:before {
    content: "\e9a8";
}

.ico-suffix-ftp:before {
    content: "\eaa8";
}

.ico-bubble-help:before {
    content: "\e7a9";
}

.ico-file-user:before {
    content: "\e8a9";
}

.ico-paypal:before {
    content: "\e9a9";
}

.ico-suffix-fot:before {
    content: "\eaa9";
}

.ico-bubble-menu:before {
    content: "\e7aa";
}

.ico-fan:before {
    content: "\e8aa";
}

.ico-piano:before {
    content: "\e9aa";
}

.ico-suffix-fxp:before {
    content: "\eaaa";
}

.ico-bubble-new:before {
    content: "\e7ab";
}

.ico-fingerprint:before {
    content: "\e8ab";
}

.ico-phonecard:before {
    content: "\e9ab";
}

.ico-suffix-gif:before {
    content: "\eaab";
}

.ico-bubble-warn:before {
    content: "\e7ac";
}

.ico-film:before {
    content: "\e8ac";
}

.ico-picturepuzzle:before {
    content: "\e9ac";
}

.ico-suffix-git:before {
    content: "\eaac";
}

.ico-bubble-heart:before {
    content: "\e7ad";
}

.ico-finger:before {
    content: "\e8ad";
}

.ico-pig:before {
    content: "\e9ad";
}

.ico-suffix-grp:before {
    content: "\eaad";
}

.ico-bug:before {
    content: "\e7ae";
}

.ico-finger-click:before {
    content: "\e8ae";
}

.ico-pizza:before {
    content: "\e9ae";
}

.ico-suffix-grd:before {
    content: "\eaae";
}

.ico-bud:before {
    content: "\e7af";
}

.ico-film-info:before {
    content: "\e8af";
}

.ico-place:before {
    content: "\e9af";
}

.ico-suffix-gz:before {
    content: "\eaaf";
}

.ico-calculator:before {
    content: "\e7b0";
}

.ico-filter:before {
    content: "\e8b0";
}

.ico-plane:before {
    content: "\e9b0";
}

.ico-suffix-hlp:before {
    content: "\eab0";
}

.ico-calendar-control:before {
    content: "\e7b1";
}

.ico-firefox:before {
    content: "\e8b1";
}

.ico-place-location:before {
    content: "\e9b1";
}

.ico-suffix-htm:before {
    content: "\eab1";
}

.ico-calendar:before {
    content: "\e7b2";
}

.ico-firework:before {
    content: "\e8b2";
}

.ico-place-disable:before {
    content: "\e9b2";
}

.ico-suffix-hqx:before {
    content: "\eab2";
}

.ico-calculation:before {
    content: "\e7b3";
}

.ico-flag:before {
    content: "\e8b3";
}

.ico-plant:before {
    content: "\e9b3";
}

.ico-suffix-icm:before {
    content: "\eab3";
}

.ico-calendar-add:before {
    content: "\e7b4";
}

.ico-file-delete:before {
    content: "\e8b4";
}

.ico-phone-ios:before {
    content: "\e9b4";
}

.ico-suffix-ico:before {
    content: "\eab4";
}

.ico-calendar-done:before {
    content: "\e7b5";
}

.ico-finger-dbclick:before {
    content: "\e8b5";
}

.ico-plant-flower:before {
    content: "\e9b5";
}

.ico-suffix-inf:before {
    content: "\eab5";
}

.ico-calendar-empty:before {
    content: "\e7b6";
}

.ico-flag-color:before {
    content: "\e8b6";
}

.ico-plate:before {
    content: "\e9b6";
}

.ico-suffix-img:before {
    content: "\eab6";
}

.ico-calendar-less:before {
    content: "\e7b7";
}

.ico-fish:before {
    content: "\e8b7";
}

.ico-pine:before {
    content: "\e9b7";
}

.ico-suffix-ini:before {
    content: "\eab7";
}

.ico-calendar-delete:before {
    content: "\e7b8";
}

.ico-flag-aim:before {
    content: "\e8b8";
}

.ico-pile:before {
    content: "\e9b8";
}

.ico-suffix-ink:before {
    content: "\eab8";
}

.ico-call:before {
    content: "\e7b9";
}

.ico-folder:before {
    content: "\e8b9";
}

.ico-player:before {
    content: "\e9b9";
}

.ico-suffix-jar:before {
    content: "\eab9";
}

.ico-call-lock:before {
    content: "\e7ba";
}

.ico-flower:before {
    content: "\e8ba";
}

.ico-playstation:before {
    content: "\e9ba";
}

.ico-suffix-iso:before {
    content: "\eaba";
}

.ico-calendar-reduce:before {
    content: "\e7bb";
}

.ico-flag-float:before {
    content: "\e8bb";
}

.ico-poker:before {
    content: "\e9bb";
}

.ico-suffix-jff:before {
    content: "\eabb";
}

.ico-calendar-many:before {
    content: "\e7bc";
}

.ico-folder-delete:before {
    content: "\e8bc";
}

.ico-poker-club:before {
    content: "\e9bc";
}

.ico-suffix-jif:before {
    content: "\eabc";
}

.ico-call-off:before {
    content: "\e7bd";
}

.ico-folder-add:before {
    content: "\e8bd";
}

.ico-plum:before {
    content: "\e9bd";
}

.ico-suffix-jq:before {
    content: "\eabd";
}

.ico-camera:before {
    content: "\e7be";
}

.ico-flash:before {
    content: "\e8be";
}

.ico-poker-diamond:before {
    content: "\e9be";
}

.ico-suffix-jpg:before {
    content: "\eabe";
}

.ico-call-on:before {
    content: "\e7bf";
}

.ico-fog:before {
    content: "\e8bf";
}

.ico-poker-spade:before {
    content: "\e9bf";
}

.ico-suffix-js:before {
    content: "\eabf";
}

.ico-camera-disable:before {
    content: "\e7c0";
}

.ico-folder-image:before {
    content: "\e8c0";
}

.ico-poker-heart:before {
    content: "\e9c0";
}

.ico-suffix-json:before {
    content: "\eac0";
}

.ico-candy:before {
    content: "\e7c1";
}

.ico-flashlight:before {
    content: "\e8c1";
}

.ico-printer:before {
    content: "\e9c1";
}

.ico-suffix-jsp:before {
    content: "\eac1";
}

.ico-cameraroll:before {
    content: "\e7c2";
}

.ico-folder-empty:before {
    content: "\e8c2";
}

.ico-polo:before {
    content: "\e9c2";
}

.ico-suffix-mac:before {
    content: "\eac2";
}

.ico-card-credit:before {
    content: "\e7c3";
}

.ico-folder-reduce:before {
    content: "\e8c3";
}

.ico-prize:before {
    content: "\e9c3";
}

.ico-suffix-off:before {
    content: "\eac3";
}

.ico-card:before {
    content: "\e7c4";
}

.ico-folder-video:before {
    content: "\e8c4";
}

.ico-qq:before {
    content: "\e9c4";
}

.ico-suffix-mpg:before {
    content: "\eac4";
}

.ico-card-agreement:before {
    content: "\e7c5";
}

.ico-format-align-justify:before {
    content: "\e8c5";
}

.ico-radio-done:before {
    content: "\e9c5";
}

.ico-suffix-pdf:before {
    content: "\eac5";
}

.ico-card-bill:before {
    content: "\e7c6";
}

.ico-football:before {
    content: "\e8c6";
}

.ico-radio-on:before {
    content: "\e9c6";
}

.ico-suffix-ps:before {
    content: "\eac6";
}

.ico-call-suspend:before {
    content: "\e7c7";
}

.ico-format-align-center:before {
    content: "\e8c7";
}

.ico-qrcode:before {
    content: "\e9c7";
}

.ico-suffix-ocx:before {
    content: "\eac7";
}

.ico-carve:before {
    content: "\e7c8";
}

.ico-format-align-right:before {
    content: "\e8c8";
}

.ico-rain:before {
    content: "\e9c8";
}

.ico-suffix-msi:before {
    content: "\eac8";
}

.ico-car:before {
    content: "\e7c9";
}

.ico-format-bold:before {
    content: "\e8c9";
}

.ico-rain-hard:before {
    content: "\e9c9";
}

.ico-suffix-pro:before {
    content: "\eac9";
}

.ico-celestialbody:before {
    content: "\e7ca";
}

.ico-format-align-left:before {
    content: "\e8ca";
}

.ico-radios:before {
    content: "\e9ca";
}

.ico-suffix-md:before {
    content: "\eaca";
}

.ico-cattle:before {
    content: "\e7cb";
}

.ico-Format-brush:before {
    content: "\e8cb";
}

.ico-rain-moderate:before {
    content: "\e9cb";
}

.ico-suffix-msg:before {
    content: "\eacb";
}

.ico-cash:before {
    content: "\e7cc";
}

.ico-format-color:before {
    content: "\e8cc";
}

.ico-rain-light:before {
    content: "\e9cc";
}

.ico-suffix-prj:before {
    content: "\eacc";
}

.ico-cd:before {
    content: "\e7cd";
}

.ico-format-file:before {
    content: "\e8cd";
}

.ico-receipt:before {
    content: "\e9cd";
}

.ico-suffix-nls:before {
    content: "\eacd";
}

.ico-centigrade:before {
    content: "\e7ce";
}

.ico-format-hr:before {
    content: "\e8ce";
}

.ico-radio:before {
    content: "\e9ce";
}

.ico-suffix-pif:before {
    content: "\eace";
}

.ico-chart:before {
    content: "\e7cf";
}

.ico-format-image-left:before {
    content: "\e8cf";
}

.ico-rain-heavy:before {
    content: "\e9cf";
}

.ico-suffix-mdb:before {
    content: "\eacf";
}

.ico-cd-rom:before {
    content: "\e7d0";
}

.ico-format-image-center:before {
    content: "\e8d0";
}

.ico-receiver:before {
    content: "\e9d0";
}

.ico-suffix-mp3:before {
    content: "\ead0";
}

.ico-cen:before {
    content: "\e7d1";
}

.ico-format-app:before {
    content: "\e8d1";
}

.ico-recommend:before {
    content: "\e9d1";
}

.ico-suffix-mpt:before {
    content: "\ead1";
}

.ico-cheese:before {
    content: "\e7d2";
}

.ico-format-image-full:before {
    content: "\e8d2";
}

.ico-recommend-high:before {
    content: "\e9d2";
}

.ico-suffix-mee:before {
    content: "\ead2";
}

.ico-call-in:before {
    content: "\e7d3";
}

.ico-format-image-right:before {
    content: "\e8d3";
}

.ico-recorder:before {
    content: "\e9d3";
}

.ico-suffix-pat:before {
    content: "\ead3";
}

.ico-chart-pie:before {
    content: "\e7d4";
}

.ico-format-indent-increase:before {
    content: "\e8d4";
}

.ico-reduce:before {
    content: "\e9d4";
}

.ico-suffix-obj:before {
    content: "\ead4";
}

.ico-chart-bubble:before {
    content: "\e7d5";
}

.ico-format-italic:before {
    content: "\e8d5";
}

.ico-reduce-double:before {
    content: "\e9d5";
}

.ico-suffix-mid:before {
    content: "\ead5";
}

.ico-chopstick:before {
    content: "\e7d6";
}

.ico-format-indent-decrease:before {
    content: "\e8d6";
}

.ico-referee:before {
    content: "\e9d6";
}

.ico-suffix-ppt:before {
    content: "\ead6";
}

.ico-checkbox-done:before {
    content: "\e7d7";
}

.ico-format-linespacing:before {
    content: "\e8d7";
}

.ico-remotecontrol:before {
    content: "\e9d7";
}

.ico-suffix-mp4:before {
    content: "\ead7";
}

.ico-checkbox-disable:before {
    content: "\e7d8";
}

.ico-format-link:before {
    content: "\e8d8";
}

.ico-repository:before {
    content: "\e9d8";
}

.ico-suffix-mkv:before {
    content: "\ead8";
}

.ico-chrome:before {
    content: "\e7d9";
}

.ico-format-strikethrough:before {
    content: "\e8d9";
}

.ico-return-bottom:before {
    content: "\e9d9";
}

.ico-suffix-php:before {
    content: "\ead9";
}

.ico-checkbox:before {
    content: "\e7da";
}

.ico-format-subscript:before {
    content: "\e8da";
}

.ico-response:before {
    content: "\e9da";
}

.ico-suffix-png:before {
    content: "\eada";
}

.ico-circular-aim:before {
    content: "\e7db";
}

.ico-format-paint:before {
    content: "\e8db";
}

.ico-return-left:before {
    content: "\e9db";
}

.ico-suffix-mov:before {
    content: "\eadb";
}

.ico-checkbox-on:before {
    content: "\e7dc";
}

.ico-format-size:before {
    content: "\e8dc";
}

.ico-return-right:before {
    content: "\e9dc";
}

.ico-suffix-rar:before {
    content: "\eadc";
}

.ico-chessboard:before {
    content: "\e7dd";
}

.ico-format-post:before {
    content: "\e8dd";
}

.ico-rhombus:before {
    content: "\e9dd";
}

.ico-suffix-psd:before {
    content: "\eadd";
}

.ico-church:before {
    content: "\e7de";
}

.ico-format-superscript:before {
    content: "\e8de";
}

.ico-return-top:before {
    content: "\e9de";
}

.ico-suffix-rec:before {
    content: "\eade";
}

.ico-circular-arrow-down:before {
    content: "\e7df";
}

.ico-format-underlined:before {
    content: "\e8df";
}

.ico-ring:before {
    content: "\e9df";
}

.ico-suffix-rmvb:before {
    content: "\eadf";
}

.ico-chip:before {
    content: "\e7e0";
}

.ico-format-quote:before {
    content: "\e8e0";
}

.ico-roadblock:before {
    content: "\e9e0";
}

.ico-suffix-rss:before {
    content: "\eae0";
}

.ico-circular-bias:before {
    content: "\e7e1";
}

.ico-frenchfries:before {
    content: "\e8e1";
}

.ico-rocker:before {
    content: "\e9e1";
}

.ico-suffix-rdp:before {
    content: "\eae1";
}

.ico-circular-arrow-right:before {
    content: "\e7e2";
}

.ico-format-textborder:before {
    content: "\e8e2";
}

.ico-road:before {
    content: "\e9e2";
}

.ico-suffix-reg:before {
    content: "\eae2";
}

.ico-circular-arrow-left:before {
    content: "\e7e3";
}

.ico-functions:before {
    content: "\e8e3";
}

.ico-rope:before {
    content: "\e9e3";
}

.ico-suffix-py:before {
    content: "\eae3";
}

.ico-circular-ball:before {
    content: "\e7e4";
}

.ico-game-direction:before {
    content: "\e8e4";
}

.ico-router:before {
    content: "\e9e4";
}

.ico-suffix-rm:before {
    content: "\eae4";
}

.ico-circular-calculation-add:before {
    content: "\e7e5";
}

.ico-game:before {
    content: "\e8e5";
}

.ico-rowboat:before {
    content: "\e9e5";
}

.ico-suffix-ske:before {
    content: "\eae5";
}

.ico-circular-arrow-up:before {
    content: "\e7e6";
}

.ico-game-key:before {
    content: "\e8e6";
}

.ico-rudder:before {
    content: "\e9e6";
}

.ico-suffix-src:before {
    content: "\eae6";
}

.ico-circular-calculation-equal:before {
    content: "\e7e7";
}

.ico-fruits:before {
    content: "\e8e7";
}

.ico-rugby:before {
    content: "\e9e7";
}

.ico-suffix-sav:before {
    content: "\eae7";
}

.ico-circular-calculation-multiplication:before {
    content: "\e7e8";
}

.ico-game-point:before {
    content: "\e8e8";
}

.ico-safety:before {
    content: "\e9e8";
}

.ico-suffix-sql:before {
    content: "\eae8";
}

.ico-circular-buoy:before {
    content: "\e7e9";
}

.ico-garage:before {
    content: "\e8e9";
}

.ico-rune:before {
    content: "\e9e9";
}

.ico-suffix-sh:before {
    content: "\eae9";
}

.ico-circular-calculation-division:before {
    content: "\e7ea";
}

.ico-gas:before {
    content: "\e8ea";
}

.ico-safety-add:before {
    content: "\e9ea";
}

.ico-suffix-rtf:before {
    content: "\eaea";
}

.ico-circular-button:before {
    content: "\e7eb";
}

.ico-gasoline:before {
    content: "\e8eb";
}

.ico-safety-high:before {
    content: "\e9eb";
}

.ico-suffix-srt:before {
    content: "\eaeb";
}

.ico-circular-calculation-reduce:before {
    content: "\e7ec";
}

.ico-gasstation:before {
    content: "\e8ec";
}

.ico-suffix-svg:before {
    content: "\eaec";
}

.ico-circular-calculation-notequal:before {
    content: "\e7ed";
}

.ico-game-rocker:before {
    content: "\e8ed";
}

.ico-rule-horizontal:before {
    content: "\e9ed";
}

.ico-suffix-tar:before {
    content: "\eaed";
}

.ico-circular-deviation-down:before {
    content: "\e7ee";
}

.ico-gem-rhombus:before {
    content: "\e8ee";
}

.ico-save:before {
    content: "\e9ee";
}

.ico-suffix-tif:before {
    content: "\eaee";
}

.ico-circular-delete:before {
    content: "\e7ef";
}

.ico-gender-female:before {
    content: "\e8ef";
}

.ico-safety-work:before {
    content: "\e9ef";
}

.ico-suffix-txt:before {
    content: "\eaef";
}

.ico-circular-deviation-right:before {
    content: "\e7f0";
}

.ico-gem:before {
    content: "\e8f0";
}

.ico-safety-done:before {
    content: "\e9f0";
}

.ico-suffix-tpl:before {
    content: "\eaf0";
}

.ico-beaker:before {
    content: "\e7f1";
}

.ico-ghost:before {
    content: "\e8f1";
}

.ico-scan-face:before {
    content: "\e9f1";
}

.ico-suffix-url:before {
    content: "\eaf1";
}

.ico-abstain:before {
    content: "\e6f2";
}

.ico-circular-deviation-left:before {
    content: "\e7f2";
}

.ico-gender:before {
    content: "\e8f2";
}

.ico-scan:before {
    content: "\e9f2";
}

.ico-suffix-ts:before {
    content: "\eaf2";
}

.ico-add:before {
    content: "\e6f3";
}

.ico-border:before {
    content: "\e7f3";
}

.ico-gender-male:before {
    content: "\e8f3";
}

.ico-scansion:before {
    content: "\e9f3";
}

.ico-suffix-tmp:before {
    content: "\eaf3";
}

.ico-circular-done:before {
    content: "\e7f4";
}

.ico-glasses:before {
    content: "\e8f4";
}

.ico-scooter:before {
    content: "\e9f4";
}

.ico-suffix-vcd:before {
    content: "\eaf4";
}

.ico-add-double:before {
    content: "\e6f5";
}

.ico-circular-disable:before {
    content: "\e7f5";
}

.ico-goldmedal:before {
    content: "\e8f5";
}

.ico-science:before {
    content: "\e9f5";
}

.ico-suffix-ttf:before {
    content: "\eaf5";
}

.ico-addressbook:before {
    content: "\e6f6";
}

.ico-circular-direction-left:before {
    content: "\e7f6";
}

.ico-globe:before {
    content: "\e8f6";
}

.ico-scissors:before {
    content: "\e9f6";
}

.ico-suffix-ses:before {
    content: "\eaf6";
}

.ico-circular-direction-up:before {
    content: "\e7f7";
}

.ico-google:before {
    content: "\e8f7";
}

.ico-screen-full:before {
    content: "\e9f7";
}

.ico-suffix-ver:before {
    content: "\eaf7";
}

.ico-circular-help:before {
    content: "\e7f8";
}

.ico-goblet:before {
    content: "\e8f8";
}

.ico-screen-narrow:before {
    content: "\e9f8";
}

.ico-suffix-voc:before {
    content: "\eaf8";
}

.ico-align-horizontal-center:before {
    content: "\e6f9";
}

.ico-gothic:before {
    content: "\e8f9";
}

.ico-screwdriver:before {
    content: "\e9f9";
}

.ico-suffix-vxd:before {
    content: "\eaf9";
}

.ico-aids:before {
    content: "\e6fa";
}

.ico-circular-grid:before {
    content: "\e7fa";
}

.ico-golf:before {
    content: "\e8fa";
}

.ico-screw:before {
    content: "\e9fa";
}

.ico-suffix-sys:before {
    content: "\eafa";
}

.ico-alcohol:before {
    content: "\e6fb";
}

.ico-circular-horizontal:before {
    content: "\e7fb";
}

.ico-gourd:before {
    content: "\e8fb";
}

.ico-sd:before {
    content: "\e9fb";
}

.ico-suffix-wmf:before {
    content: "\eafb";
}

.ico-circular-intersect:before {
    content: "\e7fc";
}

.ico-grape:before {
    content: "\e8fc";
}

.ico-search:before {
    content: "";
}

.ico-suffix-wav:before {
    content: "\eafc";
}

.ico-align-vertical-bottom:before {
    content: "\e6fd";
}

.ico-circular-media-pause:before {
    content: "\e7fd";
}

.ico-gpu:before {
    content: "\e8fd";
}

.ico-search-add:before {
    content: "\e9fd";
}

.ico-suffix-xls:before {
    content: "\eafd";
}

.ico-align-horizontal-right:before {
    content: "\e6fe";
}

.ico-graduate:before {
    content: "\e8fe";
}

.ico-semaphore:before {
    content: "\e9fe";
}

.ico-suffix-xd:before {
    content: "\eafe";
}

.ico-align-horizontal-left:before {
    content: "\e6ff";
}

.ico-circular-focus:before {
    content: "\e7ff";
}

.ico-graphic:before {
    content: "\e8ff";
}

.ico-seed:before {
    content: "\e9ff";
}

.ico-suffix-wpg:before {
    content: "\eaff";
}

.ico-align-vertical-top:before {
    content: "\e700";
}

.ico-circular-media-eject:before {
    content: "\e800";
}

.ico-gyroscope:before {
    content: "\e900";
}

.ico-separate:before {
    content: "\ea00";
}

.ico-suffix-yml:before {
    content: "\eb00";
}

.ico-circular-media-record:before {
    content: "\e801";
}

.ico-guidepost:before {
    content: "\e901";
}

.ico-semaphore-disable:before {
    content: "\ea01";
}

.ico-suitcase-disable:before {
    content: "\eb01";
}

.ico-airship:before {
    content: "\e702";
}

.ico-circular-pie-2:before {
    content: "\e802";
}

.ico-guitar:before {
    content: "\e902";
}

.ico-Separator-horizontal:before {
    content: "\ea02";
}

.ico-sun:before {
    content: "\eb02";
}

.ico-circular-pie-0:before {
    content: "\e803";
}

.ico-hand:before {
    content: "\e903";
}

.ico-set:before {
    content: "\ea03";
}

.ico-suffix-zip:before {
    content: "\eb03";
}

.ico-allout:before {
    content: "\e704";
}

.ico-circular-menu:before {
    content: "\e804";
}

.ico-handbag:before {
    content: "\e904";
}

.ico-server:before {
    content: "\ea04";
}

.ico-suffix-xml:before {
    content: "\eb04";
}

.ico-alipay:before {
    content: "\e705";
}

.ico-circular-pie-4:before {
    content: "\e805";
}

.ico-hamburger:before {
    content: "\e905";
}

.ico-shackles:before {
    content: "\ea05";
}

.ico-sunrise:before {
    content: "\eb05";
}

.ico-alipan:before {
    content: "\e706";
}

.ico-circular-media-stop:before {
    content: "\e806";
}

.ico-grass:before {
    content: "\e906";
}

.ico-set-standard:before {
    content: "\ea06";
}

.ico-suffix-wps:before {
    content: "\eb06";
}

.ico-aim-disable:before {
    content: "\e707";
}

.ico-circular-direction-down:before {
    content: "\e807";
}

.ico-handball:before {
    content: "\e907";
}

.ico-set-empty:before {
    content: "\ea07";
}

.ico-suitcase:before {
    content: "\eb07";
}

.ico-aliyun:before {
    content: "\e708";
}

.ico-circular-direction-right:before {
    content: "\e808";
}

.ico-hd:before {
    content: "\e908";
}

.ico-Separator-vertical:before {
    content: "\ea08";
}

.ico-sunflower:before {
    content: "\eb08";
}

.ico-align-vertical-center:before {
    content: "\e709";
}

.ico-circular-deviation-up:before {
    content: "\e809";
}

.ico-hanger:before {
    content: "\e909";
}

.ico-search-reduce:before {
    content: "\ea09";
}

.ico-sunshade:before {
    content: "\eb09";
}

.ico-alone-bottom:before {
    content: "\e70a";
}

.ico-circular-pie-3:before {
    content: "\e80a";
}

.ico-headset:before {
    content: "\e90a";
}

.ico-share:before {
    content: "\ea0a";
}

.ico-suv:before {
    content: "\eb0a";
}

.ico-alone-disperse-horizontal:before {
    content: "\e70b";
}

.ico-circular-pie-5:before {
    content: "\e80b";
}

.ico-heart-full:before {
    content: "\e90b";
}

.ico-shoes:before {
    content: "\ea0b";
}

.ico-sunset:before {
    content: "\eb0b";
}

.ico-afs:before {
    content: "\e70c";
}

.ico-circular-pie-6:before {
    content: "\e80c";
}

.ico-headset-mic:before {
    content: "\e90c";
}

.ico-shop:before {
    content: "\ea0c";
}

.ico-tabletennis:before {
    content: "\eb0c";
}

.ico-alone-disperse-vertical:before {
    content: "\e70d";
}

.ico-circular-pie-1:before {
    content: "\e80d";
}

.ico-heart-disable:before {
    content: "\e90d";
}

.ico-shoppingbag:before {
    content: "\ea0d";
}

.ico-syringe:before {
    content: "\eb0d";
}

.ico-alone-code:before {
    content: "\e70e";
}

.ico-circular-pie-8:before {
    content: "\e80e";
}

.ico-handcart:before {
    content: "\e90e";
}

.ico-shoppingbasket:before {
    content: "\ea0e";
}

.ico-swastika:before {
    content: "\eb0e";
}

.ico-aim:before {
    content: "\e70f";
}

.ico-circular-pie-7:before {
    content: "\e80f";
}

.ico-hexagonal:before {
    content: "\e90f";
}

.ico-shoppingcart:before {
    content: "\ea0f";
}

.ico-tableware:before {
    content: "\eb0f";
}

.ico-alone-left:before {
    content: "\e710";
}

.ico-circular-search:before {
    content: "\e810";
}

.ico-helmet:before {
    content: "\e910";
}

.ico-shoppingcart-simple:before {
    content: "\ea10";
}

.ico-table:before {
    content: "\eb10";
}

.ico-alone-gather-horizontal:before {
    content: "\e711";
}

.ico-circular-spin:before {
    content: "\e811";
}

.ico-hive:before {
    content: "\e911";
}

.ico-shut:before {
    content: "\ea11";
}

.ico-talk:before {
    content: "\eb11";
}

.ico-alone-margin-bottom:before {
    content: "\e712";
}

.ico-circular-vertical:before {
    content: "\e812";
}

.ico-home-empty:before {
    content: "\e912";
}

.ico-shovel:before {
    content: "\ea12";
}

.ico-taiji:before {
    content: "\eb12";
}

.ico-alone-margin-left:before {
    content: "\e713";
}

.ico-circular-stack:before {
    content: "\e813";
}

.ico-home-stilted:before {
    content: "\e913";
}

.ico-signal:before {
    content: "\ea13";
}

.ico-talk-add:before {
    content: "\eb13";
}

.ico-alone-side-right:before {
    content: "\e714";
}

.ico-circular-warn:before {
    content: "\e814";
}

.ico-home-full:before {
    content: "\e914";
}

.ico-signal-low:before {
    content: "\ea14";
}

.ico-tag:before {
    content: "\eb14";
}

.ico-alone-side-bottom:before {
    content: "\e715";
}

.ico-clamp:before {
    content: "\e815";
}

.ico-hotel:before {
    content: "\e915";
}

.ico-signal-high:before {
    content: "\ea15";
}

.ico-talk-control:before {
    content: "\eb15";
}

.ico-alone-margin-right:before {
    content: "\e716";
}

.ico-clock:before {
    content: "\e816";
}

.ico-home-attic:before {
    content: "\e916";
}

.ico-signal-middle:before {
    content: "\ea16";
}

.ico-talk-delete:before {
    content: "\eb16";
}

.ico-alone-gather-vertical:before {
    content: "\e717";
}

.ico-circular-star:before {
    content: "\e817";
}

.ico-heart:before {
    content: "\e917";
}

.ico-signaltower-send:before {
    content: "\ea17";
}

.ico-talk-empty:before {
    content: "\eb17";
}

.ico-alone-right:before {
    content: "\e718";
}

.ico-circular-user:before {
    content: "\e818";
}

.ico-hourglass-start:before {
    content: "\e918";
}

.ico-signpost:before {
    content: "\ea18";
}

.ico-talk-info:before {
    content: "\eb18";
}

.ico-amazon:before {
    content: "\e719";
}

.ico-clock-add:before {
    content: "\e819";
}

.ico-honor:before {
    content: "\e919";
}

.ico-signs-noentry:before {
    content: "\ea19";
}

.ico-talk-list:before {
    content: "\eb19";
}

.ico-alone-verification:before {
    content: "\e71a";
}

.ico-class:before {
    content: "\e81a";
}

.ico-hourglass-end:before {
    content: "\e91a";
}

.ico-signal-source:before {
    content: "\ea1a";
}

.ico-talk-warning:before {
    content: "\eb1a";
}

.ico-alone-margin-top:before {
    content: "\e71b";
}

.ico-clock-alarm:before {
    content: "\e81b";
}

.ico-hourglass:before {
    content: "\e91b";
}

.ico-signs-warning:before {
    content: "\ea1b";
}

.ico-talk-reduce:before {
    content: "\eb1b";
}

.ico-alone-top:before {
    content: "\e71c";
}

.ico-clock-punctually:before {
    content: "\e81c";
}

.ico-hotel-tag:before {
    content: "\e91c";
}

.ico-signs-noparking:before {
    content: "\ea1c";
}

.ico-talk-more:before {
    content: "\eb1c";
}

.ico-anchor:before {
    content: "\e71d";
}

.ico-clip:before {
    content: "\e81d";
}

.ico-home:before {
    content: "\e91d";
}

.ico-skating:before {
    content: "\ea1d";
}

.ico-talk-new:before {
    content: "\eb1d";
}

.ico-alone-side-left:before {
    content: "\e71e";
}

.ico-clothes:before {
    content: "\e81e";
}

.ico-image:before {
    content: "\e91e";
}

.ico-skirt:before {
    content: "\ea1e";
}

.ico-taobao:before {
    content: "\eb1e";
}

.ico-alone-side-top:before {
    content: "\e71f";
}

.ico-clock-disable:before {
    content: "\e81f";
}

.ico-icehockey:before {
    content: "\e91f";
}

.ico-skype:before {
    content: "\ea1f";
}

.ico-talk-dialogue:before {
    content: "\eb1f";
}

.ico-angle-clash-horizontal:before {
    content: "\e720";
}

.ico-cloud-add:before {
    content: "\e820";
}

.ico-ie:before {
    content: "\e920";
}

.ico-slide:before {
    content: "\ea20";
}

.ico-telecamera:before {
    content: "\eb20";
}

.ico-cloudy:before {
    content: "\e821";
}

.ico-hockey:before {
    content: "\e921";
}

.ico-smoke-disable:before {
    content: "\ea21";
}

.ico-tape:before {
    content: "\eb21";
}

.ico-angle-clash-vertical:before {
    content: "\e722";
}

.ico-cloud:before {
    content: "\e822";
}

.ico-indicator:before {
    content: "\e922";
}

.ico-snack:before {
    content: "\ea22";
}

.ico-tea:before {
    content: "\eb22";
}

.ico-angle-back:before {
    content: "\e723";
}

.ico-clock-empty:before {
    content: "\e823";
}

.ico-infinite-cycle:before {
    content: "\e923";
}

.ico-smoke:before {
    content: "\ea23";
}

.ico-telecamera-disable:before {
    content: "\eb23";
}

.ico-angle-compromise:before {
    content: "\e724";
}

.ico-cloud-delete:before {
    content: "\e824";
}

.ico-Industry:before {
    content: "\e924";
}

.ico-snooker:before {
    content: "\ea24";
}

.ico-temperature:before {
    content: "\eb24";
}

.ico-angle-disperse:before {
    content: "\e725";
}

.ico-cloud-up:before {
    content: "\e825";
}

.ico-instagram:before {
    content: "\e925";
}

.ico-snow-ice:before {
    content: "\ea25";
}

.ico-tencentcloud:before {
    content: "\eb25";
}

.ico-android:before {
    content: "\e726";
}

.ico-close:before {
    content: "\e826";
}

.ico-ios:before {
    content: "\e926";
}

.ico-snow-heavy:before {
    content: "\ea26";
}

.ico-telescope:before {
    content: "\eb26";
}

.ico-angle-free-horizontal:before {
    content: "\e727";
}

.ico-cloudy-night:before {
    content: "\e827";
}

.ico-imagelist:before {
    content: "\e927";
}

.ico-snow:before {
    content: "\ea27";
}

.ico-angle-free-vertical:before {
    content: "\e728";
}

.ico-coil:before {
    content: "\e828";
}

.ico-ip:before {
    content: "\e928";
}

.ico-socket:before {
    content: "\ea28";
}

.ico-thumb-down:before {
    content: "\eb28";
}

.ico-angle-downstream:before {
    content: "\e729";
}

.ico-cloudy-overcast:before {
    content: "\e829";
}

.ico-icecream:before {
    content: "\e929";
}

.ico-soccer:before {
    content: "\ea29";
}

.ico-textbook:before {
    content: "\eb29";
}

.ico-angle-loop:before {
    content: "\e72a";
}

.ico-cloud-reduce:before {
    content: "\e82a";
}

.ico-kabaw:before {
    content: "\e92a";
}

.ico-spanner:before {
    content: "\ea2a";
}

.ico-textbook-empty:before {
    content: "\eb2a";
}

.ico-angle-infinite:before {
    content: "\e72b";
}

.ico-circular-wave:before {
    content: "\e82b";
}

.ico-jellyfish:before {
    content: "\e92b";
}

.ico-spellcheck:before {
    content: "\ea2b";
}

.ico-thunderstorm:before {
    content: "\eb2b";
}

.ico-angle-bottom:before {
    content: "\e72c";
}

.ico-cone-tilt:before {
    content: "\e82c";
}

.ico-key:before {
    content: "\e92c";
}

.ico-square:before {
    content: "\ea2c";
}

.ico-telescope-focus:before {
    content: "\eb2c";
}

.ico-angle-intersect:before {
    content: "\e72d";
}

.ico-cloudy-day:before {
    content: "\e82d";
}

.ico-keyboard:before {
    content: "\e92d";
}

.ico-thumb-up:before {
    content: "\eb2d";
}

.ico-angle-gather:before {
    content: "\e72e";
}

.ico-cpu:before {
    content: "\e82e";
}

.ico-jd:before {
    content: "\e92e";
}

.ico-tim:before {
    content: "\eb2e";
}

.ico-angle-enlarge:before {
    content: "\e72f";
}

.ico-compass:before {
    content: "\e82f";
}

.ico-knife-kitchen:before {
    content: "\e92f";
}

.ico-thumbtack:before {
    content: "\eb2f";
}

.ico-angle-loop-only:before {
    content: "\e730";
}

.ico-cook:before {
    content: "\e830";
}

.ico-knob:before {
    content: "\e930";
}

.ico-tmall:before {
    content: "\eb30";
}

.ico-angle-devicerotate-disable:before {
    content: "\e731";
}

.ico-cloud-down:before {
    content: "\e831";
}

.ico-infinite:before {
    content: "\e931";
}

.ico-tin:before {
    content: "\eb31";
}

.ico-angle-in:before {
    content: "\e732";
}

.ico-cream-empty:before {
    content: "\e832";
}

.ico-knot:before {
    content: "\e932";
}

.ico-space:before {
    content: "\ea32";
}

.ico-time:before {
    content: "\eb32";
}

.ico-angle-devicerotate:before {
    content: "\e733";
}

.ico-cone:before {
    content: "\e833";
}

.ico-key-secret:before {
    content: "\e933";
}

.ico-sound:before {
    content: "\ea33";
}

.ico-toilet-men:before {
    content: "\eb33";
}

.ico-angle-loop-vertical:before {
    content: "\e734";
}

.ico-controller:before {
    content: "\e834";
}

.ico-ladder:before {
    content: "\e934";
}

.ico-toggle-off:before {
    content: "\eb34";
}

.ico-angle-left:before {
    content: "\e735";
}

.ico-coupon:before {
    content: "\e835";
}

.ico-kuaishou:before {
    content: "\e935";
}

.ico-toggle-on:before {
    content: "\eb35";
}

.ico-angle-loop-reversal:before {
    content: "\e736";
}

.ico-cream:before {
    content: "\e836";
}

.ico-lamp:before {
    content: "\e936";
}

.ico-train:before {
    content: "\eb36";
}

.ico-angle-merge:before {
    content: "\e737";
}

.ico-comb:before {
    content: "\e837";
}

.ico-knowledge:before {
    content: "\e937";
}

.ico-toilet-woman:before {
    content: "\eb37";
}

.ico-angle-out:before {
    content: "\e738";
}

.ico-command:before {
    content: "\e838";
}

.ico-light:before {
    content: "\e938";
}

.ico-truck:before {
    content: "\eb38";
}

.ico-angle-loop-triangle:before {
    content: "\e739";
}

.ico-controller-hold:before {
    content: "\e839";
}

.ico-layer:before {
    content: "\e939";
}

.ico-square-a:before {
    content: "\ea39";
}

.ico-trophy:before {
    content: "\eb39";
}

.ico-angle-loop-place:before {
    content: "\e73a";
}

.ico-compatible:before {
    content: "\e83a";
}

.ico-light-disable:before {
    content: "\e93a";
}

.ico-square-add:before {
    content: "\ea3a";
}

.ico-trafficlight:before {
    content: "\eb3a";
}

.ico-angle-side-left:before {
    content: "\e73b";
}

.ico-cricket:before {
    content: "\e83b";
}

.ico-lemon:before {
    content: "\e93b";
}

.ico-square-c:before {
    content: "\ea3b";
}

.ico-trousers:before {
    content: "\eb3b";
}

.ico-angle-side-bottom:before {
    content: "\e73c";
}

.ico-crossplatform:before {
    content: "\e83c";
}

.ico-lipstick:before {
    content: "\e93c";
}

.ico-square-b:before {
    content: "\ea3c";
}

.ico-tunnel:before {
    content: "\eb3c";
}

.ico-angle-loop-horizontal:before {
    content: "\e73d";
}

.ico-currency-pound:before {
    content: "\e83d";
}

.ico-liquidsoap:before {
    content: "\e93d";
}

.ico-square-circular:before {
    content: "\ea3d";
}

.ico-turbine:before {
    content: "\eb3d";
}

.ico-angle-right:before {
    content: "\e73e";
}

.ico-currency:before {
    content: "\e83e";
}

.ico-link:before {
    content: "\e93e";
}

.ico-square-code:before {
    content: "\ea3e";
}

.ico-twitter:before {
    content: "\eb3e";
}

.ico-angle-side-right:before {
    content: "\e73f";
}

.ico-cut:before {
    content: "\e83f";
}

.ico-list-left:before {
    content: "\e93f";
}

.ico-square-d:before {
    content: "\ea3f";
}

.ico-uigg:before {
    content: "\eb3f";
}

.ico-angle-side-top:before {
    content: "\e740";
}

.ico-crown:before {
    content: "\e840";
}

.ico-list-right:before {
    content: "\e940";
}

.ico-square-e:before {
    content: "\ea40";
}

.ico-usb:before {
    content: "\eb40";
}

.ico-angle-stagger-horizontal:before {
    content: "\e741";
}

.ico-currency-dollar:before {
    content: "\e841";
}

.ico-lock:before {
    content: "\e941";
}

.ico-square-f:before {
    content: "\ea41";
}

.ico-umbrella-open:before {
    content: "\eb41";
}

.ico-angle-top:before {
    content: "\e742";
}

.ico-currency-euro:before {
    content: "\e842";
}

.ico-load:before {
    content: "\e942";
}

.ico-square-data:before {
    content: "\ea42";
}

.ico-user:before {
    content: "\eb42";
}

.ico-angle-random:before {
    content: "\e743";
}

.ico-cyclone:before {
    content: "\e843";
}

.ico-list:before {
    content: "\e943";
}

.ico-squareflower-empty:before {
    content: "\ea43";
}

.ico-user-add:before {
    content: "\eb43";
}

.ico-angle-synchronization-left:before {
    content: "\e744";
}

.ico-currency-rmb:before {
    content: "\e844";
}

.ico-lock-on:before {
    content: "\e944";
}

.ico-square-disable:before {
    content: "\ea44";
}

.ico-umbrella:before {
    content: "\eb44";
}

.ico-angle-synchronization-right:before {
    content: "\e745";
}

.ico-cyclone-spread:before {
    content: "\e845";
}

.ico-lock-add:before {
    content: "\e945";
}

.ico-squareflower:before {
    content: "\ea45";
}

.ico-unionpay:before {
    content: "\eb45";
}

.ico-angle-stagger-vertical:before {
    content: "\e746";
}

.ico-creativecloud:before {
    content: "\e846";
}

.ico-lock-reduce:before {
    content: "\e946";
}

.ico-square-g:before {
    content: "\ea46";
}

.ico-user-agent:before {
    content: "\eb46";
}

.ico-angle-upstream:before {
    content: "\e747";
}

.ico-currency-ce:before {
    content: "\e847";
}

.ico-location:before {
    content: "\e947";
}

.ico-square-fillet:before {
    content: "\ea47";
}

.ico-trampoline:before {
    content: "\eb47";
}

.ico-aperture:before {
    content: "\e748";
}

.ico-currency-ghc:before {
    content: "\e848";
}

.ico-lollipop:before {
    content: "\e948";
}

.ico-square-delete:before {
    content: "\ea48";
}

.ico-tree:before {
    content: "\eb48";
}

.ico-archive:before {
    content: "\e749";
}

.ico-dart:before {
    content: "\e849";
}

.ico-lottery:before {
    content: "\e949";
}

.ico-square-dotted:before {
    content: "\ea49";
}

.ico-user-full:before {
    content: "\eb49";
}

.ico-app:before {
    content: "\e74a";
}

.ico-currency-thb:before {
    content: "\e84a";
}

.ico-lottery-fail:before {
    content: "\e94a";
}

.ico-square-h:before {
    content: "\ea4a";
}

.ico-user-expert:before {
    content: "\eb4a";
}

.ico-archive-add:before {
    content: "\e74b";
}

.ico-decoration-left-top:before {
    content: "\e84b";
}

.ico-lottery-less:before {
    content: "\e94b";
}

.ico-square-i:before {
    content: "\ea4b";
}

.ico-user-delete:before {
    content: "\eb4b";
}

.ico-archery:before {
    content: "\e74c";
}

.ico-decoration-flower:before {
    content: "\e84c";
}

.ico-lottery-many:before {
    content: "\e94c";
}

.ico-square-j:before {
    content: "\ea4c";
}

.ico-vertex-left-buttom:before {
    content: "\eb4c";
}

.ico-archive-empty:before {
    content: "\e74d";
}

.ico-decoration-right-bottom:before {
    content: "\e84d";
}

.ico-lottery-win:before {
    content: "\e94d";
}

.ico-square-k:before {
    content: "\ea4d";
}

.ico-user-group:before {
    content: "\eb4d";
}

.ico-arrow-download:before {
    content: "\e74e";
}

.ico-magnet:before {
    content: "\e94e";
}

.ico-square-l:before {
    content: "\ea4e";
}

.ico-user-voice:before {
    content: "\eb4e";
}

.ico-angle-separate:before {
    content: "\e74f";
}

.ico-crop:before {
    content: "\e84f";
}

.ico-mail:before {
    content: "\e94f";
}

.ico-square-m:before {
    content: "\ea4f";
}

.ico-vertex-right-bottom:before {
    content: "\eb4f";
}

.ico-arrow-forward-left:before {
    content: "\e750";
}

.ico-decoration-left-bottom:before {
    content: "\e850";
}

.ico-mail-lock:before {
    content: "\e950";
}

.ico-square-n:before {
    content: "\ea50";
}

.ico-vertex-left-top:before {
    content: "\eb50";
}

.ico-archive-reduce:before {
    content: "\e751";
}

.ico-decoration-ring:before {
    content: "\e851";
}

.ico-mail-new:before {
    content: "\e951";
}

.ico-square-o:before {
    content: "\ea51";
}

.ico-vertex-right-top:before {
    content: "\eb51";
}

.ico-arrow-forward-right:before {
    content: "\e752";
}

.ico-data:before {
    content: "\e852";
}

.ico-mail-open:before {
    content: "\e952";
}

.ico-square-p:before {
    content: "\ea52";
}

.ico-videolist:before {
    content: "\eb52";
}

.ico-arrow-bottom:before {
    content: "\e753";
}

.ico-delete:before {
    content: "\e853";
}

.ico-map-empty:before {
    content: "\e953";
}

.ico-square-q:before {
    content: "\ea53";
}

.ico-videotape:before {
    content: "\eb53";
}

@media(max-width:640px) {
    .ico {
        font-size: .36rem;
    }
}


/* typeface */

@font-face {
    font-family: uigg;
    src: local('PingFang SC'), local('Microsoft Yahei');
}

@font-face {
    font-family: yahei;
    src: local('Microsoft Yahei');
}

@font-face {
    font-family: jhenghei;
    src: local('Microsoft JhengHei');
}

.font-uigg {
    font-family: uigg;
}

.font-yahei {
    font-family: yahei;
}

.font-jhenghei {
    font-family: jhenghei;
}

.font-nsimsun {
    font-family: nsimsun;
}

.font-kaiti {
    font-family: kaiti;
}

.font-lisu {
    font-family: lisu;
}

.font-youyuan {
    font-family: youyuan;
}

.font-fangsong {
    font-family: fangsong;
}

.font-xingkai {
    font-family: STXingkai;
}

.font-xinwei {
    font-family: STXinwei;
}

.font-arial {
    font-family: arial;
}

.font-tahoma {
    font-family: tahoma;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    text-transform: capitalize;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    /* font-size: 18px; */
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

@media(max-width:640px) {
    h1 {
        font-size: .32rem;
    }
    h2 {
        font-size: .28rem;
    }
    h3 {
        font-size: .26rem;
    }
    h4 {
        font-size: .24rem;
    }
    h5 {
        font-size: .22rem;
    }
    h6 {
        font-size: .2rem;
    }
}


/* pop */

pop,
pop>x {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

pop {
    position: fixed;
    background-color: var(--000-8);
    z-index: 999;
    display: none;
}


/*pop > x {position: absolute;}*/

pop-main {
    width: 90%;
    max-width: 720px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

pop-title {
    background-color: white;
    border-bottom-width: 1px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

pop-title h3 {
    width: 100%;
    line-height: 50px;
    padding: 0 20px;
    flex: 1;
    min-width: 0;
    font-size: 18px;
}

pop-title h3:nth-child(2) {
    padding: 0;
}

pop-title .ico {
    line-height: 50px;
    width: 50px;
    height: 50px;
}

pop-title .close:after {
    content: '';
}

pop-cont {
    background-color: white;
    display: block;
}

pop-solve {
    display: flex;
}

pop-solve .btn {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}

pop-solve .btn:hover {
    transform: translate(0);
}

pop-choice,
pop-sider {
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

pop-choice {
    bottom: 0;
    width: 100%;
}

pop-sider {
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    background-color: white;
}

@media(max-width:640px) {
    pop-title h3 {
        line-height: .7rem;
        padding: 0 .2rem;
        font-size: .24rem;
    }
    pop-title .ico {
        line-height: .7rem;
        width: .7rem;
        height: .7rem;
    }
    pop-sider {
        width: 5rem;
    }
}


/* tip */

tip {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    padding: 10px 15px;
    background-color: white;
    transition-duration: 0s;
    border-width: 1px;
    line-height: 24px;
}

@media(max-width:640px) {
    tip {
        padding: .1rem .15rem;
        line-height: .3rem;
    }
}


/* btn */

.btn {
    text-align: center;
    height: 50px;
    line-height: 50px;
    position: relative;
    background-color: var(--color);
    color: white;
    border-radius: 2px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    user-select: none;
}

.btn .ico {
    margin: 5px;
    color: white;
}

.btn:hover {
    transform: translateY(5px);
}

.btn-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-flex .btn,
.btn-flex button {
    flex: 1;
}

.btn-empty {
    background-color: transparent !important;
    border: 1px solid;
    color: var(--color);
}

.btn-empty .ico {
    color: var(--color);
}

.btn-disable {
    filter: grayscale(100%);
}

.btn-disable:hover {
    transform: translateY(0);
    cursor: no-drop;
}

@media(max-width:640px) {
    .btn {
        height: .8rem;
        line-height: .8rem;
        border-radius: .03rem;
        padding: 0 .2rem;
        font-size: .22rem;
        font-weight: bold;
    }
    .btn:hover {
        transform: translateY(0);
    }
    .btn .ico {
        margin: .05rem;
    }
}


/* nav */

nav {
    /* width: 100%; */
    /* display: flex; */
    position: relative;
    /* left: 0; */
    /* bottom: 0; */
    z-index: 3;
    /* background-color: white; */
    /* box-shadow: 0 0 5px var(--000-1); */
}


/* nav li {
    width: 100%;
    padding: 8px;
} */

nav li a {
    display: block;
    padding: 8px 0;
    position: relative;
    border-radius: 5px;
}

nav li .ico {
    display: block;
    margin: 0 auto 5px;
    font-size: 32px;
}

nav li span {
    display: block;
    text-align: center;
    line-height: 100%;
    text-transform: capitalize;
}

@media(max-width:640px) {
    space {
        height: 1.4rem;
    }
    nav {
        box-shadow: 0 0 .05rem var(--000-1);
    }
    nav li {
        padding: .08rem;
    }
    nav li a {
        padding: .08rem 0;
    }
    nav li .ico {
        margin: 0 auto .02rem;
        font-size: .32rem;
    }
    nav li span {
        font-size: .18rem;
    }
}


/* menu */

menu {
    text-transform: capitalize;
}

menu x.ico {
    display: none;
    float: right;
}

menu x.ico:after {
    content: '\e961';
}

menu-cont {
    text-align: center;
}

menu-cont li {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

menu-cont li:hover menu-group {
    display: block;
}

menu-cont li a {
    display: block;
    user-select: none;
}

menu-cont li>a {
    padding: 0 10px;
}

menu-group {
    position: absolute;
    left: 0;
    display: none;
    width: 100%;
    background-color: white;
    box-shadow: 0 5px 10px var(--000-1);
}

menu-group a {
    line-height: 40px;
}

menu-list h6 {
    line-height: 50px;
}

@media(max-width:640px) {
    menu x.ico {
        display: block;
        width: .8rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .42rem;
    }
    menu-cont {
        position: absolute;
        left: 0;
        top: .8rem;
        background-color: var(--000-9);
        width: 100vw;
        display: none;
    }
    menu-cont li {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
    }
    menu-cont li:not(:last-child) {
        border-bottom: 1px var(--333) solid;
    }
    menu-cont li,
    menu-cont li a {
        color: white;
    }
    menu-cont li a {
        line-height: .7rem;
        padding: 0 .2rem;
    }
    menu-cont li:hover menu-group {
        display: none;
    }
    menu-group {
        width: 100%;
        background-color: var(--333);
        padding: 0;
        position: static;
        overflow: hidden;
    }
    menu-list h6 {
        color: white;
        line-height: .7rem;
    }
}


/* title */

.title {
    text-align: center;
}

.title h3,
.title em {
    display: inline-block;
    vertical-align: middle;
}

.title span {
    display: block;
}

.title-flex {
    display: flex;
}

.title-flex h3 {
    flex: 1;
    min-width: 0;
    padding: 0 10px;
}

@media(max-width:640px) {
    .title-flex h3 {
        padding: 0 .1rem;
    }
}


/* toggle */

o {
    font-family: ico !important;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    margin: auto;
    line-height: 1;
    text-transform: none;
    display: inline-block;
    direction: ltr;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    color: var(--color);
}

o.radio:after {
    content: '\e9ce';
}

o.radio.active:after {
    content: '\e9c6';
}

o.radio-done:after {
    content: '\e9ce';
}

o.radio-done.active:after {
    content: '\e9c5';
}

o.checkbox:after {
    content: '\e7da';
}

o.checkbox.active:after {
    content: '\e7dc';
}

o.checkbox-done:after {
    content: '\e7da';
}

o.checkbox-done.active:after {
    content: '\e7d7';
}

o.checkbox-cancel:after {
    content: '\e7da';
}

o.checkbox-cancel.active:after {
    content: '\e7d8';
}

o.checkbox-all {}

o.favorite:after {
    content: '\e917';
}

o.favorite.active:after {
    content: '\e90b';
}

o.star:after {
    content: '\ea62';
}

o.star.active:after {
    content: '\ea65';
}

o.visibility:after {
    content: '\eb5a';
}

o.visibility.active:after {
    content: '\eb5d';
}

o.password:after {
    content: '\eb5a';
}

o.password.active:after {
    content: '\ebc6';
}

o.mic:after {
    content: '\e97b';
}

o.mic.active:after {
    content: '\e971';
}

o.volume:after {
    content: '\eb5b';
}

o.volume.active:after {
    content: '\eb60';
}

o.muzak:after {
    content: '\e98c';
}

o.muzak.active:after {
    content: '\e990';
}

o.phonecard:after {
    content: '\e9ab';
}

o.phonecard.active:after {
    content: '\e9a8';
}

o.telecamera:after {
    content: '\eb20';
}

o.telecamera.active:after {
    content: '\eb23';
}

o.camera:after {
    content: '\e7be';
}

o.camera.active:after {
    content: '\e7c0';
}

o.aim:after {
    content: '\e70f';
}

o.aim.active:after {
    content: '\e707';
}

o.semaphore:after {
    content: '\e9fe';
}

o.semaphore.active:after {
    content: '\ea01';
}

o.suitcase:after {
    content: '\eb07';
}

o.suitcase.active:after {
    content: '\eb01';
}

o.toggle:after {
    content: '\eb34';
}

o.toggle.active:after {
    content: '\eb35';
}

o.toggle {
    font-size: 36px;
}

@media(max-width:640px) {
    o {
        font-size: .32rem;
        margin: 0;
    }
}


/* form */

button,
input,
optgroup,
select,
textarea {
    outline: none;
    border-radius: 0;
}

textarea {
    resize: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="range"],
input[type="range"]::-webkit-slider-thumb,
input[type="search"]::-webkit-search-cancel-button,
select,
textarea,
progress,
::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: var(--ccc);
    text-transform: capitalize;
}

::-moz-placeholder {
    color: var(--ccc);
}

::-webkit-progress-bar {
    background-color: var(--f7);
    border-radius: 100px;
    height: 10px;
}

::-webkit-progress-value {
    background-color: var(--color);
    border-radius: 100px;
}

::-moz-progress-bar {
    background-color: var(--color);
}

input[type="range"],
input[type="file"],
input[type="color"] {
    padding: 0;
    background: none !important;
    border: 0;
}

input[type="range"]::-webkit-slider-runnable-track {
    height: 4px;
    background-color: var(--color);
}

input[type="range"]::-webkit-slider-thumb {
    width: 24px;
    height: 24px;
    background-color: var(--color);
    border-radius: 100%;
    margin-top: -10px;
    box-shadow: 0 3px 6px var(--color);
}

input[type="file"]::-webkit-file-upload-button {
    background-color: var(--color);
    border: 0;
    cursor: pointer;
    height: 50px;
    color: white;
    border-radius: 2px;
    text-transform: capitalize;
    padding: 0 20px;
}

input[type="color"] {
    width: 50px;
}

::-webkit-calendar-picker-indicator {
    transform: scale(1.3);
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url(https://cdn.jsdelivr.net/npm/uigg/ico/svg/time/calendar.svg);
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background-image: url(https://cdn.jsdelivr.net/npm/uigg/ico/svg/time/calendar-many.svg);
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background-image: url(https://cdn.jsdelivr.net/npm/uigg/ico/svg/time/time.svg);
}

input[type="week"]::-webkit-calendar-picker-indicator {
    background-image: url(https://cdn.jsdelivr.net/npm/uigg/ico/svg/time/calendar-less.svg);
}

input[type="month"]::-webkit-calendar-picker-indicator {
    background-image: url(https://cdn.jsdelivr.net/npm/uigg/ico/svg/time/calendar-reduce.svg);
}

select,
.input,
.input i,
.input o,
input {
    width: 100%;
    height: 50px;
    position: relative;
}

button {
    line-height: 50px;
}

.input i,
.input o {
    width: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    right: 0;
}

textarea {
    width: 100%;
    height: 120px;
    padding: 15px 10px;
    line-height: 160%;
}

input {
    padding: 0 10px;
}

select {
    padding: 0 50px 0 10px;
    background-image: url(https://cdn.jsdelivr.net/npm/uigg/ico/svg/arrow/alone-bottom.svg);
    background-size: 24px;
    background-position: calc(100% - 12px) center;
}

.form .input,
.form input,
.form select,
.form textarea,
.form span,
.form a,
.form button,
.form o,
.form cite,
.form .code {
    margin: 5px;
    float: left;
}

.form select,
.form .input,
.form input,
.form textarea {
    background-color: var(--f7);
}

.form .input input {
    background-color: transparent;
}

.form .input o {
    margin: 0;
}

.form li .input input {
    margin: 0;
}

.form progress {
    margin: 20px 5px 0;
}

.form {
    padding: 20px;
    overflow: hidden;
}

.form span,
.form cite,
.form li,
.form o {
    line-height: 50px;
}

.form li {
    display: block;
    width: 100%;
    float: left;
}

.form li.resolve {
    padding-left: 110px;
}

.form li.resolve .btn:not(:last-child) {
    margin-right: 10px;
}

.form li .code {
    width: 140px;
    height: 50px;
}

.form li .code img {
    width: 100%;
    height: 100%;
}

.form span:first-child {
    text-transform: capitalize;
}

.form li span:first-child {
    width: 100px;
}

.form .btn span {
    margin: 0;
}

.form .min {
    width: 10%;
}

.form .sml {
    width: 20%;
}

.form .med {
    width: 30%;
}

.form .lag {
    width: 50%;
}

.form .big {
    width: 60%;
}

.form .max {
    width: 80%;
}

.upload {
    float: left;
    flex: 1;
    min-width: 0;
}

.upload-group,
.upload-add {
    width: 100px;
    height: 100px;
    float: left;
    margin: 5px;
    background-color: var(--f7);
    line-height: 100px;
    font-size: 36px;
    color: var(--000-2);
}

.upload-group {
    position: relative;
    background-size: cover;
}

.upload-group input[type="file"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.upload x {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--red);
    color: white;
    border-radius: 0 0 0 36px;
    width: 36px;
    height: 36px;
    line-height: 30px;
    font-size: 24px;
    margin: 0;
    padding: 0 0 10px 10px;
}

.upload-group:after {
    content: '\e75b';
}

.upload x:after {
    content: '\e826';
}

.upload-add:after {
    content: '\e6f3';
}

@media(max-width:640px) {
    input[type="range"]::-webkit-slider-runnable-track {
        height: .05rem;
    }
    input[type="range"]::-webkit-slider-thumb {
        width: .35rem;
        height: .35rem;
        margin-top: -.15rem;
        box-shadow: 0 .03rem .06rem var(--color);
    }
    input[type="file"]::-webkit-file-upload-button {
        height: .7rem;
        border-radius: .03rem;
        padding: 0 .2rem;
    }
    input[type="color"] {
        width: .7rem;
        flex: none !important;
    }
     ::-webkit-progress-bar {
        height: .1rem;
    }
    button,
    select,
    .input,
    .input i,
    .input o,
    input {
        height: .7rem;
    }
    button {
        line-height: .7rem;
    }
    .input i,
    .input o {
        width: .7rem;
        line-height: .7rem;
    }
    textarea {
        padding: .18rem .1rem;
        height: 2rem;
    }
    input {
        padding: 0 .1rem;
    }
    select {
        padding: 0 .7rem 0 .1rem;
        background-size: .36rem;
        background-position: calc(100% - .16rem) center;
    }
    .form .input,
    .form input,
    .form select,
    .form textarea,
    .form span,
    .form a,
    .form button,
    .form o,
    .form cite,
    .form .code {
        margin: 0;
    }
    .form select,
    .form .input,
    .form input,
    .form textarea {
        background-color: transparent;
        flex: 1;
        min-width: 0;
    }
    .form progress {
        margin: .3rem 0 0;
    }
    .form {
        padding: .1rem;
    }
    .form span,
    .form cite,
    .form li,
    .form li .code,
    .form o {
        line-height: .7rem;
    }
    .form li,
    .form li.resolve {
        padding: .1rem 0;
        display: flex;
    }
    .form li:not(:last-child) {
        border-bottom-width: 1px;
    }
    .form li.resolve {
        border: 0;
    }
    .form li.resolve .btn {
        width: 100%;
    }
    .form li.resolve .btn:not(:last-child) {
        margin-right: .1rem;
    }
    .form li .code {
        width: 1.8rem;
        height: .7rem;
        font-size: .2rem;
        font-weight: normal;
    }
    .form li span:first-child {
        width: 1.2rem;
    }
    .form button {
        width: 100%;
    }
    .form cite {
        display: none;
    }
    .form .min,
    .form .sml,
    .form .med,
    .form .lag,
    .form .big,
    .form .max {
        width: auto;
        flex: 1;
        min-width: 0;
    }
    .upload-group,
    .upload-add {
        width: 1.1rem;
        height: 1.1rem;
        margin: .05rem;
        line-height: 1.1rem;
        font-size: .42rem;
    }
    .upload x {
        border-radius: 0 0 0 .5rem;
        width: .5rem;
        height: .5rem;
        line-height: .4rem;
        font-size: .32rem;
        padding: 0 0 .1rem .1rem;
    }
}


/* page */

page .ico,
page * {
    height: 50px;
    border-radius: 2px;
    text-align: center;
    margin: 2px;
    line-height: 50px;
}

page,
page ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

page ul a,
page span,
page input {
    font-size: 16px;
}

page a,
page button {
    background-color: var(--f7);
    width: 50px;
    user-select: none;
}

page ul {
    margin: 0;
    overflow: inherit;
}

page ul a {
    display: none;
    transition-duration: 0s;
}

page span {
    padding: 0 10px;
}

page input {
    border-width: 1px;
    width: 80px;
}

page a:hover,
page a.active,
page button:hover {
    background-color: var(--color);
    color: white;
    transition-duration: .3s;
}

page[min] span,
page[min] input,
page[min] button {
    display: none;
}

@media(max-width:640px) {
    page .ico,
    page * {
        height: .7rem;
        border-radius: .02rem;
        margin: .02rem;
        line-height: .7rem;
    }
    page ul a,
    page span,
    page input {
        font-size: .22rem;
    }
    page a,
    page button {
        width: .7rem;
    }
    page ul {
        display: none;
    }
    page span {
        padding: 0 .1rem;
    }
    page input {
        width: .7rem;
    }
}


/* tab */

tab {}

tab-list {
    overflow: hidden;
}

tab-list li {
    display: block;
    float: left;
    text-align: center;
}

tab-list li a {
    display: block;
    font-weight: bold;
    padding: 0 20px;
}

tab-group {
    display: none;
}

tab-group.active {
    display: block;
}

@media(max-width:640px) {
    tab-list li a {
        padding: 0 .2rem;
    }
}


/* table */

.table {}

.table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background-color: white;
}

.table table th,
.table table td {
    vertical-align: middle;
    text-align: center;
    height: 50px;
}

.table table th {
    text-transform: capitalize;
}

.table table thead th,
.table table thead td {
    font-weight: bold;
    color: white;
    text-transform: capitalize;
}

.table table thead tr {
    background-color: var(--color);
}

.table table tbody tr:nth-child(2n) {
    background-color: var(--f7);
}

.table table tbody tr:hover {
    background-color: var(--eee);
}

.table table tfoot tr:first-child td,
.table table tfoot tr:first-child th {
    border-top: 1px var(--color) solid;
}

@media(max-width:640px) {
    .table {
        overflow: auto;
    }
    .table table {
        max-width: 15rem;
    }
    .table table th,
    .table table td {
        height: .7rem;
    }
    .table table tbody tr:hover {
        background-color: transparent;
    }
}


/* swiper */

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 50px;
    color: var(--color);
    margin-top: -25px;
    display: flex;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: 'ico';
    content: '';
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--color);
}

.swiper-anime {
    display: none;
    animation-delay: .3s;
}

.swiper-animate .swiper-slide-active .swiper-anime {
    display: block;
}

.parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    background-size: cover;
}

.lug-thumbs a {
    display: inline-block;
}

.gallery-top,
.relative-top {
    margin-bottom: 10px;
}

@media(max-width:640px) {
    .swiper-button-next,
    .swiper-button-prev {
        width: .5rem;
        height: .5rem;
        font-size: .4rem;
        line-height: .5rem;
        margin-top: -.25rem;
    }
    .gallery-top,
    .relative-top {
        margin-bottom: .1rem;
    }
}


/* name */

name,
name h2,
name-logo,
name-search {
    display: flex;
    align-items: center;
    justify-content: center;
}

name {
    height: 80px;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 5px var(--000-1);
}

name u,
name h2,
name h3,
name-logo,
name-search {
    flex: 1;
    min-width: 0;
    text-align: center;
}

name h2,
name h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 26px;
}

name h2,
name-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

name h3 {
    text-align: left;
    border-left: 1px var(--eee) solid;
    padding: 0 20px;
}

name .ico {
    font-size: 36px;
    width: 80px;
    position: relative;
    z-index: 1;
}

name-logo {
    padding: 15px;
}

name-logo img {
    height: 100%;
    width: auto;
}

name-logo h1 {
    text-transform: uppercase;
    font-size: 30px;
    padding-left: 10px;
}

name-search {
    position: relative;
    margin: 10px 0;
    background-color: var(--000-1);
    border-radius: 30px;
}

name-search input {
    text-align: inherit;
    font-size: 24px;
    color: inherit;
    padding: 0 80px 0 0;
}

name-search input::-webkit-input-placeholder {
    color: var(--000-2);
}

name-search input::-moz-placeholder {
    color: var(--000-2);
}

@media(max-width:640px) {
    name {
        height: .8rem;
        box-shadow: 0 0 .05rem var(--000-1);
    }
    name h2,
    name h3 {
        font-size: .3rem;
    }
    name h3 {
        margin: .2rem 0;
        padding: 0 .25rem;
    }
    name .ico {
        font-size: .42rem;
        width: .8rem;
    }
    name-logo {
        padding: .15rem;
    }
    name-logo h1 {
        font-size: .32rem;
        padding-left: .1rem;
    }
    name-search {
        margin: .1rem 0;
        border-radius: .3rem;
    }
    name-search input {
        font-size: .24rem;
        height: .6rem;
        padding: 0 .8rem 0 0;
    }
}


/* load */

load {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: white url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiByPSIzMCIgc3Ryb2tlPSIjZWVlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHRyYW5zZm9ybT0icm90YXRlKDQ2Ny41NzkgNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzE4MCA1MCA1MDs3MjAgNTAgNTAiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjEuNXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaGFycmF5IiBjYWxjTW9kZT0ibGluZWFyIiB2YWx1ZXM9IjAgMTg4LjQ5NTU1OTIxNTM4NzU3OzE4OC40OTU1NTkyMTUzODc2IC0yLjg0MjE3MDk0MzA0MDQwMWUtMTQ7MCAxODguNDk1NTU5MjE1Mzg3NTciIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjEuNSIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjwvY2lyY2xlPjwvc3ZnPg==') center no-repeat;
    background-size: 100px 100px;
}

@media(max-width:640px) {
    load {
        background-size: 1rem 1rem;
    }
}


/* browser */

msie {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 50px;
    font-weight: lighter;
    text-transform: uppercase;
    color: whitesmoke;
}

@media(max-width:640px) {
    msie {
        font-size: .3rem;
    }
}


/* anew */

.anew {
    opacity: 0;
    z-index: 1;
}

.anew.btn {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 30px;
    width: 50px;
    font-size: 24px;
    font-weight: normal;
}

.anew.btn:hover {
    transform: translateY(-5px);
}

@media(max-width:640px) {
    .anew.btn {
        right: .2rem;
        width: .7rem;
        height: .7rem;
        margin: .2rem;
        font-size: .32rem;
    }
    .anew.btn:hover {
        transform: translateY(0);
    }
}


/* scaler */

scaler {
    display: flex;
}

scaler a {
    width: 50px;
}

scaler input {
    flex: 1;
    min-width: 0;
    text-align: center;
}

@media(max-width:640px) {
    scaler a {
        width: .7rem;
    }
}


/* list */

.list {
    overflow: hidden;
}

.list li:not(:last-child) {
    border-bottom-width: 1px;
}

@media(max-width:640px) {}


/* countdown */

countdown {}

countdown s {
    text-decoration: none;
}


/* music */

music {
    animation: muzak 10s infinite linear;
    border-radius: 100%;
    z-index: 999;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 0;
    background-color: var(--color);
    color: white;
    display: none;
}

music.ico {
    line-height: 50px;
    margin: 30px;
}

music[pause] {
    animation: none;
}

music:after {
    content: '\e98c';
}

music[pause]:after {
    content: '\e990';
}

@keyframes muzak {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media(max-width:640px) {
    music {
        width: .8rem;
        height: .8rem;
    }
    music.ico {
        line-height: .8rem;
        font-size: .48rem;
        margin: .3rem;
    }
}


/* drop */

drop {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    background-color: var(--f7);
}

drop x {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

drop i.ico {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
    width: 50px;
}

drop>i.ico {
    transform: rotate(90deg);
}

drop-cont {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

drop-list {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    background-color: white;
    width: 100%;
    box-shadow: 0 3px 6px var(--000-1);
    max-height: 50vh;
}

drop ul {
    overflow: visible;
}

drop li {
    position: relative;
}

drop li:not(:last-child) {
    border-bottom-width: 1px;
}

drop li drop-list {
    right: -100%;
    top: 0;
    left: auto;
}

drop li drop-list x {
    display: none;
}

drop a {
    padding: 0 20px;
    display: block;
    user-select: none;
}

drop li:hover>a {
    color: white;
    background-color: var(--color);
}

drop li:hover>drop-list {
    display: block;
}

drop li:hover>i {
    color: white;
}

drop.active>drop-list {
    display: block;
}

drop.active>i {
    transform: rotate(-90deg);
}

@media(max-width:640px) {
    drop {
        height: .7rem;
        line-height: .7rem;
    }
    drop i.ico {
        line-height: .7rem;
        width: .7rem;
    }
    drop-list {
        top: .7rem;
        box-shadow: 0 .03rem .06rem var(--000-1);
    }
    drop a {
        padding: 0 .2rem;
    }
}


/* rate */

rate {}

rate i {
    color: var(--orange);
    cursor: pointer;
}

rate i.active::before {
    content: '\ea65';
}


/* notify */

notify {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0 10px;
    z-index: 999;
}

notify li {
    width: 300px;
    padding: 30px 20px 20px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 5px 10px -3px var(--000-1);
    position: relative;
    margin: 10px 0;
    transition: .3s;
}

notify li x.ico {
    position: absolute;
    top: 0;
    right: 0;
    margin: 7px;
}

@media(max-width:640px) {
    notify {
        margin: 0 .1rem;
    }
    notify li {
        width: 4rem;
        padding: .4rem .2rem .2rem;
        border-radius: .1rem;
        box-shadow: 0 .05rem .1rem -.03rem var(--000-1);
        margin: .1rem 0;
    }
    notify li x.ico {
        margin: .08rem;
    }
}


/* avatar */

.avatar {
    border-radius: 100%;
    background-size: cover;
    display: block;
}


/* empty */

empty {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

empty.default {
    font-size: 30px;
    color: var(--000-1);
    text-transform: capitalize;
}

empty.default:after {
    content: 'empty';
}

empty .ico {
    display: block;
    font-size: 72px;
}

empty>.ico {
    margin: inherit;
}

@media(max-width:640px) {
    empty {
        font-size: .36rem;
    }
    empty .ico {
        font-size: .8rem;
    }
}


/* hop */

hop {
    position: relative;
}

hop x {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

hop a {
    height: 50px;
    line-height: 50px;
    min-width: 50px;
    display: block;
    text-align: center;
    user-select: none;
}

hop-cont {
    position: absolute;
    right: 0;
    top: 60px;
    width: 200px;
    box-shadow: 0 5px 10px var(--000-1);
    border-radius: 5px;
    display: none;
}

hop-cont corner {
    border-width: 0 10px 10px 10px;
    border-bottom-color: white;
    top: -10px;
}

hop-cont a {
    background-color: white;
    border-bottom-width: 1px;
    text-transform: capitalize;
}

hop-cont a:first-child {
    border-radius: 0px 0px 0 0;
}

hop-cont a:last-child {
    border-radius: 0 0 5px 5px;
    border: 0;
}

hop-cont a:hover {
    background-color: var(--color);
    color: white;
}

@media(max-width:640px) {
    hop a {
        height: .7rem;
        line-height: .7rem;
        min-width: .7rem;
    }
    hop-cont {
        top: .8rem;
        width: 3rem;
        box-shadow: 0 .05rem .1rem var(--000-1);
        border-radius: .05rem;
    }
    hop-cont corner {
        border-width: 0 .1rem .1rem .1rem;
        top: -.1rem;
    }
    hop-cont a:first-child {
        border-radius: .1rem .1rem 0 0;
    }
    hop-cont a:last-child {
        border-radius: 0 0 .1rem .1rem;
    }
}


/* random */

uigg-emot s {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: 90%;
    vertical-align: middle;
    cursor: pointer;
}

uigg-emot s:hover {
    background-color: var(--eee);
}

@media(max-width:640px) {
    uigg-emot s {
        width: .6rem;
        height: .6rem;
    }
}


/* chat */

chat {
    height: 100%;
    display: flex;
    position: relative;
}

chat ::-webkit-scrollbar {
    width: 3px;
}

chat .ico {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

chat s {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: 90%;
    vertical-align: middle;
    cursor: pointer;
}

chat chat-title .ico:hover,
chat chat-tool .ico:hover {
    background: var(--eee);
}

chat .avatar {
    width: 50px;
    height: 50px;
}

chat pop img {
    max-height: 100%;
}

chat aside {
    word-break: break-all;
}

chat aside * {
    white-space: normal;
}

chat aside img {
    max-width: 200px;
    border-radius: 5px;
    cursor: pointer;
    min-width: 50px;
    min-height: 50px;
}

chat aside video {
    max-width: 300px;
}

chat a[download] {
    background-color: var(--orange);
    display: inline-block;
    border-radius: 5px;
    padding-right: 20px;
}

chat a[download] .ico-file {
    width: 50px;
    height: 50px;
    background-color: transparent;
}

chat a[download]:hover .ico-file:before {
    content: '\e74e';
}

chat-title {
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    position: relative;
    z-index: 1;
}

chat-title h3 {
    font-size: 16px;
    flex: 1;
    padding: 0 10px;
}

chat-title input {
    flex: 1;
    min-width: 0;
}

chat-title x.ico-close {
    background: var(--red) !important;
    color: white;
    display: none;
}

chat-sider {
    width: 240px;
    display: flex;
    flex-direction: column;
    border-right-width: 1px;
}

chat-sider hop {
    position: static;
}

chat-sider hop-cont {
    width: 100%;
    top: 50px;
}

chat-sider hop-cont a {
    border-radius: 0 !important;
}

chat-sider hop-cont corner {
    display: none;
}

chat-list {
    flex: 1;
    overflow: auto;
}

chat-list li {}

chat-list li a {
    display: flex;
    align-items: center;
    padding: 10px;
}

chat-list li .avatar {
    margin-right: 5px;
}

chat-list li h6,
chat-list li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

chat-list li h6 {
    flex: 1;
    min-width: 0;
}

chat-list li span {
    color: var(--ccc);
    display: block;
}

chat-list li a.disable {
    filter: grayscale(100%);
}

chat-list li a.active {
    background-color: var(--f7);
}

chat-list li a:hover {
    background-color: var(--eee);
}

chat-cont {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background-color: white;
    position: relative;
    z-index: 1;
}

chat-message {
    flex: 1;
    border-bottom-width: 1px;
    overflow: auto;
}

chat-message li {
    padding: 10px 70px;
    position: relative;
    overflow: hidden;
}

chat-message li .avatar {
    position: absolute;
    left: 0;
    top: 0;
    margin: 10px;
}

chat-message li cite {
    display: block;
    margin-bottom: 5px;
    color: var(--ccc);
}

chat-message li aside {
    background-color: var(--f7);
    border-radius: 0 10px 10px 10px;
    padding: 10px;
    display: inline-block;
}

chat-message li.mine {}

chat-message li.mine .avatar {
    left: auto;
    right: 0;
}

chat-message li.mine cite {
    text-align: right;
}

chat-message li.mine aside {
    background-color: aliceblue;
    border-radius: 10px 0 10px 10px;
    float: right;
}

chat-tool {
    height: 50px;
    position: relative;
}

chat-tool>a {
    float: left;
    position: relative;
}

chat-tool>a input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

chat-tip {
    position: absolute;
    bottom: 50px;
    left: 0;
    background-color: white;
    border-width: 1px 0;
    width: 100%;
    overflow: auto;
    padding: 10px;
    display: none;
}

chat-control {
    height: 150px;
    position: relative;
    overflow: hidden;
}

chat-control aside {
    height: 100%;
    padding: 0 70px 0 10px;
    overflow: auto;
    -webkit-user-modify: read-write;
}

chat-control aside * {
    -webkit-user-modify: read-only;
}

chat-control .ico-paperplane {
    margin: 10px;
    background-color: var(--color);
    color: white;
    border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media(max-width:640px) {
    chat {
        display: block;
    }
    chat .ico {
        width: .7rem;
        height: .7rem;
        line-height: .7rem;
    }
    chat s {
        width: .6rem;
        height: .6rem;
    }
    chat .avatar {
        width: .6rem;
        height: .6rem;
    }
    chat aside img {
        max-width: 3rem;
        border-radius: .05rem;
        min-width: .7rem;
        min-height: .7rem;
    }
    chat aside video {
        max-width: 3rem;
    }
    chat a[download] {
        border-radius: .05rem;
        padding-right: .2rem;
    }
    chat a[download] .ico-file {
        width: .7rem;
        height: .7rem;
    }
    chat-title {
        height: .7rem;
    }
    chat-title h3 {
        font-size: .22rem;
        padding: 0 .1rem;
    }
    chat-title x.ico-close {
        display: block;
    }
    chat-sider {
        width: 100%;
        height: 100%;
        border-right-width: 0;
    }
    chat-sider hop-cont {
        top: .7rem;
    }
    chat-list li a {
        padding: .15rem;
    }
    chat-list li .avatar {
        margin-right: .1rem;
    }
    chat-cont {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
    }
    chat-message li {
        padding: .1rem .8rem;
    }
    chat-message li .avatar {
        margin: .1rem;
    }
    chat-message li cite {
        margin-bottom: .05rem;
    }
    chat-message li aside {
        border-radius: 0 .1rem .1rem .1rem;
        padding: .1rem;
    }
    chat-message li.mine aside {
        border-radius: .1rem 0 .1rem .1rem;
    }
    chat-tool {
        height: .7rem;
    }
    chat-emot {
        bottom: .7rem;
        padding: .1rem;
    }
    chat-control {
        height: 2rem;
    }
    chat-control aside {
        padding: 0 .9rem 0 .1rem;
    }
    chat-control .ico-paperplane {
        margin: .1rem;
    }
}


/* fold */

fold {}

fold tt {
    display: block;
    border-bottom-width: 1px;
}

fold tt a {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px;
}

fold tt a h5 {
    flex: 1;
    min-width: 0;
    line-height: 30px;
}

fold tt a .ico {
    width: 40px;
}

fold tt.active s {
    transform: rotate(180deg);
}

fold aside {
    display: none;
    padding: 10px;
}

@media(max-width:640px) {
    fold tt a {
        padding: .1rem;
    }
    fold tt a h5 {
        line-height: .5rem;
    }
    fold tt a .ico {
        width: .5rem;
    }
    fold aside {
        padding: .1rem;
    }
}

.clause form {
    width: 100%;
}

.v-wrapper,
.vkh-wrapper {
    width: 100% !important;
}

.img-promo {
    height: 150px;
}

.con-pro {
    /* background-color: #ccc !important; */
    padding: 10px;
}

.promo-end-wrapper {
    display: flex;
    flex-direction: row;
    margin-top: 21px;
    padding: 10px;
    justify-content: center;
}

.promo-end-wrapper p.promo-end-title {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    color: #949497;
    letter-spacing: 0.5px;
    margin: unset;
    display: inline-block;
}

.promo-end-wrapper .promo-countdown .promo-count::after {
    content: "";
    height: 70%;
    width: 1px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.promo-end-wrapper .promo-countdown .promo-count:last-child::after {
    display: none;
}

.promo-end-wrapper .promo-countdown .promo-count {
    display: inline-flex;
    width: 50px;
    height: 30px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.promo-end-wrapper .promo-countdown .promo-count p:first-child {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    /* background-color: var(--color); */
    color: var(--color);
    margin: unset;
    letter-spacing: 0.5px;
}

.promo-end-wrapper .promo-countdown .promo-count p:last-child {
    font-family: Poppins;
    font-size: 7px;
    font-weight: 300;
    color: #000000;
    margin: unset;
    letter-spacing: 0.5px;
    margin-top: -2px;
}

.promo-btn {
    display: flex;
    text-align: center;
    justify-content: space-evenly;
    margin-top: 20px;
}

.promo-pop tr,
.promo-pop td,
.promo-pop th {
    border: 1px solid rgba(0, 0, 0, 0.502);
}

.promo-pop span {
    color: #000 !important;
}

.promo-a {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    background-color: rgb(255, 223, 223) !important;
    box-shadow: var(--shadow);
}

.submit-more {
    border-radius: 5px;
    height: 40px !important;
    font-size: 16px !important;
}

.submit-join {
    border-radius: 5px;
    height: 40px !important;
    font-size: 16px !important;
}

.vertical-line {
    border-bottom: 1px solid #949497;
    width: 100%;
    margin-top: 51px;
    margin-bottom: 38px;
}

.login-inputs {
    padding: 15px;
}

.promo-header {
    display: flex;
}

.col-6 {
    width: 50%;
    padding: 15px;
    margin-top: 20px;
}

.promo-btn-pop {
    /* display: flex; */
    /* text-align: center; */
    /* justify-content: space-evenly; */
    margin-top: 20px;
}

#promotions-tab {
    border-bottom: unset;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}

#promotions-tab .nav-item button {
    background: transparent;
    border: unset;
    outline: unset;
    margin: 0px 15px;
    /* font-family: Poppins; */
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #949497;
    position: relative;
}

#promotions-tab .nav-item button span {
    color: #852e09;
}


/* #promotions-tab .nav-item button::after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    background-color: #949497;
    right: 0px;
    top: 0px;
  } */

#promotions-tab .nav-item button.active {
    color: #ffffff;
}

#promotions-tab .nav-item button.active span {
    color: #fb4d03;
}

#promotions-tab .nav-item:last-child button::after {
    display: none;
}

#promo_ li {
    /* width: 155px  !important; */
    float: left;
    padding: 10px;
    border: 0;
    transition-duration: 0s;
}

#promotions-tab .nav-item button:hover,
#promotions-tab .nav-item button.active {
    color: #555;
    /* background: #fff; */
    border-bottom: 3px solid var(--color);
}

.col-11 {
    display: flex;
}

.info-cont p {
    color: #fff !important;
}

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

.qr-con h3 {
    text-align: center;
}


/*vip*/

.vip {
    display: none;
}

.vip-cont {
    padding: 50px 0;
}

.vip-rade {}

.vip-rade em {
    display: block;
    text-align: center;
}

.vip-rade h3 {
    text-align: center;
    padding: 20px 0;
    font-size: 40px;
    text-transform: uppercase;
    color: var(--orange);
    text-shadow: 5px 5px 10px var(--orange);
}

.vip-rade progress {
    width: 100%;
}

.vip-lv {
    position: relative;
    height: 100px;
}

.vip-lv li {
    position: absolute;
    top: 10px;
    box-shadow: 0 5px 10px var(--000-1);
    background-color: white;
    border-radius: 5px 0 5px 5px;
    padding: 10px;
    min-width: 115px;
}

.vip-lv li corner {
    border-width: 0 0px 10px 10px;
    border-bottom-color: white;
    top: -10px;
    right: 0;
}

.vip-lv li h5 {
    text-transform: uppercase;
    color: var(--orange);
    font-size: 12px;
}

.vip-lv li.lv1 {
    left: 0%;
}

.vip-lv li.lv2 {
    left: 20%;
}

.vip-lv li.lv3 {
    left: 40%;
}

.vip-lv li.lv4 {
    left: 60%;
}

.vip-lv li.lv5 {
    left: 80%;
}

.vip-upgrade {
    display: flex;
}

.vip-card {}

.vip-buy {
    flex: 1;
}

.vip-buy li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.vip-buy li span {
    text-transform: capitalize;
}

.vip-buy u {
    flex: 1;
}

.vip-buy b {
    padding: 10px 20px;
    border: 2px solid;
    color: var(--orange);
    text-transform: uppercase;
}

.vip-list table th{
    width: 20%;
}

.vip-list h4 {
    text-align: center;
    padding: 30px 0;
    font-size: 26px;
    text-transform: uppercase;
}

.vip-list td {
/*    width: 15%;*/
}

.vip-info {
    padding: 30px 0;
}

.vip-info fold tt {
    display: flex;
    padding: 10px;
    cursor: pointer;
}

.vip-info fold tt h3 {
    flex: 1;
}

.vip-info fold tt i {
    margin: inherit;
}

.vip-info aside {
    padding: 0 20px;
}

.vip-info aside h5 {
    color: var(--orange);
}


/*mission*/

.mission {
    padding: 0;
    overflow: hidden;
}

.mission li {
    margin-bottom: 20px;
    transition-duration: 0s;
    width: 50%;
    float: left;
    padding: 0 10px;
}

.mission li a {
    display: block;
    background-color: white;
    box-shadow: var(--shadow);
    border-radius: 10px;
}

.mission-cont {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom-width: 1px;
}

.mission-cont em {
    margin: 0 30px;
    width: 90px;
    height: 90px;
    display: block;
}

.mission-cont h5 {
    font-size: 24px;
    flex: 1;
    text-transform: uppercase;
}

.mission-cont h5 span {
    font-size: 16px;
    display: block;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 10px;
}

.mission-info {
    display: flex;
    align-items: center;
    padding: 10px;
}

.mission-info em {
    flex: 1;
    text-transform: capitalize;
}

.mission-info .progress {
    width: 200px;
    display: flex;
    align-items: center;
}

.mission-info .progress progress {
    width: 100%;
    flex: 1;
    margin-top: 10px;
}

.mission-info .progress span {
    margin-left: 10px;
}.head-user .avatar{
    width: 70px !important;
    height: 55px !important;
}#refUrl, #refUrl1, #refUrl2{
    margin-top: -10px !important;
    position: relative;
}
section .main{
    width: 1300px !important;
}
section .banner{
    overflow: auto;
}
.gnumber-results h5{
    background: var(--color-lg) !important;
}

div#video_iframe {
    z-index: 99!important;
}
.login-open{
    background: var(--color-lg)!important;
}
.head-cont a, #buttonNav .btn-promotion, 
#promoPage .btn-default, #promoPage .btn-clear
{color: #000!important}
.login-open:hover{
    background-color: linear-gradient(to right,#2575fc,#6a11cb)!important;
}
.head-cont .register-open {
    background-image: linear-gradient(to right,#000000,#000000)!important;
    border: 1px solid #E4B647;
    color: #fff;
}
.head-cont .register-open:hover{
    background-image: linear-gradient(#E4B647, #ffff00, #E4B647)!important;
}
.head{
    background: linear-gradient(to bottom, #1E90FF,#0E87CC)!important;
    /* background:#1E90FF !important ; */
}
.head-nav li a:hover {
    background: var(--white)!important;
    color: #000;
}
.head-nav li a {
    background-image: var(--color-lg)!important;
    background-color: none;
    color: #000;
}
body{
    background-color: #FFF9E3!important;
}
.foot{
    background-color: #FFF9E3 !important; 
}
.list li a h6{
    background: var(--color-lg)!important;
    color: #000;
}
.list li a h6:hover {
    background: var(--color-lg)!important;
    color: #ccc;
}
.contant .crumb.center marquee {
    color: #000!important;
}
.sider-list li a{
    background-color: #fff !important;
}
.user tab tab-list li a{
    background-image: linear-gradient(#fff, #fff, #fff)!important;
}
.tit_vip-rade{
    color: #fff;
}
.vip-buy li{
    color: #fff !important;
}
.vip-list h4{
    color: #fff !important;
}
.vip-info fold tt h3{
    color: #fff;
}
.vip-info article p , .vip-info article b {
    color: #fff;
}
.foot-partnerships li a{
/*    background: #ff0000;*/
background-color: #e4b647;
background-image: linear-gradient(67deg, #e4b647 0%, #ffff00 52%, #e4b647 90%);
}
html:lang(en) .head-nav li a h6{
    font-size: 10px !important;
}
a.login-open i{color: #000!important}
a.register-open{color: #ffff!important}

.promo-details-body span {
    color: #000 !important;
}