* {
	margin: 0;
	padding: 0;
}

body {
	font: 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei',
		'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
}

ul {
	list-style-type: none;
}

a {
	text-decoration: none;
}

body {
	box-sizing: border-box;
	overflow: hidden;
}
html {
	font-size: 37.5px;
}

/* 清除浮动 */
.container::before,
.container::after,
.clearfix::before,
.clearfix::after {
	content: '';
	display: table;
}

.container::after,
.clearfix::after {
	clear: both;
}

.container {
	margin: 0 auto;
	width: 10rem;
	overflow: hidden;
}

/* 背景 */
.bgd {
	width: 10rem;
	height: 21.6533rem;
	background: url(../img/bg-image.png);
  position: relative;
  top: -2.1333rem;
	background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
.title1 {
  color: #f9463d;
  position: absolute;
  top: 3.9467rem;
  left: 50%;
  transform: translateX(-54%);
  font-size: .3733rem;
  font-family: 'Noto Sans SC';
  font-weight: 500;
}
.text_img {
  position: absolute;
  top: 4.8rem;
  transform: translateX(-50%);
  left: 50%;
  width: 5.0667rem;
  height: 1.6rem;
  background: url(../img/text-logo.png) no-repeat;
  background-size: 100%;
  z-index: 10;
}
.download-btn {
  position: absolute;
  width: 5.6rem;
  height: 2.6667rem;
  text-align: center;
  line-height: 2.2933rem;
  top: 6.9333rem;
  left: 50%;
  font-size: .48rem;
  font-weight: bold;
  color: #b04d05;
  transform: translateX(-50%);
  background-image: url('../img/text-button.png');
  background-size: 100% 100%;
}
.download-container {
  width: 8.5333rem;
  height: 10.4rem;
  background-image: url('../img/text-card.png');
  background-size: 100% 100%;
  position: absolute;
  top: 7.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.card-text {
  position: absolute;
  width: 4.8rem;
  height: 2.0267rem;
  background-image: url('../img/text-card-title.png');
  background-size: 100% 100%;
  top: 2.6667rem;
  left: 50%;
  transform: translateX(-50%);
}  


#guide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: rgba(48,48,48,0.9);
  z-index: 100;
}
#guide .guidebox {
  width: 100%;
  height: 2.933333rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #fff;
}
#guide .guideimg {
  width: 1.706667rem;
  height: 1.76rem;
  position: absolute;
  top: 0.213333rem;
  right: 0.64rem;
}
#guide p {
  width: 6.4rem;
  font-size: 0.453333rem;
  line-height: 0.8rem;
  text-align: left;
  margin: 0.666667rem auto;
  font-weight: 700;
}