/* .listApp_box{font-family: 'Montserrat-Light';} */
.listApp_box{overflow: hidden;}
/* listApp_ul */
.listApp_ul .appli_item{}
.listApp_ul .appli_item .pic{width: 50%; padding-bottom: 50%; order: 1;}
.listApp_ul .appli_item .pic .title{position: absolute; left: 15px; bottom: 15px; right: 15px; color: #fff; font-size: 24px; text-align: center; background: rgba(0, 0, 0, 0.52); margin: 0; padding: 20px 30px; font-weight: normal;}
.listApp_ul .appli_item .info_item{width: 50%; padding: 3%; padding-right: 0; order: 2;}

.listApp_ul .appli_item .info_item .title{font-size: 50px; margin: 0 0 10px; font-weight: bold; line-height: 1.25;}
.listApp_ul .appli_item .info_item .brief{margin-top: 4%; color: #000; line-height: 30px;}

.listApp_ul .appli_item:nth-child(2n) .pic{order: 3;}
.listApp_ul .appli_item:nth-child(2n) .info_item{padding-right: 3%; padding-left: 0;}

.listApp_ul .appli_item:hover .pic .title{background: rgba(0, 0, 0, 0.85);}
.listApp_ul .appli_item:hover .title{color: var(--commonColor);}

@media only screen and (max-width: 1650px) {
	.listApp_ul .appli_item .info_item .title{font-size: 46px;}
}
@media only screen and (max-width: 1450px) {
	.listApp_ul .appli_item .pic .title{font-size: 22px;}
	.listApp_ul .appli_item .info_item .title{font-size: 42px;}
}
@media only screen and (max-width: 1300px) {
	.listApp_ul .appli_item .info_item .title{font-size: 36px;}
}
@media only screen and (max-width: 980px) {
	.listApp_ul .appli_item .info_item .title{font-size: 24px;}
	.listApp_ul .appli_item .pic .title{padding: 14px 20px; font-size: 20px; font-size: 18px;}
	.listApp_ul .appli_item .info_item .brief{margin-top: 12px; line-height: 26px;}
}
@media only screen and (max-width: 768px) {
	.listApp_ul .appli_item{flex-direction: column;}
	.listApp_ul .appli_item:nth-child(n+2){margin-top: 20px;}
	.listApp_ul .appli_item .pic{order: 1 !important; width: 100%; padding-bottom: 100%;}
	.listApp_ul .appli_item .info_item{width: 100%; padding: 20px 0 0;}

}


/* app_detail_main */
.app_th{color: #000; font-size: 22px; margin: 15px 0;}
.appContent{line-height: 28px; color: #333; font-size: 16px; margin: 25px 0 0;}
.appContent *{font-family: inherit !important;}
.appContent p, .appContent span{font-family: inherit !important; line-height: inherit !important; font-size: inherit !important; color: inherit !important;}
@media only screen and (max-width: 980px) {
	.app_th{font-size: 20px;}
	.appContent{margin-top: 20px;}
}