
/* quick118 */
.quick118 {width:100%; height:100%; float:left; text-align:center; box-sizing:border-box;}

	.quick118 .qwrap {width:100%; height:100%; float:left;}
	.quick118 .qwrap .qbox {float:left; width:50%; height:50%; position:relative; border:1px solid rgba(0,0,0,0.1); border-width:0 1px 1px 0; box-sizing:border-box;} 
	.quick118 .qwrap .qbox:first-child {border-left-width:1px;}
	.quick118 .qwrap .qbox .icon {vertical-align:middle;padding: 15px 0 0;box-sizing: border-box; line-height:57px; height: calc(100% - 40px);}
	.quick118 .qwrap .qbox .icon img {vertical-align:middle; max-width:100%; display: inline-block; max-height:80%; -webkit-transition:transform 0.5s; transition:transform 0.5s;}

	.quick118 .qwrap .qbox .tit {position:absolute; bottom:30px; width:100%; box-sizing:border-box; padding:0 15px;
   								 transform: translateY(50%);
   								 letter-spacing:-0.5px; font-size: 17px; font-weight: 600;  word-break:keep-all;
   								 overflow:hidden; display:block; white-space:nowrap;  text-overflow:ellipsis;}


	/*layer height - different styling */
	.div_wrap > div:not(.layout_06) .quick118 .qwrap .qbox:nth-child(4) ~ .qbox {display:none;}
		.div_wrap > div:not(.layout_06) .quick118 .qwrap .qbox:nth-child(3) {border-left-width:1px;}
		.layout_06 .quick118 .qwrap .qbox {width:33.333%;}
		.layout_06 .quick118 .qwrap .qbox:nth-child(4) {border-left-width:1px;}

	.quick118 .qwrap .qbox:first-child,.quick118 .qwrap .qbox:nth-child(2) {border-top:1px solid rgba(0,0,0,0.1);}
	.layout_06 .quick118 .qwrap .qbox:nth-child(3) {border-top:1px solid rgba(0,0,0,0.1);}

	/* hover */
	.quick118 .qwrap .qbox:hover .icon img {-moz-transform: scaleX(-1);
									        -o-transform: scaleX(-1);
									        -webkit-transform: scaleX(-1);
									        transform: scaleX(-1);
									        filter: FlipH;
									        -ms-filter: "FlipH";}


	@media (min-width:800px){
		.layout_height_H .quick118 .qwrap .qbox .icon {height: calc(100% - 60px);line-height: 85px;}
		.layout_height_H .quick118 .qwrap .qbox .icon img {max-height:70%;}
		.layout_height_H .quick118 .qwrap .qbox .tit {bottom:40px; -webkit-line-clamp: 2; -webkit-box-orient:vertical; display:-webkit-box;  white-space:normal;}
	}

	@media (max-width:799px){
		.quick118 .qwrap .qbox {height:110px;}
		.quick118 .qwrap .qbox .tit {font-size:16px; padding:0 10px;}

		.quick118 .qwrap .qbox .icon {line-height:40px; height: calc(100% - 40px);}
		.quick118 .qwrap .qbox .icon img {max-height:70%;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .quick118 .qwrap .qbox {height:50%;}
		.layout_block4 .layout_height_H .quick118 .qwrap .qbox .icon {height: calc(100% - 60px);line-height: 85px;}
		.layout_block4 .layout_height_H .quick118 .qwrap .qbox .icon img {max-height:70%;}
		.layout_block4 .layout_height_H .quick118 .qwrap .qbox .tit {bottom:40px; -webkit-line-clamp: 2; -webkit-box-orient:vertical; display:-webkit-box;  white-space:normal;}

	}
	@media (max-width:599px){
		.quick118 .qwrap .qbox {width:25%;}
		.div_wrap > div:not(.layout_06) .quick118 .qwrap .qbox:nth-child(3) {border-left-width:0;}

	}



