.app_info_item::before{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

/* listApp_list */
.listApp_list{}
.lapp_item{margin-bottom: 4%;}
.lapp_item:last-child{margin-bottom: 0;}

.app_pic_item{width: 46.5%; order: 1;}
.app_pic_item .pic{padding-bottom: 100%; border-radius: 24px;}
.app_info_item{width: 43.5%; order: 2; text-align: left; padding-bottom: 16px; position: relative;}
.app_info_item::before{position: absolute; left: 0; width: 0; height: 2px; bottom: 0; background: var(--commonColor); content: '';}
.app_info_item .brief{color: #777; max-height: 560px; overflow-y: auto;}

.lapp_item:nth-child(even) .app_pic_item{order: 3;}


.lapp_item:hover .app_info_item::before{width: 100px;}
.lapp_item:hover .app_info_item .title::before{color: #333;}



@media only screen and (max-width: 1450px) {
    .app_info_item .brief{max-height: 448px;}
}
@media only screen and (max-width: 1200px) {
    .app_info_item .brief{max-height: 336px;}
}
@media only screen and (max-width: 950px) {
    .app_info_item .brief{max-height: unset;}
    .lapp_item{flex-direction: column; margin-bottom: 20px;}
    .app_pic_item{width: 100%;}
    .app_pic_item .pic{border-radius: 16px;}
    .app_info_item{width: 100%; margin-top: 20px; padding-bottom: 12px;}
    /* .app_info_item::before{height: 0;} */
    .lapp_item:nth-child(even) .app_pic_item{order: 1;}
}