*, body {
    margin: 0
}

body, legend {
    border: 0;
    padding: 0
}

*, body, legend, td, th {
    padding: 0
}

.ptitle, .searchwrap input, img {
    vertical-align: middle
}

.alicenter, .attention, .footer a, .textfooter p {
    text-align: center
}

.banner img, .borderli img, .imgs, .log_bottom_new img, .log_new img, .newul .wzd img, .w30 img {
    min-width: 100%
}

article, aside, details, div, figcaption, figure, footer, header, hgroup, nav, section, summary {
    /*display: block;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

audio, canvas, video {
    display: inline-block
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: Microsoft YaHei, sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-size: 0
}

b, em, i, strong {
    font-style: normal;
    font-weight: 400
}

.red, optgroup {
    font-weight: 700
}

textarea {
    overflow: auto
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

ol, ul {
    list-style: none
}

/*img {
    display: block;
    height: auto;
    max-width: 100%
}*/

.clearfix:after, .clearfix:before {
    display: block;
    visibility: hidden;
    content: " ";
    clear: both;
    zoom: 1
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.mask, .mask-box {
    width: 100%;
    left: 0
}

.subtn {
    background-color: #6FA235;
    color: #fff;
    font-size: .4rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    border-radius: .1rem;
    padding: .15rem .5rem
}

.mask {
    color: red;
    height: 100%;
    background: #32373b;
    position: fixed;
    top: 0;
    z-index: 999999;
    display: none
}

.mask-box {
    height: 5.04rem;
    position: absolute;
    top: 50%;
    margin-top: -2.38rem
}

.mask-pic {
    width: 3.88rem;
    height: 3.88rem;
    margin: 1rem auto 0;
    text-align: center
}

.mask span {
    font-size: 0.3rem;
    display: block;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 0.5rem;
    /*padding-top: 0.2rem;*/
}

.mask i {
    width: 2rem;
    height: 3.26rem;
    background: url(../assets/rotatePhone.png?t=4ae62d4f39d21dd600f1c33ae362ec2b) no-repeat;
    background-size: 2rem 3.26rem;
    display: block;
    margin: 0 auto;
    -webkit-animation: maskAni 1.5s ease infinite alternate;
    animation: maskAni 1.5s ease infinite alternate
}

@-webkit-keyframes maskAni {
    0%, 30% {
        -webkit-transform: rotate(-90deg)
    }
    100%, 70% {
        -webkit-transform: rotate(0)
    }
}
@keyframes maskAni {
    0%, 30% {
        -webkit-transform: rotate(-90deg)
    }
    100%, 70% {
        -webkit-transform: rotate(0)
    }
}

@media all and (orientation: landscape) {
    .mask {
        display: block
    }
}

@media all and (orientation: portrait) {
    .mask {
        display: none
    }
}

/*.pkno {
    border: none;
    color: #A3BACC;
    font-size: .55rem;
    padding: .6rem 0;
    background: #f2f7fa;
    position: static
}

.pkno em {
    background: url(img/logob.png) top center no-repeat;
    width: 1.95rem;
    height: .7rem;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}*/

.marke, .wlayer {
    display: none;
    position: fixed;
    left: 0;
    width: 100%
}

.banner img {
    width: 100%
}

.marke {
    background-color: rgba(0, 0, 0, .9);
    top: 0;
    height: 100%;
    z-index: 1000
}

.wlayer {
    top: 50%;
    z-index: 10002
}/**
/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #333;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.section {
    text-align: center; font: 50px "Microsoft Yahei"; color: #fff;
}
/**{*/
    /*-webkit-backface-visibility: hidden;*/
    /*-moz-backface-visibility: hidden;*/
    /*-ms-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
/*}*/
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}@charset "UTF-8";
.fadeIn, .fadeInDown, .fadeOutDown, .fadeOut, .fadeInUp, .fadeInLeft, .fadeInRight, .bounceIn, .flipInX {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

/*实心箭头*/
/*音乐播放的样式*/
@-webkit-keyframes rotateLoopRF {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); } }

@-moz-keyframes rotateLoopRF {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-ms-keyframes rotateLoopRF {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes rotateLoopRF {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes rotateLoopLF {
  0% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); } }

@-moz-keyframes rotateLoopLF {
  0% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-ms-keyframes rotateLoopLF {
  0% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes rotateLoopLF {
  0% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

.rotateLoopRF {
  -webkit-animation-name: rotateLoopRF;
  -moz-animation-name: rotateLoopRF;
  -ms-animation-name: rotateLoopRF;
  animation-name: rotateLoopRF;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  animation-timing-function: linear; }

.play {
  animation: rotateLoopRF 1.2s linear infinite;
  -moz-animation: rotateLoopRF 1.2s linear infinite;
  -webkit-animation: rotateLoopRF 1.2s linear infinite;
  -o-animation: rotateLoopRF 1.2s linear infinite; }

.mscBtn {
  position: fixed;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.6rem;
  z-index: 999;
  height: 0.6rem;
  background: url(../assets/music-icon.png?t=9e086ef94b4ed0311a89d6456c421dbe) no-repeat;
  display: block;
  background-size: contain; }

/*底部指示箭头*/
.u-arrow-bottom {
  bottom: 0.2rem;
  z-index: 150;
  margin-left: -0.14rem;
  display: block; }

.u-arrow-bottom, .u-arrow-bottom img {
  position: absolute;
  width: 0.48rem;
  height: 0.28rem;
  left: 50%; }

.pre-wrap {
  width: 0.48rem;
  height: 0.28rem;
  position: relative;
  -webkit-animation: start 1.5s infinite ease-in-out;
  -moz-animation: start 1.5s infinite ease-in-out;
  animation: start 1.5s infinite ease-in-out; }

.pre-box1, .pre-box2 {
  height: 0.3rem;
  width: 0.22rem;
  position: absolute;
  top: -0.1rem;
  overflow: hidden; }

.pre1, .pre2, .pre3, .pre4 {
  border-radius: 0.4rem;
  background-color: #fff; }

.pre1, .pre2 {
  width: 0.28rem;
  height: 0.1rem;
  position: absolute;
  box-shadow: 1px -1px 1px #646464;
  top: 0.10rem; }

.pre-box2 {
  left: 0.2rem; }

.pre1 {
  transform: rotate(130deg);
  -webkit-transform: rotate(130deg);
  left: 1px; }

.pre2 {
  left: -0.1rem;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg); }

@-webkit-keyframes start {
  0%, 30% {
    opacity: 0;
    -webkit-transform: translate(0, 10px); }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -8px); } }

@-moz-keyframes start {
  0%, 30% {
    opacity: 0;
    -moz-transform: translate(0, 10px); }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0); }
  100% {
    opacity: 0;
    -moz-transform: translate(0, -8px); } }

@keyframes start {
  0%, 30% {
    opacity: 0;
    transform: translate(0, 10px); }
  60% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(0, -8px); } }

#loading {
  z-index: 99999;
  position: absolute;
  color: #000;
  width: 100%;
  height: 100%;
  font-size: 0.36rem;
  top: 0;
  left: 0;
  text-align: center; }

.loading-white {
  background-color: #f0f0f0; }

.loading-black {
  background-color: #000000; }

#loading #progress {
  position: absolute;
  top: 6.24rem;
  width: 100%;
  color: #eb3700; }

.progress-white {
  color: #ffffff; }

.progress-black {
  color: #000000; }

#loading .pre-logo {
  position: absolute;
  width: 1.68rem;
  height: 0.54rem;
  bottom: 0.8rem;
  left: 50%;
  margin-left: -0.84rem; }

#loading .cow {
  position: absolute;
  top: 3.36rem;
  width: 2.68rem;
  height: 2.68rem;
  left: 50%;
  margin-left: -1.33rem; }

#loading .cow .pre-head {
  position: absolute;
  width: 1.68rem;
  height: 1.75rem;
  top: 0.5rem;
  left: 0.5rem; }

#loading .cow .pre-eye-left {
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  left: 0.81rem;
  top: 1.36rem; }

#loading .cow .pre-eye-right {
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  left: 1.44rem;
  top: 1.36rem; }

#loading .cow .pre-circle {
  position: absolute;
  width: 2.66rem;
  height: 2.67rem;
  top: 0;
  left: 0; }

.eye-rotate {
  animation: rotateLoopLF 2s linear infinite;
  -moz-animation: rotateLoopLF 2s linear infinite;
  -webkit-animation: rotateLoopLF 2s linear infinite;
  -o-animation: rotateLoopLF 2s linear infinite; }

.landscape {
  color: red;
  height: 100%; }

/*.swiper-container {
    width: 6rem;
    height:3rem;
    z-index:999999;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 6rem;
    height: 3rem;

}*/
.animation-delay1 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.animation-delay2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.animation-delay3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.animation-delay4 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.animation-delay5 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.animation-delay6 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.animation-delay7 {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -ms-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.animation-delay8 {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -ms-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.animation-delay9 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  animation-delay: 0.9s; }

.animation-delay10 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s; }

.animation-delay11 {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s; }

