.demo[data-v-cade0650]{display:flex;width:100vw;height:100%;align-items:center;justify-content:center;background-color:#264056;font-size:.37333rem}.demo .content[data-v-cade0650]{position:relative;display:flex;width:50vw;height:50vw;flex-wrap:wrap;overflow:hidden}.demo .content__bottom[data-v-cade0650],.demo .content__top[data-v-cade0650]{position:absolute;width:100%;height:50%;top:0;left:0;background:url(data:image/jpeg;base64,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) no-repeat;background-size:cover;transform:translateY(calc(-100% - 1.6rem));z-index:3;transition:all 1s linear}.demo .content .avatar[data-v-cade0650]{position:absolute;left:50%;top:50%;width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;transform:translateY(calc(-50vw - 100%));border-radius:50%;z-index:4;border:.05333rem solid #fff;box-shadow:0 .21333rem .42667rem rgba(0,0,0,.2);transition:all 1s linear}.demo .content__bottom[data-v-cade0650]{display:flex;flex-direction:column;background:#ea6668;align-items:center;justify-content:center;color:#fff;top:auto;bottom:0;z-index:2;transform:translateY(100%)}.demo .content__bottom .btns[data-v-cade0650]{display:flex}.demo .content__bottom .btns .btn[data-v-cade0650]{margin:.8rem;width:1.6rem;height:1.6rem;line-height:1.6rem;text-align:center;border-radius:50%;border:.05333rem solid #fff;transition:all .25s linear;cursor:pointer}.demo .content__bottom .btns .btn[data-v-cade0650]:hover{background-color:#fff;color:#ea6668;transition:all .25s linear}.demo .content__close[data-v-cade0650]{position:absolute;color:#fff;width:1.6rem;height:1.6rem;line-height:1.6rem;text-align:center;top:.4rem;right:.4rem;z-index:5;background-color:#ea6668;border-radius:50%;font-size:.8rem;transition:all 1s linear;transform:translateY(-2rem)}.demo .content__close[data-v-cade0650]:hover{background-color:#fff;color:#ea6668;transition:all .25s linear}.demo.active .content .avatar[data-v-cade0650],.demo.active .content__bottom[data-v-cade0650],.demo.active .content__close[data-v-cade0650],.demo.active .content__top[data-v-cade0650]{transform:none;transition:all 1s linear}.demo.active .content .avatar[data-v-cade0650]{transition-delay:.35s}.demo.active .content__close[data-v-cade0650]{transition-delay:.7s}.demo .item[data-v-cade0650]{position:relative;width:50%;height:50%}.demo .item img[data-v-cade0650]{width:100%;object-fit:cover}.demo .item[data-v-cade0650]:after,.demo .item[data-v-cade0650]:before{position:absolute;display:block;content:"";width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.5);transition:all .25s linear;top:0;left:0;opacity:0}.demo .item[data-v-cade0650]:after{width:30%;height:30%;background-color:#ea6668;border-radius:50%;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(1.5);transition-delay:.1s;content:"+";font-size:1.33333rem;line-height:15vw;color:#fff;text-align:center}.demo .item[data-v-cade0650]:hover:after,.demo .item[data-v-cade0650]:hover:before{transition:all .25s linear;opacity:1}.demo .item[data-v-cade0650]:hover:after{transform:translate3d(-50%,-50%,0) scale(1);transition-delay:.1s}