/* quick123 */
.quick123 {width:100%; float:left; box-sizing:border-box; background:#fff;}
.quick123 .titlebox {width:100%; float:left; position:relative;}
.quick123 .qTitle {width:75%; line-height:30px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.quick123 .iconbox {position:absolute; right:0; bottom:0; width:25%; box-sizing:border-box; text-align:right;}
.quick123 .iconbox img {display:inline-block; max-width:100%; max-height:60px; margin-bottom:-3px;}

.quick123 .innerbox {margin-bottom:-2px; width:100%; float:left;}
.quick123 .innerbox .qbox {width:calc(100% + 6px); float:left; box-sizing:border-box; margin-left:-3px;}
.quick123 .innerbox .qbox a {width:100%; height:100%; float:left;}
.quick123 .innerbox .qbox .tit {width:calc(100% - 100px); color:#fff; letter-spacing:-0.5px; font-weight:600; box-sizing:border-box;
					  			word-break:keep-all; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.quick123 .innerbox .qbox .tit:hover {text-decoration:underline;}
.quick123 .innerbox .qbox .more_btn {line-height:150%; text-align:left; color:#fff; min-width:95px; max-width:25%; 
									background:rgba(0,0,0,0.3); padding:10px 10px 14px; display:inline-block; float:right; 
									position:relative; box-sizing:border-box;}
.quick123 .innerbox .qbox .more_btn:before {content:""; border-bottom:1px solid #fff; width:calc(100% - 20px); 
											display:block; position:absolute; bottom:10px;}
.quick123 .innerbox .qbox .more_btn:after {content:""; position:absolute; bottom:10px; right:10px; border-left:5px solid #fff; 
											border-top:5px solid transparent; border-bottom:0px solid transparent;}
	.quick123 .innerbox .qbox:first-child {background-color:#92bd7d;}
	.quick123 .innerbox .qbox:nth-child(2) {background-color:#87ae73;}
	.quick123 .innerbox .qbox:nth-child(3) {background-color:#7b9f69;}
	.quick123 .innerbox .qbox:nth-child(4) {background-color:#759863;}
	.quick123 .innerbox .qbox:nth-child(5) {background-color:#6d8f5c;}



/*layer height - different styling */
.layout_height_H .quick123 .innerbox .qbox {padding-top:15px; padding-bottom:12px;}
.layout_height_M .quick123 .innerbox .qbox {padding-top:10px; padding-bottom:8px;}
.layout_height_L .quick123 .innerbox .qbox {padding-top:7px; padding-bottom:6px;}
.layout_height_L .quick123 .innerbox .qbox .tit {margin-bottom:0; width:calc(100% - 100px); line-height:30px;}
.layout_height_L .quick123 .innerbox .qbox .more_btn {width:30%; float:right; padding:5px 10px;}
.layout_height_H .quick123 .innerbox .qbox:nth-child(4) ~ div {display:none;}
.layout_height_M .quick123 .innerbox .qbox:nth-child(3) ~ div {display:none;}
.layout_height_L .quick123 .innerbox .qbox:nth-child(2) ~ div {display:none;}
.layout_height_L .quick123 .innerbox .qbox .more_btn:before {display:none;}
.layout_height_L .quick123 .innerbox .qbox .more_btn:after {border-bottom:5px solid transparent; bottom:50%; margin-bottom:-3px;}



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

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