.animation-delay12 {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.animation-delay13 {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
  animation-delay: 1.3s; }

.animation-delay14 {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -ms-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.animation-delay15 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.animation-delay16 {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -ms-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.animation-delay17 {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -ms-animation-delay: 1.7s;
  animation-delay: 1.7s; }

.animation-delay18 {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -ms-animation-delay: 1.8s;
  animation-delay: 1.8s; }

.animation-delay19 {
  -webkit-animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  -ms-animation-delay: 1.9s;
  animation-delay: 1.9s; }

.animation-delay20 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s; }

.animation-delay21 {
  -webkit-animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  -ms-animation-delay: 2.1s;
  animation-delay: 2.1s; }

.animation-delay22 {
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  -ms-animation-delay: 2.2s;
  animation-delay: 2.2s; }

.animation-delay23 {
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  -ms-animation-delay: 2.3s;
  animation-delay: 2.3s; }

.animation-delay24 {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  -ms-animation-delay: 2.4s;
  animation-delay: 2.4s; }

.animation-delay25 {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.animation-delay26 {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  -ms-animation-delay: 2.6s;
  animation-delay: 2.6s; }

.animation-delay27 {
  -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  -ms-animation-delay: 2.7s;
  animation-delay: 2.7s; }

.animation-delay28 {
  -webkit-animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  -ms-animation-delay: 2.8s;
  animation-delay: 2.8s; }

.animation-delay29 {
  -webkit-animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  -ms-animation-delay: 2.9s;
  animation-delay: 2.9s; }

.animation-delay30 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s; }

.animation-delay31 {
  -webkit-animation-delay: 3.1s;
  -moz-animation-delay: 3.1s;
  -ms-animation-delay: 3.1s;
  animation-delay: 3.1s; }

.animation-delay32 {
  -webkit-animation-delay: 3.2s;
  -moz-animation-delay: 3.2s;
  -ms-animation-delay: 3.2s;
  animation-delay: 3.2s; }

.animation-delay33 {
  -webkit-animation-delay: 3.3s;
  -moz-animation-delay: 3.3s;
  -ms-animation-delay: 3.3s;
  animation-delay: 3.3s; }

.animation-delay34 {
  -webkit-animation-delay: 3.4s;
  -moz-animation-delay: 3.4s;
  -ms-animation-delay: 3.4s;
  animation-delay: 3.4s; }

.animation-delay35 {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -ms-animation-delay: 3.5s;
  animation-delay: 3.5s; }

.animation-delay36 {
  -webkit-animation-delay: 3.6s;
  -moz-animation-delay: 3.6s;
  -ms-animation-delay: 3.6s;
  animation-delay: 3.6s; }

.animation-delay38 {
  -webkit-animation-delay: 3.8s;
  -moz-animation-delay: 3.8s;
  -ms-animation-delay: 3.8s;
  animation-delay: 3.8s; }

.animation-delay39 {
  -webkit-animation-delay: 3.9s;
  -moz-animation-delay: 3.9s;
  -ms-animation-delay: 3.9s;
  animation-delay: 3.9s; }

.animation-delay40 {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -ms-animation-delay: 4s;
  animation-delay: 4s; }

.animation-delay41 {
  -webkit-animation-delay: 4.1s;
  -moz-animation-delay: 4.1s;
  -ms-animation-delay: 4.1s;
  animation-delay: 4.1s; }

.animation-delay42 {
  -webkit-animation-delay: 4.2s;
  -moz-animation-delay: 4.2s;
  -ms-animation-delay: 4.2s;
  animation-delay: 4.2s; }

.animation-delay43 {
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  -ms-animation-delay: 4.3s;
  animation-delay: 4.3s; }

.animation-delay44 {
  -webkit-animation-delay: 4.4s;
  -moz-animation-delay: 4.4s;
  -ms-animation-delay: 4.4s;
  animation-delay: 4.4s; }

.animation-delay45 {
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -ms-animation-delay: 4.5s;
  animation-delay: 4.5s; }

.animation-delay46 {
  -webkit-animation-delay: 4.6s;
  -moz-animation-delay: 4.6s;
  -ms-animation-delay: 4.6s;
  animation-delay: 4.6s; }

.animation-delay48 {
  -webkit-animation-delay: 4.8s;
  -moz-animation-delay: 4.8s;
  -ms-animation-delay: 4.8s;
  animation-delay: 4.8s; }

.animation-delay50 {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -ms-animation-delay: 5s;
  animation-delay: 5s; }

.animation-delay52 {
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  -ms-animation-delay: 5.2s;
  animation-delay: 5.2s; }

.animation-delay53 {
  -webkit-animation-delay: 5.3s;
  -moz-animation-delay: 5.3s;
  -ms-animation-delay: 5.3s;
  animation-delay: 5.3s; }

.animation-delay54 {
  -webkit-animation-delay: 5.4s;
  -moz-animation-delay: 5.4s;
  -ms-animation-delay: 5.4s;
  animation-delay: 5.4s; }

.animation-delay55 {
  -webkit-animation-delay: 5.5s;
  -moz-animation-delay: 5.5s;
  -ms-animation-delay: 5.5s;
  animation-delay: 5.5s; }

.animation-delay56 {
  -webkit-animation-delay: 5.6s;
  -moz-animation-delay: 5.6s;
  -ms-animation-delay: 5.6s;
  animation-delay: 5.6s; }

.animation-delay57 {
  -webkit-animation-delay: 5.7s;
  -moz-animation-delay: 5.7s;
  -ms-animation-delay: 5.7s;
  animation-delay: 5.7s; }

.animation-delay58 {
  -webkit-animation-delay: 5.8s;
  -moz-animation-delay: 5.8s;
  -ms-animation-delay: 5.8s;
  animation-delay: 5.8s; }

.animation-delay60 {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s; }

.animation-delay62 {
  -webkit-animation-delay: 6.2s;
  -moz-animation-delay: 6.2s;
  -ms-animation-delay: 6.2s;
  animation-delay: 6.2s; }

.animation-delay64 {
  -webkit-animation-delay: 6.4s;
  -moz-animation-delay: 6.4s;
  -ms-animation-delay: 6.4s;
  animation-delay: 6.4s; }

.animation-delay65 {
  -webkit-animation-delay: 6.5s;
  -moz-animation-delay: 6.5s;
  -ms-animation-delay: 6.5s;
  animation-delay: 6.5s; }

.animation-delay68 {
  -webkit-animation-delay: 6.8s;
  -moz-animation-delay: 6.8s;
  -ms-animation-delay: 6.8s;
  animation-delay: 6.8s; }

.animation-delay70 {
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -ms-animation-delay: 7s;
  animation-delay: 7s; }

.animation-delay72 {
  -webkit-animation-delay: 7.2s;
  -moz-animation-delay: 7.2s;
  -ms-animation-delay: 7.2s;
  animation-delay: 7.2s; }

.animation-delay74 {
  -webkit-animation-delay: 7.4s;
  -moz-animation-delay: 7.4s;
  -ms-animation-delay: 7.4s;
  animation-delay: 7.4s; }

.animation-delay75 {
  -webkit-animation-delay: 7.5s;
  -moz-animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  animation-delay: 7.5s; }

.animation-delay76 {
  -webkit-animation-delay: 7.6s;
  -moz-animation-delay: 7.6s;
  -ms-animation-delay: 7.6s;
  animation-delay: 7.6s; }

.animation-delay78 {
  -webkit-animation-delay: 7.8s;
  -moz-animation-delay: 7.8s;
  -ms-animation-delay: 7.8s;
  animation-delay: 7.8s; }

.animation-delay80 {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -ms-animation-delay: 8s;
  animation-delay: 8s; }

.animation-delay82 {
  -webkit-animation-delay: 8.2s;
  -moz-animation-delay: 8.2s;
  -ms-animation-delay: 8.2s;
  animation-delay: 8.2s; }

.animation-delay85 {
  -webkit-animation-delay: 8.5s;
  -moz-animation-delay: 8.5s;
  -ms-animation-delay: 8.5s;
  animation-delay: 8.5s; }

.animation-delay90 {
  -webkit-animation-delay: 9s;
  -moz-animation-delay: 9s;
  -ms-animation-delay: 9s;
  animation-delay: 9s; }

.animation-delay92 {
  -webkit-animation-delay: 9.2s;
  -moz-animation-delay: 9.2s;
  -ms-animation-delay: 9.2s;
  animation-delay: 9.2s; }

.animation-delay95 {
  -webkit-animation-delay: 9.5s;
  -moz-animation-delay: 9.5s;
  -ms-animation-delay: 9.5s;
  animation-delay: 9.5s; }

.animation-delay100 {
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -ms-animation-delay: 10s;
  animation-delay: 10s; }

.animation-delay105 {
  -webkit-animation-delay: 10.5s;
  -moz-animation-delay: 10.5s;
  -ms-animation-delay: 10.5s;
  animation-delay: 10.5s; }

.animation-delay110 {
  -webkit-animation-delay: 11s;
  -moz-animation-delay: 11s;
  -ms-animation-delay: 11s;
  animation-delay: 11s; }

.animation-delay120 {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s; }

.animation-delay130 {
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  -ms-animation-delay: 13s;
  animation-delay: 13s; }

.animation-delay140 {
  -webkit-animation-delay: 14s;
  -moz-animation-delay: 14s;
  -ms-animation-delay: 14s;
  animation-delay: 14s; }

.animation-delay150 {
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  -ms-animation-delay: 15s;
  animation-delay: 15s; }

.animation-delay160 {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -ms-animation-delay: 16s;
  animation-delay: 16s; }

.animation-delay170 {
  -webkit-animation-delay: 17s;
  -moz-animation-delay: 17s;
  -ms-animation-delay: 17s;
  animation-delay: 17s; }

.animation-delay180 {
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -ms-animation-delay: 18s;
  animation-delay: 18s; }

.animation-delay190 {
  -webkit-animation-delay: 19s;
  -moz-animation-delay: 19s;
  -ms-animation-delay: 19s;
  animation-delay: 19s; }

.animation-delay200 {
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  -ms-animation-delay: 20s;
  animation-delay: 20s; }

.animation-delay300 {
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -ms-animation-delay: 30s;
  animation-delay: 30s; }

.animation-delay600 {
  -webkit-animation-delay: 60s;
  -moz-animation-delay: 60s;
  -ms-animation-delay: 60s;
  animation-delay: 60s; }

.animation-delay900 {
  -webkit-animation-delay: 90s;
  -moz-animation-delay: 90s;
  -ms-animation-delay: 90s;
  animation-delay: 90s; }

.animation-duration3 {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s; }

.animation-duration5 {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animation-duration6 {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  animation-duration: 0.6s; }

.animation-duration7 {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  -ms-animation-duration: 0.7s;
  animation-duration: 0.7s; }

.animation-duration8 {
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -ms-animation-duration: 0.8s;
  animation-duration: 0.8s; }

.animation-duration10 {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s; }

.animation-duration12 {
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  animation-duration: 1.2s; }

.animation-duration15 {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s; }

.animation-duration16 {
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -ms-animation-duration: 1.6s;
  animation-duration: 1.6s; }

.animation-duration18 {
  -webkit-animation-duration: 1.8s;
  -moz-animation-duration: 1.8s;
  -ms-animation-duration: 1.8s;
  animation-duration: 1.8s; }

.animation-duration20 {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s; }

.animation-duration22 {
  -webkit-animation-duration: 2.2s;
  -moz-animation-duration: 2.2s;
  -ms-animation-duration: 2.2s;
  animation-duration: 2.2s; }

.animation-duration25 {
  -webkit-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
  -ms-animation-duration: 2.5s;
  animation-duration: 2.5s; }

.animation-duration29 {
  -webkit-animation-duration: 2.9s;
  -moz-animation-duration: 2.9s;
  -ms-animation-duration: 2.9s;
  animation-duration: 2.9s; }

.animation-duration30 {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s; }

.animation-duration32 {
  -webkit-animation-duration: 3.2s;
  -moz-animation-duration: 3.2s;
  -ms-animation-duration: 3.2s;
  animation-duration: 3.2s; }

.animation-duration36 {
  -webkit-animation-duration: 3.6s;
  -moz-animation-duration: 3.6s;
  -ms-animation-duration: 3.6s;
  animation-duration: 3.6s; }

.animation-duration39 {
  -webkit-animation-duration: 3.9s;
  -moz-animation-duration: 3.9s;
  -ms-animation-duration: 3.9s;
  animation-duration: 3.9s; }

.animation-duration40 {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -ms-animation-duration: 4s;
  animation-duration: 4s; }

.animation-duration43 {
  -webkit-animation-duration: 4.3s;
  -moz-animation-duration: 4.3s;
  -ms-animation-duration: 4.3s;
  animation-duration: 4.3s; }

.animation-duration46 {
  -webkit-animation-duration: 4.6s;
  -moz-animation-duration: 4.6s;
  -ms-animation-duration: 4.6s;
  animation-duration: 4.6s; }

.animation-duration50 {
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -ms-animation-duration: 5s;
  animation-duration: 5s; }

.animation-duration53 {
  -webkit-animation-duration: 5.3s;
  -moz-animation-duration: 5.3s;
  -ms-animation-duration: 5.3s;
  animation-duration: 5.3s; }

.animation-duration57 {
  -webkit-animation-duration: 5.7s;
  -moz-animation-duration: 5.7s;
  -ms-animation-duration: 5.7s;
  animation-duration: 5.7s; }

.animation-duration60 {
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  -ms-animation-duration: 6s;
  animation-duration: 6s; }

.animation-duration70 {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  animation-duration: 7s; }

.animation-duration80 {
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  -ms-animation-duration: 8s;
  animation-duration: 8s; }

.animation-duration90 {
  -webkit-animation-duration: 9s;
  -moz-animation-duration: 9s;
  -ms-animation-duration: 9s;
  animation-duration: 9s; }

.animation-duration100 {
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  animation-duration: 10s; }

.animation-duration120 {
  -webkit-animation-duration: 12s;
  -moz-animation-duration: 12s;
  -ms-animation-duration: 12s;
  animation-duration: 12s; }

.animation-duration140 {
  -webkit-animation-duration: 14s;
  -moz-animation-duration: 14s;
  -ms-animation-duration: 14s;
  animation-duration: 14s; }

.animation-duration150 {
  -webkit-animation-duration: 15s;
  -moz-animation-duration: 15s;
  -ms-animation-duration: 15s;
  animation-duration: 15s; }

.animation-duration200 {
  -webkit-animation-duration: 20s;
  -moz-animation-duration: 20s;
  -ms-animation-duration: 20s;
  animation-duration: 20s; }

.animation-duration300 {
  -webkit-animation-duration: 30s;
  -moz-animation-duration: 30s;
  -ms-animation-duration: 30s;
  animation-duration: 30s; }

.animation-duration400 {
  -webkit-animation-duration: 40s;
  -moz-animation-duration: 40s;
  -ms-animation-duration: 40s;
  animation-duration: 40s; }

.animation-duration500 {
  -webkit-animation-duration: 50s;
  -moz-animation-duration: 50s;
  -ms-animation-duration: 50s;
  animation-duration: 50s; }

.animation-duration600 {
  -webkit-animation-duration: 60s;
  -moz-animation-duration: 60s;
  -ms-animation-duration: 60s;
  animation-duration: 60s; }

.animation-iteration-infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.fp-tableCell {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.fp-tableCell img, .fp-tableCell div {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.shade {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999; }

.clear-fix {
  *zoom: 1; }
  .clear-fix:before, .clear-fix:after {
    content: "";
    display: table; }
  .clear-fix:after {
    clear: both; }

/*$spriteWidth: 2.35rem; // 精灵宽度
@keyframes run {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -($spriteWidth * 2) 0; // 2帧
    }
}
.sprite {
    width: $spriteWidth;
    height: 2.55rem;
    background: url("../../assets/jdr-m/img12.png") 0 0 no-repeat;
    background-size: 4.71rem 2.55rem;
    animation: run 2.6s steps(2) infinite;
}*/
.qjwzc, .finish-logo, .circle-warp, .circle, .bg1, .bg2,
.bg3,
.bg5,
.bg6,
.bg7,
.bgf, .img12, .swiper-container, .swiper-container .swiper-slide .img3311, .swiper-container .swiper-slide .img3312, .swiper-container .swiper-slide .img3313, .swiper-container .swiper-slide .img3314, .swiper-container .swiper-slide .img3315, .swiper-container .swiper-slide .img3316, .img341, .fish1, .fish2, .fish3, .img83, .img84, .img85, .img86, .img87, .img88, .img89, .img810, .img811, .img812, .img91, .img92, .img93, .img94, .img95, .img96, .img97, .img98, .link, .p1 img, .p2 img, .p3 img, .p4 img, .p5 img, .p6 img, .p7 img, .p8 img, .p9 img, .p10 img {
  position: absolute;
  opacity: 0; }

.qjwzc {
  width: 100%;
  bottom: .3rem;
  left: 0;
  z-index: 9;
  text-align: center;
  letter-spacing: 2px;
  font-size: .24rem;
  color: #d69e34; }

.finish-logo {
  width: 2.85rem;
  height: .33rem;
  top: 42%;
  left: 50%;
  margin-left: -1.42rem; }

#load {
  position: absolute;
  width: 100%;
  height: 1rem;
  top: 4.7rem;
  left: 0;
  z-index: 100000;
  font-size: .36rem;
  color: #fff; }
  #load span {
    display: block;
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 0;
    left: -.6rem;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

@-webkit-keyframes up1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  20%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-moz-keyframes up1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  20%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-ms-keyframes up1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  20%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@keyframes up1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  20%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

.up1 {
  -webkit-animation-name: up1;
  -moz-animation-name: up1;
  -ms-animation-name: up1;
  animation-name: up1; }

@-webkit-keyframes up2 {
  0%, 8% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  18% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  28%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-moz-keyframes up2 {
  0%, 8% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  18% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  28%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-ms-keyframes up2 {
  0%, 8% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  18% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  28%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@keyframes up2 {
  0%, 8% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  18% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  28%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

.up2 {
  -webkit-animation-name: up2;
  -moz-animation-name: up2;
  -ms-animation-name: up2;
  animation-name: up2; }

@-webkit-keyframes up3 {
  0%, 16% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  26% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  36%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-moz-keyframes up3 {
  0%, 16% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  26% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  36%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-ms-keyframes up3 {
  0%, 16% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  26% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  36%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@keyframes up3 {
  0%, 16% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  26% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  36%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

.up3 {
  -webkit-animation-name: up3;
  -moz-animation-name: up3;
  -ms-animation-name: up3;
  animation-name: up3; }

@-webkit-keyframes up4 {
  0%, 24% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  34% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  44%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-moz-keyframes up4 {
  0%, 24% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  34% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  44%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-ms-keyframes up4 {
  0%, 24% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  34% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  44%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@keyframes up4 {
  0%, 24% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  34% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  44%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

.up4 {
  -webkit-animation-name: up4;
  -moz-animation-name: up4;
  -ms-animation-name: up4;
  animation-name: up4; }

@-webkit-keyframes up5 {
  0%, 32% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  42% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  52%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-moz-keyframes up5 {
  0%, 32% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  42% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  52%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-ms-keyframes up5 {
  0%, 32% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  42% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  52%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@keyframes up5 {
  0%, 32% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  42% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  52%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

.up5 {
  -webkit-animation-name: up5;
  -moz-animation-name: up5;
  -ms-animation-name: up5;
  animation-name: up5; }

@-webkit-keyframes up6 {
  0%, 40% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  60%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-moz-keyframes up6 {
  0%, 40% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  60%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-ms-keyframes up6 {
  0%, 40% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  60%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@keyframes up6 {
  0%, 40% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  60%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

.up6 {
  -webkit-animation-name: up6;
  -moz-animation-name: up6;
  -ms-animation-name: up6;
  animation-name: up6; }

@-webkit-keyframes up7 {
  0%, 48% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  58% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  68%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-moz-keyframes up7 {
  0%, 48% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  58% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  68%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@-ms-keyframes up7 {
  0%, 48% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  58% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  68%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

@keyframes up7 {
  0%, 48% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  58% {
    opacity: 1;
    -webkit-transform: scale(1.5) translateY(-0.5rem);
    -moz-transform: scale(1.5) translateY(-0.5rem);
    -ms-transform: scale(1.5) translateY(-0.5rem);
    transform: scale(1.5) translateY(-0.5rem); }
  68%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); } }

.up7 {
  -webkit-animation-name: up7;
  -moz-animation-name: up7;
  -ms-animation-name: up7;
  animation-name: up7; }

.up1, .up2, .up3, .up4, .up5, .up6, .up7 {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear; }

/* *{
    -webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
} */
html,
body {
  font-family: Microsoft YaHei, sans-serif;
  overflow: hidden;
  background-color: #fff; }

.section {
  background-color: #fff;
  overflow: hidden; }
  .section .section-box {
    margin-top: -1.5rem;
    position: relative;
    width: 7.5rem;
    height: 12.07rem; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  animation-name: bounceIn; }

.qjwzc, .finish-logo, .circle-warp, .circle, .bg1, .bg2,
.bg3,
.bg5,
.bg6,
.bg7,
.bgf, .img12, .swiper-container, .swiper-container .swiper-slide .img3311, .swiper-container .swiper-slide .img3312, .swiper-container .swiper-slide .img3313, .swiper-container .swiper-slide .img3314, .swiper-container .swiper-slide .img3315, .swiper-container .swiper-slide .img3316, .img341, .fish1, .fish2, .fish3, .img83, .img84, .img85, .img86, .img87, .img88, .img89, .img810, .img811, .img812, .img91, .img92, .img93, .img94, .img95, .img96, .img97, .img98, .link, .p1 img, .p2 img, .p3 img, .p4 img, .p5 img, .p6 img, .p7 img, .p8 img, .p9 img, .p10 img {
  position: absolute;
  opacity: 0; }

@keyframes start {
  0%,
  30% {
    opacity: 0;
    transform: translate(0, -10px); }
  60% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(0, 8px); } }

.u-arrow-bottom .down {
  width: 0.66rem;
  height: 0.38rem;
  margin-left: -0.25rem;
  bottom: 0.28rem; }

.u-arrow-right {
  position: absolute;
  width: 0.2rem;
  height: 0.22rem;
  margin-top: -0.2rem;
  right: 0.1rem;
  top: 50%;
  z-index: 999; }

.pre-wrap {
  width: 0.48rem;
  height: 0.28rem;
  position: relative;
  animation: start 1.5s 2s infinite ease-in-out;
  opacity: 0; }

.section {
  background-color: rgba(0, 0, 0, 0);
  text-align: left; }

.fp-tableCell {
  width: 7.5rem; }

#qj {
  z-index: 2; }

.index-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }

#closeVideo {
  position: absolute;
  top: 1rem;
  right: 0.8rem;
  font-size: 0.28rem;
  color: #ccc;
  z-index: 10000; }

#video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden; }

#videobox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden; }

.finish-logo {
  display: block;
  opacity: 1; }

/*.finish1{
  clip: rect(0 0 1.1rem 0);
  //@include transition(clip)
}*/
.finish-in2 {
  clip: rect(0 0 1.1rem 0);
  -webkit-transition: clip;
  -moz-transition: clip;
  -ms-transition: clip;
  transition: clip; }

@-webkit-keyframes animateIn2a {
  0% {
    opacity: 1;
    clip: rect(0 0 1.1rem 0); }
  100% {
    opacity: 1;
    clip: rect(0 3rem 1.1rem 0); } }

@-moz-keyframes animateIn2a {
  0% {
    opacity: 1;
    clip: rect(0 0 1.1rem 0); }
  100% {
    opacity: 1;
    clip: rect(0 3rem 1.1rem 0); } }

@-ms-keyframes animateIn2a {
  0% {
    opacity: 1;
    clip: rect(0 0 1.1rem 0); }
  100% {
    opacity: 1;
    clip: rect(0 3rem 1.1rem 0); } }

@keyframes animateIn2a {
  0% {
    opacity: 1;
    clip: rect(0 0 1.1rem 0); }
  100% {
    opacity: 1;
    clip: rect(0 3rem 1.1rem 0); } }

.animateIn2 {
  -webkit-animation: animateIn2a 1s 0.4s linear forwards;
  -moz-animation: animateIn2a 1s 0.4s linear forwards;
  -ms-animation: animateIn2a 1s 0.4s linear forwards;
  animation: animateIn2a 1s 0.4s linear forwards; }

@-webkit-keyframes animateIn1a {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes animateIn1a {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes animateIn1a {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes animateIn1a {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes animateIn1b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }

@-moz-keyframes animateIn1b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }

@-ms-keyframes animateIn1b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes animateIn1b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }

.animateIn1 {
  -webkit-animation: animateIn1a 0.4s 0.4s linear forwards, animateIn1b 1s 0.8s linear forwards infinite alternate;
  -moz-animation: animateIn1a 0.4s 0.4s linear forwards, animateIn1b 1s 0.8s linear forwards infinite alternate;
  -ms-animation: animateIn1a 0.4s 0.4s linear forwards, animateIn1b 1s 0.8s linear forwards infinite alternate;
  animation: animateIn1a 0.4s 0.4s linear forwards, animateIn1b 1s 0.8s linear forwards infinite alternate; }

.finish-in {
  opacity: 0; }

@-webkit-keyframes rotateF {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    -moz-transform: translate3d(0, 0, 0) rotate(0);
    -ms-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
    -moz-transform: translate3d(0, 0, 0) rotate(360deg);
    -ms-transform: translate3d(0, 0, 0) rotate(360deg);
    transform: translate3d(0, 0, 0) rotate(360deg); } }

@-moz-keyframes rotateF {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    -moz-transform: translate3d(0, 0, 0) rotate(0);
    -ms-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
    -moz-transform: translate3d(0, 0, 0) rotate(360deg);
    -ms-transform: translate3d(0, 0, 0) rotate(360deg);
    transform: translate3d(0, 0, 0) rotate(360deg); } }

@-ms-keyframes rotateF {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    -moz-transform: translate3d(0, 0, 0) rotate(0);
    -ms-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
    -moz-transform: translate3d(0, 0, 0) rotate(360deg);
    -ms-transform: translate3d(0, 0, 0) rotate(360deg);
    transform: translate3d(0, 0, 0) rotate(360deg); } }

@keyframes rotateF {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    -moz-transform: translate3d(0, 0, 0) rotate(0);
    -ms-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
    -moz-transform: translate3d(0, 0, 0) rotate(360deg);
    -ms-transform: translate3d(0, 0, 0) rotate(360deg);
    transform: translate3d(0, 0, 0) rotate(360deg); } }

.rotateF {
  -webkit-animation: rotateF 8s 0s linear forwards infinite;
  -moz-animation: rotateF 8s 0s linear forwards infinite;
  -ms-animation: rotateF 8s 0s linear forwards infinite;
  animation: rotateF 8s 0s linear forwards infinite;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.circle-warp {
  z-index: 9;
  top: 5.56rem;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: -0.2rem; }

.circle {
  z-index: 9; }

.circle1 {
  width: 0.42rem;
  height: 0.42rem;
  left: 0.04rem;
  top: 0.04rem;
  border-radius: 0.22rem;
  background-color: rgba(255, 255, 255, 0.2); }

.circle2 {
  width: 0.3rem;
  height: 0.3rem;
  left: 0.1rem;
  top: 0.1rem;
  border-radius: 0.16rem;
  background-color: rgba(255, 255, 255, 0.4); }

.circle3 {
  width: 0.18rem;
  height: 0.18rem;
  left: 0.16rem;
  top: 0.16rem;
  border-radius: 0.1rem;
  background-color: white; }

@-webkit-keyframes animateCirclea {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes animateCirclea {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes animateCirclea {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes animateCirclea {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.animateCircle1 {
  -webkit-animation: animateCirclea 1s 0.6s linear forwards infinite alternate;
  -moz-animation: animateCirclea 1s 0.6s linear forwards infinite alternate;
  -ms-animation: animateCirclea 1s 0.6s linear forwards infinite alternate;
  animation: animateCirclea 1s 0.6s linear forwards infinite alternate; }

.animateCircle2 {
  -webkit-animation: animateCirclea 1s 0.3s linear forwards infinite alternate;
  -moz-animation: animateCirclea 1s 0.3s linear forwards infinite alternate;
  -ms-animation: animateCirclea 1s 0.3s linear forwards infinite alternate;
  animation: animateCirclea 1s 0.3s linear forwards infinite alternate; }

.animateCircle3 {
  -webkit-animation: animateCirclea 1s 0s linear forwards infinite alternate;
  -moz-animation: animateCirclea 1s 0s linear forwards infinite alternate;
  -ms-animation: animateCirclea 1s 0s linear forwards infinite alternate;
  animation: animateCirclea 1s 0s linear forwards infinite alternate; }

.bg1 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 0; }

.bg2,
.bg3,
.bg5,
.bg6,
.bg7,
.bgf {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 0; }

@-webkit-keyframes animate11a {
  0% {
    clip: rect(0 0 2.72rem 0); }
  100% {
    clip: rect(0 6.46rem 2.72rem 0); } }

@-moz-keyframes animate11a {
  0% {
    clip: rect(0 0 2.72rem 0); }
  100% {
    clip: rect(0 6.46rem 2.72rem 0); } }

@-ms-keyframes animate11a {
  0% {
    clip: rect(0 0 2.72rem 0); }
  100% {
    clip: rect(0 6.46rem 2.72rem 0); } }

@keyframes animate11a {
  0% {
    clip: rect(0 0 2.72rem 0); }
  100% {
    clip: rect(0 6.46rem 2.72rem 0); } }

.animate11 {
  -webkit-animation: animate11a 0.6s 0s linear forwards;
  -moz-animation: animate11a 0.6s 0s linear forwards;
  -ms-animation: animate11a 0.6s 0s linear forwards;
  animation: animate11a 0.6s 0s linear forwards; }

.img12 {
  width: 0.38rem;
  height: auto;
  bottom: 4.61rem;
  left: 50%;
  margin-left: -0.19rem;
  z-index: 99; }

@-webkit-keyframes animate15a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@-moz-keyframes animate15a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@-ms-keyframes animate15a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@keyframes animate15a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@-webkit-keyframes animate15b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(396deg);
    -moz-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg); } }

@-moz-keyframes animate15b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(396deg);
    -moz-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg); } }

@-ms-keyframes animate15b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(396deg);
    -moz-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg); } }

@keyframes animate15b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(396deg);
    -moz-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg); } }

.animate15 {
  -webkit-animation: animate15a 1s 0.4s linear forwards, animate15b 10s 1.4s linear forwards infinite;
  -moz-animation: animate15a 1s 0.4s linear forwards, animate15b 10s 1.4s linear forwards infinite;
  -ms-animation: animate15a 1s 0.4s linear forwards, animate15b 10s 1.4s linear forwards infinite;
  animation: animate15a 1s 0.4s linear forwards, animate15b 10s 1.4s linear forwards infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

@-webkit-keyframes animate21a {
  0% {
    opacity: 0;
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    transform: skewY(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; } }

@-moz-keyframes animate21a {
  0% {
    opacity: 0;
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    transform: skewY(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; } }

@-ms-keyframes animate21a {
  0% {
    opacity: 0;
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    transform: skewY(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; } }

@keyframes animate21a {
  0% {
    opacity: 0;
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    transform: skewY(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; } }

@-webkit-keyframes animate21b {
  0% {
    opacity: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 1;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; } }

@-moz-keyframes animate21b {
  0% {
    opacity: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 1;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; } }

@-ms-keyframes animate21b {
  0% {
    opacity: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 1;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; } }

@keyframes animate21b {
  0% {
    opacity: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 1;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; } }

.animate21 {
  -webkit-animation: animate21a 1s 1s linear forwards, animate21b 4s 2s linear forwards infinite alternate;
  -moz-animation: animate21a 1s 1s linear forwards, animate21b 4s 2s linear forwards infinite alternate;
  -ms-animation: animate21a 1s 1s linear forwards, animate21b 4s 2s linear forwards infinite alternate;
  animation: animate21a 1s 1s linear forwards, animate21b 4s 2s linear forwards infinite alternate;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

@-webkit-keyframes animate22a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(1rem, 1rem, 0);
    -moz-transform: translate3D(1rem, 1rem, 0);
    -ms-transform: translate3D(1rem, 1rem, 0);
    transform: translate3D(1rem, 1rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@-moz-keyframes animate22a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(1rem, 1rem, 0);
    -moz-transform: translate3D(1rem, 1rem, 0);
    -ms-transform: translate3D(1rem, 1rem, 0);
    transform: translate3D(1rem, 1rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@-ms-keyframes animate22a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(1rem, 1rem, 0);
    -moz-transform: translate3D(1rem, 1rem, 0);
    -ms-transform: translate3D(1rem, 1rem, 0);
    transform: translate3D(1rem, 1rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

@keyframes animate22a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(1rem, 1rem, 0);
    -moz-transform: translate3D(1rem, 1rem, 0);
    -ms-transform: translate3D(1rem, 1rem, 0);
    transform: translate3D(1rem, 1rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); } }

.animate22 {
  -webkit-animation: animate22a 1.4s 1.2s linear forwards;
  -moz-animation: animate22a 1.4s 1.2s linear forwards;
  -ms-animation: animate22a 1.4s 1.2s linear forwards;
  animation: animate22a 1.4s 1.2s linear forwards; }

@-webkit-keyframes animate228a {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); } }

@-moz-keyframes animate228a {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); } }

@-ms-keyframes animate228a {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); } }

@keyframes animate228a {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); } }

@-webkit-keyframes animate228b {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); }
  50% {
    -webkit-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); } }

@-moz-keyframes animate228b {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); }
  50% {
    -webkit-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); } }

@-ms-keyframes animate228b {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); }
  50% {
    -webkit-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); } }

@keyframes animate228b {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); }
  50% {
    -webkit-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(0) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); } }

