@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; }

/*html5*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
  display: block;
  margin: 0 auto; }

/*clear*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both;
  overflow: hidden; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both; }

body {
  height: 100vh;
  overflow: hidden;
  width: 10rem;
  margin: 0 auto;
  background: #0b6bad;
  position: relative; }

.ovs {
  overflow: hidden; }

.test {
  height: 19.04rem; }

.line {
  width: 8.72rem;
  height: 0.8rem;
  position: fixed;
  bottom: 0.53333rem;
  left: 50%;
  margin-left: -4.36rem;
  padding-top: 0.53333rem; }
  .line b {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0px;
    width: 10%;
    text-align: right; }
  .line .lineBox {
    width: 8.72rem;
    height: 0.26667rem;
    background: url(../images/line.png) no-repeat;
    background-size: contain;
    position: relative; }
    .line .lineBox em {
      display: inline-block;
      height: 0.26667rem;
      background: #03aec3;
      width: 10%;
      position: absolute;
      left: 0px;
      top: 0px;
      border-radius: 0.13333rem; }

.error {
  display: inline-block;
  width: 1.58667rem;
  height: 2.05333rem;
  background: url(../images/error.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: -0.53333rem;
  top: -0.53333rem;
  z-index: 999; }

.true {
  display: inline-block;
  width: 2.01333rem;
  height: 1.8rem;
  background: url(../images/true.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: -0.53333rem;
  top: -0.53333rem;
  z-index: 999; }

.tipBox {
  width: 7.6rem;
  height: 11.12rem;
  background: url(../images/tip_bg.png) no-repeat;
  background-size: cover;
  position: fixed;
  left: 50%;
  margin-left: -3.8rem;
  top: 7%;
  z-index: 99999;
  padding-top: 1.33333rem;
  display: none; }
  .tipBox h2 {
    width: 100%;
    height: 0.73333rem;
    text-align: center;
    background: url(../images/title.png) no-repeat center center;
    background-size: contain; }
  .tipBox .tipContent {
    width: 6.33333rem;
    font-size: 0.32rem;
    height: 7.33333rem;
    margin: 0.53333rem auto 0 auto; }
  .tipBox p {
    text-align: center; }
    .tipBox p .reset {
      display: inline-block;
      width: 2.90667rem;
      height: 1.06667rem;
      background: url(../images/reset.png) no-repeat;
      background-size: cover; }
    .tipBox p .next {
      display: inline-block;
      width: 2.90667rem;
      height: 1.06667rem;
      background: url(../images/next.png) no-repeat;
      background-size: cover; }
    .tipBox p .chakan {
      width: 2.90667rem;
      height: 1.06667rem;
      background: url(../images/over.png) no-repeat;
      background-size: cover;
      display: none; }

.maskBg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 10;
  background: url(../images/mask.png); }

.loading {
  width: 10rem;
  height: 100vh;
  background: #1095e2;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -5rem;
  z-index: 999; }
  .loading span.timeline {
    position: absolute;
    top: 8rem;
    left: 4.8rem;
    font-size: 0.32rem;
    color: #fff; }
  .loading .loadingText {
    position: absolute;
    top: 8.8rem;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 0.32rem;
    color: #fff; }

.fang {
  width: 2.30667rem;
  height: 1.06667rem;
  background: url(images/fang.png) no-repeat;
  background-size: cover;
  position: fixed;
  bottom: 0.13333rem;
  left: 50%;
  margin-left: -1.13333rem;
  display: inline-block; }

/*全局内容*/
.fm {
  width: 10rem;
  height: 100vh;
  background: url(../images/fm.jpg) no-repeat center center #f1f2f2;
  background-size: 100% auto;
  position: relative;
  display: block;
  z-index: 999999; }
  .fm .tijiao {
    display: inline-block;
    width: 3.10667rem;
    height: 1.36rem;
    position: absolute;
    top: 50%;
    margin-top: 6.66667rem;
    left: 3.33333rem;
    background: url(../images/button.png) no-repeat;
    background-size: contain; }

.content {
  width: 10rem;
  height: 100vh;
  background: url(../images/c_bg.jpg) no-repeat top;
  background-size: cover;
  position: relative; }
  .content .aBox {
    width: 10rem;
    height: 100vh;
    position: relative;
    display: none; }
    .content .aBox .boxBg {
      display: inline-block;
      width: 6.10667rem;
      height: 8.14667rem;
      background: url(../images/box_bg.png) no-repeat;
      background-size: cover;
      position: absolute;
      left: 0.93333rem;
      top: 50%;
      margin-top: -4.86667rem;
      padding: 1.6rem 1rem 0 1rem; }
      .content .aBox .boxBg h3 {
        font-size: 0.45333rem;
        font-weight: bold;
        color: #2c4f76;
        height: 1.33333rem; }
      .content .aBox .boxBg span {
        display: inline-block;
        width: 5.2rem;
        height: 1.33333rem;
        margin: 0.26667rem auto;
        background: url(../images/title_bg.png) no-repeat;
        background-size: contain;
        color: #2c4f76;
        padding-left: 0.46667rem;
        padding-right: 0.6rem;
        padding-top: 0.06667rem;
        line-height: 150%;
        font-size: 0.4rem;
        position: relative; }
        .content .aBox .boxBg span b.true {
          display: inline-block;
          width: 0.61333rem;
          height: 0.53333rem;
          background: url(../images/true.png) no-repeat;
          background-size: cover;
          position: absolute;
          top: 0.4rem;
          left: 5.06667rem; }
    .content .aBox span.a1 {
      line-height: 1.33333rem; }
    .content .aBox span.a2 {
      line-height: 1.33333rem; }
    .content .aBox span.a3 {
      line-height: 1.33333rem; }
    .content .aBox span.c1 {
      line-height: 1.33333rem; }
    .content .aBox span.d1 {
      line-height: 1.33333rem; }
    .content .aBox span.d2 {
      line-height: 1.33333rem; }
    .content .aBox span.d3 {
      line-height: 1.33333rem; }

