body {
    position: relative;
    height: 100%;
}
body {
    background: #171723;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}
.win-body {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    z-index: 1000;
    padding: 1rem 0rem;
    box-shadow: 0 0px 1px #0000004d;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.win-body>span {
    display: block;
    margin-top: 1rem;
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: #f66337;
}
a.to-recharge-btn {
    bottom: 1rem;
    width: 50%;
    margin: 1rem auto;
    display: block;
    left: 50%;
    text-align: center;
    padding: 0.5rem;
    background: #f66337;
    border-radius: 0.5rem;
    color: #fff;
}
.win-cover {
    position: fixed;
    top: 0px;
    left: 0px;
    background: #0c0c0c;
    height: 100vh;
    width: 100vw;
    opacity: 0.2;
    z-index: 100;
}
.to-recharge-win[data-vip="false"]{
    display: none;
}
.open-vip-icon {
    text-align: center;
}
.open-vip-icon>i {
    font-size: 3rem;
    display: inline-block;
    margin: auto;
    color: #f66337;
}