.switchZoom {
  -webkit-animation: switchZoom 1s forwards;
  -moz-animation: switchZoom 1s forwards;
  -ms-animation: switchZoom 1s forwards;
  animation: switchZoom 1s forwards; }

@-webkit-keyframes switchZoom {
  0% {
    -webkit-transform: scale(0.44);
    -moz-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin-left: -105px;
    margin-right: -105px; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes switchZoom {
  0% {
    -webkit-transform: scale(0.44);
    -moz-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin-left: -105px;
    margin-right: -105px; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-ms-keyframes switchZoom {
  0% {
    -webkit-transform: scale(0.44);
    -moz-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin-left: -105px;
    margin-right: -105px; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes switchZoom {
  0% {
    -webkit-transform: scale(0.44);
    -moz-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin-left: -105px;
    margin-right: -105px; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.switchShrink {
  -webkit-animation: switchShrink 1s forwards;
  -moz-animation: switchShrink 1s forwards;
  -ms-animation: switchShrink 1s forwards;
  animation: switchShrink 1s forwards; }

@-webkit-keyframes switchShrink {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.44);
    -moz-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin-left: -105px;
    margin-right: -105px; } }
@-moz-keyframes switchShrink {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.44);
    -moz-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin-left: -105px;
    margin-right: -105px; } }
@-ms-keyframes switchShrink {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.44);
    -moz-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin-left: -105px;
    margin-right: -105px; } }
@keyframes switchShrink {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.44);
    -moz-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin-left: -105px;
    margin-right: -105px; } }
.switchShrink .main-content {
  -webkit-animation: fadeOut1 1s forwards;
  -moz-animation: fadeOut1 1s forwards;
  -ms-animation: fadeOut1 1s forwards;
  animation: fadeOut1 1s forwards;
  z-index: 2; }

@-webkit-keyframes fadeOut1 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut1 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-ms-keyframes fadeOut1 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut1 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.switchShrink .main-text {
  -webkit-animation: fadeIn1 1s forwards;
  -moz-animation: fadeIn1 1s forwards;
  -ms-animation: fadeIn1 1s forwards;
  animation: fadeIn1 1s forwards;
  z-index: 1; }

@-webkit-keyframes fadeIn1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(2.28);
    -moz-transform: scale(2.28);
    -ms-transform: scale(2.28);
    transform: scale(2.28); }
  /*100% { opacity: 1;@include transform(scale(2.273));   }*/ }
@-moz-keyframes fadeIn1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(2.28);
    -moz-transform: scale(2.28);
    -ms-transform: scale(2.28);
    transform: scale(2.28); }
  /*100% { opacity: 1;@include transform(scale(2.273));   }*/ }
@-ms-keyframes fadeIn1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(2.28);
    -moz-transform: scale(2.28);
    -ms-transform: scale(2.28);
    transform: scale(2.28); }
  /*100% { opacity: 1;@include transform(scale(2.273));   }*/ }
@keyframes fadeIn1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(2.28);
    -moz-transform: scale(2.28);
    -ms-transform: scale(2.28);
    transform: scale(2.28); }
  /*100% { opacity: 1;@include transform(scale(2.273));   }*/ }
/* 鍏ュ満鍔ㄧ敾 */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(500px, 0, 0);
    -moz-transform: translate3d(500px, 0, 0);
    -ms-transform: translate3d(500px, 0, 0);
    transform: translate3d(500px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(500px, 0, 0);
    -moz-transform: translate3d(500px, 0, 0);
    -ms-transform: translate3d(500px, 0, 0);
    transform: translate3d(500px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(500px, 0, 0);
    -moz-transform: translate3d(500px, 0, 0);
    -ms-transform: translate3d(500px, 0, 0);
    transform: translate3d(500px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    -moz-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    -ms-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    -moz-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    -ms-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg); } }
@keyframes scaleIn {
  0% {
    -webkit-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    -moz-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    -ms-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    -moz-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    -ms-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg); } }
