.bottom_float_bar {
    display: none;
}

.bottom_float_bar .PC {
    background: url(https://meviy-content-prd.s3.cn-north-1.amazonaws.com.cn/static/img/bottom_float_bar_background_img_pc2.png) center center no-repeat;
    background-size:100% 100px;
    width:100%;
    position:fixed;
    bottom:0px;
    z-index:2;
}

.bottom_float_bar .APP {
    background: url(https://meviy-content-prd.s3.cn-north-1.amazonaws.com.cn/static/img/bottom_float_bar_background_img_m2.png) center center no-repeat;
    background-size: 100% 100%;
    width:100%;
    position:fixed;
    bottom:0px;
    z-index:2;"
}

.bottom_float_bar .bottom_float_content{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.bottom_float_bar .bottom_float_close_button {
    cursor: pointer;
    transition: 0.5s;
}

.bottom_float_bar .bottom_float_close_button:hover {
    transform: rotate(90deg);
}

.bottom_float_bar .PC {
    display: block;
}
.bottom_float_bar .APP {
    display: none;
}
    
@media (max-width:640px) {
    .bottom_float_bar .PC {
        display: none;
    }
    .bottom_float_bar .APP {
        display: block;
    }
}