.catchFace-index {
    display: block;
    height: initial;
}
/* components/catchFace/index.wxss */

.catchFace-index .box {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.catchFace-index .shelter {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.catchFace-index .tip {
    position: absolute;
    width: 100%;
    top: 40px;
    font-size: 20px;
    color: black;
    font-weight: 700;
    text-align: center;
    z-index: 999;
}

.catchFace-index .camera {
    z-index: 10;
}

.catchFace-index .photo {
    position: absolute;
    width: 100%;
    height: 116vw;
    top: 0;
    z-index: 50;
}