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 {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  background: url('../img/background.png') no-repeat center center;
  background-size: cover;
  background-color: #140025; /* 备用背景色 */
  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: linear-gradient(135deg, rgba(20, 0, 37, 0.95), rgba(40, 20, 60, 0.95));
  /* 与H5页面一致的深紫色渐变背景 */
  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: linear-gradient(to right, #FF6B9D, #C8A8E9);
  /* 从左边的亮粉色 (#FF6B9D) 过渡到右边的淡紫色 (#C8A8E9) */
}

/* 苹果下载按钮：中等紫色到蓝紫色渐变 */
#ios {
  background: linear-gradient(to right, #9B6DD8, #7B7DE8);
  /* 从左边的中等紫色 (#9B6DD8) 过渡到右边的蓝紫色 (#7B7DE8) */
  position: relative; /* 为星星图标定位 */
}

/* 苹果下载按钮右侧的星星图标 */
#ios::after {
  content: '✦';
  position: absolute;
  right: -0.1rem; /* 稍微重叠在按钮边缘 */
  top: 50%;
  transform: translateY(-50%);
  color: #FFD700;
  font-size: 0.45rem;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* 添加轻微阴影增强可见性 */
  z-index: 1; /* 确保星星在按钮上方 */
}

/* 如果需要控制页面布局 */
.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;
margin-top: 5.5rem;
}

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: #ffffff;
  overflow: visible; /* 改为 visible 以显示星星图标 */
  cursor: pointer;
  text-align: center;
  border: 0.04rem solid #ffffff;
  font-weight: bold; /* 加粗文字，匹配图片样式 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* 添加轻微阴影，增强视觉效果 */
  transition: transform 0.2s, box-shadow 0.2s; /* 添加过渡效果 */
}

/* 按钮悬停效果 */
a.load-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* 按钮点击效果 */
a.load-link:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/*.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%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* 移除背景色，使用父元素的渐变背景 */
}

/* 移除图片样式，使用统一的箭头引导样式 */

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;
  color: #ffffff; /* 白色文字 */
}

footer a {
  color: #ffffff; /* 链接文字为白色 */
}

footer a:hover,
footer a:active,
footer a:focus {
  color: #ffffff; /* 悬停和激活状态保持白色 */
}

.footer-content {
  max-width: 750px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  color: #ffffff; /* 白色文字 */
}

.footer-content p {
  color: #ffffff; /* 段落文字为白色 */
  margin: 0;
}