@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
    margin: 0;
    padding: 0; font:12px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;
}
input::-webkit-input-placeholder {
color: #aaa;
}
input::-moz-input-placeholder {
color: #aaa;
}
input::-ms-input-placeholder {
color: #aaa;
}
body {
    padding: 0;
    margin: 0;
}

html,body,fieldset,img,iframe,abbr {
    border: 0;
}

li {
    list-style: none;
}

textarea {
    overflow: auto;
    resize: none;
}

input {
    outline: none;
}

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

a,
button {
    cursor: pointer;
}

h1,h2,h3,h4,h5,h6,em,strong,b {
    font-weight: normal;
    font-style: normal;
}

a,a:hover {
    text-decoration: none;
}

body,textarea,input,button {
    color: #62a1c9;
}

html,body {
    width: 100%;
    height: 1000px;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
    color: #454545;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
    color: #454545;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
    color: #454545;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
    color: #454545;
}
/*宽度限制板块*/
.wbox {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.wbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wbox {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
    zoom: 1;
}

.wbox {
    display: block;
    position: relative;
}
/* End hide from IE-mac */
input,textarea,a,div,button,select {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.noSize {
    font-size: 0;
    text-indent: -9999em;
}

.flex {
    display: box;
  /* OLD - Android 4.4- */
    display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
  /* TWEENER - IE 10 */
    display: -webkit-flex;
  /* NEW - Chrome */
    display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

@-webkit-keyframes Inleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
    }

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

@keyframes Inleft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(120px);
    }

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

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(120px);
    }

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

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(120px);
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(120px);
    }

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

@-webkit-keyframes zoomInAndOut {
    0% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    100% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.8);
    }

    50% {
        -webkit-transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(0.8);
        opacity: 1;
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0.8);
    }

    50% {
        -moz-transform: scale(1.3);
    }

    100% {
        -moz-transform: scale(0.8);
        opacity: 1;
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(0.8);
    }

    50% {
        -o-transform: scale(1.3);
    }

    100% {
        -o-transform: scale(0.8);
        opacity: 1;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1.3);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(360deg);
    }
}

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

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(360deg);
    }
}

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

    100% {
        transform-origin: center center;
        transform: rotate(360deg);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }

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

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

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

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

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

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

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%);
    }

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

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

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

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

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

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

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes shake {
    50% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }

    0%,
  100% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

@-webkit-keyframes flip1 {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
    }

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

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

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
    }
}

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

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

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

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

@-webkit-keyframes flip2 {
    0% {
        -webkit-transform: perspective(400px) rotateY(-90deg);
    }

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

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

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
    }
}

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

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

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

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

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

    50% {
        opacity: 0.1;
    }
}

@-webkit-keyframes gif {
    0% {
        background-position: 0%;
        opacity: 1;
    }

    100% {
        background-position: 200%;
        opacity: 1;
    }
}

@keyframes gif {
    0% {
        background-position: 0%;
        opacity: 1;
    }

    100% {
        background-position: 200%;
        opacity: 1;
    }
}

@-webkit-keyframes zoom2 {
    0% {
        -webkit-transform: scale3d(0.98, 1, 1);
        transform: scale3d(0.98, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    100% {
        -webkit-transform: scale3d(0.98, 1, 1);
        transform: scale3d(0.98, 1, 1);
    }
}

@keyframes zoom2 {
    0% {
        -webkit-transform: scale3d(0.98, 1, 1);
        transform: scale3d(0.98, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    100% {
        -webkit-transform: scale3d(0.98, 1, 1);
        transform: scale3d(0.98, 1, 1);
    }
}

@-webkit-keyframes matrix {
    0% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: center center 0px;
        -webkit-transform-origin: center center 0px;
    }

    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: center center 0px;
        -webkit-transform-origin: center center 0px;
    }
}

@keyframes matrix {
    0% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: center center 0px;
        -webkit-transform-origin: center center 0px;
    }

    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: center center 0px;
        -webkit-transform-origin: center center 0px;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

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

@-webkit-keyframes zoomIn2 {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
    }

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

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

    50% {
        transform: scale(1.05);
    }

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

@keyframes translateDown {
    0%,
  100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }
}

@keyframes translateLeft {
    0%,
  100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -o-transform: translateX(-5px);
    }
}

@keyframes bombIn {
    0% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

@-webkit-keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@-moz-keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@-ms-keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@-o-keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@-webkit-keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@-moz-keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@-ms-keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@-o-keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@keyframes arrow {
    0%,
  100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -0.15rem);
        -moz-transform: translate(0, -0.15rem);
        -ms-transform: translate(0, -0.15rem);
        -o-transform: translate(0, -0.15rem);
    }
}

@-webkit-keyframes arrow {
    0%,
  100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -0.15rem);
        -moz-transform: translate(0, -0.15rem);
        -ms-transform: translate(0, -0.15rem);
        -o-transform: translate(0, -0.15rem);
    }
}

.fold-enter-active,.fold-leave-active {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
}

.fold-enter,.fold-leave-to {
    height: 0!important;
}

.process-guide-enter-active {
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transform-origin: right bottom center;
    -moz-transform-origin: right bottom center;
    -ms-transform-origin: right bottom center;
    -o-transform-origin: right bottom center;
}

.process-guide-leave-active {
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transform-origin: left top center;
    -moz-transform-origin: left top center;
    -ms-transform-origin: left top center;
    -o-transform-origin: left top center;
}

.process-guide-enter {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
}

.process-guide-leave-to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.spin-leave-active {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
}

