body{
	font-size: 28px;
	color: #333333;
	background: #FFFFFF;
}
.author-title{
	height:100px;
	font-size:32px;
	font-family:PingFang SC;
	font-weight:bold;
	color:#333333;
	line-height:100px;
	margin-left: 30px;


}
.hotbook-base{
	width:700px;
	margin-left: 25px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.05);
	border-radius:25px;
	margin-top: 20px;
	padding-bottom: 20px;
}
	

.hotbook-item-base{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	height: auto;
}
  .hotbook-item-base::-webkit-scrollbar {
        display: none;/*隐藏滚动条*/
    }

.hotbook-item{
	margin-left: 0px;
	margin-right: 12px;
	width:150px;
    display:inline-block;
    box-sizing: border-box;
}
.book-cover-img{
	width:150px;
	height:200px;

}
.book-title{
	width: 100%;
	height: auto;
	font-size:28px;
	font-family:PingFang SC;
	font-weight:400;
	color:#333333;
	text-align: left;
	overflow: hidden;
    white-space:nowrap; 
    text-overflow:ellipsis;
}

.his-title-base{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.his-more-button{
	font-size: 26px;
	color: #999999;
	margin-right: 40px;
	text-decoration: none;
	width: 100px;
	text-align: right;
	
}
.empty-base{
	width: 100%;
	height: 380px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
}
.empty-img{
height: 300px;
width: auto;
margin: 0 auto;
	
}
.his-nodata-alert{
	height: 80px;
	line-height: 80px;
}
.book-base{
	display: flex;
	flex-direction: row;
	
}

.book-cover{
	margin-left: 40px;
	width: 160px;
	height: 225px;
}
.content-base{
	width: 480px;
	margin-left: 30px;
}
.book-like-title{
	font-size:28px;
	font-weight:bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.book-like-author{
	font-size:24px;
	font-weight:400;
	color: #666666;
	margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.book-like-summary{
	margin-top: 24px;
	font-size:24px;
	line-height: 36px;
	font-weight:500;
	color: #999999;
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	background:rgb(245,245,245);
	border-radius: 10px;
	
}
.c-count{
	margin-left:0;
	color:#333333;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.c-count-text{
	margin-left: 10px;
}
.c-time{
	margin-right:20px;
	
}
.con-img{
	width:16px;
	height:20px;
	margin-left: 20px;
}