@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
.container {
  min-height: calc(100% - 2rem);
  height: auto;
  background: url(../images/mobile/bgk.png) center center no-repeat;
  background-size: cover;
  padding-top: 1.36rem;
  padding-bottom: 0.64rem;
}
.tao {
  display: block;
  width: 3.0667rem;
  height: 3.0667rem;
  margin: 0 auto .6rem;
}
.title {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: .5067rem;
  font-weight: bold;
}
.title::after {
  content: '';
  position: absolute;
  width: 1.6933rem;
  height: .1333rem;
  background: #5AB546;
  border-radius: 0.25rem;
  bottom: -0.3733rem;
}
.tips {
  display: flex;
  justify-content: center;
  margin-top: 1.2rem;
}
.tips img {
  width: .4267rem;
  height: .3867rem;
}
.tips span {
  padding: 0 .24rem;
  color: #fff;
  font-size: .3733rem;
}
.example {
  display: flex;
  align-items: center;
  margin-top: .8267rem;
}
.example .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.example .item img {
  width: 1rem;
  height: auto;
  margin-bottom: .4rem;
}
.example .item span {
  color: #fff;
  font-size: .3467rem;
}
.qrcode {
  margin-top: 2.4rem;
  padding: 0 .56rem;
  display: flex;
}
.qrcode .code-box {
  display: flex;
  width: 3.7333rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: .5333rem;
}
.qrcode .code-box img {
  width: 3.7333rem;
  height: 3.7333rem;
  margin-bottom: .16rem;
  background: #FFFFFF;
  border-radius: .16rem;
}
.qrcode .code-box span {
  color: #fff;
  font-size: .32rem;
}
.qrcode .btn-view {
  padding-top: .4667rem;
}
.qrcode .btn-view a {
  display: block;
  width: 4.6133rem;
  height: 1.1467rem;
  margin-bottom: .5333rem;
  background: url(../images/mobile/btn_1.png) center center no-repeat;
  background-size: cover;
  border-radius: .16rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-decoration: none;
}
.qrcode .btn-view a .device {
  width: .64rem;
  height: auto;
}
.qrcode .btn-view a .download-icon {
  width: .3333rem;
  height: .48rem;
}
.qrcode .btn-view a span {
  color: #fff;
  font-size: .4533rem;
  font-weight: bold;
}