@charset "utf-8";
/* quick124 @latest 2019.12.20 ssj */

.quick124 {width:100%; float:left; position:relative; box-sizing:border-box; overflow:hidden;}
.quick124 .linkbox_wrap {width:100%; max-width:1600px; margin:0 auto;}
.quick124 .linkbox_wrap .qbox {width:100%;float:left; box-sizing:border-box; position:relative;z-index:0;margin-bottom: 12px;
								border:5px solid rgba(255,255,255,0); -webkit-transition:all 1s; transition:all 1s;}
.quick124 .linkbox_wrap .qbox:last-child {margin-bottom:0;}

.quick124 .linkbox_wrap .qbox .bgbox {position:absolute; width: 100%;height: 100%;z-index:-1; overflow: hidden;}
.quick124 .linkbox_wrap .qbox .bgbox img {width:100%; min-height:100%;}

.quick124 .linkbox_wrap .qbox .innerbox {width:100%;height:100%; box-sizing:border-box;position: relative; -webkit-transition:all 1s; transition:all 1s;}
.quick124 .linkbox_wrap .qbox .innerbox >div {display: inline-block;vertical-align: middle; width: 100%;height: 100%;}
.quick124 .linkbox_wrap .qbox .innerbox .iconbox {width: 33.333%;height: 100%;display: inline-block;padding: 0 15px;box-sizing: border-box;text-align: center;} 
.quick124 .linkbox_wrap .qbox .innerbox .iconbox.dp-none {display:none;}
.quick124 .linkbox_wrap .qbox .innerbox .iconbox img {max-width: 70%;max-height: 60%;vertical-align: middle;display: inline-block;}

.quick124 .linkbox_wrap .qbox .innerbox .tit {font-weight:600; width: 66.666%; color: #333; display: inline-block; white-space: nowrap;
											text-overflow: ellipsis; overflow: hidden; word-break: keep-all; padding: 0 5px 0 10px; box-sizing: border-box;
											margin-left: -4px; text-align: left; vertical-align: middle;}

.border-radius >div:not(.layout_height_L) .quick124 .linkbox_wrap .qbox  {border-radius:8px; overflow:hidden;}
.border-radius.br20 >div:not(.layout_height_L) .quick124 .linkbox_wrap .qbox {border-radius:20px;}


.layout_height_L .quick124 .linkbox_wrap .qbox {border:none !important;}
.quick124 .linkbox_wrap .qbox:hover {border:5px solid rgba(255,255,255,0.7);}
.quick124 .linkbox_wrap .qbox:hover .innerbox .iconbox img {-webkit-animation: jumpfx 1s infinite ease;
                                    -o-animation: jumpfx 1s infinite ease;
                                    animation: jumpfx 1s infinite ease;}
@keyframes jumpfx {
    0% {margin-top:0;}
    60% {margin-top:-10px;}
    0% {margin-top:0;}
}



	@media (min-width:800px){
		.layout_height_H .quick124 .linkbox_wrap .qbox .innerbox {height:99px; line-height:99px;}
		.layout_height_M .quick124 .linkbox_wrap .qbox .innerbox {height:66px;  line-height:66px;}
		.layout_height_L .quick124 .linkbox_wrap .qbox .innerbox {height:50px;  line-height:50px;}
		.layout_height_L .quick124 .linkbox_wrap .qbox {margin-bottom:0;}
	}
	@media (max-width:799px){
		.quick124 .linkbox_wrap .qbox .innerbox {height:90px; line-height:90px;}
	}
	
	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .quick124 .linkbox_wrap .qbox .innerbox {height:99px; line-height:99px;}
		.layout_block4 .layout_04.layout_height_M .quick124 .linkbox_wrap .qbox .innerbox {height:66px;  line-height:66px;}
		.layout_block4 .layout_04.layout_height_L .quick124 .linkbox_wrap .qbox .innerbox {height:50px;  line-height:50px;}
		.layout_block4 .layout_04.layout_height_L .quick124 .linkbox_wrap .qbox {margin-bottom:0;}
	}
	@media (max-width:599px){
		.quick124 .linkbox_wrap .qbox .bgbox img {position:absolute; top:-999px; bottom:-999px; right:-999px; left:-999px; margin:auto; width:auto; min-width:100%;}

	}