.scrollsidebar{
    width:260px;
    height:120px;
    position:fixed;
    right: 0;
    bottom: 20%;
    color: #333333;
    box-shadow: 0 0 3px #000000;
    font-size: 14px;
    background: #FFFFFF;
    z-index: 99;
    display: none;
}
.scrollsidebar ul {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: pre;
}
.main2{
    width:240px;
    height:100%;
    position:relative;
    padding:0 10px;
}
.main2 ul li{
    width:100%;
    text-align:left;
    padding-top: 10px;
    line-height: 20px;
}
.main2 ul li a{
    color:#444;
    text-decoration:none;
}
.main2 ul li a:hover{text-decoration:underline;color:#000;}
.bar{
    display: flex;
    align-items: center;
    width:30px;
    height:100%;
    font-size: 18px;
    position:absolute;
    justify-content: center;
    left:-30px;
    top:0;
    color: #FFFFFF;
    cursor: pointer;
    background:#0c5736;
    box-shadow: 0 0 3px #000000;
}