@charset "UTF-8";
.content-wrapper {
  width: 100%;
  overflow: hidden;
}

/*=======================================================*/
html,
body {
  position: relative;
}

/*===========按手机750为基数 75px=1rem ============*/
body {
  background: #fcddbb;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
}

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

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none;
}

.static {
  position: relative;
}

.abs {
  position: absolute;
  width: 100%;
}

.z10 {
  z-index: 10;
}

.z11 {
  z-index: 11;
}

.z12 {
  z-index: 12;
}

.z13 {
  z-index: 13;
}

.z14 {
  z-index: 14;
}

.z15 {
  z-index: 15;
}

.z16 {
  z-index: 16;
}

.z17 {
  z-index: 17;
}

/*头部文件修正*/
#wrapper {
  width: 100%;
  overflow: hidden;
}

#wrapper header {
  width: 100%;
  height: 48px;
}

.bank-l {
  width: 50%;
  background-size: 173%;
  height: 38px;
  margin: 0;
}

.buy-r {
  width: 38%;
  background-size: 230%;
  height: 38px;
  margin: 0;
}

#headerTop {
  height: 38px !important;
}

#logolink {
  height: 10px !important;
  background-color: #03357C;
  line-height: 10px !important;
  font-size: 0px;
}

/**/
.loadingP {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999999;
  background: linear-gradient(top, #003c8a, #0068e4);
  background: -webkit-linear-gradient(top, #003c8a, #0068e4);
}

.loadingP .maindiv {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 0;
  margin-top: -40px;
}

.loadingP .loadingLogo {
  width: 100%;
  text-align: center;
}

.loadingP .bar {
  width: 50%;
  clear: both;
  margin: 20px auto;
  height: 6px;
  border: 1px solid #999999;
  overflow: hidden;
  position: relative;
}

.loadingP .bar span {
  display: block;
  background-color: #999999;
  float: left;
  height: 6px;
}

/*content*/
.content {
  width: 100%;
  position: relative;
}

.mt-48 {
  margin-top: 48px;
}

.subcont {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.midcont {
  width: 100%;
  /*
    @media screen and (min-height: 720px) {
        position: absolute;
        top: $_100;
    }
    */
}

.noword {
  line-height: 0;
  font-size: 0;
}

/*旋转错误提示*/
#orientation_hinter {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #131313;
  z-index: 999;
  display: none;
}

#orientation_hinter .hinter_phone {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#orientation_hinter .hinter_phone i {
  display: block;
  width: 1.52rem;
  height: 0.8rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOQAAAB4CAMAAADVLa6HAAABCFBMVEUAAAAAAAAAAABWVlYAAADFxcUAAACKioovLy8AAAAAAAAAAAC+vr6+vr6EhIQAAAALCwsBAQEGBgbIyMjGxsYAAADGxsbHx8cAAADHx8fAwMCoqKi9vb1SUlIGBgbHx8fFxcW0tLSxsbGgoKC7u7slJSVeXl6ysrLFxcW/v7+7u7uoqKiRkZEUFBQFBQWMjIxxcXHExMTExMTCwsK6urq2trbBwcHExMSsrKzExMS1tbWUlJTDw8O0tLSnp6dpaWm9vb1ZWVmDg4PAwMCvr6+Ojo4+Pj4xMTFKSkpnZ2e2trahoaGxsbGfn5+3t7ecnJyvr6+CgoKVlZU9PT1WVlasrKy8vLzJycmXdzvDAAAAV3RSTlMAARMjBL8WfEggDinGSGgeBwsj++IU8vkb9N6oeE0x7tBMt49nLykPxtLEmoM9NxcG6dvl0Ma6sLCnnYmHb11cW1hSUUFAOzo2NCQcqpmOfXx1bUY9Ny21pUe+AAAC6klEQVR42uzaV2/bMBSGYVI9kRs6aanhWc/YiffKHs1oM5t0r+///5MyrgvXqR0XuZIP+N5IF7rQAxIHAkQxTpJWDo+URySmRPri48oghcUvKDbef/UT3j9Mqaub4FSydePqSSb9KAGZtU9v3208W/g2Lk8OQ8Ns+4r+NlZTSFbWXaWJSC58BuGdlIC1dYfGxhywc+V6JPhEOhdgZ6yUZ8CruMOJOGSWM1iLqxHrNmOMiptRCFkOcOTr3/e72C6wW8ehLIfkN3cou0DqTZqjUYh+yexRT5j2sB/3pGDZKjKdBAlRC8B1IYWQm4gtG9w5sgVn2kKS5yxAcwbmazNgvfvLvrlMaQmL0JWSj+/XbEEJcYCKrxcX+dx9FHmLVNcRYhftWcj2ddS/ZOcia0AnIY0ltjwDGfO1jHZzkcI8MULSDORy1KfufyFdi7TISGSRFmmR0coiLdIio9UTkMMfPh5Jzkiqhkg1vyeIM/IcK63DTCOuJGPkXlhIe8c4dYkxcmklrsQqXry0yEhlkRZpkdHKIi3SIqOVRVqkRUYri+SJJK2U4zhKE1sk9Y6bYRAMmpUb1yOeyH6uiFGp1rpDkh9S3tWBbMWc17383DB3eVdLdsi7EMmY72gy6XKIYt4lbsh+HVv59J+BI3slZK8TxAyZQzKfpvGc7YX3JwclK2StiCPfmMaVEeRdYoU8w1Y3MfGuVMcHX7NCHgyPtU5UxXZBsULW8eXhq/7EoOuwQoY4fXhkt4agwwv5q707OGEYiKEg2kUgpyQtpBn334nB+OgChN78DgYWe1eg+Z8nyGMZ5PfpuL6WHVfiw0P8QojLAHGtMy7oxFPLeDQT4497kPV/7x5kGSNJZLgcZJCjE2SQQc5KkEEGOStButsExF4IseFD7GoZW3dBjkyQQQY5K0EGGeSsBClCrle6EXI+QrNICDMJ9SkhsV2tI/5dOmJFLE0owgnZu6HtJwoYjCoNoxTFqLcxiop2V06dXT9t25ovKx4AAAAASUVORK5CYII=") no-repeat center center transparent;
  background-size: 1.52rem 0.8rem;
  -webkit-animation: rotateHint 2.6s ease-in infinite;
  animation: rotateHint 2.6s ease-in infinite;
}

@-webkit-keyframes rotateHint {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: .2;
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateHint {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: .2;
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

#orientation_hinter .hinter_rotate {
  width: 2.067rem;
  height: 0.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("data:image/png;base64,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") no-repeat center center transparent;
  background-size: 2.067rem 0.4rem;
  transform: translate(-50%, -50%);
}

#orientation_hinter .hinter_text {
  position: absolute;
  right: 0;
  bottom: 15%;
  left: 0;
  color: #bbb;
  font-size: 0.187rem;
  font-weight: 400;
  text-align: center;
  line-height: 1;
}

@media screen and (orientation: portrait) {
  /*竖屏 css*/
  #wrapper {
    display: block;
  }
  #orientation_hinter {
    display: none;
  }
}

