.appli-list{display:flex;flex-wrap:wrap;}
.appli-list .appli-item{width:33.33%;position: relative;}
.appli-list .appli-item:nth-child(n+4){width:50%;}
.appli-list .appli-item .inner-des{position:absolute;width:100%;height:100%;top:0;left:0;padding:20px;z-index:2;color:#fff;display: flex;flex-direction: column;background:rgba(0,0,0,0.2);}
.appli-list .appli-item .inner-des .title{margin-bottom:auto;font-size:var(--fontsize20)}
.appli-list .appli-item .inner-des a{padding:8px 20px;background: var(--color);color:#fff;transition: all .3s;width:120px;text-align: center;transition: all .3s;}
.appli-list .appli-item .inner-des a:hover{background: #000;}
@media (max-width:768px){.appli-list .appli-item .inner-des .title{font-size:var(--fontsize16)}}
@media (max-width:500px){.appli-list .appli-item,.appli-list .appli-item:nth-child(n+4){width:100%;}
.appli-list .appli-item .inner-des a{padding:5px 15px;}}