* {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

i {
    font-style: normal;
}

a {
    text-decoration: none;
}

div {
    margin: 0;
    padding: 0;
}

html,
body {
    margin: 0;
    font-size: .28rem;
}

.container {
    width: 7.5rem;
    min-height: 200vh;
    margin: 0 auto;
}

.topbanner {
    width: 7.5rem;
    height: 4.22rem;
}

._vb__ctrl-unmute {
    top: .3rem !important;
    right: .3rem !important;
    width: 20px !important;
    height: 20px !important;
    background-position: -51px -63px !important;
}

._vb__ctrl-mute {
    top: .3rem !important;
    right: .3rem !important;
    width: 20px !important;
    height: 20px !important;
    background-position: -71px -63px !important;
}

.mas_container {
    width: 100%;
}

.mas_top {
    width: 100%;
}

.mas_top img {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: -0.02rem;
}

._vb__ctrl-fullClose {
    top: 0.66rem !important
}

.mas_bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.5rem;
    background: #001552;
}

.mas_button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.5rem;
    height: 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.8rem;
    letter-spacing: 0.05rem;
    background: linear-gradient(to top, #407ff0, #73a6fe);
}