body{background: #fff;}
.banner{width: 100%;}
.banner img{width: 100%;}
.a_header{height: 45px;padding: 0 16px;border-bottom: 1px solid #e7e7e7;position: relative;}
.a_header a {position: absolute;top: 13px;}
.a_header .share {top: 14px;font-size: 14px;right: 10px;}
.a_footer{width: 100%;background: #f2faff;text-align: center;padding: 7px 0;}
.a_footer img{width: 25%}

.title{height: 100%;line-height: 45px;text-align: center;color: #333;font-size: 16px;font-weight: bold;}

.tabList{text-align:center;height: 60px;border-bottom: 1px solid #e7e7e7;background: #eef6fd;}
.tabList li{float:left;width: 33.33%;height: 60px;color:#666;line-height: 60px;position: relative;}
.tabList li:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 10px;
	background: #eef6fd;
	width: 18px;
	height: 4px;
	margin-left: -9px;
	border-top-left-radius:2em;
	border-top-right-radius:2em;
	border-bottom-right-radius:2em;
	border-bottom-left-radius:2em;
}

.tabWrap{display: none;}
.wrap{background: #eef6fd;}


.active{color:#4395e3;display: block;}
.tabList .active:before{
	background-color: #4395e3;
}

.tabHeader{width: 92%;margin:0 auto;padding-top: 20px;}
.tabHeader p{float:left;height: 18px;font-size: 18px;color: #333;font-weight: bold;}
.tabHeader a{float:right;height: 14px;font-size: 14px;color: #36bbfe;}

.line{width: 100%;height: 10px;background: #fff;}

.bookList{width: 92%;margin:0 auto;}
.bookList li{height: 140px;padding:18px 0;border-bottom: 1px solid #e7e7e7;}
.bookList li:last-child{border:none;}
/*.cover{width: 22%;height:57%;background: red;margin-right: 6%;}*/
.cover{width: 81px;height:108px;}
.cover img{width: 100%;height: 100%;}
.mr3{margin-right: 3%;}
.bookMsg{width:72%;}
.name{height:16px;line-height:16px;font-size: 16px;color: #333;
	white-space: nowrap; 
  	width: 100%; 
  	overflow: hidden;
  	text-overflow:ellipsis;}
.bookMsg p{font-size: 12px;color: #999;}
.author,.publish{height: 12px;line-height: 12px;margin-top: 11px;
	white-space: nowrap; 
  	width: 100%; 
  	overflow: hidden;
  	text-overflow:ellipsis;}
.intro{height:28px;line-height: 14px;margin-top: 11px;margin-bottom: 11px;
	width: 100%;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.btnList a{display: inline-block;width: 66px;height: 27px;line-height: 27px;text-align: center;color: #666;border:1px solid #e7e7e7;border-radius: 5px;overflow: hidden;}
.btnList .read{border-color:#36bbfe;color: #fff;background: #36bbfe;margin-right: 10px;}

.listenCoverBox{margin-top:14px;position:relative;width: 81px;height: 81px;border:1px solid ##e7e7e7;border-radius: 50%;overflow: hidden;}
.listenCover{border-radius: 50%;overflow: hidden;position: absolute;left:50%;top:50%;margin-left:-38.5px;margin-top:-38.5px;width: 77px;height: 77px;}
.listenCover img{width: 100%;height: 100%;}

.b1{border-radius: 50%;overflow: hidden;position: absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;width: 14px;height: 14px;background: #fff;z-index: 1}
.b2{border-radius: 50%;overflow: hidden;position: absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;width: 22px;height: 22px;border:2px solid #fff;box-sizing: border-box;}

.text-center{text-align: center;}
.footerC{width: 92%;margin: 10px auto;color: #666;}
.footerC p{margin-bottom: 10px;}

@media screen and (max-width:320px){
    .bookMsg{width: 65%;}
}