.chat-block {
    border-radius: 8px 0 0 8px;
    background: #97B23D;
    margin-top: -77px;
    padding: 0 11px 0 14px;
    position: fixed;
    top: 50%;
    right: 0;
    width: 49px;
    z-index: 2;
}

.float-btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 20px 'Webfont-myriadpro-semibold', Helvetica, Arial, sans-serif;
    text-align: center;
    height: 154px;
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    writing-mode: tb-rl;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.float-btn:before {
    content: '';
    background-image: url("/images/uc_chat_icon_1x.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 15px;
    width:  18px;
    height: 24px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx),
(min-resolution: 192dpi){
    .float-btn:before {
        content: '';
        background-image: url("/images/uc_chat_icon_2x.png");
        background-size: 18px 24px;
    }
}