.fade-up-enter-active {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.fade-up-enter {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.loading-fade-enter-active,.loading-fade-leave-active {
    transition: opacity 2s;
}

.loading-fade-enter,.loading-fade-leave-active {
    opacity: 0;
}

.live-enter-active,.live-leave-active {
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
}

.live-enter,.live-leave-to {
    top: 100%!important;
}

.live-enter-to,.live-leave {
    top: 0!important;
}

.fade-enter-active,.fade-leave-active {
    transition: opacity 0.3s;
}

.fade-enter,.fade-leave-active {
    opacity: 0;
}

.up-enter-active,.up-leave-active {
    -webkit-transition: all 0.4s 0.1s;
    -moz-transition: all 0.4s 0.1s;
    -ms-transition: all 0.4s 0.1s;
    -o-transition: all 0.4s 0.1s;
}

.up-enter-to,.up-leave {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.up-enter,.up-leave-to {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.left-enter-active,.left-leave-active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.left-enter-to,.left-leave {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.left-enter,.left-leave-to {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.right-enter-active,.right-leave-active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.right-enter-to,.right-leave {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.right-enter,.right-leave-to {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

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

.container-index.left-enter,.container-index.left-leave-to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.container-index .slogan {
    position: absolute;
    width: 365px;
    height: 631px;
    top: 48px;
    left: 50%;
    margin-left: -120.5px;
    background-size: 100% 100%;
    z-index: 2;
	display:none;
}

.container-index .slogan img {
    position: absolute;
    top: 370px;
    left: 82px;
}

.container-index .logo {
    position: absolute;
    width: 69px;
    height: 153px;
    top: 20px;
    left: 50%;
    margin-left: 588px;
    background-image: url(../images/logo_0513bf2f.png);
    z-index: 2;
	display: none;
}

.container-index .index-btn-wrap {
    position: absolute;
    width: 34px;
    height: auto;
    top: 90px;
    left: 50%;
    margin-left: 660px;
    z-index: 3;
	display:none;
}

.container-index .index-btn-wrap .index-btn {
    display: none;
    width: 34px;
    height: 35px;
    margin-bottom: 10px;
    cursor: pointer;
}

.container-index .index-btn-wrap .index-btn.play-btn {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -333px -156px;
    background-size: 377px 286px;
}

.container-index .index-btn-wrap .index-btn.play-btn:hover,.container-index .index-btn-wrap .index-btn.play-btn.disabled {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -333px -121px;
    background-size: 377px 286px;
}

.container-index .index-btn-wrap .index-btn.gw {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -333px -191px;
    background-size: 377px 286px;
}

.container-index .index-btn-wrap .index-btn.gw:hover {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -111px -212px;
    background-size: 377px 286px;
}

.container-index .index-btn-wrap .index-btn.dl {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -145px -212px;
    background-size: 377px 286px;
}

.container-index .index-btn-wrap .index-btn.dl:hover {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -333px -86px;
    background-size: 377px 286px;
}

.container-index .index-btn-wrap .index-btn.share {
    padding-top: 35px;
    box-sizing: border-box;
    background-image: url(../images/btn-share_b950d230.png);
    background-size: 70px 35px;
    background-position-x: left;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
}

.container-index .index-btn-wrap .index-btn.share:hover {
    background-position-x: right;
    height: 150px;
}

.container-index .index-btn-wrap .index-btn.share .NIE-share-txt {
    display: none;
    text-align: center;
}

.container-index .index-btn-wrap .index-btn.share .NIE-share {
    margin-top: 5px;
    width: 100%;
}

.container-index .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn {
    float: none;
    width: 100%;
}

.container-index .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn li {
    text-align: center;
    float: none;
}

.container-index .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn li a {
    float: none;
    margin-right: 0;
    font-size: 26px;
    margin-bottom: 8px;
    color: #9e9a7f;
}

.container-index .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn li a:hover {
    color: #d0c599;
}

.container-index .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn li a.morebtn {
    display: none;
}

.wei .inner-title {
    position: relative;
    width: 867px;
    height: 137px;
    margin: 0 0 0 220px;
    background-image: url(../images/title_bf58c974.png);
}

.light .inner-title {
    position: relative;
    width: 867px;
    height: 137px;
    margin: 0 0 0 220px;
    background-image: url(../images/title_d4dce294.png);
}

.nian .inner-title {
    position: relative;
    width: 867px;
    height: 137px;
    margin: 0 0 0 220px;
    background-image: url(../images/title_81e48361.png);
}

.gift .inner-title {
    position: relative;
    width: 463px;
    height: 100px;
    margin: 0 auto;
    background-image: url(../images/title_9dd7062a.png);
}

.gift .inner-content-wrap .switch-wrap {
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 10;
}

.gift .inner-content-wrap .switch-wrap .switch {
    width: 111px;
    height: 126px;
    cursor: pointer;
    margin-bottom: 20px;
}

.gift .inner-content-wrap .switch-wrap .switch.cloth {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -0px -0px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .switch-wrap .switch.cloth:hover,.gift .inner-content-wrap .switch-wrap .switch.cloth.active {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -111px -0px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .switch-wrap .switch.gift {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -222px -0px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .switch-wrap .switch.gift:hover,.gift .inner-content-wrap .switch-wrap .switch.gift.active {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -0px -126px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .cloth-wrap {
    position: absolute;
    top: 0;
    right: 0;
}

.gift .inner-content-wrap .cloth-wrap .cloth-dec {
    position: relative;
    width: 984px;
    height: 618px;
    left: -7px;
    top: 34px;
    background-image: url(../images/cloth-dec_744ab893.png);
    z-index: 2;
}

.gift .inner-content-wrap .cloth-wrap .cloth-swiper-container {
    position: absolute;
    display: block;
    width: 791px;
    height: 550px;
    top: 80px;
    right: 64px;
}

.gift .inner-content-wrap .cloth-wrap .cloth-swiper-btn {
    position: absolute;
    width: 44px;
    height: 86px;
    top: 300px;
    cursor: pointer;
    z-index: 5;
}

.gift .inner-content-wrap .cloth-wrap .cloth-swiper-btn.prev {
    left: 127px;
    background: url(../images/sprite-5f55d2_5f55d21d.png) -155px -126px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .cloth-wrap .cloth-swiper-btn.prev:hover {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -111px -126px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .cloth-wrap .cloth-swiper-btn.prev.swiper-button-disabled {
    cursor: default;
    background: url(../images/sprite-5f55d2_5f55d21d.png) -199px -126px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .cloth-wrap .cloth-swiper-btn.next {
    right: 63px;
    background: url(../images/sprite-5f55d2_5f55d21d.png) -243px -126px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .cloth-wrap .cloth-swiper-btn.next:hover {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -287px -126px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .cloth-wrap .cloth-swiper-btn.next.swiper-button-disabled {
    cursor: default;
    background: url(../images/sprite-5f55d2_5f55d21d.png) -333px -0px;
    background-size: 377px 286px;
}

.gift .inner-content-wrap .cloth-wrap .mouse-follow {
    position: absolute;
    top: 80px;
    right: 64px;
    width: 791px;
    height: 550px;
    cursor: url(../images/mouse_371ba7ac.png), auto;
    z-index: 4;
}

.gift .inner-content-wrap .cloth-wrap .cloth-text {
    position: absolute;
    width: 215px;
    height: 161px;
    padding: 36px 23px;
    line-height: 21px;
    top: 400px;
    right: -10px;
    font-size: 14px;
    color: #7b7366;
    box-sizing: border-box;
    text-align: justify;
    background-image: url(../images/cloth-text_4516e988.png);
    z-index: 5;
}

.gift .inner-content-wrap .gift-wrap {
    position: absolute;
    top: 0;
    right: 0;
}

.gift .inner-content-wrap .gift-wrap .gift-dec {
    position: relative;
    width: 951px;
    height: 786px;
    left: 5px;
    top: -10px;
    margin-top: -63px;
    margin-left: 100px;
    background-image: url(../images/gift-dec_e7349ccf.png);
    z-index: 2;
}

.gift .inner-content-wrap .gift-wrap img {
    position: absolute;
    display: block;
    width: 850px;
    height: 372px;
    top: 55px;
    right: 46px;
}

.gift .inner-content-wrap .gift-wrap .gift-text {
    position: absolute;
    top: 452px;
    left: 150px;
    width: 900px;
    color: #787268;
    z-index: 4;
}

body {
    position: relative;
    width: 100%; height:100%;
    max-width: 1920px;
    min-width: 1700px;
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei";
    margin: 0 auto;
}

.loading-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    background-image: url(../images/bg_54c08022.jpg);
    background-position: center;
    z-index: 3;
}

.loading-wrap .progress {
    position: absolute;
    top: 700px;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
}

.loading-wrap .loading-spin {
    position: absolute;
    width: 444px;
    height: 446px;
    top: 185px;
    left: 50%;
    margin-left: -222px;
    z-index: 5;
}

.loading-wrap .loading-spin > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.loading-wrap .loading-spin > div.logo {
    margin-left: 4px;
    margin-top: 6px;
    background-image: url(../images/logo_89464214.png);
    background-size: 68px 151px;
    z-index: 3;
}

.loading-wrap .loading-spin > div.dot {
    background-image: url(../images/frame-dot_8f69a914.png);
    background-size: 409px 410px;
    -moz-animation: rotate 2s linear infinite;
    -webkit-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    -ms-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.loading-wrap .loading-spin > div.frame-in {
    background-image: url(../images/frame-in_8b92abfd.png);
    background-size: 409px 410px;
}

.loading-wrap .loading-spin > div.frame-in .season-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
}

.loading-wrap .loading-spin > div.frame-in .season-icon.left {
    left: 21px;
    top: 50%;
    margin-top: -17px;
    background-image: url(../images/season-left_58f53a8e.png);
}

.loading-wrap .loading-spin > div.frame-in .season-icon.right {
    right: 21px;
    top: 50%;
    margin-top: -17px;
    background-image: url(../images/season-right_b3b4b453.png);
}

.loading-wrap .loading-spin > div.frame-in .season-icon.top {
    top: 22px;
    left: 50%;
    margin-left: -20px;
    background-image: url(../images/season-top_81b849de.png);
}

.loading-wrap .loading-spin > div.frame-in .season-icon.bottom {
    bottom: 22px;
    left: 50%;
    margin-left: -20px;
    background-image: url(../images/season-bottom_87bc92f1.png);
}

.loading-wrap .loading-spin > div.frame-out {
    background-image: url(../images/frame-out_d00eeb67.png);
    background-size: 444px 446px;
}

.video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    opacity: 0;
    z-index: 2;
    overflow-x: hidden;
}

.video-wrap .bgv {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 1000px;
}

.video1-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    opacity: 0;
    z-index: 2;
    overflow-x: hidden;
}

.video1-wrap .yhv {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -960px;
	margin-top: -500px;
    width: 1920px;
    height: 1000px;
}

#wrap {
    position: relative;
    width: 100%;
    height: 1000px;
    background-image: url(../images/bg_a719d593.jpg);
    background-size: 1920px 1000px;
    background-position: center top;
    background-repeat: no-repeat;
    opacity: 1;
    overflow: hidden;
}

#wrap .docoration-1 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 570px;
    background: url(../images/decoration-1_c946cdfe.png);
    height: 30px;
    width: 62px;
    z-index: 13;
    display: none!important;
}

#wrap .docoration-2 {
    position: absolute;
    top: 518px;
    left: 910px;
    margin-left: 570px;
    background: url(../images/decoration-2_f33db08c.png);
    height: 260px;
    width: 120px;
    z-index: 13;
    display: none;
}

#wrap .docoration-3 {
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    background: url(../images/cloud1.png) 0 -10px no-repeat;
    height: 190px;
    width: 1560px;
    z-index: 12;
    display: none;
}
.wdxyxy {
	position: absolute;
    bottom: 80px;
    right: 60px;
    margin: 0;
    height: 160px;
    width: 240px;
    z-index: 13;
}
.wdxyxy a { display:block; width: 240px; height: 160px; background: url(../images/wdxyxy_btn.png); margin:0; padding:0;}

#wrap .inner-bg {
    position: absolute;
    width: 1560px;
    height: 1000px;
    top: 0;
    left: 0;
    margin-left: 0;
    background-image: url(../images/bg_974cc33f.jpg);
    z-index: 5;
}

#wrap .container-inner {
    position: absolute;
    width: 1560px;
    height: 880px;
    top: 30px;
    left: 0;
    margin-left: 0;
    z-index: 11;
}

#wrap .container-inner .inner-content-wrap {
    position: absolute;
    left: 0;
    top: 140px;
    width: 100%;
    bottom: 0;
}

#wrap .container-inner .inner-content-wrap h1 {
    display: block; width:736px; overflow:hidden; line-height: 24px; padding: 0; margin: 0 auto 20px; color: #9b1d00; font-size: 16px; font-weight:bold; text-align:justify; text-shadow:0 0 10px #fff, -0 -0 10px #fff; box-sizing: border-box;

}

#wrap .container-inner .inner-content-wrap h2 {
    font-size: 16px;
    font-weight: bold;
    color: #a0832c;
    margin-left: 48px;
    margin-top: 10px;
    padding-left: 25px;
    line-height: 18px;
    margin-bottom: 10px;
    background-image: url(../images/h2_0c7359b2.png);
    background-position: left;
    background-repeat: no-repeat;
}

#wrap .container-inner .inner-content-wrap p {
    margin: 5px 45px;
    color: #787268;
    font-size: 14px;
    line-height: 20px;
}

#wrap .container-inner .inner-content-wrap .image-wrap {
    position: relative;
    width: 720px;
    margin: 20px auto;
    text-align: center;
}

#wrap .container-inner .inner-content-wrap .image-wrap::before,#wrap .container-inner .inner-content-wrap .image-wrap::after {
    position: absolute;
    display: block;
    top: -10px;
    bottom: 10px;
    width: 5px;
    background-color: #dfd4b2;
    content: '';
}

#wrap .container-inner .inner-content-wrap .image-wrap::before {
    left: -20px;
}

#wrap .container-inner .inner-content-wrap .image-wrap::after {
    right: -20px;
}

