.header{background:-webkit-gradient(linear,left top,right top,from(#0063e5),to(#00ffc7));background:linear-gradient(90deg,#0063e5,#00ffc7);font-size:14px}.logo{float:left;margin-top:15px;margin-right:50px;font-weight:400;cursor:pointer}.logo img{float:left;height:30px;margin-right:5px}.logo span{float:left;font-size:20px;line-height:30px}.nav-list{margin:0;padding:0}.nav-list,.nav-list li{display:inline-block}.nav-list li+li{margin-left:1em}.nav-list li a{text-decoration:none}.header .link{height:60px;margin:0 -20px 0 30px;padding:0 30px;line-height:60px}.header .link i{margin-right:3px;font-size:24px;vertical-align:middle}.home:before{background-color:rgba(0,138,222,.5)}.header{color:#666}.header .logo{color:#00ffc7}.header .nav-list li,.header .nav-list li a,.header .nav-list li a:hover{color:#444}.header .user-info{color:#fff;float:left;line-height:60px;cursor:pointer}.header .link{color:#fff;text-decoration:none;background-color:rgba(0,99,229,.7)}.header .link:hover{background-color:rgba(0,99,229,.8)}.header .link i{color:hsla(0,0%,100%,.5)}.logout-box{position:absolute;bottom:40px;color:#eee}.logout-box .logout-btn{border:none!important;background-color:transparent!important}.logout-box .logout-text{text-align:center;font-size:13px}