body, html {
    padding: 0;
    margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

body {
    font-family: Source Han Sans CN;
}

a:hover {
    text-decoration: none;
}

ul, li {
    list-style: none;
}

.mp0 {
    margin: 0;
    padding: 0;
}

.mt-5 {
    margin-top: 5px;
}

.mt-15 {
    margin-top: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-30 {
    padding-left: 30px;
}

.pt-20 {
    padding-top: 20px;
}

.font-fff {
    color: #fff;
}

.bg-red {
    background: red;
}

.bg-yellow {
    background: yellow;
}

.bg-black {
    background: black;
}

.mt-30 {
    margin-top: 30px;
}

.ovt {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.wp-inner {
    width: auto;
    margin: 0 auto;
}

.max-1920 {
    max-width: 1920px;
}

.margin-center {
    margin: 0 auto;
}

.min-1170 {
    min-width: 1170px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.dib {
    display: inline-block;
}

.color-4585f4 {
    color: #4585f4;
}

.color-e84736 {
    color: #e84736;
}

.color-f9bb00 {
    color: #f9bb00;
}

.color-3ba54a {
    color: #3ba54a;
}

.color-98a0ca {
    color: #98a0ca;
}

.color-dbe1fd {
    color: #dbe1fd;
}

.color-434aae {
    color: #434aae;
}

.color-9a9dbb {
    color: #9a9dbb;
}

.color-3b407f {
    color: #3b407f;
}

.color-8f92b3 {
    color: #8f92b3;
}

.bg-eff1fb {
    background-color: #eff1fb;
}

.bg-eff1fb {
    background-color: #eff1fb;
}

.dt {
    display: table;
}

.dtr {
    display: table-row;
}

.dtc {
    display: table-cell;
}

.w-all {
    width: 100%;
}

#scrollUp {
    font-size: 40px;
    text-decoration: none;
    bottom: 20px;
    right: 130px;
    overflow: hidden;
    border: none;
    opacity: .8;
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    background: #EEF0F5;
    box-shadow: 0px 6px 10px rgba(245, 247, 250, 0.16);
    border-radius: 50%;
    color: #98A2B2;
}

.max-width-600 {
    max-width: 600px;
}

.max-width-840 {
    max-width: 840px;
}

.max-width-960 {
    max-width: 960px;
}

.max-width-1000 {
    max-width: 1000px;
}
.max-width-860 {
    max-width: 860px;
}
.p-32 {
    padding: 32px;
}

.p-40 {
    padding: 40px;
}

.p-24 {
    padding: 24px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-64 {
    padding-top: 64px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-126 {
    padding-top: 120px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-64 {
    padding-bottom: 64px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pl-16 {
    padding-left: 16px;
}

.pl-24 {
    padding-left: 24px;
}

.pl-32 {
    padding-left: 32px;
}

.pr-32 {
    padding-right: 32px;
}

.pr-40 {
    padding-right: 40px;
}
.pr-80 {
    padding-right: 80px;
}
.pt-32 {
    padding-top: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.mt-126 {
    margin-top: 120px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-64 {
    margin-top: 64px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-80 {
    margin-bottom: 80px;
}

.ml-24 {
    margin-left: 24px;
}

.p-56, .p-56-24 {
    padding: 56px;
}

.bg-f8f9fb {
    background: #F8F9FB;
}
.bg-f9f9f9{
    background: #f9f9f9;
}
.bg-f5f5f5 {
    background: #F5F5F5;
}

.bg-fff {
    background: #ffffff;
}

.bg-1a7aff {
    background: #1A7AFF;
}

.br-top-ececec {
    border-top: 1px solid #ECECEC;
}

.radius-8 {
    border-radius: 8px;
}

.ml-40 {
    margin-left: 40px;
}

.pr-16 {
    padding-right: 16px;
}

.pl-40 {
    padding-left: 40px;
}

.pt-0 {
    padding-top: 0;
}

.display-flex {
    display: flex;
}

@media (max-width: 767px) {
    .p-24 {
        padding: 16px;
    }

    .p-40, .p-32 {
        padding: 24px;
    }

    .pt-16 {
        padding-top: 8px;
    }

    .pt-24 {
        padding-top: 16px;
    }

    .pt-40 {
        padding-top: 24px;
    }

    .pt-64 {
        padding-top: 32px;
    }

    .pt-80 {
        padding-top: 40px;
    }

    .pt-120 {
        padding-top: 48px;
    }

    .pt-126 {
        padding-top: 48px;
    }

    .pb-24, .pb-16 {
        padding-bottom: 16px;
    }

    .pb-32 {
        padding-bottom: 24px;
    }

    .pb-40 {
        padding-bottom: 24px;
    }

    .pb-64 {
        padding-top: 32px;
    }

    .pb-80 {
        padding-bottom: 40px;
    }

    .mt-126 {
        margin-top: 48px;
    }

    .mt-120 {
        margin-top: 48px;
    }

    .mt-80 {
        margin-top: 40px;
    }

    .mt-64 {
        margin-top: 32px;
    }

    .mt-40 {
        margin-top: 24px;
    }

    .mt-24 {
        margin-top: 16px;
    }

    .ml-40 {
        margin-left: 24px;
    }

    .mb-80 {
        margin-bottom: 40px;
    }

    .p-56 {
        padding: 32px;
    }

    .p-56-24 {
        padding: 24px;
    }

    .pl-32 {
        padding-left: 24px;
    }

    .pl-40 {
        padding-left: 24px;
    }

    .pr-32 {
        padding-right: 24px;
    }

    .pr-40 {
        padding-right: 24px;
    }

    .pt-32 {
        padding-top: 24px;
    }

    .pb-32 {
        padding-bottom: 24px;
    }

    .pl-16 {
        padding-left: 8px;
    }

    #scrollUp {
        bottom: 20px;
        right: 20px;
        width: 44px;
        height: 44px;
        line-height: 44px;
    }
}