*{padding:0px;margin:0px;font-family: "Microsoft Yahei";text-decoration: none;list-style: none;}
.main{width:100%;height:100%;margin:auto;}
.main .left{
    width:70px;
    height:auto;
    background: #F8F8F8;
    border-right: 1px solid #ececec;
    height: 100%;
    float: left;
    padding: 12px 15px 24px 15px;
    transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
    z-index: 200;
    box-sizing: border-box;
    position: absolute;
}
.main .left .leftLogo{
    width:42px;
    height:32px;
    margin:20px auto 30px;
    background: url("../images/logo.png") center center no-repeat;
}
.main .left .btnList{
    width:36px;
    height:auto;
    margin:30px auto 0px;
}
.main .left .btnList li{
    cursor: pointer;
    width:36px;
    height:36px;
    margin:15px auto 15px;
}
.main .left .userInfo{
    cursor: pointer;
    border-top: 1px solid #e1e1e1;
    position: fixed;
    width:36px;
    height:36px;
    padding:17px;
    bottom: 0;
    left: 0;
    right: 0;
}
.main .left .userImg{
    width: 36px;
    height: 36px;
    margin: auto;
    border-radius: 18px;
}
.main .leftList{
    width:300px;
    height:100%;
    float: left;
    border-right: 1px solid #ececec;
    box-sizing: border-box;
    position: absolute;
}
