@charset "utf-8"; 
/* quick159 */

.widequick159 {position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden;}
.widequick159 .contWrap {box-sizing:border-box; height:100%;}
.widequick159 .contWrap .bnrWrap {display:flex; flex-flow:row wrap; align-content:stretch; align-items:stretch; width:100%; box-sizing:border-box; height:100%;}
.widequick159 .contWrap .bnrWrap li {box-sizing:border-box;}
.widequick159 .contWrap .bnrWrap li a {width:100%; height:100%; position:relative; display:block;}
.widequick159 .contWrap .bnrWrap li .imgBox {width:100%; display:block; height:0; padding-bottom:120%; position:relative; overflow:hidden;}
.widequick159 .contWrap .bnrWrap li .imgBox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto; min-width:100%; min-height:100%;}

.widequick159 .contWrap .bnrWrap li .txtBox {padding:20px; box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-end;}
.widequick159 .contWrap .bnrWrap li .txtBox .qsubTit {text-align:left; width:100%;}
.widequick159 .contWrap .bnrWrap li .txtBox .qsubTit div {width:auto; display:inline-flex; border-radius:2px;}
.widequick159 .contWrap .bnrWrap li .txtBox .qTit {margin-top:5px; width:100%; text-align:left;}
.widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt {width:100%; display:block; padding:20px 0; border-top:1px solid rgba(255,255,255,0.5); margin-top:20px; flex-grow:1; color:#fff; line-height:150%;}
.widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt>div {-webkit-line-clamp:8; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; max-height:180px; overflow:hidden;}
.widequick159 .contWrap .bnrWrap li .txtBox .moreBtn {padding:8px 20px; background:#fff;}


@keyframes toTOPFX { 
	0% 	 {top:30%; opacity:0.5;} 
	100% {top:0; opacity:1;} 
}




/* layout option */
.border-radius .widequick159 .contWrap .bnrWrap li .txtBox .moreBtn {border-radius:15px;}

.mxwd100 .layout_01 .widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt>div {-webkit-line-clamp:7; max-height:147px;}
.layout_height_H .widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt>div {-webkit-line-clamp:6; max-height:135px;}
.layout_height_M .widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt>div {-webkit-line-clamp:2; max-height:45px;}

	@media (min-width:1600px){
		.mxwd100 .layout_01 .widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt>div {-webkit-line-clamp:11; max-height:315px;}
	}
	@media (min-width:1300px){
		.mxwd100 .layout_01 .widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt>div {-webkit-line-clamp:13; max-height:275px;}
	}
	@media (min-width:991px) and (max-width:1250px){
		.widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt>div {-webkit-line-clamp:5 !important; max-height:147px;}
	}







	@media (min-width:800px){
		.widequick159 .contWrap .bnrWrap li {width:25%; height:100%; max-height:520px;}
		.widequick159 .contWrap .bnrWrap li:nth-child(-n+4) {flex-grow:1;}
		.widequick159 .contWrap .bnrWrap li .txtBox {position:absolute; left:0; top:0; width:100%; height:100%;}
	
		.widequick159 .contWrap .bnrWrap li:hover .txtBox {animation:toTOPFX 1s 1 ease;}
		.widequick159 .contWrap .bnrWrap li:hover .txtBox .qsubTit,
		.widequick159 .contWrap .bnrWrap li:hover .txtBox .qTit {color:#fff;}
		.widequick159 .contWrap .bnrWrap li:hover .txtBox .qsubTit div {padding:3px 5px; font-size:13px;}
		.widequick159 .contWrap .bnrWrap li:not(:hover) .txtBox .qsubTit div,
		.widequick159 .contWrap .bnrWrap li:not(:hover) .txtBox {background:transparent !important;}
		.widequick159 .contWrap .bnrWrap li:not(:hover) .txtBox .qcoTxt {display:none;}
		.widequick159 .contWrap .bnrWrap li:not(:hover) .txtBox .moreBtn {display:none;}
	}


	@media (min-width:991px){	
		.layout_06 .widequick159 .contWrap .bnrWrap li .imgBox {height:100%; padding:0;}
		.widequick159 .contWrap .bnrWrap li .txtBox .qcoTxt {word-break:keep-all; word-wrap:break-word;}
	}
	@media (min-width:800px) and (max-width:990px){
		.layout_06 .widequick159 .contWrap .bnrWrap li {width:25%;}
		.layout_06 .widequick159 .contWrap .bnrWrap li .imgBox {height:100%; padding:0;}
		.layout_06 .widequick159 .contWrap .bnrWrap li .imgBox img {max-width:110%;}
		.layout_01 .widequick159 .contWrap .bnrWrap li {width:50%;}
	}
	@media (max-width:799px){	
		.widequick159 .contWrap .bnrWrap li {width:100%;}
		.widequick159 .contWrap .bnrWrap li a {display:flex;}
		.widequick159 .contWrap .bnrWrap li .imgBox {width:50%; padding-bottom:0; height:100%;}
		.widequick159 .contWrap .bnrWrap li .txtBox {animation:none !important; position:relative; width:50%;}

		.widequick159 .contWrap .bnrWrap li .txtBox .qsubTit,
		.widequick159 .contWrap .bnrWrap li .txtBox .qTit {color:#fff;}

		.widequick159 .contWrap .bnrWrap li:nth-child(even) .imgBox {order:2;}
		.widequick159 .contWrap .bnrWrap li:nth-child(even) .txtBox {}

		.layout_height_H .widequick159 .contWrap .bnrWrap li {height:350px;}
		.layout_height_M .widequick159 .contWrap .bnrWrap li {height:250px;}
	}