/* listApp_ul */
.appli_item{margin-bottom: 3%; position: relative; border: 2px solid #000; border-radius: 80px; padding: 2.6% 3%;}
.appli_item:last-child{margin-bottom: 0;}
.app_pic_item{width: 25%;}
.app_pic_item .pic{padding-bottom: 100%; border-radius: 60px;}
.appli_info{width: 71%;}
.appli_info .title{font-family: 'Arial-Bold'; font-size: 48px; line-height: 1.25; overflow: hidden; display: block;}
.appli_info .brief{color: #666; line-height: 28px; max-height: 140px; overflow: hidden; margin: 3% 0 2.5%;}
.appli_item:hover{border-color: var(--commonColor);}
.appli_item:hover .appli_info .title{color: var(--commonColor);}
.appli_item:hover .appli_info .brief{color: #333;}

@media only screen and (max-width: 1500px) {
	.appli_item{border-radius: 66px;}
	.app_pic_item .pic{border-radius: 50px;}
	.appli_info .title{font-size: 42px;}
}
@media only screen and (max-width: 1400px) {
	.appli_item{border-radius: 56px; padding: 2.4% 2.6%;}
	.app_pic_item .pic{border-radius: 42px;}
	.appli_info .title{font-size: 34px;}
}
@media only screen and (max-width: 1200px) {
	.appli_item{border-radius: 46px;}
	.app_pic_item .pic{border-radius: 32px;}
	.appli_info .title{font-size: 28px;}
	.appli_info .brief{margin: 10px 0 10px;}
}
@media only screen and (max-width: 980px) {
	.appli_item{width: 100%; margin-bottom: 20px; border-width: 1px; border-radius: 24px; flex-direction: column; padding: 16px 16px 24px;}
	.appli_item:last-child{margin-bottom: 5px;}
	.app_pic_item{width: 100%;}
	.app_pic_item .pic{border-radius: 20px; padding-bottom: 75%;}
	.appli_info{padding: 20px 0 0; width: 100%;}
	.appli_info .title{font-size: 22px; max-height: unset; display: block; height: auto;}
	.appli_info .brief{max-height: unset; -webkit-line-clamp: 3; margin: 10px 0 14px;}
}



/* app_detail_main */
.app_detail_main .aside{margin-left: 3.5%; margin-right: 0;}
.appContent{margin: 20px 0 0;}
.app_th{color: var(--commonColor); font-size: 24px; font-family: 'Rambla-Bold'; margin: 0 0 10px;}