.waterBox[data-v-28d06906] {
    width: 2.60417rem;
    padding-top: .41667rem
}

.waterBox .light[data-v-28d06906] {
    position: absolute;
    width: 2.60417rem;
    left: 0;
    top: 0
}

.bowen[data-v-28d06906] {
    width: 2.60417rem;
    height: 1.82292rem;
    position: relative
}

.bowen img[data-v-28d06906] {
    position: absolute
}

@-webkit-keyframes w1move-28d06906 {
    0% {
        width: 80%;
        top: .07813rem;
        left: 10%;
        opacity: 0
    }
    85% {
        width: 100%;
        top: 0;
        left: 0;
        opacity: 1
    }
    to {
        width: 100%;
        top: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes w1move-28d06906 {
    0% {
        width: 80%;
        top: .07813rem;
        left: 10%;
        opacity: 0
    }
    85% {
        width: 100%;
        top: 0;
        left: 0;
        opacity: 1
    }
    to {
        width: 100%;
        top: 0;
        left: 0;
        opacity: 1
    }
}

.bowen .w1[data-v-28d06906] {
    -webkit-animation: w1move-28d06906 4s infinite;
    animation: w1move-28d06906 4s infinite;
    width: 80%;
    top: .07813rem;
    left: 10%
}

@-webkit-keyframes w2move-28d06906 {
    0% {
        width: 60%;
        top: .15625rem;
        left: 20%;
        opacity: 0
    }
    70% {
        width: 80%;
        top: .07813rem;
        left: 10%;
        opacity: 1
    }
    to {
        width: 80%;
        top: .07813rem;
        left: 10%;
        opacity: 1
    }
}

@keyframes w2move-28d06906 {
    0% {
        width: 60%;
        top: .15625rem;
        left: 20%;
        opacity: 0
    }
    70% {
        width: 80%;
        top: .07813rem;
        left: 10%;
        opacity: 1
    }
    to {
        width: 80%;
        top: .07813rem;
        left: 10%;
        opacity: 1
    }
}

.bowen .w2[data-v-28d06906] {
    -webkit-animation: w2move-28d06906 4s infinite;
    animation: w2move-28d06906 4s infinite;
    width: 60%;
    top: .15625rem;
    left: 20%
}

@-webkit-keyframes w3move-28d06906 {
    0% {
        width: 40%;
        top: .23438rem;
        left: 30%;
        opacity: 0
    }
    40% {
        width: 60%;
        top: .15625rem;
        left: 20%;
        opacity: 1
    }
    to {
        width: 60%;
        top: .15625rem;
        left: 20%;
        opacity: 1
    }
}

@keyframes w3move-28d06906 {
    0% {
        width: 40%;
        top: .23438rem;
        left: 30%;
        opacity: 0
    }
    40% {
        width: 60%;
        top: .15625rem;
        left: 20%;
        opacity: 1
    }
    to {
        width: 60%;
        top: .15625rem;
        left: 20%;
        opacity: 1
    }
}

.bowen .w3[data-v-28d06906] {
    -webkit-animation: w3move-28d06906 4s infinite;
    animation: w3move-28d06906 4s infinite;
    width: 40%;
    top: .23438rem;
    left: 30%
}

@-webkit-keyframes w4move-28d06906 {
    0% {
        width: 20%;
        top: .3125rem;
        left: 40%;
        opacity: 0
    }
    20% {
        width: 40%;
        top: .23438rem;
        left: 30%;
        opacity: 1
    }
    to {
        width: 40%;
        top: .23438rem;
        left: 30%;
        opacity: 1
    }
}

@keyframes w4move-28d06906 {
    0% {
        width: 20%;
        top: .3125rem;
        left: 40%;
        opacity: 0
    }
    20% {
        width: 40%;
        top: .23438rem;
        left: 30%;
        opacity: 1
    }
    to {
        width: 40%;
        top: .23438rem;
        left: 30%;
        opacity: 1
    }
}

.bowen .w4[data-v-28d06906] {
    -webkit-animation: w4move-28d06906 4s infinite;
    animation: w4move-28d06906 4s infinite;
    width: 20%;
    top: .3125rem;
    left: 40%
}

.bowen .w5[data-v-28d06906] {
    width: 20%;
    top: .3125rem;
    left: 40%
}