:root {
    --maincolor: #ccc;
    --fmain: 'Inter', sans-serif;
}

body {
    font-size: 14px;
    color: #333;
    top: 0 !important
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%)
}

::-webkit-scrollbar-thumb {
    background: var(--maincolor)
}

.wap_main {
    max-width: 1920px;
    min-width: 320px;
    position: relative;
    margin: auto
}

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

img.lazy {
    opacity: 0
}

img:not(.initial) {
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

img.error,
img.initial,
img.loaded {
    opacity: 1
}

img:not([src]) {
    visibility: hidden
}

button,
input,
select {
    appearance: none;
    box-shadow: none !important
}

input,
textarea {
    outline: 0;
    padding: 0
}

a {
    text-decoration: none !important;
    cursor: pointer
}

a:hover {
    color: var(--maincolor)
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.w-100 {
    width: 100%
}

.w-clear:after {
    display: block;
    content: "";
    clear: both
}

.clear {
    clear: both
}

.none {
    display: none
}

.hidden-seoh {
    visibility: hidden;
    height: 0;
    margin: 0;
    overflow: hidden
}

.wrap-content,
.wrap-main {
    max-width: 1230px;
    margin: 40px auto;
    padding: 0 15px
}
label[for="check-input"] {
    
}
div.page-login{
    -moz-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important
}