.animate228 {
  -webkit-animation: animate228a 3s 1.6s linear forwards, animate228b 6s 4.6s linear infinite;
  -moz-animation: animate228a 3s 1.6s linear forwards, animate228b 6s 4.6s linear infinite;
  -ms-animation: animate228a 3s 1.6s linear forwards, animate228b 6s 4.6s linear infinite;
  animation: animate228a 3s 1.6s linear forwards, animate228b 6s 4.6s linear infinite;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top; }

.animate229 {
  -webkit-animation: animate228a 5s 1.8s ease forwards, animate228b 10s 6.2s ease infinite;
  -moz-animation: animate228a 5s 1.8s ease forwards, animate228b 10s 6.2s ease infinite;
  -ms-animation: animate228a 5s 1.8s ease forwards, animate228b 10s 6.2s ease infinite;
  animation: animate228a 5s 1.8s ease forwards, animate228b 10s 6.2s ease infinite;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top; }

@-webkit-keyframes animate31a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes animate31a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes animate31a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes animate31a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.animate31 {
  -webkit-animation: animate31a 1s 0.4s ease forwards;
  -moz-animation: animate31a 1s 0.4s ease forwards;
  -ms-animation: animate31a 1s 0.4s ease forwards;
  animation: animate31a 1s 0.4s ease forwards;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top; }