@media screen and (orientation: landscape) {
  /*横屏 css*/
  #wrapper {
    display: none;
  }
  #orientation_hinter {
    display: block;
  }
}

/********************/
.jpitem {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  position: relative;
}

.jpitem img {
  width: 100%;
}

.vbg {
  position: relative;
  width: 10rem;
  height: 5.253rem;
  background: url("../images/0125_02.jpg") no-repeat;
  background-size: 10rem 5.253rem;
}

.vbg video {
  display: block;
  position: absolute;
  top: 0.093rem;
  left: 0.493rem;
  width: 9.013rem;
  height: 5.067rem;
}

.pceng {
  display: none;
  position: absolute;
  width: 9.013rem;
  height: 5.067rem;
  top: 0.093rem;
  left: 0.493rem;
  z-index: 99;
}

.pceng .tbg1 {
  display: block;
  position: static;
  width: 9.013rem;
  height: 5.067rem;
}

.pceng .tbg2 {
  display: block;
  position: absolute;
  width: 9.013rem;
  height: 5.067rem;
  top: 0;
  left: 0;
}

.btbox1 {
  height: 2.453rem;
  background: url("../images/0125_03.jpg") no-repeat;
  background-size: 10rem 2.453rem;
}

.btbox2 {
  height: 2.773rem;
  background: url("../images/0125_05.jpg") no-repeat;
  background-size: 10rem 2.773rem;
}

.bt1 {
  position: relative;
  width: 7.947rem;
  height: 1.453rem;
  margin: 0 auto;
  display: block;
  background: url("../images/s/0.png") no-repeat;
  background-size: 7.947rem 1.453rem;
  overflow: hidden;
}

.bt1 .bt1-shou {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.947rem;
  height: 1.453rem;
  background: url("../images/s/1.png") no-repeat;
  background-size: 7.947rem 1.453rem;
  animation: jtmove 0.5s;
  -moz-animation: jtmove 0.5s;
  /* Firefox */
  -webkit-animation: jtmove 0.5s;
  /* Safari 和 Chrome */
  -o-animation: jtmove 0.5s;
  /* Opera */
  animation-direction: alternate;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  z-index: 55;
}

.bt1 img {
  width: 100%;
}

.h42 {
  width: 100%;
  height: 0.56rem;
}

.bt2 {
  position: relative;
  width: 7.947rem;
  height: 1.973rem;
  margin: 0 auto;
  display: block;
  background: url("../images/s/s0.png") no-repeat;
  background-size: 7.947rem 1.973rem;
  overflow: hidden;
}

.bt2 .bt2-jt {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.947rem;
  height: 1.973rem;
  background: url("../images/s/s1.png") no-repeat;
  background-size: 7.947rem 1.973rem;
  animation: jtmove2 0.5s;
  -moz-animation: jtmove2 0.5s;
  /* Firefox */
  -webkit-animation: jtmove2 0.5s;
  /* Safari 和 Chrome */
  -o-animation: jtmove2 0.5s;
  /* Opera */
  animation-direction: alternate;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  z-index: 55;
  overflow: hidden;
}

.bt2 img {
  width: 100%;
}

.logo {
  width: 4.053rem;
  margin: 0.8rem auto 0 auto;
}

@keyframes jtmove {
  from {
    top: 0;
    left: 0;
  }
  to {
    left: -7px;
  }
}

@-moz-keyframes jtmove

/* Firefox */ {
  from {
    top: 0;
    left: 0;
  }
  to {
    top: -7px;
  }
}

@-webkit-keyframes jtmove

/* Safari 和 Chrome */ {
  from {
    top: 0;
    left: 0;
  }
  to {
    top: -7px;
  }
}

@-o-keyframes jtmove

/* Opera */ {
  from {
    top: 0;
    left: 0;
  }
  to {
    top: -7px;
  }
}

@keyframes jtmove2 {
  from {
    left: 0;
  }
  to {
    left: 10px;
  }
}

@-moz-keyframes jtmove2

/* Firefox */ {
  from {
    left: 0;
  }
  to {
    left: 10px;
  }
}

@-webkit-keyframes jtmove2

/* Safari 和 Chrome */ {
  from {
    left: 0;
  }
  to {
    left: 10px;
  }
}

@-o-keyframes jtmove2

/* Opera */ {
  from {
    left: 0;
  }
  to {
    left: 10px;
  }
}