* {
  margin: 0;
  padding: 0;
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  height: 100%;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  margin: 0;
  padding: 0;
  background: #FBFBFB;
}
input {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
a,
a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: #2BA728;
  outline: none;
  background: none;
  text-decoration: none;
}
i {
  font-style: normal;
}
ul,
li,
ol {
  list-style: none;
}
.btn {
  display: block;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
/*alert
<div class="alert">' +
'<div class="alert-con">停止服务后，您将不再收到账户余额变动的相关短信提醒</div>' +
'<p class="alert-tip' + (serveStatus == '1' ? ' show' : '') + '">次月将不再收取费用，本月服务费已扣除</p>' +
'<p class="alert-tip' + (serveStatus != '1' ? ' show' : '') + '">本月服务费用我们将不予以收取</p>' +
'<div class="btn-row">' +
'<div class="alert-btn hide">取消</div>' +
'<div class="alert-btn stop">停止</div>' +
'</div>' +
'</div>' +
'<div class="mask fade"></div>
 * */
.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.4);
}
.alert {
  display: none;
  position: absolute;
  left: 105px;
  top: 383px;
  z-index: 999999;
  text-align: center;
  width: 540px;
  background: #ffffff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
}
.alert-con {
  padding: 40px 30px 0;
  width: 480px;
  height: 72px;
  font-size: 28px;
  color: #333333;
  line-height: 36px;
}
.alert-tip {
  display: none;
  position: relative;
  padding: 20px 30px 20px;
  width: 480px;
  height: 72px;
  font-size: 28px;
  color: #666666;
  line-height: 36px;
}
/*
 toast
 <div class="toast">' + toast + '</div>
 * */
.toast {
  display: none;
  padding: .20rem;
  position: fixed;
  top: 8.80rem;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari and Chrome */
  background: rgba(59, 59, 59, 0.95);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
}
/* download */
.download {
  width: 100%;
  height: 100%;
  background: #FBFBFB;
  position: relative;
}
.download .share {
	width: 3.78rem;
	height: .75rem;
    position: absolute;
    right: 0.24rem;
}
.footer {
  position: absolute;
  bottom: 1.26rem;
  left: 0;
  width: 100%;
  height: .41rem;
  font-size: .28rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
.footer .copyright {
  margin-top: .42rem;
  font-size: .24rem;
}
.footer .copyright a{
  position: relative;
  color: #999999;
  margin: 0 .2rem;
  line-height: .33rem;
}
.footer .privacy::before {
  position: absolute;
  bottom: 0;
  left: -0.22rem;
  content: '';
  width: 1px;
  height: .22rem;
  margin-bottom: 0.02rem;
  background: rgba(17,31,44,0.12);
}
.header {
  width: 100%;
  height: 3.29rem;
  position: relative;
  display: flex;
  justify-content: center;
}
.header img {
  display: block;
  width: 100%;
}
.header .logo {
  display: block;
  width: 1.48rem;
  position: absolute;
  bottom: 0;
}
.body {
  width: 100%;
}
.body .slogan {
  width: 4.30rem;
  margin: .46rem auto 0;
}
.body .slogan img {
  display: block;
  width: 100%;
}
.body .download {
  width: 6.26rem;
  margin: 1.46rem auto 0;
}
.body .download .btn {
  width: 100%;
  margin: 0 auto;
  background: linear-gradient(to right, #6BD463, #5EB867);;
  background-size: 100%;
  line-height: 1.05rem;
  font-size: .36rem;
  color: #ffffff;
  border-radius: .16rem;
}
.body .download .back {
  font-size: .32rem;
  line-height: .45rem;
  margin-top: .46rem;
  color: #999999;
}
#app {
  font-family: 'PingFangSC';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
  min-width: 100%;
}