@charset "UTF-8";
/*声明 WebFont*/
body {
  padding: 0;
  margin: 0;
  font: normal 12px/180% 'Helvetica,Arial,Verdana';
  color: #333;
  background: #fff; }

h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td {
  margin: 0;
  padding: 0; }

div {
  margin: 0 auto;
  text-align: left;
  font: normal 12px/180% 'Helvetica,Arial,Verdana'; }

a:link, a:visited {
  color: #333;
  text-decoration: none; }

a:hover {
  color: #e60012;
  text-decoration: none; }

img {
  border: none; }

ol, ul, li {
  list-style: none; }

i {
  font-style: normal; }

input, img {
  vertical-align: middle; }

input[type="button"], input[type="submit"] {
  vertical-align: middle;
  cursor: pointer; }

html, body {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%; }

#all_content {
  width: 640px;
  height: 1080px;
  overflow: hidden;
  position: relative;
  transform-origin: 0 0;
  margin: 0 auto; }

.loading {
  width: 640px;
  height: 1080px;
  background: url(../images/loading_bg.jpg) no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999; }
  .loading span.timeline {
    position: absolute;
    top: 555px;
    left: 41.4%;
    font-size: 46px;
    font-weight: bold;
    color: #000; }

.fanye {
  width: 173px;
  height: 80px;
  background: url(images/fanye.png) no-repeat;
  position: absolute;
  top: 950px;
  left: 235px;
  z-index: 100;
  opacity: 0; }

.fm {
  width: 640px;
  height: 1080px;
  background: url(../images/fm_1.jpg) no-repeat;
  position: absolute;
  z-index: 10;
  /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ }
  .fm .fmButton {
    width: 216px;
    height: 88px;
    background: url(../images/button.png) no-repeat;
    position: absolute;
    top: 925px;
    left: 210px;
    display: inline-block; }
  .fm .tipBox {
    width: 640px;
    height: 1080px;
    background: url(../images/kuai.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none; }
    .fm .tipBox .tipContent {
      width: 577px;
      height: 706px;
      position: absolute;
      top: 113px;
      left: 32px;
      background: url(../images/box_bg.png) no-repeat; }
    .fm .tipBox .test {
      width: 188px;
      height: 88px;
      background: url(../images/test.png) no-repeat;
      position: absolute;
      left: 193px;
      top: 659px; }
    .fm .tipBox .time {
      position: absolute;
      top: 535px;
      text-align: center;
      width: 100%; }
  .fm .loadingCanvas {
    width: 640px;
    height: 1080px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 11;
    display: none;
    background: url(../images/fen.jpg) no-repeat; }
    .fm .loadingCanvas .fxButton {
      display: inline-block;
      width: 188px;
      height: 88px;
      background: url(../images/shearb.png) no-repeat;
      position: absolute;
      top: 858px;
      left: 116px; }
    .fm .loadingCanvas .reset {
      display: inline-block;
      width: 188px;
      height: 88px;
      background: url(../images/reset.png) no-repeat;
      position: absolute;
      top: 858px;
      left: 335px; }
  .fm #buildCanvas {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px; }
  .fm .imgload {
    display: none;
    width: 640px;
    height: 1080px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999; }
    .fm .imgload .Tip {
      width: 100%;
      height: 100px;
      background: #fff;
      opacity: 0.7;
      text-align: center;
      font-size: 26px;
      line-height: 100px;
      color: #333;
      position: absolute;
      top: 100px;
      left: 0px; }
  .fm select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    width: 119px;
    height: 65px;
    border: none;
    font-size: 27px;
    padding-left: 30px;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/time_bg.png) no-repeat;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
    text-align: center; }
  .fm select::-ms-expand {
    display: none; }

.p1 {
  width: 640px;
  height: 1080px;
  position: absolute;
  z-index: 9; }

.fd {
  width: 640px;
  height: 1080px;
  position: absolute;
  z-index: 1; }
  .fd .shear {
    display: inline-block;
    width: 172px;
    height: 49px;
    background: url(images/shear.png) no-repeat;
    position: absolute;
    top: 930px;
    left: 232px; }
  .fd .fd_jifen {
    position: absolute;
    top: 446px;
    color: #b51845;
    font-size: 28px;
    width: 100%;
    text-align: center; }

.fenxiang {
  width: 640px;
  height: 1080px;
  background: url(images/shear.png) no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 999;
  display: none; }

.fenxiang span {
  display: inline-block;
  width: 133px;
  height: 154px;
  position: absolute;
  top: 30px;
  right: 30px; }

/*动画*/
.flash {
  -webkit-animation: flash 1s ease forwards;
  animation: flash 1s ease forwards; }

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

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

.unflash {
  -webkit-animation: unflash .8s ease forwards;
  animation: unflash .8s ease forwards; }

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

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

.moves {
  -webkit-animation: moves 1.5s ease infinite;
  animation: moves 1.5s ease infinite; }

@-webkit-keyframes moves {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(0, -20px, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 0px, 0);
    opacity: 1; } }

@keyframes moves {
  0% {
    transform: translate3d(0, 0px, 0);
    opacity: 1; }
  50% {
    transform: translate3d(0, -20px, 0);
    opacity: 1; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.pageMoveUp {
  -webkit-animation: pageMoveUp 2.5s ease infinite;
  animation: pageMoveUp 2.5s ease infinite; }

@-webkit-keyframes pageMoveUp {
  0% {
    -webkit-transform: translate3d(0, 0px, 0); }
  100% {
    -webkit-transform: translate3d(0, -20px, 0); } }

@keyframes pageMoveUp {
  0% {
    transform: translate3d(0, 0px, 0); }
  100% {
    transform: translate3d(0, -20px, 0); } }

@-webkit-keyframes mouseMove {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(-20px, 0px, 0);
    opacity: 1; } }

@keyframes mouseMove {
  0% {
    transform: translate3d(0px, 0px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(-20px, 0px, 0);
    opacity: 1; } }

.p1MoveRight {
  -webkit-animation: p1MoveRight 1.5s ease forwards;
  animation: p1MoveRight 1.5s ease forwards; }

@-webkit-keyframes p1MoveRight {
  0% {
    -webkit-transform: translate3d(2000px, 0px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes p1MoveRight {
  0% {
    transform: translate3d(2000px, 0px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.xianMove {
  -webkit-animation: xianMove 1.5s ease forwards;
  animation: xianMove 1.5s ease forwards;
  -webkit-transform-origin: 30% 60%;
  transform-origin: 30% 60%; }

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

@keyframes xianMove {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

/*# sourceMappingURL=maps/default.css.map */