html {
    margin-top: 0 !important;
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    max-width: none;
}

body {
    margin: 0;
    padding-top: 94px;
}

.section {
    min-height: 100vh;
    overflow: hidden;
}

.nav-container {
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.section-body {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
}

.shop-item .cover {
    width: 100%;
}

.shop-item .title {
    color: #222;
    padding-top: 5px;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 5px;
}

.shop-item .price-val {
    font-size: 16px;
    color: #222;
    padding: 0.017rem 0;
}

@media (min-width: 1450px) {
    .section-body {
        max-width: 1100px;
    }

    .nav-container {
        max-width: 1100px;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
    }
}

.section-body .img {
    width: 100%;
    height: 100%;
}

.section-1 .img-box {
    position: absolute;
    top: 50%;
    left: -171px;
    width: 803px;
    height: 609px;
    transform: translateY(-50%);
}

@media (max-width: 1440px) {
    .section-1 .img-box {
        width: 300px;
        height: auto;
        margin-left: 210px;
    }
}

.section.section-1 {
    background-color: #ff5154;
    background-image: linear-gradient(to right, #ff5154, #ff466c);
}

.section-1 .title {
    font-size: 82px;
    color: #fff;
}

.section-1 .desc {
    font-size: 42px;
    color: #fff;
    padding: 5px 0 40px;
}

.section-1 .intor-box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.section-1 .down-button {
    font-size: 34px;
    color: #fff;
    width: 285px;
    height: 88px;
    border-radius: 8px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 88px;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    background-position: 230px center;
    background-repeat: no-repeat;
    background-size: 35px 27px;
}

@media (max-width: 1440px) {
    .section-1 .intor-box {
        zoom: 0.9;
    }
}

@media (max-width: 950px) {
    .section {
        zoom: 0.6;
    }
}

.section-2 {
    background-color: #f7f4f8;
}

.section-2 .img-box {
    width: 497px;
    height: 679px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section-2 .intor-box {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 530px;
}

.section-2 .title {
    font-size: 62px;
    color: #ff466a;
}

.section-2 .desc {
    color: #131313;
    font-size: 32px;
    padding-top: 30px;
    line-height: 45px;
}

@media (max-width: 1440px) {
    .section-2 .img-box {
        width: 300px;
        height: auto;
    }

    .section-2 .intor-box {
        zoom: 0.9;
    }
}

.section-3 .img-box {
    width: 461px;
    height: 675px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section-3 .intor-box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 530px;
}

.section-3 .desc {
    color: #131313;
    font-size: 32px;
    padding-top: 30px;
    line-height: 45px;
}

@media (max-width: 1440px) {
    .CIS0olyyEwS7jLcu0KJe .kYqo7vJnlfCz4S8zq72P {
        width: 400px;
        height: 585px;
    }

    .CIS0olyyEwS7jLcu0KJe .qn0CNhsjGvGp7u0lwndn {
        zoom: 0.9;
    }
}

.footer {
    background-color: #f7f4f8;
}

.title-group {
    display: flex;
    flex-direction: column;
    height: 100px;
    margin-left: 10px;
    align-content: center;
}
.app-title {
    color: #363636;
    font-size: 30px;
}

.app-subtitle {
    color: #696969;
    font-size: 15px;
    margin-top: 5px;
}

.footer * {
    -webkit-user-select: auto !important;
        -ms-user-select: auto !important;
            user-select: auto !important;
}

.footer-body {
    max-width: 1000px;
    margin: 0 auto;
    color: #999999;
    overflow: hidden;
    padding: 20px 0;
}

.beian-info {
    float: left;
    width: 800px;
    width: 750px;
    margin-left: 30px;
    text-align: center;
}

.hgwab-icon {
    width: 15px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.footer-img {
    margin-left: 10px;
    float: left;
    width: 187px;
    margin-top: 5px;
}

.footer-intor {
    line-height: 14px;
    font-size: 12px;
    display: inline-block;
    margin: 0;
    padding-right: 10px;
}

.footer-intor.pr10 {
    padding-right: 20px;
}

.footer-info-item {
    padding-left: 15px;
    line-height: 14px;
    font-size: 12px;
    margin: 0;
    line-height: 32px;
}

@media (max-width: 700px) {
    .section {
        zoom: 1;
        min-height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-body {
        min-height: auto;
    }

    .section .title {
        font-size: 40px;
    }

    .section .desc {
        font-size: 20px;
    }

    .section .intor-box {
        position: static;
        zoom: 1;
        transform: none;
        text-align: center;
        padding: 0 30px;
    }

    .section-1 .down-button {
        margin: 0 auto;
        zoom: 0.7;
    }

    .section .img-box {
        position: static;
        transform: none;
        width: 80%;
        height: auto;
        margin: 30px auto 0;
    }

    .section.section-1 .img-box {
        width: 170px;
        height: 300px;
    }

    .footer-body {
        text-align: center;
    }

    .footer-img {
        float: none;
        margin: 0;
    }

    .footer-intor {
        padding-top: 15px;
        float: none;
    }
}

.header-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px 0;
    background-color: #ffffff;
    z-index: 1000;
    border-bottom: 1px solid #e8e8e8;
}

.header-nav .logo {
    max-width: 100px;
    float: left;
}

.header-nav .navbar {
    margin: 0;
    border: 0;
    padding: 0.08rem 0.16rem;
}

.nav .menu {
    float: right;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.nav .menu .item {
    float: left;
    padding-left: 50px;
}

.header-nav a {
    color: #131313;
    margin-left: 20px;
}

.header-nav a.HpVisRMTwQsXQSnWxYjE {
    color: #ff4964;
    padding-bottom: 8px;
    position: relative;
}

.header-nav a:hover {
    color: #ff4964;
}

.header-nav a.HpVisRMTwQsXQSnWxYjE:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 40px;
    height: 4px;
    bottom: 0;
    transform: translateX(-50%);
    border-radius: 2px;
    background-color: #ff4964;
}

@media (max-width: 992px) {
    .header-nav a.HpVisRMTwQsXQSnWxYjE:after {
        left: 0;
        transform: translateX(0);
    }

    .navbar-collapse {
        margin-top: 20px;
    }
    .beian-info {
        width: auto;
        margin-left: 0;
    }
}

/**about*/
.about-container .row-title {
    color: #ff4868;
    font-size: 26px;
}

.about-container .row-container {
    padding: 40px 0;
    max-width: 900px;
    margin: 0 auto;
}

.row-container .text-wrap {
    /* max-width: 375px; */
    color: #131313;
    font-size: 14px;
    line-height: 21px;
}

.about-container .container-fluid.s1 {
    background-color: #ffe8ea;
}

@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.wK22ZQOc3osJ3g3GjwkA {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.wK22ZQOc3osJ3g3GjwkA._DmB_v1Uv2n4czfjLvXx {
    animation-duration: 2s;
}

@keyframes XQ4XUdB3VSDGfLERjTqI {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.XQ4XUdB3VSDGfLERjTqI {
    animation-name: XQ4XUdB3VSDGfLERjTqI;
}

@keyframes a5TVM9n6P33ToQ9SetQF {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.a5TVM9n6P33ToQ9SetQF {
    animation-name: a5TVM9n6P33ToQ9SetQF;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pPgNt6XXLdmJuho5pT9I {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pPgNt6XXLdmJuho5pT9I {
    animation-name: pPgNt6XXLdmJuho5pT9I;
}

@keyframes hrIZETX5ovOOiaivP2H3 {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.hrIZETX5ovOOiaivP2H3 {
    animation-name: hrIZETX5ovOOiaivP2H3;
}

@keyframes yLaT85GSJ8yJfOCfZBgq {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.yLaT85GSJ8yJfOCfZBgq {
    transform-origin: top center;
    animation-name: yLaT85GSJ8yJfOCfZBgq;
}

@keyframes zydUVfHIXGHGW6n8Cbgw {
    0% {
        transform: scale(1);
    }

    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.zydUVfHIXGHGW6n8Cbgw {
    animation-name: zydUVfHIXGHGW6n8Cbgw;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes ADhqRB1EmHb91esyppyQ {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.ADhqRB1EmHb91esyppyQ {
    animation-name: ADhqRB1EmHb91esyppyQ;
}

@keyframes yNtngP9PcLtIiCtFVUXw {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.yNtngP9PcLtIiCtFVUXw {
    animation-name: yNtngP9PcLtIiCtFVUXw;
}

@keyframes Y001aBwSFbQXeA2BFt6I {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.Y001aBwSFbQXeA2BFt6I {
    animation-name: Y001aBwSFbQXeA2BFt6I;
}

@keyframes SHCsSQ6BENfUPGHhf5wO {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.SHCsSQ6BENfUPGHhf5wO {
    animation-name: SHCsSQ6BENfUPGHhf5wO;
}

@keyframes kfBpxpBs5uHNmlt6Gzzm {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.kfBpxpBs5uHNmlt6Gzzm {
    animation-name: kfBpxpBs5uHNmlt6Gzzm;
}

@keyframes Q2oArUfckYwiQKQjFnNE {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.Q2oArUfckYwiQKQjFnNE {
    animation-name: Q2oArUfckYwiQKQjFnNE;
}

@keyframes zJqKOqaeiQjOPrpQspZB {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.zJqKOqaeiQjOPrpQspZB {
    animation-name: zJqKOqaeiQjOPrpQspZB;
}

@keyframes rcnEFcHxobmtgP7zl31j {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.rcnEFcHxobmtgP7zl31j {
    animation-name: rcnEFcHxobmtgP7zl31j;
}

@keyframes GwdsFjdgk3ZcK6mULrVU {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.GwdsFjdgk3ZcK6mULrVU {
    animation-name: GwdsFjdgk3ZcK6mULrVU;
}

@keyframes uheihD6X5wLYRJ8vx_AX {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.uheihD6X5wLYRJ8vx_AX {
    animation-name: uheihD6X5wLYRJ8vx_AX;
}

@keyframes h0SaEa7YqEO2RzrMGrY_ {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.h0SaEa7YqEO2RzrMGrY_ {
    animation-name: h0SaEa7YqEO2RzrMGrY_;
}

@keyframes eoRYYil6erTYBypGtuvn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.eoRYYil6erTYBypGtuvn {
    animation-name: eoRYYil6erTYBypGtuvn;
}

@keyframes ICuCYA_ofax1LEIfKer4 {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.ICuCYA_ofax1LEIfKer4 {
    animation-name: ICuCYA_ofax1LEIfKer4;
}

@keyframes W5MvK6IRh6gCNjpP5aib {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.W5MvK6IRh6gCNjpP5aib {
    animation-name: W5MvK6IRh6gCNjpP5aib;
}

@keyframes xKUDbxy04uaz_s9hmKgb {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.xKUDbxy04uaz_s9hmKgb {
    animation-name: xKUDbxy04uaz_s9hmKgb;
}

@keyframes HCWBgIvl2AAXZ71Gz3tf {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.HCWBgIvl2AAXZ71Gz3tf {
    animation-name: HCWBgIvl2AAXZ71Gz3tf;
}

@keyframes EuuM9v8QQBKUGAL1Kwyp {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.EuuM9v8QQBKUGAL1Kwyp {
    animation-name: EuuM9v8QQBKUGAL1Kwyp;
}

@keyframes hKRUr9KPCtQHqrrn9p77 {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.hKRUr9KPCtQHqrrn9p77 {
    animation-name: hKRUr9KPCtQHqrrn9p77;
}

@keyframes CbPe4fwc4kKm8tKxEB9_ {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.CbPe4fwc4kKm8tKxEB9_ {
    animation-name: CbPe4fwc4kKm8tKxEB9_;
}

@keyframes l_x83ilBhrrC22r7Lvqc {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.l_x83ilBhrrC22r7Lvqc {
    animation-name: l_x83ilBhrrC22r7Lvqc;
}

@keyframes KYoQe5WG3GWsD_Kwnum7 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.KYoQe5WG3GWsD_Kwnum7 {
    animation-name: KYoQe5WG3GWsD_Kwnum7;
}

@keyframes YbN8Z9k7UihQUpNjyzzq {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.YbN8Z9k7UihQUpNjyzzq {
    animation-name: YbN8Z9k7UihQUpNjyzzq;
}

@keyframes wsGIQ1Aexv8Hzzl_scMV {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.wsGIQ1Aexv8Hzzl_scMV {
    animation-name: wsGIQ1Aexv8Hzzl_scMV;
}

@keyframes VUrfd7W1y_aoQH_TzBp_ {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.VUrfd7W1y_aoQH_TzBp_ {
    animation-name: VUrfd7W1y_aoQH_TzBp_;
}

@keyframes cCPGS9cxJn4DX1qGmVll {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.cCPGS9cxJn4DX1qGmVll {
    animation-name: cCPGS9cxJn4DX1qGmVll;
}

@keyframes TcymypNkNTe1ChrmM_F5 {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.TcymypNkNTe1ChrmM_F5 {
    animation-name: TcymypNkNTe1ChrmM_F5;
}

@keyframes qC3ICkOb8EHU7e4KIaNh {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.qC3ICkOb8EHU7e4KIaNh {
    animation-name: qC3ICkOb8EHU7e4KIaNh;
}

@keyframes nObcSBp7NshpRcVeuLtg {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.nObcSBp7NshpRcVeuLtg {
    animation-name: nObcSBp7NshpRcVeuLtg;
}

@keyframes XsHvwc4_mBU3KdK7oCFY {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.XsHvwc4_mBU3KdK7oCFY {
    animation-name: XsHvwc4_mBU3KdK7oCFY;
}

@keyframes fHLkjynpx2MJPdO7dDH9 {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

.wK22ZQOc3osJ3g3GjwkA.fHLkjynpx2MJPdO7dDH9 {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: fHLkjynpx2MJPdO7dDH9;
}

@keyframes jaBR_38Q89n7JzIGO5VQ {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.jaBR_38Q89n7JzIGO5VQ {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: jaBR_38Q89n7JzIGO5VQ;
}

@keyframes E4TCb5Lopdg9v_SBqH9U {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.E4TCb5Lopdg9v_SBqH9U {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: E4TCb5Lopdg9v_SBqH9U;
}

@keyframes UNG0zMxlINi44qg25IvF {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.UNG0zMxlINi44qg25IvF {
    animation-name: UNG0zMxlINi44qg25IvF;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes UbW_Q4JuDRpkDoDYAtxA {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.UbW_Q4JuDRpkDoDYAtxA {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: UbW_Q4JuDRpkDoDYAtxA;
}

@keyframes D9HUTELXnrzQ_tpnNtiV {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.D9HUTELXnrzQ_tpnNtiV {
    animation-name: D9HUTELXnrzQ_tpnNtiV;
    animation-timing-function: ease-out;
}

@keyframes ZqfOMp6DEehKgJbNEj3Q {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.ZqfOMp6DEehKgJbNEj3Q {
    animation-name: ZqfOMp6DEehKgJbNEj3Q;
    animation-timing-function: ease-in;
}

@keyframes ehIAdmtd9xt0aZPhOKXS {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.ehIAdmtd9xt0aZPhOKXS {
    animation-name: ehIAdmtd9xt0aZPhOKXS;
}

@keyframes qzHRPH43hEg3bX5Pxgjd {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.qzHRPH43hEg3bX5Pxgjd {
    animation-name: qzHRPH43hEg3bX5Pxgjd;
}

@keyframes L3_otiK3xdgE2onKACRd {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.L3_otiK3xdgE2onKACRd {
    animation-name: L3_otiK3xdgE2onKACRd;
}

@keyframes wn8cG355TSCiWSeFkfHS {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.wn8cG355TSCiWSeFkfHS {
    animation-name: wn8cG355TSCiWSeFkfHS;
}

@keyframes Yv5n4w8JCxUlbzIiyK3q {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.Yv5n4w8JCxUlbzIiyK3q {
    animation-name: Yv5n4w8JCxUlbzIiyK3q;
}

@keyframes UQsbpPZIKrPSCjP16Ei5 {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.UQsbpPZIKrPSCjP16Ei5 {
    animation-name: UQsbpPZIKrPSCjP16Ei5;
}

@keyframes WbgZMDJU_ghuSU23z5UA {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.WbgZMDJU_ghuSU23z5UA {
    animation-name: WbgZMDJU_ghuSU23z5UA;
}

@keyframes G_ddgFoI3ZTw0zCtDPxu {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.G_ddgFoI3ZTw0zCtDPxu {
    animation-name: G_ddgFoI3ZTw0zCtDPxu;
}

@keyframes ATtZxULTh3Wq69MdGQrW {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.ATtZxULTh3Wq69MdGQrW {
    animation-name: ATtZxULTh3Wq69MdGQrW;
}

@keyframes QqPqLKLxjzWePHE9AX7q {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.QqPqLKLxjzWePHE9AX7q {
    animation-name: QqPqLKLxjzWePHE9AX7q;
}

@keyframes _a1WI_Qm7nsJ9pv47xa8 {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        transform: translateY(0);
    }
}

._a1WI_Qm7nsJ9pv47xa8 {
    animation-name: _a1WI_Qm7nsJ9pv47xa8;
}

@keyframes bZLfoSwvroJmDLml0MZg {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.bZLfoSwvroJmDLml0MZg {
    animation-name: bZLfoSwvroJmDLml0MZg;
}

@keyframes tUHj0OeAjnguC1bvP2Mb {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.tUHj0OeAjnguC1bvP2Mb {
    animation-name: tUHj0OeAjnguC1bvP2Mb;
}

@keyframes RJWddWyRJdRhmR35vTh_ {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.RJWddWyRJdRhmR35vTh_ {
    animation-name: RJWddWyRJdRhmR35vTh_;
}

@keyframes W5bO0SLSjORfpKWgRvMw {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.W5bO0SLSjORfpKWgRvMw {
    animation-name: W5bO0SLSjORfpKWgRvMw;
}

@keyframes ffAe5uxfa0cZwvHiiNnF {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.ffAe5uxfa0cZwvHiiNnF {
    animation-name: ffAe5uxfa0cZwvHiiNnF;
}

@keyframes _DmB_v1Uv2n4czfjLvXx {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

._DmB_v1Uv2n4czfjLvXx {
    animation-name: _DmB_v1Uv2n4czfjLvXx;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes WLh184GepIU74gN75vmX {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.WLh184GepIU74gN75vmX {
    animation-name: WLh184GepIU74gN75vmX;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes YEtlh5mVl5rZhz6LCdi6 {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.YEtlh5mVl5rZhz6LCdi6 {
    animation-name: YEtlh5mVl5rZhz6LCdi6;
}