@charset "utf-8";


.wrap-photo {position:relative; overflow:hidden;}
.wrap-photo > ul {position: relative;}
.wrap-photo .title{position: absolute;top: 0;z-index: 1;color: #fff; width:100%; font-size: 3.2rem; font-weight: 700; line-height: 1.2; left: 0; padding: 3.5rem 4rem;}
.wrap-photo .photoWrap{line-height: 1.5;}
.wrap-photo .photoWrap .inner .list{position: relative;}
.wrap-photo .photoWrap .inner .list .subject{display: block;height: 51rem;width: 41rem;overflow: hidden;}
.wrap-photo .subject .thumb{height: 100%;}
.wrap-photo .subject .thumb img{height: 100%;object-fit: cover; width:100%;}
.wrap-photo .subject .con{position: absolute;top: 10rem;color: #fff;padding: 3.5rem 4rem;width:100%;}
.wrap-photo .subject .con .subjectText{font-size: 2.1rem;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}
.wrap-photo .subject .con .content{font-size: 1.5rem;margin-top: 1rem;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;}
.wrap-photo .subject .con .date{font-size: 1.5rem;margin-top: 1rem;}

.wrap-photo .more{display:block;width: 3.5rem;height: 3.5rem;position: absolute;right: 3rem;bottom: 4rem;z-index:1001;text-indent: -999rem;transition:all ease .55s;}
.wrap-photo .more:hover{transform:rotate(90deg);}
.wrap-photo .more:before{content:'';width:100%;height:0.2rem;background:#fff;position: absolute;left: 0;top: 50%;margin-top:-0.1rem;}
.wrap-photo .more:after{content:'';width:0.2rem;height:100%;background:#fff;position:absolute;left:50%;top:0;margin-left:-0.1rem;}


@media only screen and (max-width:1280px){
	.wrap-photo .photoWrap .inner .list .subject{width:100%;}
}

@media only screen and (max-width:767px){
	.wrap-photo .title{padding:2rem; font-size:2.3rem;}
	.wrap-photo .photoWrap .inner .list .subject{height:25rem;}
	.wrap-photo .subject .con{padding:2rem;}
}