body,div,p,img{margin:0px;padding:0px;}

img{
	width:100%;
}
.content{
	min-width:320px;max-width:720px; height:auto; margin:0 auto;  position:relative;  background:#0e0901
}
.content img{
	display: block;
}
#btn_download,#btn_download1,#btn_download2{
	position:absolute;
}
#btn_download{
	width: 28%;
	top:25.5%;
	left:35.5%;
}
#btn_download1{
	width: 33%;
	top:-20px;
	left:55.5%;
}
#btn_download2{
	width: 37%;
	top:54%;
	left:32.5%;
}
.wechat_area{
	padding-bottom:5px;
	padding-top:5px;
	position:fixed;
	left:0px;
	bottom:0px;
	background-color:black;
	opacity:0.9;
}
.wechat_area p{
	line-height:36px;;
	color:yellow;
	font-size:12px;
	text-align:center;
}
.wechat_area img{
	width:30%;
}
.footer{
	z-index:999999;
	position:absolute;
	left:9%;
	bottom:8px;;
	font-size:14px;
	color:#9E6A38;
}
.wechat_area p{
	color:yellow;
	font-size:24px;
	text-align:center;
}
.wechat_area img{
	width:30%;
}
#txtVal{
	color:red;
	font-size:22px;
}
.content .index_download{
	width:100%;
	
	height: 15.86rem;
}
.title_content{
	position:absolute;
	font-weight:bold;
	left:21%;
	top:3.5%;
	z-index:99997;
	font-size:28px;
	letter-spacing:0.3em;
	color:white;
}
.wechat_content{
	color:#ff3131;
	font-size:24px;
	position:absolute;
	font-weight:bold;
	left:13.5%;
	top:13%;
	z-index:99998
}
.wechat_code{
	width:37%;
	position:absolute;
	left:51%;
	top:0;
	z-index:99999;
}
#addDwonBox {
  width: 100%;
  min-height: 1.54rem;
  background: rgba(255, 255, 255, 0.77);
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#addDwonBox  .text{
	flex: 1;
	display: flex;
  align-items: center;
  margin-left: 0.2rem;
}
#addDwonBox img {
  width: 1.1rem;
  height: 1.1rem;
}

#addDwonBox .cont {
  margin-left: 0.4rem;
}

#addDwonBox p strong {
  display: block;
  color: #282828;
  font-size: 0.4rem;
}

#addDwonBox p span {
  display: block;
  font-size: 0.3rem;
  color: #4a4a4a;
}
#addDwonBox  .button{
	margin-right: 0.2rem;
}
#addDwonBox  .button a{
}
#addDwonBox button {
	display: block;
  width: 2.11rem;
  height: 0.9rem;
  background-color: #43c117;
  border-radius: 0.08rem;
  border: none;
  font-size: 0.32rem;
  color: #fff;
}
.appDown {
  width: 100%;
  text-align: center;
  padding: 0 0.3rem;
  box-sizing: border-box;
 
}

.appDown button {
  width: 100%;
  height: 0.89rem;
  background-image: linear-gradient(0deg, #24c500 0%, #5ddf00 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  border-radius: 0.5rem;
  border: none;
  color: #fff;
  font-size: 0.48rem;
  margin-top: 0.04rem;
}
.hotBox {
  width: 6.65rem;
  margin: 0 auto;
      position: relative;
    top: -0.89rem;
    display: none;
}

.hotBox .h3 {
  width: 100%;
  height: 0.8rem;
  display: flex;
  align-items: center;
}

.hotBox .h3 p:first-child {
  flex: 1;
  font-size: 0.28rem;
  color: #282828;
  line-height: 0.8rem;
  overflow: hidden;
}


.h3 .course,
.h3 .course a {
  height: 0.5rem;
  /* position: relative; */
  padding: 0 0.1rem;
  background-color: #0087ff;
  border-radius: 0.11rem;
  border: none;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.h3 .course .button {
  display: block;
  color: #ffffff;
  font-size: 0.22rem;
  text-align: right;
  line-height: 0.5rem;
  margin-left: 0.05rem;
  white-space: nowrap;
}

.h3 .course img {
  width: 0.3rem;
}
@media screen and (max-width:720px){
	.title_content{font-size:14px;}
	.wechat_content{font-size:14px;}
}