@-webkit-keyframes animate38a {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 5.55rem; } }

@-moz-keyframes animate38a {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 5.55rem; } }

@-ms-keyframes animate38a {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 5.55rem; } }

@keyframes animate38a {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 5.55rem; } }

@-webkit-keyframes animate38b {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg); } }

@-moz-keyframes animate38b {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg); } }

@-ms-keyframes animate38b {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg); } }

@keyframes animate38b {
  0% {
    -webkit-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(50deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    -moz-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(-50deg) rotateZ(0deg); } }

.animate38 {
  -webkit-animation: animate38a 3s 1.2s ease forwards;
  -moz-animation: animate38a 3s 1.2s ease forwards;
  -ms-animation: animate38a 3s 1.2s ease forwards;
  animation: animate38a 3s 1.2s ease forwards;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes animate34a {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  70% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes animate34a {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  70% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes animate34a {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  70% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes animate34a {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  70% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.animate34 {
  -webkit-animation: animate34a 1s 1.2s ease forwards;
  -moz-animation: animate34a 1s 1.2s ease forwards;
  -ms-animation: animate34a 1s 1.2s ease forwards;
  animation: animate34a 1s 1.2s ease forwards; }

.animate331 {
  -webkit-animation: animate34a 1s 1.6s ease forwards;
  -moz-animation: animate34a 1s 1.6s ease forwards;
  -ms-animation: animate34a 1s 1.6s ease forwards;
  animation: animate34a 1s 1.6s ease forwards; }

.swiper-container {
  width: 4.42rem;
  height: 5.6rem;
  top: 3.84rem;
  left: 50%;
  margin-left: -2.23rem;
  z-index: 9; }
  .swiper-container .swiper-slide {
    width: 4.22rem;
    height: 100%; }
    .swiper-container .swiper-slide .img3311 {
      width: 4.17rem;
      height: auto;
      top: 0;
      left: 0.12rem;
      z-index: 9;
      opacity: 1; }
    .swiper-container .swiper-slide .img3312 {
      width: 3.98rem;
      height: auto;
      top: 0.1rem;
      left: 0.22rem;
      z-index: 9;
      opacity: 1; }
    .swiper-container .swiper-slide .img3313 {
      width: 4.12rem;
      height: auto;
      top: 0.4rem;
      left: 0.12rem;
      z-index: 9;
      opacity: 1; }
    .swiper-container .swiper-slide .img3314 {
      width: 4.39rem;
      height: auto;
      top: 0.4rem;
      left: 0.02rem;
      z-index: 9;
      opacity: 1; }
    .swiper-container .swiper-slide .img3315 {
      width: 4.23rem;
      height: auto;
      top: 0.4rem;
      left: 0.1rem;
      z-index: 9;
      opacity: 1; }
    .swiper-container .swiper-slide .img3316 {
      width: 3.68rem;
      height: auto;
      top: 0.4rem;
      left: 0.36rem;
      z-index: 9;
      opacity: 1; }

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -0.16rem; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #765f5c; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.04rem; }

.swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem; }

.img341 {
  width: 3.12rem;
  height: auto;
  top: 9.5rem;
  left: 50%;
  margin-left: -1.57rem;
  z-index: 9; }

@-webkit-keyframes animate341a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes animate341a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes animate341a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes animate341a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes animate341b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); } }

@-moz-keyframes animate341b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); } }

@-ms-keyframes animate341b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); } }

@keyframes animate341b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); } }

.animate341 {
  -webkit-animation: animate341a 0.6s 2s linear forwards, animate341b 1s 2.6s linear forwards infinite alternate;
  -moz-animation: animate341a 0.6s 2s linear forwards, animate341b 1s 2.6s linear forwards infinite alternate;
  -ms-animation: animate341a 0.6s 2s linear forwards, animate341b 1s 2.6s linear forwards infinite alternate;
  animation: animate341a 0.6s 2s linear forwards, animate341b 1s 2.6s linear forwards infinite alternate; }

@-webkit-keyframes animate43a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  30% {
    opacity: 1;
    -webkit-transform: translate3D(-0.9rem, 0.9rem, 0);
    -moz-transform: translate3D(-0.9rem, 0.9rem, 0);
    -ms-transform: translate3D(-0.9rem, 0.9rem, 0);
    transform: translate3D(-0.9rem, 0.9rem, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3D(-2.1rem, 2.1rem, 0);
    -moz-transform: translate3D(-2.1rem, 2.1rem, 0);
    -ms-transform: translate3D(-2.1rem, 2.1rem, 0);
    transform: translate3D(-2.1rem, 2.1rem, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3D(-3rem, 3rem, 0);
    -moz-transform: translate3D(-3rem, 3rem, 0);
    -ms-transform: translate3D(-3rem, 3rem, 0);
    transform: translate3D(-3rem, 3rem, 0); } }

@-moz-keyframes animate43a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  30% {
    opacity: 1;
    -webkit-transform: translate3D(-0.9rem, 0.9rem, 0);
    -moz-transform: translate3D(-0.9rem, 0.9rem, 0);
    -ms-transform: translate3D(-0.9rem, 0.9rem, 0);
    transform: translate3D(-0.9rem, 0.9rem, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3D(-2.1rem, 2.1rem, 0);
    -moz-transform: translate3D(-2.1rem, 2.1rem, 0);
    -ms-transform: translate3D(-2.1rem, 2.1rem, 0);
    transform: translate3D(-2.1rem, 2.1rem, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3D(-3rem, 3rem, 0);
    -moz-transform: translate3D(-3rem, 3rem, 0);
    -ms-transform: translate3D(-3rem, 3rem, 0);
    transform: translate3D(-3rem, 3rem, 0); } }

@-ms-keyframes animate43a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  30% {
    opacity: 1;
    -webkit-transform: translate3D(-0.9rem, 0.9rem, 0);
    -moz-transform: translate3D(-0.9rem, 0.9rem, 0);
    -ms-transform: translate3D(-0.9rem, 0.9rem, 0);
    transform: translate3D(-0.9rem, 0.9rem, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3D(-2.1rem, 2.1rem, 0);
    -moz-transform: translate3D(-2.1rem, 2.1rem, 0);
    -ms-transform: translate3D(-2.1rem, 2.1rem, 0);
    transform: translate3D(-2.1rem, 2.1rem, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3D(-3rem, 3rem, 0);
    -moz-transform: translate3D(-3rem, 3rem, 0);
    -ms-transform: translate3D(-3rem, 3rem, 0);
    transform: translate3D(-3rem, 3rem, 0); } }

@keyframes animate43a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  30% {
    opacity: 1;
    -webkit-transform: translate3D(-0.9rem, 0.9rem, 0);
    -moz-transform: translate3D(-0.9rem, 0.9rem, 0);
    -ms-transform: translate3D(-0.9rem, 0.9rem, 0);
    transform: translate3D(-0.9rem, 0.9rem, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3D(-2.1rem, 2.1rem, 0);
    -moz-transform: translate3D(-2.1rem, 2.1rem, 0);
    -ms-transform: translate3D(-2.1rem, 2.1rem, 0);
    transform: translate3D(-2.1rem, 2.1rem, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3D(-3rem, 3rem, 0);
    -moz-transform: translate3D(-3rem, 3rem, 0);
    -ms-transform: translate3D(-3rem, 3rem, 0);
    transform: translate3D(-3rem, 3rem, 0); } }

.animate43 {
  -webkit-animation: animate43a 10s 6s linear forwards infinite;
  -moz-animation: animate43a 10s 6s linear forwards infinite;
  -ms-animation: animate43a 10s 6s linear forwards infinite;
  animation: animate43a 10s 6s linear forwards infinite; }

@-webkit-keyframes animate44a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  30% {
    opacity: 1;
    -webkit-transform: translate3D(-0.6rem, 0.9rem, 0);
    -moz-transform: translate3D(-0.6rem, 0.9rem, 0);
    -ms-transform: translate3D(-0.6rem, 0.9rem, 0);
    transform: translate3D(-0.6rem, 0.9rem, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3D(-1.4rem, 2.1rem, 0);
    -moz-transform: translate3D(-1.4rem, 2.1rem, 0);
    -ms-transform: translate3D(-1.4rem, 2.1rem, 0);
    transform: translate3D(-1.4rem, 2.1rem, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3D(-2rem, 3rem, 0);
    -moz-transform: translate3D(-2rem, 3rem, 0);
    -ms-transform: translate3D(-2rem, 3rem, 0);
    transform: translate3D(-2rem, 3rem, 0); } }

@-moz-keyframes animate44a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  30% {
    opacity: 1;
    -webkit-transform: translate3D(-0.6rem, 0.9rem, 0);
    -moz-transform: translate3D(-0.6rem, 0.9rem, 0);
    -ms-transform: translate3D(-0.6rem, 0.9rem, 0);
    transform: translate3D(-0.6rem, 0.9rem, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3D(-1.4rem, 2.1rem, 0);
    -moz-transform: translate3D(-1.4rem, 2.1rem, 0);
    -ms-transform: translate3D(-1.4rem, 2.1rem, 0);
    transform: translate3D(-1.4rem, 2.1rem, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3D(-2rem, 3rem, 0);
    -moz-transform: translate3D(-2rem, 3rem, 0);
    -ms-transform: translate3D(-2rem, 3rem, 0);
    transform: translate3D(-2rem, 3rem, 0); } }

@-ms-keyframes animate44a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  30% {
    opacity: 1;
    -webkit-transform: translate3D(-0.6rem, 0.9rem, 0);
    -moz-transform: translate3D(-0.6rem, 0.9rem, 0);
    -ms-transform: translate3D(-0.6rem, 0.9rem, 0);
    transform: translate3D(-0.6rem, 0.9rem, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3D(-1.4rem, 2.1rem, 0);
    -moz-transform: translate3D(-1.4rem, 2.1rem, 0);
    -ms-transform: translate3D(-1.4rem, 2.1rem, 0);
    transform: translate3D(-1.4rem, 2.1rem, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3D(-2rem, 3rem, 0);
    -moz-transform: translate3D(-2rem, 3rem, 0);
    -ms-transform: translate3D(-2rem, 3rem, 0);
    transform: translate3D(-2rem, 3rem, 0); } }

@keyframes animate44a {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0); }
  30% {
    opacity: 1;
    -webkit-transform: translate3D(-0.6rem, 0.9rem, 0);
    -moz-transform: translate3D(-0.6rem, 0.9rem, 0);
    -ms-transform: translate3D(-0.6rem, 0.9rem, 0);
    transform: translate3D(-0.6rem, 0.9rem, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3D(-1.4rem, 2.1rem, 0);
    -moz-transform: translate3D(-1.4rem, 2.1rem, 0);
    -ms-transform: translate3D(-1.4rem, 2.1rem, 0);
    transform: translate3D(-1.4rem, 2.1rem, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3D(-2rem, 3rem, 0);
    -moz-transform: translate3D(-2rem, 3rem, 0);
    -ms-transform: translate3D(-2rem, 3rem, 0);
    transform: translate3D(-2rem, 3rem, 0); } }

.animate44 {
  -webkit-animation: animate44a 10s 1s linear forwards infinite;
  -moz-animation: animate44a 10s 1s linear forwards infinite;
  -ms-animation: animate44a 10s 1s linear forwards infinite;
  animation: animate44a 10s 1s linear forwards infinite; }

@-webkit-keyframes animate410a {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); } }

@-moz-keyframes animate410a {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); } }

@-ms-keyframes animate410a {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); } }

@keyframes animate410a {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); } }

