@charset "utf-8";
/* @latest 2021.03.16 YHY */

/* quick135 */
.quick135 {width:100%; height:100%; float:left; text-align:center; box-sizing:border-box;}

	.quick135 .qwrap {width:100%;/* height:100%; */float:left;}
	.quick135 .qwrap .qbox {float:left;position:relative;border: 2px solid #ddd;margin-right: 2%;margin-bottom: 11px;width: 32%;padding: 10px;box-sizing: border-box;height: 109px;}
  .quick135 .qwrap .qbox > a {display: block;} 
	.quick135 .qwrap .qbox:first-child {}
	.quick135 .qwrap .qbox .icon {vertical-align:middle; box-sizing: border-box;}
	.quick135 .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;}

	.quick135 .qwrap .qbox .titbox {height: 36px; line-height: 36px;}
	.quick135 .qwrap .qbox .tit {width:100%;box-sizing:border-box;letter-spacing:-0.5px;font-size: 16px;word-break:keep-all;overflow:hidden;line-height: normal;max-height: 36px;vertical-align: middle;display: inline-block;text-align: center;font-weight: 400;}


    .quick135 .qwrap .qbox:nth-child(3n) {margin-right:0;}
    .quick135 .qwrap .qbox:nth-child(3n+1) {clear:both;}
    .quick135 .qwrap .qbox:nth-child(6) ~ .qbox {margin-top:1px; margin-bottom:0;}

	/* hover */
	.quick135 .qwrap .qbox:hover .icon img {-moz-transform: scaleX(-1);
																				-o-transform: scaleX(-1);
																				-webkit-transform: scaleX(-1);
																				transform: scaleX(-1);}





    .layout_height_M .quick135 .qwrap .qbox {height: 75px;margin-bottom: 12px;padding: 5px;}
    .layout_height_M .quick135 .qwrap .qbox .icon {height: 35px;line-height: 35px;margin-bottom: 3px;}
    .layout_height_M .quick135 .qwrap .qbox .tit {white-space: nowrap; text-overflow: ellipsis;}
    .layout_height_M .quick135 .qwrap .qbox .titbox {height: auto; line-height: 150%;}


		.border-radius .quick135 .qwrap .qbox {border-radius: 5px;}


	@media (min-width:800px){
		.layout_height_H .quick135 .qwrap .qbox .icon {height: 50px;line-height: 50px;}
		.layout_height_H .quick135 .qwrap .qbox .icon img {max-height: 90%;}
		.layout_height_H .quick135 .qwrap .qbox .tit {-webkit-line-clamp: 2; -webkit-box-orient:vertical; display: -webkit-inline-box; white-space:normal;}
	}

	@media (max-width:799px){

	}

	@media (min-width:600px) and (max-width:799px){

	}
	@media (max-width:599px){

	}