.floating_banner {
    position: fixed;
    width: 40%;
}

.floating_banner div {
    width: 100%;
    position: relative;
    padding: 5px;
    background: #c3c3c3;
}

.floating_banner div a {
    cursor: pointer;
}

.floating_banner div img {
    width: 100%;
}

.floating_banner div .banner_btn {
    z-index: 1000000;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    background: #fff;
}

.floating_center {
    z-index: 999999;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.floating_left {
    z-index: 999998;
    left: 20px;
    bottom: 20px;
}

.floating_right {
    z-index: 999997;
    right: 20px;
    bottom: 20px;
}

.fade {
    opacity: 0;
    transition: all 2s;
}
.fadeIn {
    opacity: 1;
}

@media screen and (max-width:640px) {
    .floating_banner {
        position: fixed;
        width: 80%;
    }

    .floating_center,
    .floating_left,
    .floating_right {
        left: 50%;
        top: 50%;
        right: initial;
        bottom: initial;
        transform: translateX(-50%) translateY(-50%);
    }
}