@-webkit-keyframes animate410b {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem); } }

@-moz-keyframes animate410b {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem); } }

@-ms-keyframes animate410b {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem); } }

@keyframes animate410b {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem); } }

.animate410 {
  -webkit-animation: animate410a 5s 1s linear forwards, animate410b 10s 6s linear forwards infinite alternate;
  -moz-animation: animate410a 5s 1s linear forwards, animate410b 10s 6s linear forwards infinite alternate;
  -ms-animation: animate410a 5s 1s linear forwards, animate410b 10s 6s linear forwards infinite alternate;
  animation: animate410a 5s 1s linear forwards, animate410b 10s 6s linear forwards infinite alternate; }

@-webkit-keyframes animate416a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-moz-keyframes animate416a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-ms-keyframes animate416a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@keyframes animate416a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-webkit-keyframes animate416b {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); }
  50% {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem); }
  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-moz-keyframes animate416b {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); }
  50% {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem); }
  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-ms-keyframes animate416b {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); }
  50% {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem); }
  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@keyframes animate416b {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); }
  50% {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem); }
  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-webkit-keyframes animatePersonA {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); } }

@-moz-keyframes animatePersonA {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); } }

@-ms-keyframes animatePersonA {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); } }

@keyframes animatePersonA {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); } }

@-webkit-keyframes animatePersonB {
  0% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); }
  50% {
    -webkit-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    transform: translateX(0rem); }
  100% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); } }

@-moz-keyframes animatePersonB {
  0% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); }
  50% {
    -webkit-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    transform: translateX(0rem); }
  100% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); } }

@-ms-keyframes animatePersonB {
  0% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); }
  50% {
    -webkit-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    transform: translateX(0rem); }
  100% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); } }

@keyframes animatePersonB {
  0% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); }
  50% {
    -webkit-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    transform: translateX(0rem); }
  100% {
    -webkit-transform: translateX(-0.2rem);
    -moz-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem); } }

.animatePersonFir {
  -webkit-animation: animatePersonA 2s 1.6s ease forwards, animatePersonB 4s 3.6s ease infinite;
  -moz-animation: animatePersonA 2s 1.6s ease forwards, animatePersonB 4s 3.6s ease infinite;
  -ms-animation: animatePersonA 2s 1.6s ease forwards, animatePersonB 4s 3.6s ease infinite;
  animation: animatePersonA 2s 1.6s ease forwards, animatePersonB 4s 3.6s ease infinite;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

.animate416 {
  -webkit-animation: animate416a 2s 1.6s ease forwards, animate416b 4s 3.6s ease infinite;
  -moz-animation: animate416a 2s 1.6s ease forwards, animate416b 4s 3.6s ease infinite;
  -ms-animation: animate416a 2s 1.6s ease forwards, animate416b 4s 3.6s ease infinite;
  animation: animate416a 2s 1.6s ease forwards, animate416b 4s 3.6s ease infinite;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

.animate413 {
  -webkit-animation: animate416a 2s 2s ease forwards, animate416b 4s 4s ease infinite;
  -moz-animation: animate416a 2s 2s ease forwards, animate416b 4s 4s ease infinite;
  -ms-animation: animate416a 2s 2s ease forwards, animate416b 4s 4s ease infinite;
  animation: animate416a 2s 2s ease forwards, animate416b 4s 4s ease infinite;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

.animate424 {
  -webkit-animation: animate416a 2s 2.4s ease forwards, animate416b 4s 4.4s ease infinite;
  -moz-animation: animate416a 2s 2.4s ease forwards, animate416b 4s 4.4s ease infinite;
  -ms-animation: animate416a 2s 2.4s ease forwards, animate416b 4s 4.4s ease infinite;
  animation: animate416a 2s 2.4s ease forwards, animate416b 4s 4.4s ease infinite;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

.animate517 {
  -webkit-animation: animate416a 2s 0.6s ease forwards, animate416b 4s 2.6s ease infinite;
  -moz-animation: animate416a 2s 0.6s ease forwards, animate416b 4s 2.6s ease infinite;
  -ms-animation: animate416a 2s 0.6s ease forwards, animate416b 4s 2.6s ease infinite;
  animation: animate416a 2s 0.6s ease forwards, animate416b 4s 2.6s ease infinite;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes animate518a {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes animate518a {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes animate518a {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

.animate518 {
  -webkit-animation: animate518a 2s 2.4s ease infinite;
  -moz-animation: animate518a 2s 2.4s ease infinite;
  -ms-animation: animate518a 2s 2.4s ease infinite;
  animation: animate518a 2s 2.4s ease infinite;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.animate520 {
  -webkit-animation: animate518a 2s 2.6s ease infinite;
  -moz-animation: animate518a 2s 2.6s ease infinite;
  -ms-animation: animate518a 2s 2.6s ease infinite;
  animation: animate518a 2s 2.6s ease infinite;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.animate519 {
  -webkit-animation: animate518a 2s 3s ease infinite;
  -moz-animation: animate518a 2s 3s ease infinite;
  -ms-animation: animate518a 2s 3s ease infinite;
  animation: animate518a 2s 3s ease infinite;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.animate521 {
  -webkit-animation: animate518a 2s 3.2s ease infinite;
  -moz-animation: animate518a 2s 3.2s ease infinite;
  -ms-animation: animate518a 2s 3.2s ease infinite;
  animation: animate518a 2s 3.2s ease infinite;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.animate69 {
  -webkit-animation: animate416a 2s 1s ease forwards, animate416b 4s 3s ease infinite;
  -moz-animation: animate416a 2s 1s ease forwards, animate416b 4s 3s ease infinite;
  -ms-animation: animate416a 2s 1s ease forwards, animate416b 4s 3s ease infinite;
  animation: animate416a 2s 1s ease forwards, animate416b 4s 3s ease infinite;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

.animatePerson {
  -webkit-animation: animate416a 2s 1s ease forwards, animate416b 4s 2s ease infinite;
  -moz-animation: animate416a 2s 1s ease forwards, animate416b 4s 2s ease infinite;
  -ms-animation: animate416a 2s 1s ease forwards, animate416b 4s 2s ease infinite;
  animation: animate416a 2s 1s ease forwards, animate416b 4s 2s ease infinite;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes animate66a {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); } }

@-moz-keyframes animate66a {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); } }

@-ms-keyframes animate66a {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); } }

@keyframes animate66a {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); } }

@-webkit-keyframes animate66b {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem); } }

@-moz-keyframes animate66b {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem); } }

@-ms-keyframes animate66b {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem); } }

@keyframes animate66b {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-0.4rem);
    -moz-transform: translateX(-0.4rem);
    -ms-transform: translateX(-0.4rem);
    transform: translateX(-0.4rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0.4rem);
    -moz-transform: translateX(0.4rem);
    -ms-transform: translateX(0.4rem);
    transform: translateX(0.4rem); } }

.animate66 {
  -webkit-animation: animate66a 5s 1s linear forwards, animate66b 10s 6s linear forwards infinite alternate;
  -moz-animation: animate66a 5s 1s linear forwards, animate66b 10s 6s linear forwards infinite alternate;
  -ms-animation: animate66a 5s 1s linear forwards, animate66b 10s 6s linear forwards infinite alternate;
  animation: animate66a 5s 1s linear forwards, animate66b 10s 6s linear forwards infinite alternate; }

@-webkit-keyframes animate712a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@-moz-keyframes animate712a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@-ms-keyframes animate712a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@keyframes animate712a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

.animate712 {
  -webkit-animation: animate712a 1s 0.2s linear forwards, animate15b 10s 1.2s linear forwards infinite;
  -moz-animation: animate712a 1s 0.2s linear forwards, animate15b 10s 1.2s linear forwards infinite;
  -ms-animation: animate712a 1s 0.2s linear forwards, animate15b 10s 1.2s linear forwards infinite;
  animation: animate712a 1s 0.2s linear forwards, animate15b 10s 1.2s linear forwards infinite;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.animate714 {
  -webkit-animation: animate518a 5s 1.6s ease infinite;
  -moz-animation: animate518a 5s 1.6s ease infinite;
  -ms-animation: animate518a 5s 1.6s ease infinite;
  animation: animate518a 5s 1.6s ease infinite;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.fish1 {
  width: 1.22rem;
  height: auto;
  top: 0.46rem;
  left: 50%;
  margin-left: 0.75rem;
  z-index: 9; }

.fish2 {
  width: 1.4rem;
  height: auto;
  top: 2.4rem;
  left: 50%;
  margin-left: -3.21rem;
  z-index: 9; }

.fish3 {
  width: 1.14rem;
  height: auto;
  top: 10.38rem;
  left: 50%;
  margin-left: 1.81rem;
  z-index: 9; }

@-webkit-keyframes animatefish3a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0) translate3D(2rem, 2rem, 0);
    -moz-transform: rotate(0) translate3D(2rem, 2rem, 0);
    -ms-transform: rotate(0) translate3D(2rem, 2rem, 0);
    transform: rotate(0) translate3D(2rem, 2rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(-15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(-15deg) translate3D(0, 0, 0);
    transform: rotate(-15deg) translate3D(0, 0, 0); } }

@-moz-keyframes animatefish3a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0) translate3D(2rem, 2rem, 0);
    -moz-transform: rotate(0) translate3D(2rem, 2rem, 0);
    -ms-transform: rotate(0) translate3D(2rem, 2rem, 0);
    transform: rotate(0) translate3D(2rem, 2rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(-15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(-15deg) translate3D(0, 0, 0);
    transform: rotate(-15deg) translate3D(0, 0, 0); } }

@-ms-keyframes animatefish3a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0) translate3D(2rem, 2rem, 0);
    -moz-transform: rotate(0) translate3D(2rem, 2rem, 0);
    -ms-transform: rotate(0) translate3D(2rem, 2rem, 0);
    transform: rotate(0) translate3D(2rem, 2rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(-15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(-15deg) translate3D(0, 0, 0);
    transform: rotate(-15deg) translate3D(0, 0, 0); } }

@keyframes animatefish3a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0) translate3D(2rem, 2rem, 0);
    -moz-transform: rotate(0) translate3D(2rem, 2rem, 0);
    -ms-transform: rotate(0) translate3D(2rem, 2rem, 0);
    transform: rotate(0) translate3D(2rem, 2rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(-15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(-15deg) translate3D(0, 0, 0);
    transform: rotate(-15deg) translate3D(0, 0, 0); } }

@-webkit-keyframes animatefish3b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(-15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(-15deg) translate3D(0, 0, 0);
    transform: rotate(-15deg) translate3D(0, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(15deg) translate3D(0, 0, 0);
    transform: rotate(15deg) translate3D(0, 0, 0); } }

@-moz-keyframes animatefish3b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(-15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(-15deg) translate3D(0, 0, 0);
    transform: rotate(-15deg) translate3D(0, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(15deg) translate3D(0, 0, 0);
    transform: rotate(15deg) translate3D(0, 0, 0); } }

@-ms-keyframes animatefish3b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(-15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(-15deg) translate3D(0, 0, 0);
    transform: rotate(-15deg) translate3D(0, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(15deg) translate3D(0, 0, 0);
    transform: rotate(15deg) translate3D(0, 0, 0); } }

@keyframes animatefish3b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(-15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(-15deg) translate3D(0, 0, 0);
    transform: rotate(-15deg) translate3D(0, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translate3D(0, 0, 0);
    -moz-transform: rotate(15deg) translate3D(0, 0, 0);
    -ms-transform: rotate(15deg) translate3D(0, 0, 0);
    transform: rotate(15deg) translate3D(0, 0, 0); } }

