.a_header{height: 45px;padding: 0 10px;background:#f2f2f2;border-top: 1px solid #d4d3d3;position: relative;}
.a_header a {position: absolute;top: 18px;}
.a_header .share {font-family: "Microsoft YaHei";top: 14px;font-size: 14px;right: 10px;}
.a_footer{width: 100%;background: #f2faff;text-align: center;padding: 7px 0;}
.a_footer img{width: 25%}

body{font-family: "Microsoft YaHei";background-color: #fff;max-width: 750px;margin:0 auto;overflow-x: hidden;}
.banner{
	margin: auto;
	position: relative;
}
.banner .bannerimg{
	width: 100%;
	display: block;
	position: relative;
	margin: auto;
	}
	.banner .item1{
	 position: absolute;
	 width: 100%;
	 height: auto;
	 left: 0;
	 top: 40%;
	}
	.info .box{
		width: 90%;
		position: relative;
		margin: auto;
		font-size: 1.4rem;
		color:#392886;
	}
	.banner .item1 .box{
		position: relative;
		margin: auto;
		font-size: 1.4rem;
		color:#392886;
	}

	.info .box .title{
		font-size: 3rem;
		font-weight: bold;
	
	}
	.info .box .title2{
		font-size: 2rem;
		font-weight: 500;
		margin-top: 2rem;
		
	}
	.info .box .dec{
		font-size: 1.4rem;
		font-weight: 500;
		margin-top:2rem;
	}
	.info .box .content{
		color: #162143;
		line-height: 1.5em;
		margin-top: 2rem;
	}
	.info .box .content.text-left{
		text-align: left;
	}
	.info .box .act{
		margin-top: 2.3rem;
	}
	.info .box .act .act-btn{
		display: inline-block;
		padding: 0 2em;
		height: 3.2rem;
		line-height: 3.2rem;
		font-size: 1.4rem;
		color: #fff;
		border-radius: .2rem;
		background-color: #392886;
		margin-top: 1rem;
	}
	.info .box .act .act-btn.close{
		background-color: #ACA6CB;
	}
	.activity{
		width: 100%;
		position: relative;
	}
	.activity .activity-bg{
		width: 100%;
		height: auto;
	}
	
	.activity .item2{
		position: absolute;
		width: 100%;
		height: auto;
		top:4%;
		left: 0;
		text-align: right;
	   }
	
	
	.activity .item3{
		position: absolute;
		width: 100%;
		height: auto;
		bottom:15%;
		left: 0;
		text-align: left;
	   }
	.info .box{
		width: 90%;
		position: relative;
		margin: auto;
		font-size: 1.4rem;
		color:#392886;
	}
	.activity .item3 .content +.content{
	  margin-top: 0;
	}
	.activity.three{
		margin-top: -5%;
	}
	.activity .info.item4{
		position: absolute;
		width: 100%;
		height: auto;
		top:18%;
		right: 0;
		text-align: right;
		color: #fff; 
	}
	.activity .info.item4 .box{
		color: #fff; 
	}
	.activity .info.item4 .box .title2{
		color: #fff; 
	}
	.activity .info.item4 .box .content{
		color: #fff; 
	}
.htitle{
    display: block;
    width: 90%;
    margin: auto;
    position: relative;
}
.htitle>img{
    width: 100%;
  }

  .into{
    width: 100%;
    background-color: #C8F3CE;
    position: relative;
	padding: 2rem 1rem 2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.into>div{
    margin: auto;
    /* width: 80%; */
    text-align: center;
    font-size: 1.4rem;
    color: #418E0B;
}
.into>div>p{
   margin-top: 1rem;
}
.into>div .gobtn>img{
    margin-top: 1rem;
    width: 14rem;
 }
.into .border-top{
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.into .border-bottom{
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.w73{width: 86%;margin:0 auto;}

.mainCon{width: 100%;margin: 0 auto;}
.foot_banner{position:relative;z-index:-2;width: 100%;min-height:90px;background: url(../img/mwh/bg.png) center top no-repeat; 
	background-color: #effdf1;
	background-size: 100% 100%;}

.main{background: #effdf1;position: relative;padding: 2rem;}
.main .htitle{
	margin-bottom: 1rem;
}
.main .title{
	width: 100%;
    margin-bottom: 20px;
}
.main .title>img{
	width: 100%;
}
.z1{position:absolute;right:-5%;bottom:-68px;z-index:-1;width: 123px;height:120px;background: url(../img/m1.png) no-repeat; background-size: 100% 100%;}


.book_list_top{margin-bottom: 1rem;position: relative;}
.book_cover{width: 32%;margin-right: 4%;border:1px solid #d4d4d4;}
.book_cover img{width: 100%;height: 100%;}
.book_content{width: 63%;}

.booklist{padding: 1rem 0;}
.booklist>li{
	margin: auto;
	width: 100%;
	background-color: #fff;
	padding: 1rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: .4rem;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(141, 238, 121, 0.2), -2px 2px 2px 2px rgba(141, 238, 121,0.2);
	        box-shadow: 2px 2px 2px 2px rgba(141, 238, 121, 0.2), -2px 2px 2px 2px rgba(141, 238, 121,0.2) 
}
.booklist>li+li{
	margin-top: 1rem;
}
.conlist{display: none;}

.book_content a {display: block;}
.book_content h2 {font-size: 1.3rem;line-height: 1.6rem;color:#333;
	margin-top: 4px;
 	text-overflow: -o-ellipsis-lastline;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	line-clamp: 2;
  	-webkit-box-orient: vertical;}
.book_content p {font-size: 1.1rem;color: #666;line-height: 1.4rem;}
.foure-line{
	display: inline;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
p.boook_author {color: #666;margin:8px 0 10px 0;}
.btn{margin-top:1rem;
	display:block;
	width: 7em;
	height: 2rem;
	line-height: 2rem;
	color:#fff;text-align:center;background: #378B06;
	font-size: 1rem;
	
  border-radius: .15rem;
}


.book_list_top:nth-child(2) .btn,.book_list_top:nth-child(6) .btn{bottom: 5px;}


.footer{margin-top: 12px;}
.footer img{width: 100%}
.live_weixin img{width: 100%}


@media screen and (max-width:320px){
    .book_content h2{font-size: 14px;}
    .book_content p{font-size: 12px;}
    p.boook_author {margin:2px 0 6px 0;}
    .btn{bottom: 14px;}
} 
@media screen and (min-width:768px) and (max-width:1920px){
	.booklist{padding-top: 0;}
}