#wrap .container-inner .inner-content-wrap .image-wrap img {
    position: relative;
    display: block;
    width: 720px;
    height: auto;
    border: 1px solid #dfd4b2;
    box-sizing: border-box;
}

#wrap .container-inner .inner-content-wrap .image-wrap span {
    position: relative;
    display: inline-block;
    color: #81796a;
    line-height: 25px;
}

#wrap .container-inner .inner-content-wrap .image-wrap span::before,#wrap .container-inner .inner-content-wrap .image-wrap span::after {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 7px;
    background-image: url(../images/img-title-dec_336b6893.png);
    content: '';
}

#wrap .container-inner .inner-content-wrap .image-wrap span::before {
    left: -20px;
}

#wrap .container-inner .inner-content-wrap .image-wrap span::after {
    right: -20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#wrap .container-inner .inner-content-wrap .image-wrap .dec {
    position: absolute;
    width: 30px;
    height: 31px;
    top: 50%;
    margin-top: -20px;
    background-image: url(../images/img-dec_b1d774dd.png);
    z-index: 3;
}

#wrap .container-inner .inner-content-wrap .image-wrap .dec.dec-left {
    left: -33px;
}

#wrap .container-inner .inner-content-wrap .image-wrap .dec.dec-right {
    right: -33px;
}

#wrap .container-inner .inner-content-wrap table {
    width: 760px;
    margin: 20px auto;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
}

#wrap .container-inner .inner-content-wrap table th,#wrap .container-inner .inner-content-wrap table td {
    border: 1px solid #adbde0;
}

#wrap .container-inner .inner-content-wrap table th {
    padding: 10px 0;
    color: #fdf3d7;
    background-color: #c3b684;
}

#wrap .container-inner .inner-content-wrap table td {
    padding: 40px 0;
    color: #a0832c;
    background-color: #fffcf2;
}

#wrap .container-inner .inner-content-wrap .red {
    color: #cc4c3e;
}

