@-webkit-keyframes G136_Ry3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes G136_Ry3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes _3iocf2fz {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes _3iocf2fz {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes _215BOS-y {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes _215BOS-y {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

._2C4acca0 {
    width: 1200px;
    margin: -100px auto 0;/*109px auto 0*/
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

._2C4acca0 .fadeLeft-enter {
    opacity: 0;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

._2C4acca0 .fadeLeft-enter.fadeLeft-enter-active {
    -webkit-animation-name: bobHomeFadeInLeft;
    animation-name: bobHomeFadeInLeft;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

._2C4acca0 .fadeLeft-leave {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

._2C4acca0 .fadeLeft-leave.fadeLeft-leave-active {
    -webkit-animation-name: bobHomeFadeOutLeft;
    animation-name: bobHomeFadeOutLeft;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

._2C4acca0 .fadeRight-enter {
    opacity: 0;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

._2C4acca0 .fadeRight-enter.fadeRight-enter-active {
    -webkit-animation-name: bobHomeFadeInRight;
    animation-name: bobHomeFadeInRight;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

._2C4acca0 .fadeRight-leave {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

._2C4acca0 .fadeRight-leave.fadeRight-leave-active {
    -webkit-animation-name: bobHomeFadeOutRight;
    animation-name: bobHomeFadeOutRight;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

._2C4acca0 .fadeBottom-enter {
    opacity: 0;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

._2C4acca0 .fadeBottom-enter.fadeBottom-enter-active {
    -webkit-animation-name: bobHomeFadeInBottom;
    animation-name: bobHomeFadeInBottom;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

._2C4acca0 .fadeBottom-leave {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

._2C4acca0 .fadeBottom-leave.fadeBottom-leave-active {
    -webkit-animation-name: bobHomeFadeOutBottom;
    animation-name: bobHomeFadeOutBottom;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

._2C4acca0.yeJzfO46 ._3t6dArX1,
._2C4acca0.yeJzfO46 .aG1MLVHq,
._2C4acca0.yeJzfO46 .Jm_KaOey {
    -webkit-animation: G136_Ry3 .8s forwards;
    animation: G136_Ry3 .8s forwards
}

._2C4acca0.yeJzfO46 ._1hqyRXJG,
._2C4acca0.yeJzfO46 ._3hnVd44X {
    -webkit-animation: _215BOS-y .8s forwards;
    animation: _215BOS-y .8s forwards
}

._2C4acca0.yeJzfO46 ._13y5CjOU,
._2C4acca0.yeJzfO46 .RC5a_lQI {
    -webkit-animation: _3iocf2fz .8s forwards;
    animation: _3iocf2fz .8s forwards
}

.aG1MLVHq {
    width: 520px;
    height: 600px;
    position: relative
}

.aG1MLVHq ._38Y13qtQ {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.aG1MLVHq ._38Y13qtQ ._2P68eEZo {
    width: 420px;
    height: auto;
    margin: 53px 0 34px
}

.aG1MLVHq ._38Y13qtQ .rggpH3je {
  
    font-size: 18px;
    line-height: 30px;
    color: #fff
}

.aG1MLVHq ._38Y13qtQ ._3AuI4VVC {
    margin-top: 20px;
    width: 100%;
    height: 124px
}

.aG1MLVHq ._38Y13qtQ ._3AuI4VVC .e_bpdl6x {
    margin-right: 30px;
    float: left;
    text-align: center
}

.aG1MLVHq ._38Y13qtQ ._3AuI4VVC .e_bpdl6x p {
    margin-top: 5px;
    font-size: 12px;
    color: #fff;
    line-height: 17px
}

.aG1MLVHq ._38Y13qtQ ._3AuI4VVC .e_bpdl6x a {
    margin-top: 2px;
    font-size: 16px;
    color: #fff;
    line-height: 17px
}

.aG1MLVHq .vHHmstRb {
    bottom: 61px;
    left: -20px;
    z-index: 10;
    width: 400px;
    height: 39px;
    background: #fff;
    box-shadow: 0 0 8px 0 #eaeaea;
    border-radius: 19.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute
}

.aG1MLVHq .vHHmstRb li {
    position: absolute;
    color: #9797b2;
    width: 100px;
    text-align: center;
    font-size: 18px;
    z-index: 20;
    cursor: pointer;
    -webkit-transition: color .3s linear;
    transition: color .3s linear
}

.aG1MLVHq .vHHmstRb li._3OuDx8h8 {
    color: #fff
}

.aG1MLVHq .vHHmstRb .ouIiTMMj {
    position: absolute;
    bottom: 4px;
    width: 100px;
    height: 31px;
    border-radius: 15.5px;
    background: #FF7C18;
    z-index: 10;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.fGczw0t_ {
    width: 800px;
    height: 600px
}

.fGczw0t_ ._1AHV0O05,
.fGczw0t_ ._1YtkvHsJ {
    position: relative
}

.fGczw0t_ ._1AHV0O05 ._1hqyRXJG,
.fGczw0t_ ._1YtkvHsJ ._1hqyRXJG {
    position: absolute;
    width:350px;
    height: 536px;
    top: -40px;
    left: 300px;
    z-index: 4
}

.fGczw0t_ ._1AHV0O05 ._1hqyRXJG .TCKxAUnE,
.fGczw0t_ ._1YtkvHsJ ._1hqyRXJG .TCKxAUnE {
    display: block;
    width: 100%;
    height: auto
}

.fGczw0t_ ._1AHV0O05 ._1hqyRXJG ._3B5JU4xh,
.fGczw0t_ ._1YtkvHsJ ._1hqyRXJG ._3B5JU4xh {
    position: absolute;
    width: 86px;
    height: 103px;
    bottom: -53px;
    left: 0;
    right: 0;
    margin: auto
}

.fGczw0t_ ._1AHV0O05 .Jm_KaOey,
.fGczw0t_ ._1YtkvHsJ .Jm_KaOey {
    position: absolute;
    width: 220px;
    height: 440px;
    top: 80px;
    left: 150px;
    z-index: 3
}

.fGczw0t_ ._1AHV0O05 .Jm_KaOey .TCKxAUnE,
.fGczw0t_ ._1YtkvHsJ .Jm_KaOey .TCKxAUnE {
    display: block;
    width: 100%;
    height: auto
}

.fGczw0t_ ._1AHV0O05 .Jm_KaOey ._3B5JU4xh,
.fGczw0t_ ._1YtkvHsJ .Jm_KaOey ._3B5JU4xh {
    position: absolute;
    width: 86px;
    height: 103px;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto
}

.fGczw0t_ ._1AHV0O05 ._13y5CjOU,
.fGczw0t_ ._1YtkvHsJ ._13y5CjOU {
    position: absolute;
    width: 220px;
    height: 440px;
    top: 60px;
    left: 560px;
    z-index: 2
}

.fGczw0t_ ._1AHV0O05 ._13y5CjOU .TCKxAUnE,
.fGczw0t_ ._1YtkvHsJ ._13y5CjOU .TCKxAUnE {
    display: block;
    width: 100%;
    height: auto
}

.fGczw0t_ ._1AHV0O05 ._13y5CjOU ._3B5JU4xh,
.fGczw0t_ ._1YtkvHsJ ._13y5CjOU ._3B5JU4xh {
    position: absolute;
    width: 86px;
    height: 103px;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto
}

.fGczw0t_ ._2sQ8qD3- {
    position: relative
}

.fGczw0t_ ._2sQ8qD3- ._3hnVd44X {
    position: absolute;
    width: 517px;
    height: 261px;
    top: 170px;
    left: 200px;
    z-index: 4
}

.fGczw0t_ ._2sQ8qD3- ._3hnVd44X ._3y70Yj2O {
    display: block;
    width: 100%;
    height: auto
}

.fGczw0t_ ._2sQ8qD3- ._3hnVd44X ._2LeGQ6ys {
    position: absolute;
    width: 86px;
    height: 103px;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: auto
}

.fGczw0t_ ._2sQ8qD3- ._3t6dArX1 {
    position: absolute;
    width: 488px;
    height: 247px;
    top: 80px;
    left: 50px;
    z-index: 3
}

.fGczw0t_ ._2sQ8qD3- ._3t6dArX1 ._3y70Yj2O {
    display: block;
    width: 100%;
    height: auto
}

.fGczw0t_ ._2sQ8qD3- ._3t6dArX1 ._2LeGQ6ys {
    position: absolute;
    width: 86px;
    height: 103px;
    bottom: -50px;
    left: 60px
}

.fGczw0t_ ._2sQ8qD3- .RC5a_lQI {
    position: absolute;
    width: 464px;
    height: 237px;
    top: 120px;
    left: 410px;
    z-index: 2
}

.fGczw0t_ ._2sQ8qD3- .RC5a_lQI ._3y70Yj2O {
    display: block;
    width: 100%;
    height: auto
}

.fGczw0t_ ._2sQ8qD3- .RC5a_lQI ._2LeGQ6ys {
    position: absolute;
    width: 86px;
    height: 103px;
    bottom: -50px;
    right: 60px
}

._1XRtkZG- {
    position: absolute;
    width: 86px;
    height: 103px;
    bottom: -55px;
    left: 0;
    right: 0;
    margin: auto
}