.animatefish3 {
  -webkit-animation: animatefish3a 1.5s 2s ease forwards, animatefish3b 2s 3.5s linear forwards infinite alternate;
  -moz-animation: animatefish3a 1.5s 2s ease forwards, animatefish3b 2s 3.5s linear forwards infinite alternate;
  -ms-animation: animatefish3a 1.5s 2s ease forwards, animatefish3b 2s 3.5s linear forwards infinite alternate;
  animation: animatefish3a 1.5s 2s ease forwards, animatefish3b 2s 3.5s linear forwards infinite alternate;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.img83 {
  width: 4.29rem;
  height: auto;
  bottom: 1.64rem;
  left: 50%;
  margin-left: -2.17rem;
  z-index: 9; }

.img84 {
  width: 2.76rem;
  height: auto;
  bottom: -7.15rem;
  left: 50%;
  margin-left: -1.33rem;
  z-index: 3; }

.img85 {
  width: 1.8rem;
  height: auto;
  bottom: 0.55rem;
  left: 50%;
  margin-left: -0.85rem;
  z-index: 4; }

.img86 {
  width: 7.5rem;
  height: auto;
  bottom: 1.1rem;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 2; }

.img87 {
  width: 3.42rem;
  height: auto;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 8; }

.img88 {
  width: 7.5rem;
  height: auto;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 1; }

.img89 {
  width: 7.5rem;
  height: auto;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 1; }

.share-box {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  display: none; }
  .share-box .swiper-box-bg {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .8;
    z-index: 1; }

.img810 {
  width: 1.88rem;
  height: auto;
  top: 1.1rem;
  right: 1.1rem;
  z-index: 1; }

@-webkit-keyframes animate81a {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes animate81a {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes animate81a {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes animate81a {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.animate810 {
  -webkit-animation: animate81a 0.5s 0.2s ease forwards;
  -moz-animation: animate81a 0.5s 0.2s ease forwards;
  -ms-animation: animate81a 0.5s 0.2s ease forwards;
  animation: animate81a 0.5s 0.2s ease forwards;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.img811 {
  width: 0.81rem;
  height: auto;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 2; }

@-webkit-keyframes animate811a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-moz-keyframes animate811a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-ms-keyframes animate811a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@keyframes animate811a {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); } }

@-webkit-keyframes animate811b {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes animate811b {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes animate811b {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes animate811b {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.animate811 {
  -webkit-animation: animate811a 0.6s 1s linear forwards, animate811b 1s 1.6s linear forwards infinite alternate;
  -moz-animation: animate811a 0.6s 1s linear forwards, animate811b 1s 1.6s linear forwards infinite alternate;
  -ms-animation: animate811a 0.6s 1s linear forwards, animate811b 1s 1.6s linear forwards infinite alternate;
  animation: animate811a 0.6s 1s linear forwards, animate811b 1s 1.6s linear forwards infinite alternate; }

.img812 {
  width: 1.79rem;
  height: auto;
  top: 0;
  right: 0;
  margin-left: -3.75rem;
  z-index: 1; }

.animate812 {
  -webkit-animation: animate518a 2s 1.2s ease infinite;
  -moz-animation: animate518a 2s 1.2s ease infinite;
  -ms-animation: animate518a 2s 1.2s ease infinite;
  animation: animate518a 2s 1.2s ease infinite;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.img91 {
  width: 1.52rem;
  height: auto;
  top: 1.32rem;
  left: 50%;
  margin-left: -0.75rem;
  z-index: 9; }

.img92 {
  width: 1.46rem;
  height: 1.46rem;
  top: 1.84rem;
  left: 50%;
  margin-left: -0.73rem;
  z-index: 9; }

.img93 {
  width: 4.4rem;
  height: auto;
  top: 3.46rem;
  left: 50%;
  margin-left: -2.13rem;
  z-index: 9; }

.img94 {
  width: 0.82rem;
  height: auto;
  top: 3.7rem;
  left: 50%;
  margin-left: 0.83rem;
  opacity: 1;
  z-index: 999; }

.img95 {
  width: 0.82rem;
  height: auto;
  top: 3.7rem;
  left: 50%;
  margin-left: 0.83rem;
  opacity: 1;
  z-index: 999; }

.img96 {
  width: 1.67rem;
  height: auto;
  top: 9.16rem;
  left: 50%;
  margin-left: -0.85rem;
  z-index: 9; }

@-webkit-keyframes animate96a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@-moz-keyframes animate96a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@-ms-keyframes animate96a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@keyframes animate96a {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); } }

@-webkit-keyframes animate96b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(396deg);
    -moz-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg); } }

@-moz-keyframes animate96b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(396deg);
    -moz-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg); } }

@-ms-keyframes animate96b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(396deg);
    -moz-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg); } }

@keyframes animate96b {
  0% {
    opacity: 1;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(396deg);
    -moz-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg); } }

.animate96 {
  -webkit-animation: animate96a 0.6s 1s linear forwards, animate96b 10s 1.6s linear forwards infinite;
  -moz-animation: animate96a 0.6s 1s linear forwards, animate96b 10s 1.6s linear forwards infinite;
  -ms-animation: animate96a 0.6s 1s linear forwards, animate96b 10s 1.6s linear forwards infinite;
  animation: animate96a 0.6s 1s linear forwards, animate96b 10s 1.6s linear forwards infinite; }

.img97 {
  width: 1.16rem;
  height: auto;
  top: 9.4rem;
  left: 50%;
  margin-left: -0.6rem;
  z-index: 9; }

@-webkit-keyframes animate97a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); } }

@-moz-keyframes animate97a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); } }

@-ms-keyframes animate97a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); } }

@keyframes animate97a {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); } }

@-webkit-keyframes animate97b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes animate97b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes animate97b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes animate97b {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.animate97 {
  -webkit-animation: animate97a 0.6s 1.2s ease-out forwards, animate97b 0.8s 1.8s linear forwards infinite alternate;
  -moz-animation: animate97a 0.6s 1.2s ease-out forwards, animate97b 0.8s 1.8s linear forwards infinite alternate;
  -ms-animation: animate97a 0.6s 1.2s ease-out forwards, animate97b 0.8s 1.8s linear forwards infinite alternate;
  animation: animate97a 0.6s 1.2s ease-out forwards, animate97b 0.8s 1.8s linear forwards infinite alternate; }

.img98 {
  width: 6.26rem;
  height: auto;
  top: 10.88rem;
  left: 50%;
  margin-left: -3.29rem;
  z-index: 9; }

#submit {
  background-color: rgba(0, 0, 0, 0);
  width: 1.16rem;
  height: 1.16rem;
  border-radius: 0.58rem;
  top: 9.4rem;
  left: 50%;
  margin-left: -0.6rem; }

.swiper-pagination .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4); }
  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: white; }

.swiper-box {
  opacity: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 7.5rem;
  height: 100%;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999; }
  .swiper-box .swiper-box-bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0; }
  .swiper-box .swiper-container {
    opacity: 1;
    width: 100%;
    height: auto;
    left: 0;
    margin: 0;
    position: inherit;
    top: inherit; }
    .swiper-box .swiper-container .swiper-wrapper {
      width: 100%; }
    .swiper-box .swiper-container .swiper-slide {
      width: 100%; }
      .swiper-box .swiper-container .swiper-slide img {
        width: 100%; }

.link {
  display: block;
  width: 2.4rem;
  height: 0.3rem;
  top: 5.56rem;
  left: 1.3rem;
  z-index: 99999; }

canvas {
  position: absolute;
  width: 100%;
  height: 4rem;
  bottom: 0;
  left: 0; }

.show {
  opacity: 1; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-moz-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-ms-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
  -ms-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s; }

.loading-black {
  position: relative; }
  .loading-black .wrapper {
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
    left: 50%;
    top: 50%;
    margin: -0.8rem 0 0 -0.3rem;
    perspective: 50000px;
    transform-style: preserve-3d;
    transform: rotateX(-20deg) rotateY(50deg) rotateZ(-10deg);
    animation: round 5s linear infinite; }
    .loading-black .wrapper > div {
      top: 0.1rem;
      left: 0.1rem;
      position: absolute;
      width: 0.4rem;
      height: 0.4rem;
      box-sizing: border-box;
      opacity: 0.7;
      border: 1px solid #fff5b5;
      float: left;
      margin: 0 auto;
      text-align: center;
      line-height: 0.4rem;
      background: #ffdd00;
      font-size: 0.3rem; }
      .loading-black .wrapper > div.top::after, .loading-black .wrapper > div.front::after, .loading-black .wrapper > div.right::after {
        content: '';
        position: absolute;
        width: 80%;
        height: 80%;
        left: 10%;
        top: 10%;
        background: rgba(255, 200, 0, 0.9); }
    .loading-black .wrapper .front {
      transform: translateZ(0.2rem); }
    .loading-black .wrapper .back {
      transform: translateZ(-0.2rem) rotateX(180deg); }
    .loading-black .wrapper .left {
      transform: translateX(-0.2rem) rotateY(-90deg); }
    .loading-black .wrapper .right {
      transform: translateX(0.2rem) rotateY(90deg); }
    .loading-black .wrapper .top {
      transform: translateY(-0.2rem) rotateX(90deg); }
    .loading-black .wrapper .bottom {
      transform: translateY(0.2rem) rotateX(-90deg); }

@-webkit-keyframes round {
  0% {
    -webkit-transform: rotateX(-20deg) rotateZ(-10deg);
    -moz-transform: rotateX(-20deg) rotateZ(-10deg);
    -ms-transform: rotateX(-20deg) rotateZ(-10deg);
    transform: rotateX(-20deg) rotateZ(-10deg); }
  50% {
    -webkit-transform: rotateX(-200deg) rotateZ(-190deg);
    -moz-transform: rotateX(-200deg) rotateZ(-190deg);
    -ms-transform: rotateX(-200deg) rotateZ(-190deg);
    transform: rotateX(-200deg) rotateZ(-190deg); }
  100% {
    -webkit-transform: rotateX(-380deg) rotateZ(-370deg);
    -moz-transform: rotateX(-380deg) rotateZ(-370deg);
    -ms-transform: rotateX(-380deg) rotateZ(-370deg);
    transform: rotateX(-380deg) rotateZ(-370deg); } }

@-moz-keyframes round {
  0% {
    -webkit-transform: rotateX(-20deg) rotateZ(-10deg);
    -moz-transform: rotateX(-20deg) rotateZ(-10deg);
    -ms-transform: rotateX(-20deg) rotateZ(-10deg);
    transform: rotateX(-20deg) rotateZ(-10deg); }
  50% {
    -webkit-transform: rotateX(-200deg) rotateZ(-190deg);
    -moz-transform: rotateX(-200deg) rotateZ(-190deg);
    -ms-transform: rotateX(-200deg) rotateZ(-190deg);
    transform: rotateX(-200deg) rotateZ(-190deg); }
  100% {
    -webkit-transform: rotateX(-380deg) rotateZ(-370deg);
    -moz-transform: rotateX(-380deg) rotateZ(-370deg);
    -ms-transform: rotateX(-380deg) rotateZ(-370deg);
    transform: rotateX(-380deg) rotateZ(-370deg); } }

@-ms-keyframes round {
  .loading-black .wrapper 0% {
    -webkit-transform: rotateX(-20deg) rotateZ(-10deg);
    -moz-transform: rotateX(-20deg) rotateZ(-10deg);
    -ms-transform: rotateX(-20deg) rotateZ(-10deg);
    transform: rotateX(-20deg) rotateZ(-10deg); }
  .loading-black .wrapper 50% {
    -webkit-transform: rotateX(-200deg) rotateZ(-190deg);
    -moz-transform: rotateX(-200deg) rotateZ(-190deg);
    -ms-transform: rotateX(-200deg) rotateZ(-190deg);
    transform: rotateX(-200deg) rotateZ(-190deg); }
  .loading-black .wrapper 100% {
    -webkit-transform: rotateX(-380deg) rotateZ(-370deg);
    -moz-transform: rotateX(-380deg) rotateZ(-370deg);
    -ms-transform: rotateX(-380deg) rotateZ(-370deg);
    transform: rotateX(-380deg) rotateZ(-370deg); } }

@keyframes round {
  0% {
    -webkit-transform: rotateX(-20deg) rotateZ(-10deg);
    -moz-transform: rotateX(-20deg) rotateZ(-10deg);
    -ms-transform: rotateX(-20deg) rotateZ(-10deg);
    transform: rotateX(-20deg) rotateZ(-10deg); }
  50% {
    -webkit-transform: rotateX(-200deg) rotateZ(-190deg);
    -moz-transform: rotateX(-200deg) rotateZ(-190deg);
    -ms-transform: rotateX(-200deg) rotateZ(-190deg);
    transform: rotateX(-200deg) rotateZ(-190deg); }
  100% {
    -webkit-transform: rotateX(-380deg) rotateZ(-370deg);
    -moz-transform: rotateX(-380deg) rotateZ(-370deg);
    -ms-transform: rotateX(-380deg) rotateZ(-370deg);
    transform: rotateX(-380deg) rotateZ(-370deg); } }

#load span {
  color: #ffffff; }

.p1 .logo {
  left: 1.7rem;
  bottom: .42rem;
  width: 4.06rem;
  z-index: 9; }

.p1 .t1 {
  left: 1.8rem;
  top: 1.25rem;
  width: 3.97rem;
  height: .56rem; }

