/*body {*/
/*    min-width: 0 !important;*/
/*}*/
.main_bar {
    /*width: 220px;*/
    width: 100%;
    zoom: 0.86;
}
.bar_list {
    position: fixed;
    right: 0;
    top: calc(50% - 185px);
    z-index: 9999;
}
.bar_item {
    width: 60px;
    height: 60px;
    background: #0062BE;
    opacity: 1;
    border-radius: 4px;
    margin-bottom: 2px;
    /*padding-top: 15px;*/

    /*overflow: hidden;*/
}
.zan {
    margin-bottom: 20px;
    height: 1px;
}
.bar_item > img {
    display: block;
    margin: 0 auto;
    /*margin-top: 20px;*/
}
.item1 {
    position: relative;
}
.item1:hover > .item {
    display: block;
}

.main_bar .item {
    position: absolute;
    width: 150px;
    height: 160px;
    padding-top: 20px;
    background: #2a2122;
    left: -160px;
    bottom: 0;
    border-radius: 4px;
    display: none;
}
.main_bar .item > img {
    width: 110px;
    height: 110px;
    display: block;
    margin: 0 auto;
}
.main_bar .item > p {
    text-align: center;
    line-height: 30px;
    color: #FFFfff;
}