#wrap .container-inner .logo {
    position: absolute;
    width: 131px;
    height: 54px;
    top: -10px;
    left: -100px;
    background-image: url(../images/logo_bbafb350.png);
	display:none;
}

#wrap .container-inner .index-btn-wrap {
    position: absolute;
    width: auto;
    height: 34px;
    top: 0;
    left: 46px;
    z-index: 3;
	display:none;
}

#wrap .container-inner .index-btn-wrap .index-btn {
    display: inline-block;
    width: 34px;
    height: 35px;
    margin-bottom: 10px;
    cursor: pointer;
    vertical-align: top;
}

#wrap .container-inner .index-btn-wrap .index-btn.play-btn {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -179px -212px;
    background-size: 377px 286px;
}

#wrap .container-inner .index-btn-wrap .index-btn.play-btn:hover,#wrap .container-inner .index-btn-wrap .index-btn.play-btn.disabled {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -213px -212px;
    background-size: 377px 286px;
}

#wrap .container-inner .index-btn-wrap .index-btn.gw {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -34px -252px;
    background-size: 377px 286px;
}

#wrap .container-inner .index-btn-wrap .index-btn.gw:hover {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -0px -252px;
    background-size: 377px 286px;
}

#wrap .container-inner .index-btn-wrap .index-btn.dl {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -247px -212px;
    background-size: 377px 286px;
}

#wrap .container-inner .index-btn-wrap .index-btn.dl:hover {
    background: url(../images/sprite-5f55d2_5f55d21d.png) -281px -212px;
    background-size: 377px 286px;
}

#wrap .container-inner .index-btn-wrap .index-btn.share {
    padding-top: 35px;
    box-sizing: border-box;
    background-image: url(../images/btn-share_19bf79f6.png);
    background-size: 78px 35px;
    background-position-x: left;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
}

#wrap .container-inner .index-btn-wrap .index-btn.share:hover {
    background-position-x: right;
    height: 150px;
}

#wrap .container-inner .index-btn-wrap .index-btn.share .NIE-share-txt {
    display: none;
    text-align: center;
}

#wrap .container-inner .index-btn-wrap .index-btn.share .NIE-share {
    margin-top: 5px;
    width: 100%;
}

#wrap .container-inner .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn {
    float: none;
    width: 100%;
}

#wrap .container-inner .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn li {
    text-align: center;
    float: none;
}

#wrap .container-inner .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn li a {
    float: none;
    margin-right: 0;
    font-size: 26px;
    margin-bottom: 8px;
    color: #d0c8a7;
}

#wrap .container-inner .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn li a:hover {
    color: #c2b687;
}

#wrap .container-inner .index-btn-wrap .index-btn.share .NIE-share .NIE-share-iconBtn li a.morebtn {
    display: none;
}

#wrap .snow-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

#NIE-copyRight {
    color: #000;
}

#NIE-copyRight a {
    color: #000;
}

.noSize[data-v-60b493e6] {
    font-size: 0;
    text-indent: -9999em;
}

