#album .bList{margin: 0;overflow: hidden;}
#album .bList >div{float: left;width: calc(100% / 3);}
#album .bList .mofd{margin:16px}
#album .bList .mofd .photo{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;    border: 1px solid #7b6341;}
#album .bList .mofd .photo a{display:block}
#album .bList .mofd .photo a img{width:100%}
#album .bList .mofd h3{margin-top:15px;font-size:20px;font-weight:400;color:#423c3c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#album .bList .mofd h3 a{color: #000;}
#album-info{display:flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;-webkit-flex-wrap:wrap}
#album-info::after{content:'';flex-grow:999999999;-moz-flex-grow:999999999;-ms-flex-grow:999999999;-o-flex-grow:999999999;-webkit-flex-grow:999999999;min-width:200px;height:0}
.album_box{position:relative;height:350px;flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;-webkit-flex-grow:1;background-color:#fff;transition:all ease-in-out 0.3s}
.album_box img{max-width:100%;min-width:100%;height:350px;object-fit:cover;-moz-object-fit:cover;-ms-object-fit:cover;-o-object-fit:cover;-webkit-object-fit:cover;vertical-align:bottom}
.album_box,.album_box img{height:350px}


@media screen and (max-width: 1440px) {
	#album .bList >div{width: calc(100% / 3);}
}
@media screen and (max-width: 1366px) {
	.album_box ,.album_box img{height:230px;}

}
@media screen and (max-width: 1280px) {
	.album_box ,
	.album_box img{height:180px;}
}

@media screen and (max-width: 640px) {
	#album .bList >div{width: calc(100% / 2);}
	#album .bList .mofd{margin: 0 10px 50px 10px;}
}
@media screen and (max-width: 480px) {
	#album .bList .mofd{    margin: 0 6px 20px 6px;}
	#album .bList .mofd h3{    margin-top: 5px;    font-size: 16px;}
}