html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

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

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

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --sortly-red: #EE211C;
    --sortly-red-rgba: rgba(221, 42, 59, 1.0);
    --sortly-red-rgba-transparent: rgba(221, 42, 59, 0.0);
    --sortly-red-rgba-opacity: rgba(221, 42, 59, 0.1);
    --light-grey: #dadfe2;
    --dark-grey: #313138;
    --shadow-grey: #DDE0E1;
    --shadow-beige: #e2e2d8;
    --shadow-nav: rgba(66, 66, 66, 0.2);
    --white: #ffffff;
    --secondary-grey: #111827;
    --green: #27AE60;
    --nav-text-color: #252525;
    --footer-nav-text-color: #858585;
    --inactive-grey: #989898;
    --background-black: #111111;
    --background-grey: #FCFCFC;
    --background-red-light: #FEF2F2;
    --background-green-light: #ECFDF5;
    --peach-background: #F7C6AE;
    --peach-light: #F4EBE6;
    --brick: #983200;
    --light-blue-background: #A1E5F4;
    --deep-blue: #005668;
    --shades-blue: #4186ED;
    --background-beige: #F1EAE6;
    --dark-blue-black: #1D222B;
    --medium-grey-blue: #353C55;
    --accent-grey: #e4e4e4;
    --header-black: #343744;
    --neutrals-grey-medium: #E6E6F0;
    --neutrals-black-dark: #343744;
    --definition-box: #1C212B;
    --definition-box-bg: rgba(239, 233, 228, 0.45);
    --background-light-grey: #ededed
}

body {
    font-family: "Poppins", sans-serif;
    min-height: 100%;
    margin: 0;
    padding: 0;
    color: var(--dark-grey)
}

button,
input,
optgroup,
select,
textarea {
    font-family: "Poppins", sans-serif
}

main {
    padding-top: 54px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-x: hidden
}

main.has-notification {
    padding-top: 74px
}

@media screen and (min-width: 1025px) {
    main {
        padding-top: 74px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 p {
    font-style: normal
}

h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -1px
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 50px;
        line-height: 116%
    }
}

@media screen and (min-width: 1160px) {
    h1 {
        font-size: 64px;
        line-height: 76px
    }
}

h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -1px
}

@media screen and (min-width: 1025px) {
    h2 {
        font-size: 44px;
        line-height: 120%
    }
}

h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -1px
}

@media screen and (min-width: 1025px) {
    h3 {
        font-size: 34px;
        line-height: 120%
    }
}

h4 {
    font-weight: 500;
    font-size: 34px;
    line-height: 120%;
    letter-spacing: -1px
}

h5 {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%
}

@media screen and (min-width: 1025px) {
    h5 {
        font-size: 24px;
        line-height: 130%;
        letter-spacing: -1px
    }
}

h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

@media screen and (min-width: 1025px) {
    .caption>p {
        font-size: 20px;
        letter-spacing: -0.5px
    }
}