.flex[data-v-60b493e6] {
    display: box;
  /* OLD - Android 4.4- */
    display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
  /* TWEENER - IE 10 */
    display: -webkit-flex;
  /* NEW - Chrome */
    display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.index-nav-wrap[data-v-60b493e6] {
    position: absolute;
    top: 0;
    left: 910px;
    margin-left: -863px;
    z-index: 12;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.index-nav-wrap.inner[data-v-60b493e6] {
    margin-left: 406px;
}

.index-nav-wrap.inner .index-nav-item[data-v-60b493e6] {
    margin-top: 67px!important;
}

.index-nav-wrap .goto-index[data-v-60b493e6] {
	width:42px; height:106px;
    position: absolute;
    right: 42px;
    top: 380px;
    color: #fff;
    background-color: #5d0f28;
    border: 1px solid #f8d9a4;
    padding: 15px 0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px; text-align:center;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.index-nav-wrap .goto-index[data-v-60b493e6]:hover {
    background-color: #901730;
    color: #fff;
}

.index-nav-wrap .index-nav-item[data-v-60b493e6] {
    position: relative;
    display: inline-block;
    width: 73px;
    height: 288px;
    vertical-align: top;
    margin: 0 30px 0 0;
    background: url(../images/sprite-793167_793167ce.png) -12px -4px;
    background-size: 500px 500px;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
}

.index-nav-wrap .index-nav-item.bounce[data-v-60b493e6] {
    -moz-animation: bounce 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation: bounce 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation: bounce 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-animation: bounce 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: bounce 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index-nav-wrap .index-nav-item[data-v-60b493e6]:hover,.index-nav-wrap .index-nav-item.router-link-active[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -111px -4px;
    background-size: 500px 500px;
}

.index-nav-wrap .index-nav-item[data-v-60b493e6]:hover::before,.index-nav-wrap .index-nav-item.router-link-active[data-v-60b493e6]::before,.index-nav-wrap .index-nav-item[data-v-60b493e6]:hover::after,.index-nav-wrap .index-nav-item.router-link-active[data-v-60b493e6]::after {
    opacity: 1;
}

.index-nav-wrap .index-nav-item:hover.wei .index-nav-title[data-v-60b493e6],.index-nav-wrap .index-nav-item.router-link-active.wei .index-nav-title[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -213px -216px;
    background-size: 500px 500px;
    background-repeat: no-repeat;
}

.index-nav-wrap .index-nav-item:hover.nian .index-nav-title[data-v-60b493e6],.index-nav-wrap .index-nav-item.router-link-active.nian .index-nav-title[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -312px -226px;
    background-size: 500px 500px;
}

.index-nav-wrap .index-nav-item:hover.light .index-nav-title[data-v-60b493e6],.index-nav-wrap .index-nav-item.router-link-active.light .index-nav-title[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -414px -214px;
    background-size: 500px 500px;
}

.index-nav-wrap .index-nav-item:hover.gift .index-nav-title[data-v-60b493e6],.index-nav-wrap .index-nav-item.router-link-active.gift .index-nav-title[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -0px -250px;
    background-size: 500px 500px;
}

.index-nav-wrap .index-nav-item:hover.gift i[data-v-60b493e6]::after,.index-nav-wrap .index-nav-item.router-link-active.gift i[data-v-60b493e6]::after {
    opacity: 1;
}

.index-nav-wrap .index-nav-item:hover .index-nav-sprite[data-v-60b493e6],.index-nav-wrap .index-nav-item.router-link-active .index-nav-sprite[data-v-60b493e6] {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -moz-animation: navTabSprites 1.5s steps(25) infinite;
    -webkit-animation: navTabSprites 1.5s steps(25) infinite;
    -o-animation: navTabSprites 1.5s steps(25) infinite;
    -ms-animation: navTabSprites 1.5s steps(25) infinite;
    animation: navTabSprites 1.5s steps(25) infinite;
}

.index-nav-wrap .index-nav-item[data-v-60b493e6]::before,.index-nav-wrap .index-nav-item[data-v-60b493e6]::after {
    position: absolute;
    width: 1px;
    height: 200px;
    left: 37px;
    background-color: #e4c784;
    opacity: 0.3;
    content: '';
}

.index-nav-wrap .index-nav-item[data-v-60b493e6]::before {
    bottom: 100%;
}

.index-nav-wrap .index-nav-item[data-v-60b493e6]::after {
    top: 100%;
}

.index-nav-wrap .index-nav-item.wei[data-v-60b493e6] {
    margin-top: 160px;
}

.index-nav-wrap .index-nav-item.wei .index-nav-title[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -213px 26px;
    background-size: 500px 500px;
}

.index-nav-wrap .index-nav-item.nian[data-v-60b493e6] {
    margin-top: 240px;
}

.index-nav-wrap .index-nav-item.nian .index-nav-title[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -312px 15px;
    background-size: 500px 500px;
}

.index-nav-wrap .index-nav-item.light[data-v-60b493e6] {
    margin-top: 200px;
}

.index-nav-wrap .index-nav-item.light .index-nav-title[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -414px 30px;
    background-size: 500px 500px;
}

.index-nav-wrap .index-nav-item.gift[data-v-60b493e6] {
    margin-top: 316px; display:none;
}

.index-nav-wrap .index-nav-item.gift[data-v-60b493e6]::after {
    height: 10px;
}

.index-nav-wrap .index-nav-item.gift i[data-v-60b493e6] {
    position: absolute;
    top: 100%;
    display: block;
    margin-top: 5px;
    width: 46px;
    height: 46px;
    left: 28px;
    background-color: transparent;
    background-image: url(../images/icon-gift_a2447033.png);
}

.index-nav-wrap .index-nav-item.gift i[data-v-60b493e6]::after {
    position: absolute;
    width: 1px;
    height: 800px;
    top: 100%;
    left: 23px;
    background-color: #b8b398;
    opacity: 0.3;
    content: '';
}

.index-nav-wrap .index-nav-item.gift .index-nav-title[data-v-60b493e6] {
    background: url(../images/sprite-793167_793167ce.png) -400px -250px;
    background-size: 500px 500px;
}

.index-nav-wrap .index-nav-item .index-nav-title[data-v-60b493e6],.index-nav-wrap .index-nav-item .index-nav-sprite[data-v-60b493e6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index-nav-wrap .index-nav-item .index-nav-title[data-v-60b493e6] {
    z-index: 2;
}

.index-nav-wrap .index-nav-item .index-nav-sprite[data-v-60b493e6] {
    /*background-image: url(../images/nav-sprite_7894368d.png);*/
    background-size: 100px 6250px;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.inner-scrollblock[data-v-8b108c6a] {
  /*height: 100%;*/
    overflow-x: hidden;
  /*padding-right: 25px;*/
  /*box-sizing: border-box;*/
}

.noSize[data-v-187720ac] {
    font-size: 0;
    text-indent: -9999em;
}

.flex[data-v-187720ac] {
    display: box;
  /* OLD - Android 4.4- */
    display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
  /* TWEENER - IE 10 */
    display: -webkit-flex;
  /* NEW - Chrome */
    display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.modal-enter-active[data-v-187720ac] {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.modal-enter[data-v-187720ac] {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.image-view-wrap[data-v-187720ac] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222222;
    z-index: 20;
}

.image-view-wrap .image-view-title[data-v-187720ac] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 5;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.image-view-wrap .image-wrap[data-v-187720ac] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: box;
  /* OLD - Android 4.4- */
    display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
  /* TWEENER - IE 10 */
    display: -webkit-flex;
  /* NEW - Chrome */
    display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
    -webkit-box-align: center;
  /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  /* 09版 */
    -webkit-box-pack: center;
  /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    overflow-y: auto;
}

.image-view-wrap .image-wrap img[data-v-187720ac] {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    z-index: 2;
}

.image-view-wrap .image-wrap img.fade-leave-active[data-v-187720ac] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1;
}

.image-view-wrap .image-view-close[data-v-187720ac] {
    position: absolute;
    width: 55px;
    height: 55px;
    bottom: 22px;
    left: 50%;
    margin-left: 400px;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #7a839d;
    background-image: url(../images/close_3f8aa490.png);
    z-index: 6;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
}

.image-view-wrap .image-view-close[data-v-187720ac]:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.image-view-wrap .btn[data-v-187720ac] {
    position: absolute;
    top: 50%;
    margin-top: -81.5px;
    width: 62px;
    height: 163px;
    cursor: pointer;
    z-index: 10;
}

.image-view-wrap .btn.prev[data-v-187720ac] {
    left: 0;
    background: url(../images/sprite-d4b298_d4b298aa.png) -0px -0px;
    background-size: 248px 163px;
}

.image-view-wrap .btn.prev[data-v-187720ac]:hover {
    background: url(../images/sprite-d4b298_d4b298aa.png) -62px -0px;
    background-size: 248px 163px;
}

.image-view-wrap .btn.next[data-v-187720ac] {
    right: 0;
    background: url(../images/sprite-d4b298_d4b298aa.png) -124px -0px;
    background-size: 248px 163px;
}

.image-view-wrap .btn.next[data-v-187720ac]:hover {
    background: url(../images/sprite-d4b298_d4b298aa.png) -186px -0px;
    background-size: 248px 163px;
}

.top-nav-m {
    position: absolute;
    width: 7.5rem;
    height: 0.9rem;
    top: 0;
    left: 0;
}

.top-nav-m .top-nav-item {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/nav-top-1_8bc0649f.jpg);
    background-size: 7.5rem 0.9rem;
    background-repeat: no-repeat;
}

.top-nav-m .top-nav-item.router-link-active {
    background-image: url(../images/top-nav-2_7a57d9d6.jpg);
}

.top-nav-m .top-nav-item.wei {
    left: 0;
    background-position-x: 0;
}

.top-nav-m .top-nav-item.nian {
    left: 1.67rem;
    background-position-x: -1.66rem;
}

.top-nav-m .top-nav-item.light {
    left: 3.31rem;
    background-position-x: -3.28rem;
}

.top-nav-m .top-nav-item.gift {
    left: 5.05rem;
    background-position-x: -5rem;
}

.noSize {
    font-size: 0;
    text-indent: -9999em;
}

.flex {
    display: box;
  /* OLD - Android 4.4- */
    display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
  /* TWEENER - IE 10 */
    display: -webkit-flex;
  /* NEW - Chrome */
    display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

@-webkit-keyframes Inleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
    }

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

@keyframes Inleft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(120px);
    }

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

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(120px);
    }

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

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(120px);
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(120px);
    }

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

@-webkit-keyframes zoomInAndOut {
    0% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    100% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.8);
    }

    50% {
        -webkit-transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(0.8);
        opacity: 1;
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0.8);
    }

    50% {
        -moz-transform: scale(1.3);
    }

    100% {
        -moz-transform: scale(0.8);
        opacity: 1;
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(0.8);
    }

    50% {
        -o-transform: scale(1.3);
    }

    100% {
        -o-transform: scale(0.8);
        opacity: 1;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1.3);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(360deg);
    }
}

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

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(360deg);
    }
}

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

    100% {
        transform-origin: center center;
        transform: rotate(360deg);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }

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

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

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

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

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

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

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%);
    }

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

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

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

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

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

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

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes shake {
    50% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }

    0%,
  100% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

@-webkit-keyframes flip1 {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
    }

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

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

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
    }
}

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

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

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

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

