.app-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -14px;margin-right: -14px; transition: all .5s;padding-bottom: 27px;}
.app-list-item{display: inline-block;vertical-align: top;position: relative;width: 33.3333333%;padding: 0 15px;margin-bottom: 24px;}
.app-list-item .item-box{position: relative;width: 100%;}
.app-list-item .item-box .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;}
.app-list-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.app-list-item .item-box .item-pic::after{position: absolute;content: '';left: 0;right: 0;top: 100%;width: 100%;height: 100%;transition: all .5s;background: linear-gradient(-90deg, #0E2D8A, #039C42);opacity: 0.9;}
.app-list-item .item-box:hover .item-pic::after{top: 0;bottom: 0;}
.app-list-item .item-box .item-info{position: absolute;left: 50%;top: 150%;transform: translate(-50%,-50%);width: 100%;z-index: 2;padding: 20px 30px;text-align: left;transition: all .5s;}
.app-list-item .item-box:hover .item-info{top: 50%;}
.app-list-item .item-box .item-info a{text-align: left;}
.app-list-item .item-info .item-title{position: relative;font-size: 24px;font-size: 2.4rem ;line-height: 36px;font-family: AkzidenzGroteskBQ-XBdCnd;color: #fff;}
.app-list-item .item-info .item-desc{position: relative;margin-top: 16px;font-size: 18px;color: #FFFFFF;line-height: 30px;}
.app-list-item .item-info .item-btn{position: relative;margin-top: 22px;}
.app-list-item .item-info .item-btn .btnn{display: inline-block;vertical-align: top;text-align: center; width: 31px;line-height: 29px;height: 31px;font-size: 14px;color: #fff;border: 1px solid #FFFFFF;}
.app-list-item .item-info .item-btn .btnn .iconfont{display: inline-block;vertical-align: top;font-size: 14px;}
.app-list-item .item-info .item-title a, .app-list-item .item-info .item-desc a{color: #fff;}
.app-list-item .item-info .item-title a:hover, .app-list-item .item-info .item-desc a:hover, .app-list-item .item-info .item-btn a.btnn:hover{color: #bdbdbd;border-color: #ddd;}

.app-list-item .item-box .item-body{position: relative;width: 100%;padding-top: 21px;}
.app-list-item .item-body .item-title{font-size: 24px;font-size: 2.4rem ;line-height: 36px;font-family: AkzidenzGroteskBQ-XBdCnd;color: #333;}

@media (min-width:1260px) and (max-width: 1459px) {
	.app-list{margin-left: -10px;margin-right: -10px;padding-bottom: 24px;}
	.app-list-item{width: 33.3333333%;padding: 0 10px;margin-bottom: 22px;}
	.app-list-item .item-box .item-info{padding: 16px 24px;}
	.app-list-item .item-info .item-title{font-size: 22px;font-size: 2.2rem;line-height: 34px;}
	.app-list-item .item-info .item-desc{margin-top: 14px;font-size: 17px;line-height: 30px;}
	.app-list-item .item-info .item-btn{margin-top: 20px;}
	.app-list-item .item-info .item-btn .btnn{width: 30px;line-height:28px;height:30px;font-size: 14px;}
	.app-list-item .item-info .item-btn .btnn .iconfont{font-size: 14px;}
	.app-list-item .item-box .item-body{padding-top: 20px;}
	.app-list-item .item-body .item-title{font-size: 22px;font-size: 2.2rem ;line-height: 34px;}
}
@media (min-width:992px) and (max-width: 1259px) {
	.app-list{margin-left: -5px;margin-right: -5px;padding-bottom: 20px;}
	.app-list-item{width: 33.3333333%;padding: 0 5px;margin-bottom: 20px;}
	.app-list-item .item-box .item-info{padding: 12px 18px;}
	.app-list-item .item-info .item-title{font-size: 20px;font-size: 2rem;line-height: 32px;}
	.app-list-item .item-info .item-desc{margin-top: 8px;font-size: 16px;line-height: 28px;}
	.app-list-item .item-info .item-btn{margin-top: 16px;}
	.app-list-item .item-info .item-btn .btnn{width: 28px;line-height:26px;height:28px;font-size: 13px;}
	.app-list-item .item-info .item-btn .btnn .iconfont{font-size: 13px;}
	.app-list-item .item-box .item-body{padding-top: 18px;}
	.app-list-item .item-body .item-title{font-size: 20px;font-size: 2rem ;line-height: 32px;}
}
@media (max-width: 991px) {
	.app-list{margin-left: -12px;margin-right: -12px;padding-bottom: 20px;}
	.app-list-item{width: 50%;padding: 0 12px;margin-bottom: 20px;}
	.app-list-item .item-box .item-info{padding: 12px 18px;}
	.app-list-item .item-info .item-title{font-size: 18px;font-size: 1.8rem;line-height: 30px;}
	.app-list-item .item-info .item-desc{margin-top: 10px;font-size: 16px;line-height: 28px;}
	.app-list-item .item-info .item-btn{margin-top: 16px;}
	.app-list-item .item-info .item-btn .btnn{width: 28px;line-height:26px;height:28px;font-size: 13px;}
	.app-list-item .item-info .item-btn .btnn .iconfont{font-size: 13px;}
	.app-list-item .item-box .item-body{padding-top: 16px;}
	.app-list-item .item-body .item-title{font-size: 18px;font-size: 1.8rem ;line-height: 30px;}
}
@media (max-width: 720px) {
	.app-list{margin-left: -8px;margin-right: -8px;padding-bottom: 18px;}
	.app-list-item{width: 50%;padding: 0 8px;margin-bottom: 18px;}
	.app-list-item .item-box .item-pic::after{display: none;}
	.app-list-item .item-box .item-info{padding: 12px 18px;display: none;}
	.app-list-item .item-box .item-body{padding-top: 14px;}
	.app-list-item .item-body .item-title{font-size: 17px;font-size: 1.7rem ;line-height: 30px;}
}
@media (max-width: 560px) {
	.app-list{margin-left: -6px;margin-right: -6px;padding-bottom: 18px;}
	.app-list-item{width: 50%;padding: 0 6px;margin-bottom: 18px;}
	.app-list-item .item-box .item-info{padding: 8px 15px;display: none;}
	.app-list-item .item-box .item-body{padding-top: 12px;}
	.app-list-item .item-body .item-title{font-size: 16px;font-size: 1.6rem ;line-height: 28px;}
}
@media (max-width: 380px) {.app-list-item{width: 100%;}}