@-moz-keyframes scaleIn {
  0% {
    -webkit-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    -moz-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    -ms-transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg);
    transform: scale3d(0.5, 0.5, 1) rotate3d(0, 1, 0, 0deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    -moz-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    -ms-transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 1, 0, 720deg); } }
/* logo_bg fadeinout */
.fadeInOut {
  -webkit-animation: fadeInOut 4s ease-in-out infinite;
  -moz-animation: fadeInOut 4s ease-in-out infinite;
  -ms-animation: fadeInOut 4s ease-in-out infinite;
  animation: fadeInOut 4s ease-in-out infinite;
  z-index: 1; }

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  50% {
    opacity: .4;
    filter: alpha(opacity=20); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@-moz-keyframes fadeInOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  50% {
    opacity: .4;
    filter: alpha(opacity=20); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@-ms-keyframes fadeInOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  50% {
    opacity: .4;
    filter: alpha(opacity=20); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes fadeInOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  50% {
    opacity: .4;
    filter: alpha(opacity=20); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
/* 灏忕櫧鐞嗚储浼樺娍   鍥炬爣  绉诲叆缈昏浆 */
.feaIconRotate {
  -webkit-animation: feaIconRotate 0.3s linear;
  -moz-animation: feaIconRotate 0.3s linear;
  -ms-animation: feaIconRotate 0.3s linear;
  animation: feaIconRotate 0.3s linear;
  z-index: 1; }

@-webkit-keyframes feaIconRotate {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-moz-keyframes feaIconRotate {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-ms-keyframes feaIconRotate {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes feaIconRotate {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/**================================================================
    棰嗗彇绾㈠寘娲诲姩
=================================================================*/
/* 鍏夋棆杞� */
@-webkit-keyframes bagLight {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes bagLight {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes bagLight {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes bagLight {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* 瀵硅瘽妗嗗脊鍑�*/
@-webkit-keyframes badgePop {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    filter: alpha(enabled=false);
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); }
  70% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-moz-keyframes badgePop {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    filter: alpha(enabled=false);
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); }
  70% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-ms-keyframes badgePop {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    filter: alpha(enabled=false);
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); }
  70% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }
@keyframes badgePop {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    filter: alpha(enabled=false);
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); }
  70% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }
/* 鍙戠孩鍖卛con*/
@-webkit-keyframes bagShake {
  0% {
    -webkit-transform: rotateZ(5deg);
    -moz-transform: rotateZ(5deg);
    -ms-transform: rotateZ(5deg);
    transform: rotateZ(5deg); }
  100% {
    -webkit-transform: rotateZ(-5deg);
    -moz-transform: rotateZ(-5deg);
    -ms-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg); } }
@-moz-keyframes bagShake {
  0% {
    -webkit-transform: rotateZ(5deg);
    -moz-transform: rotateZ(5deg);
    -ms-transform: rotateZ(5deg);
    transform: rotateZ(5deg); }
  100% {
    -webkit-transform: rotateZ(-5deg);
    -moz-transform: rotateZ(-5deg);
    -ms-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg); } }
@-ms-keyframes bagShake {
  0% {
    -webkit-transform: rotateZ(5deg);
    -moz-transform: rotateZ(5deg);
    -ms-transform: rotateZ(5deg);
    transform: rotateZ(5deg); }
  100% {
    -webkit-transform: rotateZ(-5deg);
    -moz-transform: rotateZ(-5deg);
    -ms-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg); } }
@keyframes bagShake {
  0% {
    -webkit-transform: rotateZ(5deg);
    -moz-transform: rotateZ(5deg);
    -ms-transform: rotateZ(5deg);
    transform: rotateZ(5deg); }
  100% {
    -webkit-transform: rotateZ(-5deg);
    -moz-transform: rotateZ(-5deg);
    -ms-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg); } }
@-webkit-keyframes bagShake1 {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }
@-moz-keyframes bagShake1 {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }
@-ms-keyframes bagShake1 {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }
@keyframes bagShake1 {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }
/**================================================================
  绮鹃€夐棶棰�
=================================================================*/
@-webkit-keyframes sec5-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    -moz-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@-moz-keyframes sec5-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    -moz-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@-ms-keyframes sec5-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    -moz-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@keyframes sec5-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    -moz-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@-webkit-keyframes sec5-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    -ms-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@-moz-keyframes sec5-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    -ms-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@-ms-keyframes sec5-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    -ms-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@keyframes sec5-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    -ms-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
	
/**================================================================
 common
=================================================================*/
.page {
  line-height: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .page .opacity0 {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important; }
  .page .opacity1 {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; }
  .page .pl10 {
    padding-left: 10px; }
  .page .pr10 {
    padding-right: 10px; }
  .page .mr20 {
    margin-right: 20px; }
  .page .hidden {
    display: none; }
  .page .visible-hidden {
    visibility: hidden; }
  .page .white {
    color: #fff; }
  .page .main-box {
    width: 1200px;
    margin: 0 auto;
    height: 100%; }
  .page .line-green {
    background-image: url(/images/November/i/line_green.png);
    background-repeat: no-repeat;
    background-position: bottom center; }
  .page .line-white {
    background-image: url(/images/November/i/line_white.png);
    background-repeat: no-repeat;
    background-position: bottom center; }
  .page .fea-icon {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    *opacity: 1;
    *filter: alpha(opacity=100); }
  .page .fea-icon div {
    background-repeat: no-repeat;
    background-position: center center;
    width: 110px;
    height: 122px;
    margin: 0 auto; }
  .page .fea1 {
    background-image: url(/images/November/i/opt_1.png); }
  .page .fea2 {
    background-image: url(/images/November/i/opt_2.png); }
  .page .fea3 {
    background-image: url(/images/November/i/opt_3.png); }
  .page .fea4 {
    background-image: url(/images/November/i/opt_4.png); }	

/**================================================================
     banner
=================================================================*/
.page .section1 {
  height: 840px;
  overflow: hidden;
  background-image: url(/images/November/i/banner.png);
  background-position: center top;
  background-repeat: no-repeat; }
  .page .section1 .main-box {
    position: relative; }
  .page .section1 .title {
    width: 1000px;
    height: 280px;
    margin: 0 auto;
    position: relative; }
  .page .section1 .title .bg {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-image: url(/images/November/i/logo_bg.png);
    margin: 0 auto 0;
    background-position: center top;
    background-repeat: no-repeat; }
  .page .section1 .title .logo {
    position: absolute;
    z-index: 2;
    width: 420px;
    height: 120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 90px;
    background-image: url(/images/November/i/logo.png?t=1446781702040);
    background-position: center top;
    background-repeat: no-repeat;
    *margin-left: 288px; }
  .page .section1 .arrow-box {
    height: 25px;
    width: 100%;
    margin: -10px auto;
    position: relative;
    z-index: 20;
    *margin-top: 10px; }
  .page .section1 .arrow-box .arrows {
    width: 60px;
    height: 25px;
    margin: 0 auto; }
  .page .section1 .arrow-box .arrows a {
    corsur: pointer;
    width: 25px;
    height: 25px;
    background-image: url(/images/November/i/arrow.png); }
  .page .section1 .arrow-box .arrows .left-arrow {
    background-position: left 0;
    float: left; }
  .page .section1 .arrow-box .arrows .right-arrow {
    background-position: left -29px;
    float: right; }
  .page .section1 .arrow-box .arrows .left-arrow:hover {
    background-position: right 0; }
  .page .section1 .arrow-box .arrows .right-arrow:hover {
    background-position: right -29px; }
  .page .section1 .banner {
    margin: -50px 0 0 190px;
    width: 1300px;
    height: 440px;
    padding: 20px 0;
    text-align: center;
    position: relative;
    *margin-top: -80px; }
  .page .section1 .banner .li_1 {
    -webkit-animation: flyIn 0.6s 1 ease-out forwards;
    -moz-animation: flyIn 0.6s 1 ease-out forwards;
    -ms-animation: flyIn 0.6s 1 ease-out forwards;
    animation: flyIn 0.6s 1 ease-out forwards; }
  .page .section1 .banner .li_2 {
    -webkit-animation: flyIn 0.6s 0.1s 1 ease-out forwards;
    -moz-animation: flyIn 0.6s 0.1s 1 ease-out forwards;
    -ms-animation: flyIn 0.6s 0.1s 1 ease-out forwards;
    animation: flyIn 0.6s 0.1s 1 ease-out forwards; }
  .page .section1 .banner .li_3 {
    -webkit-animation: flyIn 0.6s 0.2s 1 ease-out forwards;
    -moz-animation: flyIn 0.6s 0.2s 1 ease-out forwards;
    -ms-animation: flyIn 0.6s 0.2s 1 ease-out forwards;
    animation: flyIn 0.6s 0.2s 1 ease-out forwards; }
  .page .section1 .banner .li_4 {
    -webkit-animation: flyIn 0.6s 0.3s 1 ease-out forwards;
    -moz-animation: flyIn 0.6s 0.3s 1 ease-out forwards;
    -ms-animation: flyIn 0.6s 0.3s 1 ease-out forwards;
    animation: flyIn 0.6s 0.3s 1 ease-out forwards; }
  .page .section1 .banner .li_5 {
    -webkit-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    -moz-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    -ms-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    animation: flyIn 0.6s 0.4s 1 ease-out forwards; }
  .page .section1 .banner .li_6 {
    -webkit-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    -moz-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    -ms-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    animation: flyIn 0.6s 0.4s 1 ease-out forwards; }
  .page .section1 .banner .li_7 {
    -webkit-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    -moz-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    -ms-animation: flyIn 0.6s 0.4s 1 ease-out forwards;
    animation: flyIn 0.6s 0.4s 1 ease-out forwards; }
  .page .section1 .banner .currentLi .main-content {
    -webkit-animation: scaleIn 0.8s 1 ease-out both;
    -moz-animation: scaleIn 0.8s 1 ease-out both;
    -ms-animation: scaleIn 0.8s 1 ease-out both;
    animation: scaleIn 0.8s 1 ease-out both; }
  .page .section1 .banner .item {
    width: 180px;
    height: 180px;
    position: relative;
    float: left;
    display: inline-block;
    margin: 0 10px;
    top: 50%;
    margin-top: -90px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    *opacity: 1;
    *filter: alpha(opacity=100);
    /* 波纹 、声呐效果 */ }
    .page .section1 .banner .item.middle .cont {
      *padding: 48px 0 0 48px; }
    .page .section1 .banner .item.active {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
      cursor: default;
      width: 410px;
      height: 410px;
      margin: -205px 5px 0; }
    .page .section1 .banner .item.active .bg-board {
      background-image: url(/images/November/i/border_bg.png);
      width: 100%;
      height: 100%;
      position: relative;
      -webkit-backface-visibility: hidden; }
    .page .section1 .banner .item .main-text {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: url(/images/November/i/circle_middle.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 180px;
      height: 180px;
      left: 50%;
      margin-left: -90px;
      top: 50%;
      margin-top: -90px; }
    .page .section1 .banner .item.middle .main-content {
      width: 100%;
      height: 100%;
      position: relative;
      display: none; }
    .page .section1 .banner .item h6 {
      font-weight: bold;
      font-size: 18px;
      padding-bottom: 14px;
      padding-top: 4px;
      text-align: center; }
    .page .section1 .banner .item .profit {
      font-family: Arial;
      font-weight: bold;
      font-size: 44px;
      text-align: center; }
    .page .section1 .banner .item .profit span {
      font-size: 24px; }
    .page .section1 .banner .item .cont {
      position: relative;
      color: #323232;
      position: absolute;
      width: 170px;
      *width: 88px;
      height: 84px;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto; }
    .page .section1 .banner .item.active .main-text {
      opacity: 0;
      *display: none; }
    .page .section1 .banner .item.active .main-content {
      display: block; }
    .page .section1 .banner .item.middle .wave {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      z-index: -1;
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
      opacity: 0;
      filter: alpha(opacity=0);
      pointer-events: none;
      border-radius: 50%;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9); }
    .page .section1 .banner .item.middle.sonar .wave {
      display: block;
      -webkit-animation: sonarEffect 1.3s ease-out;
      -moz-animation: sonarEffect 1.3s ease-out;
      -ms-animation: sonarEffect 1.3s ease-out;
      animation: sonarEffect 1.3s ease-out; }
  .page .section1 .banner .details-box {
    position: absolute;
    width: 370px;
    height: 370px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background-image: url(/images/November/i/circle_active.png);
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 4;
    *margin: 20px; }
    .page .section1 .banner .details-box h4 {
      padding-top: 30px;
      color: #ff8828; }
    .page .section1 .banner .details-box .profit {
      font-size: 60px;
      margin-top: 8px;
      color: #ff8828;
      padding-left: 20px;
      font-family: Arial; }
    .page .section1 .banner .details-box .profit b, .page .section1 .banner .details-box .profit span {
      background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9c28), to(#ff7301));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .page .section1 .banner .details-box .remark {
      color: #a5a5a5;
      padding: 0 0 6px; }
    .page .section1 .banner .details-box .amount {
      color: #ff8420;
      height: 32px;
      margin-bottom: 6px; }
    .page .section1 .banner .details-box .amount .tip-text {
      opacity: 0;
      filter: alpha(opacity=0);
      position: absolute;
      top: -40px;
      left: 0;
      padding-top: 10px;
      right: 0;
      margin: 0 auto;
      width: 121px;
      height: 30px;
      background-image: url(/images/November/i/tip_text.png);
      background-repeat: no-repeat;
      background-position: left top;
      color: #fff;
      -webkit-transition: all ease 0.6s;
      -moz-transition: all ease 0.6s;
      -ms-transition: all ease 0.6s;
      transition: all ease 0.6s;
      *left: 120px; }
    .page .section1 .banner .details-box .amount .tip-text.opa1 {
      opacity: 1;
      filter: alpha(opacity=100); }
    .page .section1 .banner .details-box .amount .input-area {
      width: 100%;
      height: 100%; }
    .page .section1 .banner .details-box .amount span {
      position: absolute;
      bottom: 4px;
      left: 54px; }
    .page .section1 .banner .details-box .amount a {
      font-family: Arial;
      color: #ff8420;
      font-size: 32px;
      cursor: text; }
    .page .section1 .banner .details-box .amount .links-details {
      font-size: 12px;
      position: absolute;
      bottom: 4px;
      right: 20px;
      right: 52px;
      cursor: pointer;
      font-family: "Microsoft Yahei", "微软雅黑", Arial, "Hiragino Sans GB", "宋体"; }
    .page .section1 .banner .details-box .amount input {
      position: absolute;
      font-size: 32px;
      color: #ff8420;
      font-family: Arial;
      width: 110px;
      border: none;
      outline: none;
      background-color: transparent;
      margin: 0 auto; }
    .page .section1 .banner .details-box .bar {
      left: 54px;
      width: 264px;
      height: 12px;
      cursor: pointer;
      *left: 0; }
    .page .section1 .banner .details-box .bar-bg, .page .section1 .banner .details-box .bar-active {
      height: 4px;
      position: absolute;
      top: 4px;
      background-color: #fff;
      border-radius: 1px;
      left: 0;
      right: 0; }
    .page .section1 .banner .details-box .bar-active {
      background-color: #ff8420;
      width: 0; }
    .page .section1 .banner .details-box .bar .bar-icon {
      width: 28px;
      height: 18px;
      position: absolute;
      top: -3px;
      left: 0;
      background-image: url(/images/November/i/bar-icon.png);
      background-repeat: no-repeat;
      background-position: left center; }
    .page .section1 .banner .details-box table {
      margin: 0 auto;
      text-align: left; }
    .page .section1 .banner .details-box table th {
      font-size: 12px;
      line-height: 18px;
      color: #a5a5a5;
      font-weight: normal; }
    .page .section1 .banner .details-box table td {
      font-size: 18px;
      line-height: 24px;
      color: #5e5e5e;
      font-weight: normal;
      text-align: center;
      font-family: Arial; }
    .page .section1 .banner .details-box .btn-box {
      margin-top: 15px; }
    .page .section1 .banner .details-box .btn-box.mul {
      width: 230px;
      font-size: 0;
      margin: 15px auto 0; }
      .page .section1 .banner .details-box .btn-box.mul a {
        font-size: 16px;
        display: inline-block;
        width: 110px;
        height: 36px;
        line-height: 36px; }
      .page .section1 .banner .details-box .btn-box.mul .save {
        margin-right: 10px; }
    .page .section1 .banner .details-box .save, .page .section1 .banner .details-box .charge {
      width: 200px;
      height: 46px;
      color: #fff;
      line-height: 46px;
      margin: 0 auto;
      display: block;
      background-color: #00d499;
      border-radius: 23px; }
    .page .section1 .banner .details-box .save:hover, .page .section1 .banner .details-box .charge:hover {
      background-color: #0cc9a3; }
    .page .section1 .banner .details-box .save.disabled, .page .section1 .banner .details-box .charge.disabled {
      background-color: #dcdcdc;
      color: #a5a5a5;
      cursor: default; }
    .page .section1 .banner .details-box .save.disabled:hover, .page .section1 .banner .details-box .charge.disabled:hover {
      background-color: #dcdcdc;
      color: #a5a5a5;
      cursor: default; }
    .page .section1 .banner .details-box .next-times {
      color: #ff7709;
      padding-top: 10px;
      font-size: 12px;
      text-align: center; }
    .page .section1 .banner .details-box .next-times.tips {
      color: #16ba8e; }
    .page .section1 .banner .details-box .next-times.tips span {
      font-family: Arial; }
  .page .section1 .banner .back-box {
    position: absolute;
    width: 370px;
    height: 370px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 2;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    *display: none;
    *padding: 20px 0 0 20px; }
  .page .section1 .banner .back-box .back-code {
    padding-top: 50px; }
  .page .section1 .banner .back-box .btn-back {
    width: 196px;
    height: 42px;
    border: 2px solid #fff;
    border-radius: 23px;
    display: block;
    line-height: 42px;
    color: #fff;
    margin: 0 auto;
    margin-top: 25px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
    background-color: rgba(255, 255, 255, 0.2); }
  .page .section1 .banner .back-box .btn-back:hover {
    background-color: rgba(255, 255, 255, 0); }
  .page .section1 .banner .zoom-out {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    *display: none; }
  .page .section1 .banner .zoom-in {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    *display: block; }

.page .section1 .banner .details-box .jieshu{ background-color:#BBBBBB;}
.page .section1 .banner .details-box .jieshu:hover{ background-color:#BBBBBB;}	

.new-x-c{ width:1200px; margin:0 auto; height:370px;}
.new-x-c li{ width:300px; text-align:center; float:left;}
.new-x-c li p{ font-family:"Microsoft YaHei","微软雅黑"; font-weight:bold; font-size:20px; padding:15px 0;}
.new-x-t{ font-family:"Microsoft YaHei","微软雅黑"; font-weight:bold; font-size:36px; color:#424242; height:70px; line-height:70px; background:url(/images/November/i/youshi-hx.png) no-repeat center bottom; text-align:center; margin-bottom:70px;}

.novice-pro{left:54px;width: 264px;height: 12px; position:relative;}
.novice-pro-bg,.novice-pro-col{height:10px;position:absolute; top:4px; background-color:#fff; border-radius:8px;left: 0;right: 0;}
.novice-pro-col{ background:#ff8420;}
.novice-pro-fd{width: 28px;height:18px;position: absolute; top:1px;left:0;background-image: url(/images/November/i/bar-icon.png);background-repeat: no-repeat;background-position: left center;}
.novice-text{ height:60px; position:relative; left:40px; padding-top:10px;}
.novice-text li{ height:30px; line-height:30px; width:145px; float:left; color:#7d7d7d;}
.novice-text li span{ font-weight:bold; color:#ff8420; margin-left:5px; font-size:14px;}