body{height:100%;background-color:#EEE;margin:0;padding:0;overflow:hidden}
.header{position:relative;height:30%;background-color:#0077C4;display:flex}
.header .banner{position:absolute;right:0;margin-right:50px;color:#FFF;height:50px;line-height:50px;display:flex;-moz-display:flex;-ms-display:flex;-webkit-display:flex}
.header .banner .welcome{display:flex;float:left}
.header .banner .logout{cursor:pointer;text-decoration:underline;float:left}
.header .logo{margin:auto;text-align:center;height:120px;color:#FFF;border-radius:100px;padding-top:40px\9}
.header .logo .logoIcon{width:60px;height:60px;margin:0 auto 15px}
.header .logo .text-ch{font-size:20px;line-height:30px}
.container{height:65%;background-color:#FFF;color:#FFF;text-align:center;line-height:175px;font-size:13px;display:flex;align-items:center;justify-content:center}
.container .list {margin:0 auto;text-align:center;width:900px\9;padding-top:40px\9;}
.container .list .group{overflow:hidden;display:flex;align-items:center;justify-content:center}
.container .list .item{position:relative;width:150px;height:114px;float:left;margin:20px 32px;overflow:hidden;border-radius:4px}
.container .list .item:hover{opacity:.8}
.container .list .item .icon{position:absolute;height:90px;width:100%;line-height:90px;top:0;right:0;font-size:40px;color:#FFF;text-align:center}
.footer{height:5%;width:100%;line-height:50px;color:#B4B4B4;text-align:center;display:flex;align-items:center;justify-content:center}