.blind:after{ display:none;}
#album{
    overflow: hidden;margin-bottom: 50px;
}
.bookStyle{position:relative;overflow:visible;width: calc(50% - 141px);margin: 0px 70px 40px;float: left;}
.bookStyle:nth-child(even){    margin-top: 100px;}
.bookStyle .photo{left:0;top:0;width:100%;height:100%;z-index: 1;}
.bookStyle .photo a img{width:100%;height:100%;object-fit:cover}
.bookStyle .info{z-index: 2;right: -30px;width: 64%;text-align: right;bottom: 10%;position: absolute;}
.bookStyle .info h3{font-size: 22px;text-align: right;writing-mode:initial;margin:0;background: #7b738c;position: relative;}
.bookStyle .info h3 a{color:#fff;display:inline-block;width:auto;height:auto;padding:4px 10px;font-weight:400;line-height:120%;position:relative;z-index: 2;}
.bookStyle .info h4{font-size: 20px;line-height:120%;text-align:right;background: #3e384b;color:#fff;display:inline-block;padding:6px 12px;font-weight:400;margin-top:5px;writing-mode:initial;}
.bookStyle .photo,.bookStyle .info h3 a,.bookStyle .info h4,.bookStyle .info h3{transition:all linear .3s}
.main-article.moreW .workframe{
    width: 80%;
}
.main-article #describe{overflow: hidden;margin-top: 50px;}
.main-article.moreW article{margin:10px;
    overflow: hidden;}
#community{    padding: 50px 10px;
    overflow: hidden;}
.grid:after{content:'';display:block;clear:both;}
.grid-sizer,
.grid-item{width:20%;}
.grid-item{float:left;}
.grid-item img{display:block;width:100%;}
.grid-item a{display:block;position:relative;margin: 10px;}
.grid-item a p{position:absolute;bottom:0;left:0;width:calc(100% - 40px);padding:10px 20px;color:#fff;background: #0000006b;}

@media screen and (min-width: 1025px) {
.bookStyle:hover .photo{width: 100%;height: 100%;left: 0;top: 0;}
.bookStyle .info h3:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background: #caae80;z-index: 1;transform:scale(0,1);transform-origin:right center 0;transition:transform 1s cubic-bezier(0.23,1,0.32,1)}
.bookStyle:hover .info h3:after{transform:scale(1,1);transform-origin:left center 0;}
}
@media screen and (max-width: 1440px) {
.grid-sizer,
.grid-item{width:25%;}
}

@media screen and (max-width: 1024px) {
	.bookStyle{
    width: calc(50% - 101px);
    margin: 0 50px;
}
.bookStyle .info{
    left: -50px;
}
	.bookStyle .info h3{
    font-size: 30px;
}
	.bookStyle .info h4{
    font-size: 15px;
}
	.main-article #describe{
    margin-top: 40px;
    margin-bottom: 0px;
}
}
@media screen and (max-width: 960px) {
	.bookStyle:nth-child(even){
    margin-top: 50px;
}
	.bookStyle .info h3{
	font-size: 22px;
	}
	.bookStyle .info h4{
	font-size: 12px;
	display: none;
	}
	.bookStyle .info h3 a{
    text-align: center;
    display: block;
    padding: 13px 10px;
}
	.grid-sizer,
	.grid-item{width:50%;}
	.grid-item a{margin: 0;}

	.bookStyle{
		float: none;
		width: calc(100% - 0px);
		margin: 30px auto;
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.bookStyle:nth-child(even){
		margin: 0 auto;
		margin-left: 0;
	}
	.bookStyle .info{width: 100%;left: 0;position: inherit;bottom: 0;}
	.bookStyle .photo{
    position: relative;
}
	.main-article.moreW .workframe{width:100%;}
}
@media screen and (max-width: 480px) {
	.bookStyle{
	/* width: calc(80% - 0px); */
	/* margin: 30px auto; */
	}
	.bookStyle:nth-child(even){
	/* margin: 0 0 0 20px; */
	/* margin-left: calc(20% + 20px); */
	}
}