.p1 .t2 {
  left: .5rem;
  top: 1.85rem;
  width: 6.38rem;
  height: 2.14rem; }

.p1 .t3 {
  left: 1.8rem;
  top: 4.3rem;
  width: 3.94rem;
  height: .28rem; }

.p1 .person {
  left: 1.1rem;
  bottom: 1.3rem;
  z-index: 10;
  width: 1.65rem; }

.p1 .img13 {
  width: 1.6rem;
  height: auto;
  bottom: 4.5rem;
  left: 50%;
  margin-left: -0.8rem;
  z-index: 9; }

.p1 .img14 {
  width: 2.83rem;
  height: auto;
  bottom: -3.96rem;
  left: 50%;
  margin-left: -1.63rem;
  z-index: 9; }

.p1 .img15 {
  width: 4.55rem;
  height: auto;
  bottom: 0;
  left: 0;
  z-index: 8; }

.p1 .img16 {
  width: 2.08rem;
  height: auto;
  bottom: 2.92rem;
  left: 50%;
  margin-left: -1.04rem;
  z-index: 9; }

.p1 .img17 {
  width: 1.3rem;
  height: auto;
  bottom: 3.45rem;
  left: 50%;
  margin-left: -0.65rem;
  z-index: 10; }

.p1 .img18 {
  width: 2.68rem;
  height: auto;
  bottom: 3.7rem;
  left: 50%;
  margin-left: -1.6rem;
  z-index: 9; }

.p1 .img19 {
  width: 7.5rem;
  height: auto;
  bottom: 0;
  left: 0;
  z-index: 9; }

.p1 .img110 {
  width: 3.26rem;
  height: auto;
  bottom: 2.95rem;
  left: 50%;
  margin-left: -1.63rem;
  z-index: 5; }

.p1 .img111 {
  width: 5.41rem;
  height: auto;
  bottom: 1.45rem;
  left: 50%;
  margin-left: -2.7rem;
  z-index: 4; }

.p1 .img112 {
  width: 6.37rem;
  height: auto;
  bottom: 0;
  left: 50%;
  margin-left: -2.64rem;
  z-index: 3; }

.p2 .col1 {
  left: .42rem;
  bottom: 1.25rem;
  width: 1.76rem;
  height: 1.91rem; }

.p2 .light1 {
  left: .42rem;
  bottom: 2.35rem;
  width: 1.9rem;
  height: 2.15rem; }

.p2 .person {
  left: .65rem;
  bottom: 2.6rem;
  width: 1.9rem;
  height: 1.97rem; }

.p2 .col2 {
  left: 2.7rem;
  bottom: 0;
  width: 1.83rem;
  height: 4.83rem; }

.p2 .light3 {
  left: .16;
  bottom: .5rem;
  width: 7.18rem;
  height: 7.18rem; }

.p2 .light2 {
  left: 0;
  bottom: 3.85rem;
  width: 7.5rem;
  height: 7.08rem; }

.p2 .col3 {
  right: 0;
  bottom: 2.7rem;
  width: 2.5rem;
  height: 2.71rem; }

.p2 .block {
  right: 0;
  bottom: 0;
  width: 5.7rem;
  height: 3.5rem; }

.p2 .txt {
  left: .95rem;
  bottom: 5.26rem;
  width: 5.6rem;
  height: 5.67rem; }

.p3 .img21 {
  width: 5.4rem;
  height: auto;
  top: 0.71rem;
  left: 50%;
  margin-left: -3.04rem;
  z-index: 9; }

.p3 .img22 {
  width: 6.35rem;
  height: auto;
  top: 1.56rem;
  left: 50%;
  margin-left: -3.04rem;
  z-index: 9; }

.p3 .img23 {
  width: 5.88rem;
  height: auto;
  top: 1.9rem;
  left: 50%;
  margin-left: -2.79rem;
  z-index: 9; }

.p3 .img24 {
  width: 5.88rem;
  height: auto;
  top: 3.35rem;
  left: 50%;
  margin-left: -2.79rem;
  z-index: 9; }

.p3 .img25 {
  width: 2.98rem;
  height: auto;
  top: 6.17rem;
  left: 50%;
  margin-left: -1.22rem;
  z-index: 9; }

.p3 .img26 {
  width: 2.82rem;
  height: auto;
  top: 7.1rem;
  left: 50%;
  margin-left: 0.78rem;
  z-index: 9; }

.p3 .img27 {
  width: 3.02rem;
  height: auto;
  top: 8.55rem;
  left: 50%;
  margin-left: 0.15rem;
  z-index: 9; }

.p3 .img28 {
  width: 2.34rem;
  height: auto;
  top: 7.68rem;
  left: 50%;
  margin-left: -0.8rem;
  z-index: 9; }

.p3 .img29 {
  width: 0.26rem;
  height: auto;
  top: 5.7rem;
  left: 50%;
  margin-left: -0.63rem;
  z-index: 9; }

.p3 .img220 {
  top: 7rem;
  margin-left: 0.49rem; }

.p3 .img221 {
  width: 4.92rem;
  height: auto;
  top: 4.2rem;
  right: 0;
  z-index: 3; }

.p3 .img222 {
  width: 2.3rem;
  height: auto;
  top: 7.93rem;
  left: 50%;
  margin-left: -3.45rem;
  z-index: 3; }

.p3 .img223 {
  width: 1.07rem;
  height: auto;
  top: 9.87rem;
  right: 0.18rem;
  z-index: 9; }

.p3 .img224 {
  width: 1.54rem;
  height: auto;
  top: 8.11rem;
  left: 50%;
  margin-left: -3.06rem;
  z-index: 11; }

.p3 .img225 {
  width: 2.01rem;
  height: auto;
  top: 2.9rem;
  left: 50%;
  margin-left: -3.3rem;
  z-index: 9; }

.p3 .img226 {
  width: 2.02rem;
  height: auto;
  top: 6.88rem;
  left: 50%;
  margin-left: -3.4rem;
  z-index: 9; }

.p3 .img227 {
  width: 1.62rem;
  height: auto;
  top: 6.66rem;
  left: 50%;
  margin-left: -3.06rem;
  z-index: 12; }

.p3 .img228 {
  width: 4.7rem;
  height: auto;
  top: 7.71rem;
  left: 50%;
  margin-left: -2.06rem;
  z-index: 5; }

.p3 .img229 {
  width: 3.84rem;
  height: auto;
  top: 7.74rem;
  left: 50%;
  margin-left: -2.24rem;
  z-index: 5; }

.p3 .img230 {
  width: 1.28rem;
  height: auto;
  top: 10.1rem;
  left: 50%;
  margin-left: 0.25rem;
  z-index: 9; }

.p3 .img231 {
  width: 7.17rem;
  height: auto;
  top: 1.55rem;
  left: 0;
  z-index: 2; }

.p4 .img41 {
  width: 5.51rem;
  height: auto;
  top: 0.6rem;
  left: 50%;
  margin-left: -3.1rem;
  z-index: 9; }

.p4 .img42 {
  width: 6.34rem;
  height: auto;
  top: 1.47rem;
  left: 50%;
  margin-left: -3.1rem;
  z-index: 18; }

.p4 .img43 {
  width: 5.90rem;
  height: auto;
  top: 1.76rem;
  left: 50%;
  margin-left: -2.84rem;
  z-index: 19; }

.p4 .img44 {
  width: 5.61rem;
  height: auto;
  top: 5.58rem;
  left: 50%;
  margin-left: -2.5rem;
  z-index: 9; }

.p4 .img45 {
  width: 3.83rem;
  height: auto;
  top: 4.6rem;
  left: 50%;
  margin-left: -2.25rem;
  z-index: 9; }

.p4 .img46 {
  width: 2.71rem;
  height: auto;
  top: 8.16rem;
  left: 50%;
  margin-left: -0.17rem;
  z-index: 9; }

.p4 .img47 {
  width: 2.33rem;
  height: auto;
  top: 3.38rem;
  left: 50%;
  margin-left: -2.45rem;
  z-index: 9; }

.p4 .img48 {
  width: 1rem;
  height: auto;
  top: 2.67rem;
  left: 50%;
  margin-left: 0.07rem;
  z-index: 9; }

.p4 .img49 {
  width: 2.52rem;
  height: auto;
  top: 4.07rem;
  left: 50%;
  margin-left: 0.17rem;
  z-index: 9; }

.p4 .img410 {
  width: 1.93rem;
  height: auto;
  top: 5.13rem;
  left: 50%;
  margin-left: 0.3rem;
  z-index: 9; }

.p4 .img411 {
  width: 1.86rem;
  height: auto;
  top: 5rem;
  left: 50%;
  margin-left: -2.04rem;
  z-index: 9; }

.p4 .img412 {
  width: 0.53rem;
  height: auto;
  top: 7.94rem;
  left: 50%;
  margin-left: -2.37rem;
  z-index: 9;
  text-align: center; }

.p4 .img413 {
  width: 1.28rem;
  height: auto;
  top: 7.43rem;
  left: 50%;
  margin-left: -2.73rem;
  z-index: 5;
  text-align: center; }

.p4 .img414 {
  width: 0.76rem;
  height: auto;
  top: 8.36rem;
  left: 50%;
  margin-left: 1.85rem;
  z-index: 9;
  text-align: center; }

.p4 .img415 {
  width: 1.28rem;
  height: auto;
  top: 8.06rem;
  left: 50%;
  margin-left: 1.63rem;
  z-index: 5;
  text-align: center; }

.p4 .img416 {
  width: 0.68rem;
  height: auto;
  top: 5.95rem;
  left: 50%;
  margin-left: -0.39rem;
  z-index: 10;
  text-align: center; }

.p4 .img417 {
  width: 1.51rem;
  height: auto;
  top: 6.66rem;
  left: 50%;
  margin-left: -0.8rem;
  z-index: 9;
  text-align: center; }

.p4 .img418 {
  width: 2.28rem;
  height: auto;
  top: 2.1rem;
  left: 50%;
  margin-left: -1.15rem;
  z-index: 2;
  text-align: center; }

.p4 .img419 {
  width: 7.26rem;
  height: auto;
  top: 1.06rem;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 2;
  text-align: center; }

.p4 .img420 {
  width: 2.39rem;
  height: auto;
  top: 6.43rem;
  left: 50%;
  margin-left: -1.25rem;
  z-index: 5;
  text-align: center; }

.p4 .img421 {
  width: 7.5rem;
  height: auto;
  top: 0.15rem;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 3;
  text-align: center; }

.p4 .img422 {
  width: 0.43rem;
  height: auto;
  top: 4.59rem;
  left: 50%;
  margin-left: -2.56rem;
  z-index: 9;
  text-align: center; }

.p4 .img423 {
  width: 1.02rem;
  height: auto;
  top: 4.22rem;
  left: 50%;
  margin-left: -2.84rem;
  z-index: 5;
  text-align: center; }

.p4 .img424 {
  width: 0.37rem;
  height: auto;
  top: 5.03rem;
  left: 50%;
  margin-left: 2.55rem;
  z-index: 9;
  text-align: center; }

.p4 .img425 {
  width: 1.1rem;
  height: auto;
  top: 4.4rem;
  left: 50%;
  margin-left: 2.19rem;
  z-index: 5;
  text-align: center; }

.p4 .img426 {
  width: 0.36rem;
  height: auto;
  top: 3.61rem;
  left: 50%;
  margin-left: 0.95rem;
  z-index: 9;
  text-align: center; }

.p4 .img427 {
  width: 0.98rem;
  height: auto;
  top: 3.07rem;
  left: 50%;
  margin-left: 0.66rem;
  z-index: 5;
  text-align: center; }

.p5 .t {
  width: 6.28rem;
  height: auto;
  top: .48rem;
  left: .42rem;
  z-index: 9; }

.p5 .t2 {
  width: 4.54rem;
  height: auto;
  top: 2.1rem;
  left: 2.3rem;
  z-index: 9; }

.p5 .txt2 {
  width: 4.51rem;
  height: auto;
  top: 3.05rem;
  left: 2.6rem;
  z-index: 9; }

.p5 .t3 {
  width: 3.23rem;
  height: auto;
  bottom: 4.7rem;
  left: .66rem;
  z-index: 9; }

.p5 .txt3 {
  width: 4.28rem;
  height: auto;
  bottom: 3.3rem;
  left: .8rem;
  z-index: 9; }

.p5 .t4 {
  width: 4.21rem;
  height: auto;
  bottom: 1.98rem;
  left: 2.1rem;
  z-index: 9; }

.p5 .txt4 {
  width: 4.51rem;
  height: auto;
  bottom: 1.2rem;
  left: 2.25rem;
  z-index: 9; }

.p5 .person {
  width: 1.61rem;
  height: auto;
  bottom: 5.42rem;
  left: 2.10rem;
  z-index: 10; }

.p5 .img712 {
  width: 0.83rem;
  height: auto;
  top: 4.81rem;
  left: 50%;
  margin-left: -0.26rem;
  z-index: 9; }

.p5 .img713 {
  width: 0.91rem;
  height: auto;
  top: 4.81rem;
  left: 50%;
  margin-left: -0.26rem;
  z-index: 9; }

.p5 .img714 {
  width: 7.5rem;
  height: auto;
  top: 0.83rem;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 2; }

.p5 .img715 {
  width: 2.39rem;
  height: auto;
  top: 4.8rem;
  left: 50%;
  margin-left: -0.25rem;
  z-index: 2; }

.p5 .img723 {
  width: 1.47rem;
  height: auto;
  top: 3.6rem;
  left: 50%;
  margin-left: -1.75rem;
  z-index: 2; }