@-webkit-keyframes flip2 {
    0% {
        -webkit-transform: perspective(400px) rotateY(-90deg);
    }

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

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

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
    }
}

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

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

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

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

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

    50% {
        opacity: 0.1;
    }
}

@-webkit-keyframes gif {
    0% {
        background-position: 0%;
        opacity: 1;
    }

    100% {
        background-position: 200%;
        opacity: 1;
    }
}

@keyframes gif {
    0% {
        background-position: 0%;
        opacity: 1;
    }

    100% {
        background-position: 200%;
        opacity: 1;
    }
}

@-webkit-keyframes zoom2 {
    0% {
        -webkit-transform: scale3d(0.98, 1, 1);
        transform: scale3d(0.98, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    100% {
        -webkit-transform: scale3d(0.98, 1, 1);
        transform: scale3d(0.98, 1, 1);
    }
}

@keyframes zoom2 {
    0% {
        -webkit-transform: scale3d(0.98, 1, 1);
        transform: scale3d(0.98, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    100% {
        -webkit-transform: scale3d(0.98, 1, 1);
        transform: scale3d(0.98, 1, 1);
    }
}

@-webkit-keyframes matrix {
    0% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: center center 0px;
        -webkit-transform-origin: center center 0px;
    }

    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: center center 0px;
        -webkit-transform-origin: center center 0px;
    }
}

@keyframes matrix {
    0% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: center center 0px;
        -webkit-transform-origin: center center 0px;
    }

    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: center center 0px;
        -webkit-transform-origin: center center 0px;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

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

@-webkit-keyframes zoomIn2 {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
    }

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

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

    50% {
        transform: scale(1.05);
    }

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

@keyframes translateDown {
    0%,
  100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }
}

@keyframes translateLeft {
    0%,
  100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -o-transform: translateX(-5px);
    }
}

@keyframes bombIn {
    0% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

@-webkit-keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@-moz-keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@-ms-keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@-o-keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@keyframes navTabSprites {
    0% {
        background-position-y: 0;
    }

    100% {
        background-position-y: -6250px;
    }
}

@-webkit-keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@-moz-keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@-ms-keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@-o-keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@keyframes bounce {
    from,
  to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    15% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    30% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }

    45% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    60% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }

    75% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}

@keyframes arrow {
    0%,
  100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -0.15rem);
        -moz-transform: translate(0, -0.15rem);
        -ms-transform: translate(0, -0.15rem);
        -o-transform: translate(0, -0.15rem);
    }
}

@-webkit-keyframes arrow {
    0%,
  100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -0.15rem);
        -moz-transform: translate(0, -0.15rem);
        -ms-transform: translate(0, -0.15rem);
        -o-transform: translate(0, -0.15rem);
    }
}

.loading-page {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
}

.loading-page.long .loading-bg,.loading-page.long .transition-bg {
    background-size: 100% 100%;
}

.loading-page.long .transition-animation {
    height: 100%;
}

.loading-page .percent {
    position: absolute;
    width: 100%;
    left: 0;
    top: 9rem;
    text-align: center;
    color: #000;
    font-size: 0.26rem;
    font-weight: bold;
    z-index: 9;
}

.loading-page .loading-bg,.loading-page .transition-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}

.loading-page .loading-bg {
    background-image: url(../images/bg_48ef7a25.jpg);
    z-index: 4;
}

.loading-page .transition-bg {
    background-image: url(../images/bg2_67c4d5f7.jpg);
    z-index: 3;
}

.loading-page .loading-spin {
    position: absolute;
    width: 5.55rem;
    height: 5.58rem;
    top: 2.85rem;
    left: 50%;
    margin-left: -2.77rem;
    z-index: 5;
}

.loading-page .loading-spin.spin-leave-active .dot {
    display: none;
}

