@charset "utf-8";

/* 音量控制 */
[data-ui='vol'] {
    width: .89rem;
    height: .22rem;
    position: absolute;
    right: .71rem;
    top: 11.93vh;
}
[data-ui='vol'] > img {
    width: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: multiply
}
@keyframes volBg {
    from {
        background-position-x: -.89rem;
    }
    to {
        background-position-x: 0;
    }
}
[alt='音量开'] {
    background: url(ui/onBg.png) no-repeat;
    background-size: 100%;
    animation: 1s ease-out infinite alternate volBg;
}
[data-vol='on'] > [alt='音量开'] {
    display: block;
}
[data-vol='on'] > [alt='音量关'] {
    display: none;
}
[data-vol='off'] > [alt='音量关'] {
    display: block;
}
[data-vol='off'] > [alt='音量开'] {
    display: none;
}
/* 加载页 */
[data-ui='loading'] {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    background: url(ui/kv.jpg) no-repeat;
    background-size: cover;
    z-index: 2;
}
[data-mask] {
    width: 100%;
    height: 200%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: white;
    background-size: 100%;
    background-position: bottom;
}
[data-mask] > img {
    width: 100vw;
    left: 0;
    bottom: 100%;
}
[alt='title'] {
    width: 2.53rem;
    left: .72rem;
    bottom: 13.67vh;
}
[alt='addr'] {
    bottom: 13.67vh;
}
[alt='title'],
[alt='addr'] {
    visibility: hidden;
    opacity: 0;
}
/* 主页面 */
[alt='SKP'] {
    width: 1.15rem;
    left: .62rem;
    top: 10.47vh;
    mix-blend-mode: multiply
}
[data-ui='ctrl'] {
    width: 1.97rem;
    height: 1.97rem;
    position: absolute;
    left: .55rem;
    bottom: 9.93vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(ui/padBg.png) no-repeat;
    background-size: 100%;
}
[alt='pad'] {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
[alt='pointer'] {
    width: .39rem;
    z-index: 1;
}
[alt='型录'],
[alt='关闭'] {
    width: 1.56rem;
    right: 2.88rem;
    bottom: 13.73vh;
}
[data-look='close'] > [alt='型录'] {
    display: block;
}
[data-look='close'] > [alt='关闭'] {
    display: none;
}
[data-look='open'] > [alt='关闭'] {
    display: block;
}
[data-look='open'] > [alt='型录'] {
    display: none;
}
[alt='查看单品'] {
    width: 1.64rem;
    right: .51rem;
    bottom: 13.73vh;
}
[alt='切换镜头'] {
    width: .94rem;
    right: .52rem;
    bottom: 32.87vh;
}