html {
     -webkit-text-size-adjust: none;
     zoom: 1;
     font-size: 100%;
     width: 100%;
     height: 100%;
     padding: 0;
     margin: 0;
 }

 body {
     color: #000;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     width: 100%;
     height: 100%;
     padding: 0;
     margin: 0;
 }

 img {
     display: block;
     max-width: 100%;
 }

 a {
     outline: 0;
     text-decoration: none
 }

 a:hover {
     text-decoration: underline;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .unload {
     opacity: 0;
 }

 .contianer {
     width: 100%;
     min-height: 100%;
     max-width: 550px;
     margin: 0 auto;
     background-color: #fff0fd;
 }

 .box {
     position: relative;
 }

 .kf {
     width: 1.5rem;
     height: 1.94rem;
     background-repeat: no-repeat;
     background-size: 100% auto;
     position: fixed;
     right: 0.1rem;
     top: 2.6rem;
     z-index: 999;
 }

 .qrcode {
     width: 2.4rem;
     position: fixed;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 999;
     display: none;
     padding: 0.2rem 0.2rem 0.1rem 0.2rem;
     background: #FFF;
 }

 .qrcode .qrcode-text {
     font-size: 0.24rem;
     text-align: center;
 }

 .top img {
     width: 100%;
 }

 .bn {
     width: 100%;
     padding-top: 56.111%;
     background-color: #000000;
     background-repeat: no-repeat;
     background-size: 100% auto;
 }

 .zb img {
     width: 100%;
 }

 .pl img {
     width: 100%;
 }

 .bm {
     width: 100%;
     position: fixed;
     bottom: 0;
 }

 .bm img {
     width: 100%;
     max-width: 550px;
 }

.kefu-box{
  width: 80px;
  position: fixed;
  top: 35%;
  right: 0;
  z-index: 99;
}
.kefu-box img{
  width: 100%;
  display: block;
}

.tg-box{
  width: 80px;
  position: fixed;
  top: 65%;
  right: 0;
  z-index: 99;
}
.tg-box img{
  width: 100%;
  display: block;
}