.anbox {
  width: 10rem;
  height: 100vh;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9999;
  background: #eff0f1;
  display: none; }
  .anbox img {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -8.88rem; }
  .anbox .clickText {
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: 5.73333rem;
    left: 6.66667rem; }
  .anbox .clickButton {
    display: inline-block;
    width: 3.76rem;
    height: 1.50667rem;
    background: url(../images/button2.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: 6.26667rem;
    left: 5.93333rem; }

.an5 {
  background: #f1f1f1; }

.fd {
  width: 10rem;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 50%;
  margin-left: -5rem;
  z-index: 9999;
  background: url(../images/fd_bg.jpg) no-repeat center center;
  background-size: cover;
  display: none; }
  .fd .fen {
    display: inline-block;
    width: 3.53333rem;
    height: 1.6rem;
    position: absolute;
    left: 2.8rem;
    top: 50%;
    margin-top: -3.26667rem; }
    .fd .fen img {
      width: 90%; }
  .fd .erweima {
    width: 2.26667rem;
    height: 2.26667rem;
    position: absolute;
    left: 3.8rem;
    top: 50%;
    margin-top: 3.6rem; }
    .fd .erweima img {
      width: 100%; }
  .fd .shear {
    width: 7.94667rem;
    height: 1.33333rem;
    position: absolute;
    left: 1.04rem;
    top: 50%;
    background: url(../images/shear.png) no-repeat;
    background-size: cover;
    margin-top: 6.66667rem; }
  .fd .jie1 {
    display: inline-block;
    width: 4.14667rem;
    height: 2.18667rem;
    background: url(../images/fen/c100.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 2.4rem;
    top: 50%;
    margin-top: -1.46667rem;
    display: none; }
  .fd .jie2 {
    display: inline-block;
    width: 4.14667rem;
    height: 2.18667rem;
    background: url(../images/fen/c90.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 2.4rem;
    top: 50%;
    margin-top: -1.46667rem;
    display: none; }
  .fd .jie3 {
    display: inline-block;
    width: 4.77333rem;
    height: 2.18667rem;
    background: url(../images/fen/c80.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 2.4rem;
    top: 50%;
    margin-top: -1.46667rem;
    display: none; }
  .fd .jie4 {
    display: inline-block;
    width: 4.34667rem;
    height: 2.18667rem;
    background: url(../images/fen/c60.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 2.4rem;
    top: 50%;
    margin-top: -1.46667rem;
    display: none; }

.shearBox {
  width: 10rem;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 50%;
  margin-left: -5rem;
  z-index: 99999;
  background: url(../images/kuai.png);
  display: none; }
  .shearBox .shearTip {
    width: 5.53333rem;
    height: 7.16rem;
    background: url(../images/shear_tip.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px; }

/*动画*/
.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; } }

.loginIn {
  -webkit-animation: loginIn 0.6s ease forwards;
  animation: loginIn 0.6s ease forwards; }

@-webkit-keyframes loginIn {
  0% {
    -webkit-transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-7rem, 0, 0); } }

@keyframes loginIn {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-7rem, 0, 0); } }

.loginOut {
  -webkit-animation: loginOut 0.6s ease forwards;
  animation: loginOut 0.6s ease forwards; }

@-webkit-keyframes loginOut {
  0% {
    -webkit-transform: translate3d(-7rem, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@keyframes loginOut {
  0% {
    transform: translate3d(-7rem, 0, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

.p2Button {
  -webkit-animation: p2Button 15s ease infinite;
  animation: p2Button 1s ease infinite; }

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

@keyframes p2Button {
  0% {
    transform: translate3d(0px, 0px, 0); }
  100% {
    transform: translate3d(0, 5px, 0); } }

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes p1animation {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(30deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@keyframes p1animation {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(30deg); }
  100% {
    transform: rotate(0deg); } }

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

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

@keyframes p2animation {
  0% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(1.2);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

.fmB {
  -webkit-animation: fmB 1s ease infinite;
  animation: fmB 1s ease infinite; }

@-webkit-keyframes fmB {
  0% {
    background: url(../images/button2.png) no-repeat;
    background-size: cover; }
  100% {
    background: url(../images/button3.png) no-repeat;
    background-size: cover; } }

@keyframes fmB {
  0% {
    background: url(../images/button2.png) no-repeat;
    background-size: cover; }
  100% {
    background: url(../images/button3.png) no-repeat;
    background-size: cover; } }

@-webkit-keyframes ji {
  0% {
    background: url(../images/j_pic_1.png) no-repeat;
    background-size: cover; }
  100% {
    background: url(../images/j_pic_2.png) no-repeat;
    background-size: cover; } }

@keyframes ji {
  0% {
    background: url(../images/j_pic_1.png) no-repeat;
    background-size: cover; }
  100% {
    background: url(../images/j_pic_2.png) no-repeat;
    background-size: cover; } }

.fmrw {
  -webkit-animation: fmrw 0.4s ease forwards;
  animation: fmrw 0.4s ease forwards; }

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

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

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