.loading-page .loading-spin.spin-leave-active .frame-in {
    -moz-animation: rotate 2s linear infinite;
    -webkit-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    -ms-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.loading-page .loading-spin.spin-leave-active .frame-in .season-icon {
    -moz-animation: rotate reverse 2s linear infinite;
    -webkit-animation: rotate reverse 2s linear infinite;
    -o-animation: rotate reverse 2s linear infinite;
    -ms-animation: rotate reverse 2s linear infinite;
    animation: rotate reverse 2s linear infinite;
}

.loading-page .loading-spin.spin-leave-active .frame-out {
    -moz-animation: rotate 2s reverse linear infinite;
    -webkit-animation: rotate 2s reverse linear infinite;
    -o-animation: rotate 2s reverse linear infinite;
    -ms-animation: rotate 2s reverse linear infinite;
    animation: rotate 2s reverse linear infinite;
}

.loading-page .loading-spin > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.loading-page .loading-spin > div.logo {
    margin-left: 0.03rem;
    margin-top: 0.05rem;
    background-image: url(../images/logo_89464214.png);
    background-size: 0.85rem 1.89rem;
    z-index: 3;
}

.loading-page .loading-spin > div.dot {
    background-image: url(../images/frame-dot_8f69a914.png);
    background-size: 5.12rem 5.11rem;
    -moz-animation: rotate 2s linear infinite;
    -webkit-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    -ms-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.loading-page .loading-spin > div.frame-in {
    background-image: url(../images/frame-in_8b92abfd.png);
    background-size: 5.12rem 5.11rem;
}

.loading-page .loading-spin > div.frame-in .season-icon {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 100% 100%;
}

.loading-page .loading-spin > div.frame-in .season-icon.left {
    left: 0.28rem;
    top: 50%;
    margin-top: -0.22rem;
    background-image: url(../images/season-left_58f53a8e.png);
}

.loading-page .loading-spin > div.frame-in .season-icon.right {
    right: 0.28rem;
    top: 50%;
    margin-top: -0.22rem;
    background-image: url(../images/season-right_b3b4b453.png);
}

.loading-page .loading-spin > div.frame-in .season-icon.top {
    top: 0.28rem;
    left: 50%;
    margin-left: -0.25rem;
    background-image: url(../images/season-top_81b849de.png);
}

.loading-page .loading-spin > div.frame-in .season-icon.bottom {
    bottom: 0.28rem;
    left: 50%;
    margin-left: -0.25rem;
    background-image: url(../images/season-bottom_87bc92f1.png);
}

.loading-page .loading-spin > div.frame-out {
    background-image: url(../images/frame-out_d00eeb67.png);
    background-size: 5.55rem 5.58rem;
}

.loading-page .transition-animation {
    position: absolute;
    width: 7.5rem;
    height: 15rem;
    top: 0;
    left: 0;
}


.ftext_img { width:400px; height:60px; overflow:hidden; line-height:60px; color:#fde271; font-size:24px; text-align:center; margin:0 0 0 -200px; padding:0; text-shadow:0 7px 21px rgba(94, 0, 6, 0.6); position:absolute; bottom:10px; left:50%; z-index:4;}


/**登录弹窗**/
.xwb_login { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.8); z-index:99;}
.xwb_login .login_main { width:350px; height:390px; overflow:hidden; margin:-395px 0 0 -280px; padding:295px 105px 105px; background:url(../images/login_bg.png) 0 0 no-repeat; position:absolute; left:50%; top:50%;}
.login_main .login_close { width:54px; height:54px; overflow:hidden; margin:0 0 0 -27px; padding:0; position:absolute; left:50%; bottom:10px;}
.login_close a { display:block; width:54px; height:54px; overflow:hidden; margin:0; padding:0;}
.login_main h3 { width:100%; overflow:hidden; color:#333; font-size:30px; text-align:center; margin:0 auto 40px; padding:0;}
.login_ipt { width:100%; height:70px; overflow:hidden; margin:0 auto 20px; padding:0; border-bottom:1px solid #ddd; position:relative;}
.login_ipt p { width:100%; height:70px; overflow:hidden; margin:0; padding:0;}
.login_ipt p input { display:block; width:100%; height:70px; overflow:hidden; line-height:70px; color:#565656; font-size:22px; text-indent:10px; white-space:nowrap; text-overflow:ellipsis; margin:0; padding:0; border:none; outline:none;}
.login_ipt a { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; top:15px; right:0px;}
.login_ipt1 a { background:url(../images/clear.png) center center no-repeat;}
.login_ipt1 a:hover { background:url(../images/clear1.png) center center no-repeat;}
.login_ipt2 a { background:url(../images/see.png) center center no-repeat;}
.login_ipt2 a:hover { background:url(../images/see1.png) center center no-repeat;}
.login_btn { width:100%; height:70px; overflow:hidden; margin:40px auto 0; padding:0;}
.login_btn input { display:block; width:100%; height:70px; overflow:hidden; line-height:70px; color:#fff; font-size:25px; text-align:center; background-color:#ff4e3a; border-radius:35px; margin:0 auto; padding:0; border:none; outline:none; cursor:pointer;}
.login_btn input:hover { background-color:#f43924;}


/**新语新愿**/
.xyxy_form { width:1560px; overflow:hidden; margin:0; padding:0; position:relative;}
.xyxy_main { width:736px; height:480px; margin:0 auto; padding:260px 0 0; background:url(../images/xyxy_bg0.jpg) center top no-repeat; box-shadow:0 20px 40px rgba(0, 0, 0, 0.5);}
.xyxy_main form .tx_area { width:420px; overflow:hidden; margin:0 auto; padding:0;}
.tx_area h3 { width:72px; overflow:hidden; line-height:36px; color:#d81713; font-size:14px; font-weight:bold; margin:0!important; padding:0; float:left;}
.tx_area textarea { display:block; width:300px; height:64px; overflow:hidden; line-height:24px; color:#d81713; font-size:14px; margin:0; padding:5px 10px; border:1px solid #dc1613; background-color:#fff;}
.tx_area textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:0.5;
}
.tx_area textarea::-moz-placeholder { /* Firefox 19+ */
  opacity:0.5;
}
.tx_area textarea:-ms-input-placeholder { /* IE 10+ */
  opacity:0.5;
}
.tx_area textarea:-moz-placeholder { /* Firefox 18- */
  opacity:0.5;
}
.xyxy_main form .xyxy_btn {	display:block; width:224px; height:44px; overflow:hidden; margin:40px 0 0 230px; padding:0; background:url(../images/btn_bg.png) center center no-repeat; border:none; outline:none; cursor:pointer;}
.xyxy_main form .xyxy_btn:hover { box-shadow:0 6px 12px rgba(120, 0, 0, 0.3);}

.slimScrollBar, .slimScrollRail { display:none!important;}

/**新语新愿展示墙**/
.xyxy_zsq { width:1560px; height:700px; overflow:hidden; margin:0; padding:0; background:url(../images/zsq_bg.png) center top no-repeat; position:relative;}
.zsq_list { width:960px; height:460px; overflow:hidden; margin:0; padding:0; position:absolute; left:300px; top:180px; z-index:11;}

/**新语新愿弹窗**/
.xyxy_tc { width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:absolute; top:0;}
.xyxy_tc .tc_mask { width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:rgba(0, 0, 0, 0.8); position:absolute; left:0; top:0; z-index:99;}
.xyxy_tc .tc_main { width:510px; height:760px; overflow:hidden; margin:0 0 0 -255px; padding:300px 110px 0; background:url(../images/xyxy_tc_bg.png) center top no-repeat; position:fixed; left:50%; top:0; z-index:100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tc_main a.tc_close { display:block; width:54px; height:54px; overflow:hidden; margin:0; padding:0; background:url(../images/xyxy_tc_close.png) center center no-repeat; position:absolute; top:130px; right:20px;}
.tc_main p { width:100%; overflow:hidden; line-height:40px; color:#d62c1f; font-size:24px; font-weight:bold; text-align:justify; margin:0 auto; padding:0; text-shadow: 0 0 10px rgba(255, 251, 207, 0.8), 0 0 10px rgba(255, 251, 207, 0.8);}

/**金鼠送福**/
.cfd_main { width:860px; height:700px; overflow:hidden; margin:0 100px 0 0; padding:0; background:url(../images/cfd_bg.png) center center no-repeat; position:relative; left:100px; float:left;}
.cfd_main button { display:block; width:51px; height:270px; overflow:hidden; margin:0; padding:0; position:absolute; left:474px; top:132px; border:none; outline:none; background:none;}
.sfb_main { width:320px; height:710px; overflow:hidden; margin:0; padding:140px 0 0; background:url(../images/sfb_bg.png) center top no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.myscroll { width: 260px; height: 560px; overflow: hidden; margin: 0 auto; padding:0;}
.myscroll ul li { width:100%; height:32px; overflow:hidden; line-height:32px; color:#d18944; font-size:16px; text-align: center; margin:0 auto; padding:0;}
.myscroll ul li span { font-weight:bold; margin:0 0 0 10px; display:inline-block;}
/**金鼠送福弹窗**/
.jssf_tc { width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:absolute; top:0;}
.jssf_tc .sftc_mask { width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:rgba(0, 0, 0, 0.8); position:absolute; left:0; top:0; z-index:99;}
.jssf_tc .sftc_main { width:560px; height:800px; overflow:hidden; margin:-460px 0 0 -280px; padding:0; position:absolute; left:50%; top:50%; z-index:100;}
.sftc_main .sftc_con { width:560px; height:700px; overflow:hidden; margin:0 auto; padding:300px 0 0; background:url(../images/sftc_bg.png) center top no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sftc_con .sftc_img { width:300px; height:140px; overflow:hidden; margin:0 auto; padding:20px; background-color:#fdf4d5; border:8px solid #ffe28c; border-radius:16px;}
.sftc_img img { display:block; width:300px; height:140px; overflow:hidden; margin:0 auto; padding:0;}
.sftc_main a { display:block; width:480px; height:80px; line-height:80px; color:#ffe8a4; font-size:24px; font-weight:bold; text-align:center; margin:0 auto; padding:0; background-color:#d10402; border-radius:16px; box-shadow:0 0 20px rgba(255, 233, 168, 1.0);}

/**兴旺宝集市**/
.js_main { width:1560px; height:720px; overflow:hidden; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.js_main .jspro_mid { width:1040px; height:720px; overflow:hidden; margin:0 auto; padding:120px 0 0; background:url(../images/jspro_bg.png) center top no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.jspro_mid .jspro_list { width:800px; height:480px; overflow:hidden; margin:0 auto 20px; padding:0;}
.jspro_list ul li { width:380px; height:220px; overflow:hidden; margin:0; padding:0 20px 20px 0; float:left; position:relative;}
.jspro_list ul li:nth-child(2) { padding:0 0 20px 20px;}
.jspro_list ul li:nth-child(3) { padding:20px 20px 0 0;}
.jspro_list ul li:nth-child(4) { padding:20px 0 0 20px;}
.jspro_list ul li .xptag { width:32px; height:60px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:0;}
.jspro_list ul li:nth-child(2) .xptag { left:20px; top:0;}
.jspro_list ul li:nth-child(3) .xptag { left:0; top:20px;}
.jspro_list ul li:nth-child(4) .xptag { left:20px; top:20px;}
.xptag img { display:block; width:32px; height:60px; overflow:hidden; margin:0; padding:0;}
.jspro_list ul li .xp_pro { width:380px; height:220px; overflow:hidden; margin:0 auto; padding:0;}
.xp_pro .proimg { width:160px; height:200px; overflow:hidden; margin:0; padding:10px 0; float:left;}
.proimg a { display:block; width:160px; height:200px; overflow:hidden; margin:0; padding:0; position:relative;}
.proimg a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.xp_pro .protext { width:210px; height:200px; overflow:hidden; margin:0; padding:10px 0; float:right;}
.protext h3 { width:100%; height:32px; overflow:hidden; line-height:32px; margin:0 auto; padding:0; white-space:nowrap; text-overflow:ellipsis;}
.protext h3 a { color:#e21111; font-size:22px; font-weight:bold;}
.protext .protext_con { width:210px; overflow:hidden; margin:10px 0; padding:0;}
.protext_con p { width:64px; overflow:hidden; color:#ba0010!important; font-size:14px!important; font-weight:bold; margin:0 6px 0 0!important; padding:0; float:left;}
.protext_con p img { display:block; width:54px; height:10px; overflow:hidden; margin:0; padding:0;}
.protext_con span { display:block; width:140px; overflow:hidden; line-height:20px; color:#ba0010; font-size:12px; text-align:justify; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.protext a.jspro_company { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#838383; font-size:14px; font-weight:bold; text-decoration:underline; white-space:nowrap; text-overflow:ellipsis; margin:20px auto 0; padding:0;}
.protext a.jspro_company:hover { color:#c70907;}
.jspro_mid .jspro_page { width:100%; height:20px; overflow:hidden; margin:0 auto; padding:0; text-align:center;}
.jspro_page a { display:inline-block; height:20px; overflow:hidden; line-height:20px; color:#fff5e5; font-size:12px; text-align:center; margin:0 4px; padding:0 7px; background-color:#f2b8a7; border-radius:10px;}
.jspro_page a:hover, .jspro_page a.pgon { background-color:#ac0000;}
.jspro_page a.prev, .jspro_page a.next { background:none; color:#ac0000;}
.jspro_page a.prev:hover, .jspro_page a.next:hover { background:none;}

.jrjs_btn { width: 240px; height: 160px; margin: 0; position: absolute; right: 60px; bottom: 80px; z-index: 13;}
.jrjs_btn a { display:block; width: 240px; height: 160px; background: url(../images/jrjs_btn.png); margin:0; padding:0;}
.mouse { width:200px; height:224px; overflow:hidden; margin:0; padding:0; position:absolute; left:130px; bottom:50px; z-index:13;}

.jrjs_main { width:800px; height:780px; overflow:hidden; margin:0 auto; padding:120px 90px 0; background:url(../images/jrjs_bg.png) center top no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.jrjs_main .jrjs_ipt { width:620px; overflow:hidden; margin:0 auto 16px; padding:0;}
.jrjs_ipt h3 { width:70px; height:32px; overflow:hidden; line-height:32px; color:#c5300d; font-size:14px; font-weight:bold; text-align:right; padding:0 20px 0 0; float:left;}
.jrjs_ipt .fm_input1 { width:500px; height:30px; overflow:hidden; line-height:30px; color:#565656; font-size:14px; background-color:#fff; border:1px solid #f1c584; margin:0; padding:0 14px; outline:none;}
.jrjs_ipt .fm_input2 { width:150px; height:30px; overflow:hidden; line-height:30px; color:#565656; font-size:14px; background-color:#fff; border:1px solid #f1c584; margin:0; padding:0 14px; outline:none;}
.jrjs_ipt .jrfm_pro { width:530px; overflow:hidden; margin:0; padding:0;}
.jrfm_pro .jrfm_pro_img { width:100%; height:150px; overflow:hidden; margin:0 auto; padding:0;}
.jrfm_pro_img .proimg_frame { width:148px; height:148px; overflow:hidden; margin:0 10px 0 0; padding:0; background-color:#fff; border:1px solid #f1c584; position:relative; float:left;}
.proimg_frame img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.jrfm_pro_img .jrfm_pro_upload { width:370px; height:150px; overflow:hidden; margin:0; padding:0; float:left;}
.jrfm_pro_upload em { display:block; width:240px; line-height:20px; color:#b5b5b5; font-size:12px; text-align:justify; font-style:normal; margin:0 0 24px 0; padding: 24px 0 0;}
.jrfm_pro_upload button { display:block; width:150px; height:32px; overflow:hidden; line-height:32px; color:#fff; font-size:16px; text-align:center; background:url(../images/upload_bg.png) center center no-repeat; outline:none; border:none;}

.jrjs_ipt .jrjs_reason { width:530px; overflow:hidden; margin:0; padding:0;}
.jrjs_reason textarea { display:block; width:500px; height:48px; overflow:hidden; line-height:24px; color:#565656; font-size:14px; background-color:#fff; border:1px solid #f1c584; margin:0; padding:6px 14px; outline:none;}
.jrjs_reason span { display:block; width:100%; overflow:hidden; color:#b5b5b5; font-size:12px; text-align:right; margin:4px 0 0; padding:0;}
.jrjs_submit { width:224px; height:44px; margin:32px auto 0; padding:0;}
.jrjs_submit input { display:block; width:224px; height:44px; margin:0; padding:0; background:url(../images/btn_bg.png) center center no-repeat; border:none; outline:none; cursor:pointer;}
.jrjs_submit input:hover { box-shadow:0 6px 12px rgba(120, 0, 0, 0.3);}

/**test**/
.mr_frbox { width:960px; height: 460px; overflow:hidden; margin:0; padding:0; position:relative;}
.mr_frBtnL, .mr_frBtnR { display:block; width:40px; height:40px; margin: 0; cursor: pointer; position:absolute; top:180px;}
.mr_frBtnL { left:0;}
.mr_frBtnR { right:0;}
.mr_frUl { width: 880px; height: 460px; margin:0 auto; padding:0;}
.mr_frUl ul li { display: inline; float: left; height: 400px; width: 220px; margin: 0; padding:0 0 60px 0; overflow: hidden;}
.mr_frUl ul li .zsq_con { width:220px; height:400px; overflow:hidden; margin:0; padding:90px 28px 150px; background:url(../images/zsq_bg1.png) center top no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.zsq_con span { display:block; width:100%; height:140px; overflow:hidden; line-height:28px; color:#d72e00; font-size:18px; font-weight:bold; text-align:justify; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.zsq_con em { display:block; width:100%; overflow:hidden; color:#ff3c00; font-size:16px; font-style:normal; text-align:right; margin:0; padding:0;}