@charset "utf-8";


.wrap-photo {position:relative; overflow:hidden; }
.wrap-photo > ul {position: relative; height: 42rem;}
.wrap-photo > ul > li {display: inline-block; vertical-align: middle;}

.wrap-photo > ul > li .kdcaSwiper {position: absolute; display: none; width: 100%; left: 0; top: 10rem;}
.wrap-photo > ul > li.active .kdcaSwiper {display: block;}
.wrap-photo > ul > li .title{position:relative;}
.wrap-photo > ul > li + li .title{padding-left: 3rem;margin-left: 3rem;}
.wrap-photo > ul > li + li .title:before{content:'';width:0.1rem;height: 2rem;display:block;position:absolute;left: 0;top: 2.5rem;background: #cacaca;}

.wrap-photo .title button{font-size: 3.2rem; color: #323232;}
.wrap-photo .active .title button{font-weight:700;}

.wrap-photo a .con .cate{color: #3a6dd3;font-size: 1.6rem;padding: 0.5rem 1rem;background: #f2f4f9;border-radius: 0.5rem;line-height: 1.1;margin-bottom: 1.6rem;display: inline-block;}

.wrap-photo a .con .subjectText,
.wrap-photo a .con .content{text-overflow: ellipsis; overflow: hidden; line-height: 1.4;  display: -webkit-box; -webkit-box-orient: vertical;}
.wrap-photo a .con .subjectText{font-size: 2.4rem;color: #fff;-webkit-line-clamp: 2;font-weight: 700;max-height: 3em;}
.wrap-photo a .con .content{font-size: 1.7rem; color: #666; -webkit-line-clamp: 3; margin-top: 1.6rem;}

.wrap-photo a .con .date{font-size: 1.5rem;color: #fff;}

.wrap-photo .control{position: absolute;right: 0; top: -8.5rem; display: flex; gap:0.5rem; align-items:center;}
.wrap-photo .control button,
.wrap-photo .control a{border:0.1rem solid #e5e5e5; border-radius:1rem; width:4rem; height:4rem; text-indent:-9999px;}

.wrap-photo .control .button-prev{background:#fff url('./../images/arrow-back.svg') center no-repeat;}
.wrap-photo .control .button-next{background:#fff url('./../images/arrow-forward.svg') center no-repeat;}
.wrap-photo .swiper-button-disabled{background-color: #e7e7e7 !important;}
.wrap-photo .control .more{background:#fff url('./../images/arrow-plus.svg') center no-repeat;}
.wrap-photo .control .fraction{width:auto; margin-right: 2rem;}
.wrap-photo .control .fraction .swiper-pagination-current{font-weight: 700; color: #256ef4;}

/* list */
.wrap-photo .swiper-slide{display: inline-block;border-radius:1.5rem;height:32rem;overflow: hidden;}
.wrap-photo .swiper-slide a{height: 100%;display: block;}
.wrap-photo .swiper-slide .thumb{height: 100%;}
.wrap-photo .swiper-slide .thumb img{width: 100%;height: 100%;object-fit: cover;}
.wrap-photo .swiper-slide .thumb:before{content:'';width: 100%;height: 100%;position: absolute;display: block;opacity: .7;}
.wrap-photo .swiper-slide .thumb:before{background: linear-gradient(0deg,rgba(0, 0, 0, 1) 1%, rgba(255, 255, 255, 0) 50%);}
.wrap-photo .swiper-slide .con{position: absolute;bottom: 0;width: 100%;padding: 2rem;}


@media only screen and (max-width:1280px){
	.wrap-photo .title button{font-size:2.8rem;}
}

@media only screen and (max-width:767px){
	.wrap-photo .title button{font-size:2.3rem;}
	.wrap-photo > ul{height: 39rem;}
	.wrap-photo > ul > li .kdcaSwiper{top: 6rem;}
	.wrap-photo .control{top: -6rem;}
	
	.wrap-photo .title button:before{display:none;}
	.wrap-photo .control button, 
	.wrap-photo .control a{width:3.5rem; height:3.5rem;}
	.wrap-photo a .con .subjectText{font-size:2rem;}
}