a {
    color: var(--sortly-red);
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

@font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('../simpleboot3/themes/fonts/YouSheBiaoTiHei.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

.flex.reverse {
    flex-direction: row-reverse
}

.flex.column {
    flex-direction: column
}

.flex.column.reverse {
    flex-direction: column-reverse
}

.flex.force-row {
    flex-direction: row !important
}

.flex.wrap {
    flex-wrap: wrap
}

.flex.justify-center {
    justify-content: center
}

.flex.space-between {
    justify-content: space-between
}

.flex.space-around {
    justify-content: space-around
}

.mobile {
    display: block
}

.mobile.flex {
    display: flex
}

.mobile img,
.mobile picture {
    max-width: 100%;
    height: auto
}

.mobile img.shadow,
.mobile picture.shadow {
    margin: 30px auto;
    padding: 0 0 20px;
    filter: drop-shadow(-10px 20px 4px var(--shadow-grey))
}

@media screen and (min-width: 1025px) {
    .mobile {
        display: none
    }

    .mobile.flex {
        display: none
    }
}

[hidden] {
    display: none
}

@media screen and (min-width: 1025px) {
    [hidden] {
        display: block
    }
}

.text-highlight {
    color: var(--sortly-red)
}

.superscript {
    display: inline-block;
    vertical-align: super;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: normal
}

@media screen and (min-width: 1025px) {
    .superscript {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -0.5px
    }
}

.background-grey {
    background-color: var(--background-grey)
}

.background-dark-grey {
    background-color: var(--dark-grey)
}

.background-black {
    background-color: var(--background-black)
}

.background-red {
    background-color: var(--sortly-red)
}

.background-red .text-highlight {
    color: var(--white);
    font-weight: bold
}

.background-beige {
    background-color: var(--background-beige);
    color: var(--dark-grey)
}

.background-white {
    background-color: var(--white)
}

.container,
.container-max,
.container-min,
.container-shrink {
    position: relative;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
}

.container.flex,
.flex.container-max,
.flex.container-min,
.flex.container-shrink {
    flex-direction: column
}

.container.flex.reverse,
.flex.reverse.container-max,
.flex.reverse.container-min,
.flex.reverse.container-shrink {
    flex-direction: column
}

.container-shrink {
    padding: 0 !important
}

.container-max {
    max-width: 1340px
}

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

    .container.flex,
    .flex.container-shrink,
    .flex.container-min,
    .flex.container-max {
        flex-direction: row
    }

    .container.flex.reverse,
    .flex.reverse.container-shrink,
    .flex.reverse.container-min,
    .flex.reverse.container-max {
        flex-direction: row-reverse
    }

    .container.flex.column,
    .flex.column.container-shrink,
    .flex.column.container-min,
    .flex.column.container-max {
        flex-direction: column
    }

    .container.flex.column.reverse,
    .flex.column.reverse.container-shrink,
    .flex.column.reverse.container-min,
    .flex.column.reverse.container-max {
        flex-direction: column-reverse
    }
}

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

    .container,
    .container-max,
    .container-min,
    .container-shrink {
        padding: 0 16px
    }
}

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

    .container,
    .container-max,
    .container-min,
    .container-shrink {
        padding: 0
    }
    .clientHeight{
        height: 500px;
    }
}

i {
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: top
}

i.margin-right {
    margin-right: 16px
}

i.margin-left {
    margin-left: 16px
}

i.social {
    width: 17px;
    height: 17px
}

i.bullet-light {
    position: relative
}

i.bullet-light:before {
    content: "";
    position: absolute;
    background-color: #dcdcdc;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: calc(50% - 5px);
    top: calc(50% - 5px)
}

i.inventory.margin-right {
    content: url("./../images/home_ico1.png")
}

i.managing.margin-right {
    content: url("./../images/home_ico2.png")
}

i.check.margin-right {
    content: url("./../images/home_ico3.png")
}

i.analysis.margin-right {
    content: url("./../images/home_ico4.png")
}



i.circle-plus.red {
    content: "";
    background-color: var(--sortly-red);
    -webkit-mask-image: url("./../../img/icons/circle-plus.svg");
    mask-image: url("./../../img/icons/circle-plus.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

i.info {
    content: url("./../../img/icons/info.svg")
}

i.help-circle {
    content: url("./../images/help-circle.svg")
}

i.close {
    content: url("./../../img/icons/pricing/close.svg");
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: top
}

i.chevron-right,
i.chevron-left {
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: baseline
}

i.chevron-right {
    content: url("./../../img/icons/pricing/chevron-right.svg")
}

i.chevron-left {
    content: url("./../../img/icons/pricing/chevron-left.svg")
}

i.arrow-right {
    width: 4.2px;
    height: 7px;
    content: url("./../../img/icons/arrow-right.svg");
    vertical-align: baseline
}

i.next-page,
i.prev-page {
    content: "";
    display: inline-block;
    margin: 3px 0;
    width: 14px;
    height: 14px;
    padding: 0 2px
}

i.next-page {
    background-color: var(--sortly-red);
    -webkit-mask-image: url("./../../img/icons/arrow-right.svg");
    mask-image: url("./../../img/icons/arrow-right.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center
}

i.prev-page {
    background-color: var(--sortly-red);
    -webkit-mask-image: url("./../../img/icons/arrow-right.svg");
    mask-image: url("./../../img/icons/arrow-right.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    transform: rotate(180deg)
}

i.benefits-clock,
i.benefits-note,
i.benefits-smile,
i.benefits-suitcase,
i.benefits-smile-red,
i.benefits-heart-rate,
i.benefits-dollar-coin,
i.benefits-navigation,
i.benefits-box-purple,
i.benefits-none {
    display: inline-block;
    vertical-align: bottom
}


i.check {
    content: url("./../images/check.svg")
}

i.navicon-blog,
i.navicon-glossary,
i.navicon-help,
i.navicon-help-center {
    display: inline-block
}

.grecaptcha-badge {
    visibility: hidden
}