.character {
        width: 100%;
        border-bottom: 1px dashed #999;
        margin-bottom: 20px;
    }
    .character h2 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 0;
    }
    .characterImg {
        text-align: center;
        margin: 5px 10px;
    }
    .characterImg img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    .characterImg p {
        border: none !important;
        max-width: 50px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

	.catalogList{
		margin:0 auto;
		margin-top:30px;
		background-color:#f0f0f0;
		padding:20px 60px 20px 60px;
	}
	.catalogList div:nth-child(1){
		background-color:#fff;
		padding:20px 35px 20px 35px;
	}
	.catalogList ul{
		padding:0;
		margin:0;
	}
	.catalogList li{
		vertical-align:middle;
	}
	.catalogList ul li:nth-child(1){
		color:#999;
		line-height:30px;
		margin-right:20px;
	}
	.catalogList li a{
		color:#666;
		min-width:50px;
		height:30px;
		display:inline-block;
		text-align:center;
		line-height:30px;
		padding-left:5px;
		padding-right:5px;
	}
	.catalogList li .active{
		background-color:#1CB15C;
		color:#fff;
		border-radius:5px;
	}
	.catalogList hr{
		margin:10px 10px 10px 60px;
	}
	.booklist{
		text-align:center;
		margin:30px 0 10px 0;
	}

.booklist .suggestTitle{
	margin-bottom:20px;
}
.booklist .suggestCover{
	width:180px;
	height:240px;
  -webkit-box-shadow:0 0 10px #666;  
  -moz-box-shadow:0 0 10px #666;  
  box-shadow:0 0 10px #666;
}
.booklist li{
	text-align:left;
	padding:0;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}
.booklist .hsuggestsLeft{
	width:170px;
	display:inline-block;
	vertical-align:top;
}
.booklist .hsuggestsRight{
	display:inline-block;
	vertical-align:top;
}
.booklist .hsuggestsRight img{
	width:26px;
	height:26px;
}
.booklist .hsuggestsLeft h3{
	font-size:14px;
	line-height:20px;
	font-weight:600;
	margin:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.booklist .hsuggestsLeft h3 a{
	color:#333;
}
.booklist .hsuggestsLeft p{
	font-size:13px;
	margin:2px 0 5px 0;
	overflow:hidden;
	/*white-space:nowrap;*/
	text-overflow:ellipsis;
}
.booklist .hsuggestsIcon{
	margin-right:10px;
}
.booklist .hsuggestsIcon i{
	margin-right:5px;
}

.catalogList .sublist{
	margin:0;
	padding:0;
	display:block;
}
.catalogList .sublist ul{
		margin-left:62px;
		margin-top:-30px;
}

.catalogList .sublist li:nth-child(1){
	margin-right:0;
}

@media screen and (max-width: 991px){
	.catalogList{
		padding:0;
		margin-top:10px;
		border-bottom:10px solid #f0f0f0;
	}
	.catalogList div:nth-child(1){
		padding:10px;
	}
	.catalogList li{
		padding:0;
	}
	.catalogList ul li:nth-child(1){
		margin-right:10px;
	}
	.catalogList li a{
		min-width:46px;
	}
	.catalogList hr{
		margin-left:40px;
	}
	
	.catalogList .sublist ul{
			margin-left:42px;
	}

	.booklist{
		margin-top:20px;
	}
	.booklist .suggestCover{
		width:90px;
		max-height:120px;
		margin-right:5px;
		-webkit-box-shadow:none;  
		-moz-box-shadow:none;  
		box-shadow:none;
	}
	.booklist li{
		display:block;
		margin:10px 0 20px 0;
	}
	.booklist>li>p{
		display:inline-block;
		float:left;
	}
	.booklist .hsuggestsRight{
		display:none;
	}
	.booklist .hsuggestsLeft{
		display:block;
		height:121px;
		width:auto;
		margin-left:100px;
		border-bottom:1px solid #eee;
		display: flex;
    	flex-direction: column;
	}
	.booklist .hsuggestsLeft h3{
		width:auto;
		font-size:14px;
		line-height:20px;
		margin-bottom:10px;
	}
	.booklist .hsuggestsLeft p{
		margin-top:0;
		margin-bottom:5px;
		padding:0;
	}
	.booklist li div[class='text-lightgrey']{
		display:none;
	}
	.booklist .taglist{
		margin-left:45px;
		margin-top:-2px;
	}
	.booklist .taglist li{
		display:inline-block;
		margin:0;
	}
	.booklist .text-lightgrey{
		font-size:14px;
	}
}