.p5 .img716 {
  width: 1.38rem;
  height: auto;
  top: 0;
  left: 50%;
  margin-left: -1.77rem;
  z-index: 6; }

.p5 .img717 {
  width: 0.78rem;
  height: auto;
  top: 0;
  left: 50%;
  margin-left: -2.41rem;
  z-index: 7; }

.p5 .img718 {
  width: 2.4rem;
  height: auto;
  top: 0;
  left: 50%;
  margin-left: -3.05rem;
  z-index: 8; }

.p5 .img719 {
  width: 1.95rem;
  height: auto;
  top: 10.56rem;
  left: 50%;
  margin-left: -1.42rem;
  z-index: 4; }

.p5 .img720 {
  width: 1.99rem;
  height: auto;
  top: 8.2rem;
  left: 50%;
  margin-left: -0.32rem;
  z-index: 5; }

.p5 .img721 {
  width: 1.36rem;
  height: auto;
  top: 6.15rem;
  left: 50%;
  margin-left: 0.9rem;
  z-index: 6; }

.p5 .img722 {
  width: 0.34rem;
  height: auto;
  top: 9.35rem;
  left: 50%;
  margin-left: 2.12rem;
  z-index: 7; }

.p6 .img51 {
  width: 4.81rem;
  height: auto;
  top: 0.8rem;
  left: .6rem;
  z-index: 9; }

.p6 .img54 {
  width: 2.83rem;
  height: auto;
  top: 3.3rem;
  left: 2.85rem;
  z-index: 999; }

.p6 .img55 {
  width: 2.24rem;
  height: auto;
  top: 6rem;
  left: 4.62rem;
  z-index: 999; }

.p6 .img56 {
  width: 3.96rem;
  height: auto;
  bottom: 3.7rem;
  left: 1.9rem;
  z-index: 999; }

.p6 .img57 {
  width: 2.54rem;
  height: auto;
  bottom: 1.36rem;
  left: 3.38rem;
  z-index: 999; }

.p6 .img58 {
  width: 5.41rem;
  height: auto;
  top: 3.34rem;
  left: 50%;
  margin-left: -1.66rem;
  z-index: 9; }

.p6 .img59 {
  width: 7.12rem;
  height: auto;
  top: 6.9rem;
  left: 50%;
  margin-left: -3.37rem;
  z-index: 9; }

.p6 .img510 {
  width: 0.24rem;
  height: auto;
  top: 3.6rem;
  left: 2.4rem;
  z-index: 99; }

.p6 .img511 {
  width: 0.42rem;
  height: auto;
  top: 6.28rem;
  left: 4rem;
  z-index: 99; }

.p6 .img512 {
  width: 0.31rem;
  height: auto;
  bottom: 3.8rem;
  left: 1.4rem;
  z-index: 99; }

.p6 .img513 {
  width: 0.51rem;
  height: auto;
  bottom: 1.4rem;
  left: 2.54rem;
  z-index: 99; }

.p6 .img518 {
  width: 2.68rem;
  height: auto;
  bottom: .2rem;
  left: 1.4rem;
  z-index: 9; }

.p6 .img519 {
  width: 2.52rem;
  height: auto;
  top: 2.5rem;
  left: 1.25rem;
  z-index: 9; }

.p6 .img520 {
  width: 3.31rem;
  height: auto;
  top: 5rem;
  left: 2.5rem;
  z-index: 99; }

.p6 .img521 {
  width: 3.31rem;
  height: auto;
  bottom: 2.3rem;
  left: 0;
  z-index: 9; }

.p6 .img514 {
  width: 3.53rem;
  height: auto;
  top: 3.07rem;
  left: 50%;
  margin-left: -1.1rem;
  z-index: 9; }

.p6 .img515 {
  width: 1.96rem;
  height: auto;
  top: 4.3rem;
  left: 50%;
  margin-left: -0.35rem;
  z-index: 9; }

.p6 .img516 {
  width: 2.29rem;
  height: auto;
  top: 7.06rem;
  left: 50%;
  margin-left: 0.99rem;
  z-index: 9; }

.p6 .img517 {
  width: 1.29rem;
  height: auto;
  top: 5.63rem;
  left: 50%;
  margin-left: -3.06rem;
  z-index: 9; }

.p6 .img523 {
  width: 2.67rem;
  height: auto;
  top: 4.14rem;
  left: 50%;
  margin-left: 1.08rem;
  z-index: 8; }

.p6 .img524 {
  width: 3.88rem;
  height: auto;
  top: 4.3rem;
  left: 50%;
  margin-left: -0.15rem;
  z-index: 4; }

.p6 .img525 {
  width: 4.9rem;
  height: auto;
  top: 3.22rem;
  left: 50%;
  margin-left: -1.18rem;
  z-index: 3; }

.p7 {
  opacity: 0;
  background: url(../assets/p7_bg.png?t=a7b4721befd7bdf69cc8cabd16f7f57e) no-repeat 50% 50%/cover; }
  .p7 .pic, .p7 .con {
    position: absolute;
    opacity: 1;
    width: 6.16rem;
    left: .68rem;
    top: 2.34rem; }
  .p7 .main-t {
    width: 4.81rem;
    height: auto;
    top: 0.8rem;
    left: .6rem;
    z-index: 10; }
  .p7 .fir {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
    .p7 .fir .url {
      display: block;
      position: absolute;
      left: .28rem;
      width: 5.6rem;
      height: .96rem; }
    .p7 .fir .link1 {
      top: 1.38rem; }
    .p7 .fir .link2 {
      top: 2.75rem; }
    .p7 .fir .link3 {
      top: 4.15rem; }
    .p7 .fir .link4 {
      top: 5.53rem; }
    .p7 .fir .link5 {
      top: 6.9rem; }
  .p7 .sec {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
    .p7 .sec .link {
      position: absolute;
      top: 7.8rem;
      left: 1.45rem;
      width: 3.2rem;
      height: .46rem;
      background-color: #f60; }
  .p7 .thi {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
  .p7 .fou {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
    .p7 .fou .url {
      position: absolute;
      left: .28rem;
      width: 5.6rem;
      height: .96rem; }
    .p7 .fou .link1 {
      top: 2.45rem; }
    .p7 .fou .link2 {
      top: 3.95rem; }
    .p7 .fou .link3 {
      top: 5.5rem;
      width: 1.8rem; }
    .p7 .fou .link4 {
      left: 2.25rem;
      top: 5.5rem;
      width: 3.7rem; }

.p8 .block {
  width: 5.6rem;
  height: auto;
  top: .95rem;
  left: .95rem;
  z-index: 10; }

.p8 .t {
  width: 3.39rem;
  height: auto;
  top: 1.75rem;
  left: 1.45rem;
  z-index: 10; }

.p8 .txt {
  width: 4.6rem;
  height: auto;
  top: 2.75rem;
  left: 1.45rem;
  z-index: 10; }

.p8 .person {
  width: 1.6rem;
  height: auto;
  bottom: 2.95rem;
  right: 1.5rem;
  z-index: 10; }

.p8 .img65 {
  width: 7.5rem;
  height: auto;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 2; }

.p8 .img66 {
  width: 4.16rem;
  height: auto;
  bottom: 0;
  left: 50%;
  margin-left: -1.72rem;
  z-index: 10; }

.p8 .img67 {
  width: 4.15rem;
  height: auto;
  bottom: -0.33rem;
  left: 50%;
  margin-left: -1.72rem;
  z-index: 9; }

.p8 .img68 {
  width: 5.07rem;
  height: auto;
  bottom: -3.44rem;
  left: 50%;
  margin-left: -2.03rem;
  z-index: 7; }

.p8 .img69 {
  width: 1.64rem;
  height: auto;
  bottom: 0.97rem;
  left: 50%;
  margin-left: 1.91rem;
  z-index: 5; }

.p8 .img610 {
  width: 5.38rem;
  height: auto;
  bottom: -2rem;
  left: 50%;
  margin-left: -2.5rem;
  z-index: 5; }

.p8 .img611 {
  width: 4.38rem;
  height: auto;
  bottom: -3.35rem;
  left: 50%;
  margin-left: -2.6rem;
  z-index: 3; }

.p9 .img31 {
  width: 6.02rem;
  height: auto;
  top: 0.9rem;
  left: .55rem;
  z-index: 10; }

.p9 .img32 {
  width: 6.35rem;
  height: auto;
  top: 2.15rem;
  left: .57rem;
  z-index: 10; }

.p9 .img33 {
  width: 6.35rem;
  height: auto;
  top: 4rem;
  left: .57rem;
  z-index: 10; }

.p9 .img34 {
  width: 6.35rem;
  height: auto;
  top: 6.3rem;
  left: .57rem;
  z-index: 10; }

.p9 .img35 {
  width: 6.35rem;
  height: auto;
  top: 8.65rem;
  left: .57rem;
  z-index: 10; }

.p9 .img36 {
  width: 2.3rem;
  height: auto;
  top: 9.5rem;
  left: 50%;
  margin-left: 0.85rem;
  z-index: 9; }

.p9 .img37 {
  width: 2.22rem;
  height: auto;
  top: 5.66rem;
  left: 50%;
  margin-left: -2.52rem;
  z-index: 9; }

.p9 .img38 {
  width: 5.55rem;
  height: auto;
  top: 3.66rem;
  left: 50%;
  margin-left: -2.69rem;
  z-index: 9;
  overflow: hidden; }
  .p9 .img38 img {
    width: 5.55rem;
    height: auto; }

.p9 .img39 {
  width: 0.98rem;
  height: auto;
  top: 6.63rem;
  left: 50%;
  margin-left: -3.53rem;
  z-index: 9; }

.p9 .img310 {
  width: 0.64rem;
  height: auto;
  top: 6.77rem;
  left: 50%;
  margin-left: -3.36rem;
  z-index: 9; }

.p9 .img311 {
  width: 0.95rem;
  height: auto;
  top: 3.66rem;
  left: 50%;
  margin-left: -3.52rem;
  z-index: 9; }

.p9 .img312 {
  width: 5.23rem;
  height: auto;
  top: 2.4rem;
  left: 0;
  z-index: 9; }

.p9 .img313 {
  width: 0.55rem;
  height: auto;
  top: 9.98rem;
  left: 0;
  z-index: 9; }

.p9 .img314 {
  width: 1.93rem;
  height: auto;
  top: 9.18rem;
  left: 50%;
  margin-left: -3.54rem;
  z-index: 8; }

.p9 .img315 {
  width: 1.93rem;
  height: auto;
  top: 8.32rem;
  left: 50%;
  margin-left: -1.83rem;
  z-index: 7; }

.p9 .img316 {
  width: 1.93rem;
  height: auto;
  top: 7.27rem;
  left: 50%;
  margin-left: -0.16rem;
  z-index: 6; }

.p9 .img317 {
  width: 1.93rem;
  height: auto;
  top: 5.5rem;
  left: 50%;
  margin-left: 0.92rem;
  z-index: 5; }

.p9 .img318 {
  width: 1.75rem;
  height: auto;
  top: 3.7rem;
  left: 50%;
  margin-left: 2rem;
  z-index: 4; }

.p9 .img319 {
  width: 0.72rem;
  height: auto;
  top: 1.83rem;
  left: 50%;
  margin-left: 3.03rem;
  z-index: 3; }

.p9 .img320 {
  width: 5.71rem;
  height: auto;
  top: 0;
  left: 50%;
  margin-left: -1.96rem;
  z-index: 9; }

.p9 .img321 {
  width: 3.16rem;
  height: auto;
  top: 3.82rem;
  left: 50%;
  margin-left: -1.59rem;
  z-index: 9;
  display: none; }

.p10 .block {
  width: 7.5rem;
  height: auto;
  top: 8.3rem;
  left: 0; }

.p10 .box {
  width: 5.6rem;
  height: auto;
  top: 1.15rem;
  left: 50%;
  margin-left: -2.8rem;
  z-index: 9; }

.p10 .lightBox {
  opacity: 0;
  position: absolute;
  width: 3.11rem;
  top: 1rem;
  left: 0;
  z-index: 10; }
  .p10 .lightBox .light {
    opacity: 1;
    top: 0;
    left: 0;
    animation: light 1.5s infinite alternate linear; }

@keyframes light {
  0% {
    transform: scale(0.7);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 1; } }

.p10 .point {
  width: .45rem;
  top: 3.2rem;
  left: 2.46rem;
  z-index: 10; }

.p10 .person {
  width: 1.81rem;
  top: 2.9rem;
  left: 2.9rem;
  z-index: 10; }

.p10 .col {
  position: absolute;
  width: 3.2rem;
  top: 3.7rem;
  left: 2.15rem;
  z-index: 10; }

.p10 .col2 {
  position: absolute;
  width: 2.74rem;
  top: 5.4rem;
  left: 2.3rem;
  z-index: 10; }

.p10 .txt1 {
  width: 4.06rem;
  height: auto;
  top: 1.8rem;
  left: 1.7rem;
  z-index: 10; }

.p10 .txt2 {
  width: 4.71rem;
  height: auto;
  top: 6.3rem;
  left: 1.4rem;
  z-index: 10; }

.p10 .txt3 {
  width: 4.43rem;
  height: auto;
  top: 7.3rem;
  right: 1.6rem;
  z-index: 10; }

.p10 .txt4 {
  width: 4.29rem;
  height: auto;
  top: 9.75rem;
  right: 1.56rem;
  z-index: 10; }