body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
}

html {
  font-size: 50px;
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  color: #333;
  font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", arial, "\5b8b\4f53", sans-serif, tahoma;
  font-size: 0.26rem;
  line-height: 122%;
  word-wrap: break-word;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

main,
header,
nav,
footer,
article,
aside,
section {
  display: block;
}

a {
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color: transparent;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: currentcolor;
}

img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}

ul,
ol,
li {
  list-style-type: none;
}

em,
i {
  font-style: normal;
}

/*
 *	去除按钮的默认样式
 * */
input[type="submit"],
input[type="button"],
button[type="submit"],
button[type="button"],
input[type="reset"],
button[type="reset"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
}

/*
 *	去除文本框获取焦点时的高亮框
 * */
input[type="text"]:focus,
button[type="text"]:focus {
  outline: none;
}

input[type="text"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0;
}

button,
input {
  border-radius: 0;
  -webkit-border-radius: 0;
}

table {
  border-collapse: collapse;
}

textarea {
  resize: none;
}






/* public css */
/* 清除浮动 */
.clear {
  zoom: 1;
}

.clear:after {
  clear: both;
  content: "";
  height: 0;
  visibility: hidden;
  line-height: 0;
}

/*文字一行溢出*/
.oneline {
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/*文字两行溢出*/
.twoline {
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/*flex 转换成flex容器*/
.flex,
.jus-c,
.ali-c,
.flexc,
.jus-b,
.jus-a,
.jus-e,
.flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
}

/*flexv 竖直排列*/
.flexv {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
}

/*flex1 自动填充*/
.flex1 {
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}

/*flex-wrap 自动换行*/
.flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*	jus-c 水平居中
 * 	flexc 水平垂直居中
 * */
.jus-c,
.flexc {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

/*jus-b 水平两端对齐*/
.jus-b {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

/*jus-a 水平相等间距*/
.jus-a {
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
}

/*jus-e 水平终端对齐*/
.jus-e {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}

/*ali-c 竖直居中*/
.ali-c,
.flexc {
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.box {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


/* 修改背景颜色和按钮样式 */
.bj-img {
  background-color: #f0f0f0;
  /* 更改背景颜色 */
  background-image: url('your-background-image.jpg');
  /* 可选：添加背景图片 */
  background-size: cover;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  background: url('../img/logo.png') no-repeat top #140025;
  background-size: 100%;
  position: relative;
}
/* PC端样式 (屏幕宽度大于768px) */
@media screen and (min-width: 768px) {
  .bj-img {
    min-height: 132vh;
  }
}
/* 移动端样式 (屏幕宽度小于768px) */
@media screen and (max-width: 767px) {
  .bj-img {
    min-height: 100vh;
  }
}
.cover {
  background-color: rgba(0, 0, 0, 0.5);
  /* 半透明黑色背景 */
  display: none;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 750px;
  height: 100%;
  z-index: 1000;
}

.load-link {
  color: #ffffff;
  /* 链接文字颜色 */
  text-decoration: none;
  /* 去除链接下划线 */
  /* padding: 15px 30px; */
  border-radius: 5px;
  display: block;
  margin: 10px 0;
}

#android {
  background-color: #4CAF50;
  /* Android 下载按钮背景 */
}

#ios {
  background-color: #007BFF;
  /* iPhone 下载按钮背景 */
}

/* 如果需要控制页面布局 */
.bj-img-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.top-logo {
  width: 4rem;
  height: 1.4rem;
  margin: 0.96rem auto 0;
}

.top-logo img {
  width: 100%;
  height: 100%;
  display: block;
}

.bj-img-inner {
  width: 100%;
  padding: 0 0.55rem;
  position: relative;
  z-index: 10;
  top: 9rem;
}

a.load-link {
  width: 3.6rem;
  height: 0.8rem;
  margin: 0.36rem auto 0;
  border-radius: 0.4rem;
  font-size: 0.36rem;
  line-height: 0.76rem;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  border: 0.04rem solid #fff;
}

/*.one {
	background: url('../img/download_android.png') no-repeat 0.34rem center #fff;
	background-size: 0.42rem 0.5rem;
}

.two {
	background: url('../img/download_apple.png') no-repeat 0.34rem center #fff;
	background-size: 0.4rem 0.48rem;
}*/

.cover-inner {
  max-width: 750px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  background-color: rgba(0, 0, 0, 0.8);
}

.cover-inner img {
  padding-top: 10%;
}

footer {
  /* position: fixed; */
  bottom: 0;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 100%;
  max-width: 750px;
  /* background-color: #f0f0f0; */
  text-align: center;
  padding: 10px 0;
  /* z-index: 1000; */
  margin-top: 30px;
}

.footer-content {
  max-width: 750px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}