.nav-bar {
    position:fixed;
    width:160px;
    top:50%;
    left:0;
    padding-top:43px;
    margin-top:-256px;
    z-index:100000;
}
.nav-bar .floor {
    line-height:24px;
    border-bottom:1px solid #41009a;
    cursor: pointer;
    color:#fff;
    font-size:16px;
}
.nav-bar .title {
    width:160px;
    height:54px;
    top:0;
    left:0;
    z-index:1;
}
.nav-wrapper {
    margin:0 auto;
    padding-top:10px;
    width:141px;
    background-color:#8900ff;
    line-height:24px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
}
.nav-bar .link {
    background:#fd4e75;
    color:#fff;
}
.nav-bar .link a {
    color:#fff;
    width:70px;
}
.nav-bar .link a:first-child {
    border-right:1px solid #5f00c2;
    width:70px;
}
.nav-bar .link {
    border-bottom:1px solid #5f00c2;
    cursor: pointer;
}
.nav-bar .code {
    background:url(../images/code.png) center center no-repeat;
    width:141px;
    height:110px;
}
.nav-bar .backTop {
    height:20px;
    cursor: pointer;
}