index.less

.comBarContainer{
    position: fixed;
    top:20em;
    top:calc(50% - 3.8rem);
    right: 1em;
    z-index:99;
    
    ul.barlist{
        list-style:none;
        padding-left:0;

        li.barlist_item{
            font-size: 1.8em;
            color:white;
            background-color:#cdcdcd;
            width:2.3rem;
            height: 2.3rem;
            line-height: 2.3rem;
            text-align: center;
            margin-top: 1rem;
            border-radius: 3px;
            transition: color  0.4s;
            cursor: pointer;
            opacity: .5;
        }
        li.barlist_item:hover{
            color:#1890ff;
            font-size: 2em;
            opacity: 1;
        }
    }
    .bars_entry{
        position: relative;
        .bars_entry_corn{
            position: absolute;
            display: inline-block;
            border: 0;
            // border-right: 5px solid red;
           // position: absolute;
            left: -16px;
            color: white !important;
            font-size: 1.5rem !important;
        }
        .bars_entry_list{
            position: absolute;
            left: -12rem;
            top: -0.3rem;
            list-style: none;
            background: white;
            padding: 10px 20px;
            //padding: 10px 20px;
            box-shadow: 2px 2px 5px #333333;
            border-radius: 3px;
            li.bars_entry_list_item{
                color:#666;
                font-size: 0.9rem;
                width: 9rem;
                // padding: 0.3rem ;
                text-align: center;
                background-color: white;
                border: 1px #bbb solid;
                border-radius: 3px;
                margin-top: 0.8rem;
                line-height: 1.8rem;
                cursor: pointer;
                position: relative;
                .entry_del_btn{
                    position: absolute;
                    right: 3px;
                    top: 6px;
                    transition: color  0.4s;
                }
                .entry_del_btn :hover{
                    color: #1890ff;
                }
            }
            li.bars_entry_list_item:first-child{
                margin-top: 0;
            }
        }
    }
}