.knowledge-list .title{
    white-space:normal;
    text-overflow:inherit;
    height: 50px;
}



.creation-header .title{
    font-size: 21px;
    color: #7F522C;
    font-weight: normal;
    margin: 30px 0;
}
.people-info{
    background: #FCF8F1;
    padding: 15px;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.people-info .pic{
    float: left;
    max-width: 170px;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.people-info .txt{
    float: right;
    width: calc(100% - 200px);
    padding: 30px 0;
}
.people-info table{
    color: #7F522C;
    font-size: 17px;
    width: 100%;
}
.people-info th,.people-info td{
    padding: 5px 20px;
    border-top: 1px solid #E7D8C7;
}
.people-info tr:first-child th,.people-info tr:first-child td{
    border-top: none;
}
.people-info .name:before{
    content: '';
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #FF3900;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.people-info .name{
    color: #FF3900;
    border-right: 1px dotted #D1B596;
    text-align: left;
    width: 20%;
}
/******************/

.mood{
	display: block;
	position:relative;

}
.mood ul{
	position: relative;
    display: inline-block;
    margin-left: -30px;
}
.mood li{
    padding:10px;
   
	margin-bottom: 10px;
	display: inline-block;
}
.mood .happy:before{
	content:'';
	display:block;
	width:35px;
	height:35px;
	text-align:center;
	margin:auto;
	background:url(../images/creation/happy.png);
}
.mood .angry:before{
	content:'';
	display:block;
	width:35px;
	height:35px;
	text-align:center;
	margin:auto;
	background:url(../images/creation/angry.png);
}
.mood .Excited:before{
	content:'';
	display:block;
	width:35px;
	height:35px;
	text-align:center;
	margin:auto;
	background:url(../images/creation/Excited.png);
}
.mood .sad:before{
	content:'';
	display:block;
	width:35px;
	height:35px;
	text-align:center;
	margin:auto;
	background:url(../images/creation/sad.png);
}
.mood .Surprised:before{
	content:'';
	display:block;
	width:35px;
	height:35px;
	text-align:center;
	margin:auto;
	background:url(../images/creation/Surprised.png);
}
.mood .num {
	text-align: center;
}
.mood .num.one{
	color: #111;
}
.mood .num.two{
	color: #e09e03;
}
.mood .num.three{
	color: #f35050;
}
.mood .num.four{
	color: #00b3d4;
}
.mood .num.five{
	color: #84c400;
}
.fb-box{
	display: inline-block;
    position: relative;
}

.books-bottom-box{
    position: relative;
    padding-top: 60px;
    border-top: 1px solid #DEDEDE;
    border-width: 1px 0;
}
.bottom-title{
    background: #fa3939;
    width: 136px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.05em;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -68px; 
}


.books-bottom-list {
    margin: 0 -10px;
}
.books-bottom-list .item {
    width: calc(100% / 6);
    margin: 0 auto 30px;
    padding: 0 10px;
}
.books-bottom-list .item:nth-child(6n+1) {
    clear: left;
}
.books-bottom-list .item .box{
    border: 1px solid transparent;
    padding: 10px 10px 20px;
    background: url(../images/bg1.jpg);
    max-width: 275px;
    margin: 0 auto;
}
.books-bottom-list .box:hover{
    border-color: #FDB7B7;
	transition: all 200ms linear;
}
.books-bottom-list li .pic{
    position: relative;
    overflow: hidden;
    margin: 0 auto 20px;
    max-width: 248px;
}
.books-bottom-list .title {
    color: #F83939;
    font-size: 17px;
    margin: 10px 0 0;
    height: 61px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.7;
}
.view-count{
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
}
.view-count .v-number{
    font-weight: 600;
}
.article-like-section {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    align-items: end;
}
.icon-wrap {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: right;
    width: auto;
}
.like-icon {
    width: 30px;
    margin-right: 10px;
}
.like-icon.icon-heart {
    width: 25px;
    position: relative;
    top: -2px;
}
.like-icon.icon-fireworks {
    width: 40px;
}
.like-count {
    font-weight: bold;
    font-size: 16px;
}
.icon-wrap .like-icon img{
    transition:all .3s ease;
}
.icon-wrap:hover .like-icon img {
    transform: scale(1.2);
}
.icon-wrap .like-icon.icon-fireworks img{
    animation: flickerLoop 1.5s infinite ease-in-out;
}
@keyframes flickerLoop {
    0%   { opacity: 1; }
    40%  { opacity: 0.3; }
    70%  { opacity: 1; }
    100% { opacity: 0.6; }
}
/************
@media screen and (max-width: 1130px) {
    .people-info .pic,
    .people-info .txt{
        width: 100%;
        float: none;
    }
}
**/
@media screen and (max-width: 1200px) {
    .books-bottom-list .item {
        width:33.33%;
    }
    .books-bottom-list .item:nth-child(6n+1) {
        clear: unset;
    }
    .books-bottom-list .item:nth-child(3n+1) {
        clear: left;
    }
}
@media screen and (max-width: 860px) {
    .books-bottom-list .item {
        width:50%;
    }
    .books-bottom-list .item:nth-child(3n+1) {
        clear: unset;
    }
    .books-bottom-list .item:nth-child(2n+1) {
        clear: left;
    }
}
@media screen and (max-width: 800px) {
	.people-info .txt{
    float: left;
    width: 100%;
}
}
@media screen and (max-width: 600px) {
	.fb-box{
	
    top: 10px;
}
}
@media screen and (max-width: 480px) {
    .books-bottom-list .item {
        width:100%;
    }
}