html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: 100%;
  height: 100%;
}
.Disabled{
  pointer-events:none;
}
img {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

header {
  position: fixed;
  height: 0.88rem;
  width: 100%;
  line-height: 0.88rem;
  text-align: center;
  font-family: PingFang-SC-Regular;
  font-size: 0.36rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #353535;
  background: #fff;
  z-index: 111;
}

.content {
   padding-top: 0.88rem;
  box-sizing: border-box;
  background: #4b83ff;
}

.bgimg {
  height: 5.87rem;
  width: 100%;
}

.imgList {
  margin: 0 0.2rem;
  padding: 0.2rem;
  background: #407af7;
  position: relative;
  top: -0.4rem;
  border-radius: 0.2rem;
}

.imgList > div {
  background: #fff;
  display: flex;
  flex-direction: column;
}

.imgList > div > div {
  width: 100%;
}

h3,
p {
  margin: 0;
}

.imgList > div h3 {
  font-family: PingFang-SC-Regular;
  font-size: 0.42rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #398cff;
  padding: 0.8rem 0 0.4rem 0;
  text-align: center;
}

.imgList > div p {
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  text-align: center;
  padding-bottom: 0.3rem;
}

.imgList > div img {
  margin-bottom: 0.2rem;
}

.register {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1.2rem;
  // box-sizing: border-box;
  // padding: 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.8);
  // background-color:#000;
  font-family: PingFang-SC-Regular;
  font-size: 0.28rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #ffffff;
  z-index: 100;
}


@supports (bottom: env(safe-area-inset-bottom)) {
  .register {
    padding-bottom: env(safe-area-inset-bottom);
  }
}
.oldRegister{
  bottom: 1.3rem;
}

.left {
  display: flex;
  margin-left: .2rem;
}

.left div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.close img {
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}

.logo {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.15rem;
}

.right {
  display: flex;
  margin-right: .2rem;
}

.right > div {
  height: 0.64rem;
}

.right > div button {
  width: 100%;
  height: 100%;
  line-height: 0.64rem;
  border: 0;
  background: #fff;
  outline: none;
  font-size: 0.32rem;
  border-radius: 0.06rem;
}

.right > div:first-child button {
  color: #398cff;
}

.right > div:last-child button {
  color: #ffffff;
  background: #398cff;
}

.right > div:last-child {
  margin-left: 0.15rem;
}

.bottom {
  width: 100%;
  box-sizing: border-box;
  padding: 0.6rem;
  box-shadow: 0rem -0.05rem 0.18rem 0.02rem rgba(141, 171, 196, 0.15);
  border-radius: 0.1rem 0.1rem 0rem 0rem;
  position: relative;
  top: -0.6rem;
  z-index: 1111;
  background: #fff;
}

.CODE,
.phoneDIV {
  height: 0.85rem;
  display: flex;
  padding: 0 0.2rem;
  background-color: #f7f7fc;
}

.CODE input,
.phoneDIV input {
  height: 100%;
  border: 0;
  padding: 0;
  background-color: #f7f7fc;
  border-radius: 0.04rem;
  outline: none;
  width: 100%;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #aeaeae;
}

.CODE input::placeholder,
.phoneDIV input::placeholder {
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #aeaeae;
}

.CODE {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.CODE input {
  flex: 1;
}

.CODE span {
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #398cff;
  text-align: right;
}

.clickRegister,
.download {
  width: 100%;
  height: 0.88rem;
  display: flex;
  margin-top: 0.3rem;
}

.clickRegister button,
.download button {
  width: 100%;
  height: 100%;
  line-height: 0.88rem;
  outline: none;
  border-radius: 0.06rem;
  border: 0;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #ffffff;
  background-color: #398cff;
}

.clickRegister {
  margin-top: 1.3rem;
}

.download button {
  border: solid 0.02rem #398cff;
  background-color: #ffffff;
  color: #398cff;
}

.toastF {
  display: none;
}

.toast {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.toast div {
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.2rem;
  border-radius: 0.1rem;
}
.hintImg{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2000;
  display: none;
}
.hintImg img{
  width: 100%;
  height: 100%;
}

.down-info {
  display: none;
  background-color: #ffeded;
  padding: 0.24rem 0.30rem;
  /*opacity: 0.1;*/
  font-size: 0.28rem;
  color: #fe4e4e;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.downloadMask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.hide{
  display: none;
}

.downloadMask .downloadMask-body {
  margin: 0 50px;
  background-color: #fff;
  border-radius: 10px;
}
.downloadMask  .cozy-body {
  margin: 0 0.85rem;
  background-color: #fff;
  border-radius: 10px;
}
.downloadMask .cozy-body .cozy-tip {
  text-align: center;
  font-size: 0.3rem;
  padding-top: 0.38rem;
  font-weight: bold;
}
.downloadMask .cozy-body .cozy-center {
  padding: 0 0.35rem;
  margin-top: 0.5rem;
  margin-bottom: 0.32rem;
  font-size: 0.3rem;
  text-align: left;
  color: #999999;
  line-height: 0.46rem;
}
.downloadMask .cozy-body .cozy-center p {
  margin-bottom: 0.18rem;
}
.downloadMask .cozy-body .cozy-center span {
  color: #FF3434;
}
.downloadMask .cozy-body .cozy-footer {
  border-top: 1px solid #eeeeee;
  font-weight: bold;
  text-align: center;
  color: #398CFF;
  padding: 0.32rem 0;
}
.downloadMask .downloadMask-body .down-title {
  text-align: center;
  font-size: 0.34rem;
  padding-top: 0.5rem;
  font-weight: 700;
}

.downloadMask .downloadMask-body .down-body {
  text-align: left;
  color: #aeaeae;
  padding: 0.40rem 0.35rem;
  font-size: 0.32rem;
}

.downloadMask .downloadMask-body .down-footer {
  text-align: center;
  padding: 15px 0;
  color: #398cff;
  font-weight: 700;
  font-size: 0.34rem;
  border-top:1px solid #eee;
}

.downloadMask .cozy-body .cozy-footer.no_handle {
  color: #999;
}