body{background:#26344b;}
a{-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.app-list{position:absolute;background:#26344b;width:100%;height:100%;}
.app-list ul{display:flex;flex-wrap:wrap;flex-direction:column;height:100%;float:left;}
.app-list li{width:80px;margin:25px 0 0 25px;text-align:center;font-size:12px;}
.app-list li .img{background:green;color:#fff;font-weight:bold;width:66px;height:66px;border-radius:5px;margin:0 auto 5px;display:flex;align-items: center;justify-content: center;box-shadow:0 0 5px rgba(0,0,0,.5);}
.app-list li .img i{font-size:40px;margin:auto;}
.app-list li .txt{background:rgba(0,0,0,.5);color:#fff;display:block;line-height:28px;border-radius:14px;}
.app-list li a{display:block;}
.app-list li a:hover .img{box-shadow:0 0 10px rgba(0,0,0,.5);}
.app-list li a:hover .txt{background:rgba(0,0,0,.75);}
#loginform{width:300px;margin:auto;background:#fff;padding:25px;border-radius:10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.member-box{position:absolute;top:0;right:0;color:#fff;font-size:12px;}
.member-box a{color:#fff;}

@media (max-width: 991px){
.app-list{height:auto;padding-bottom:15px;}
.app-list ul{flex-direction:row;height:auto;width:100%;}
.app-list li{margin:15px 0 0 10px;}
}