[data-v-e689d20c] .navigation-mian{position:absolute;left:0;top:0}.box[data-v-e689d20c]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100%;overflow:hidden;background-size:100% 100%;background-position:50%}.box .face[data-v-e689d20c]{width:3.52083333rem;height:3.52083333rem;position:relative;box-sizing:border-box;top:-.13020833rem}.box .faceVideo[data-v-e689d20c]{width:2.94270833rem;height:2.94270833rem;position:relative;overflow:hidden;left:.2890625rem;top:.2890625rem;border-radius:2.54166667rem}.box .faceVideo .faceBg[data-v-e689d20c]{background-size:100%;z-index:1000}.box .faceVideo .face_box[data-v-e689d20c],.box .faceVideo .faceBg[data-v-e689d20c],.box .faceVideo canvas[data-v-e689d20c],.box .faceVideo video[data-v-e689d20c]{position:absolute;width:100%;height:100%;left:0;top:0}.box .faceVideo video[data-v-e689d20c]{width:auto;height:100%;transform:translate(-15%)}.box .faceAnimate[data-v-e689d20c]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:100000000}.box .faceAnimate .progress[data-v-e689d20c]{position:absolute;bottom:0;left:calc(50% - 1.59896rem);width:3.19791667rem;height:.83333333rem;display:block;animation:progressAni-e689d20c 5s linear infinite;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));opacity:.4;border-radius:.015625rem;z-index:100000000}.box .faceAnimate .border[data-v-e689d20c]{transform:scale(1.07);top:-.03645833rem;animation:borderAni-e689d20c 8s linear infinite}.box .faceAnimate .animate[data-v-e689d20c],.box .faceAnimate .border[data-v-e689d20c]{position:absolute;width:100%;height:100%;background-size:100%}.box .userItem[data-v-e689d20c]{width:2.68380208rem;height:3.93645833rem;position:relative;transition:all .6s;display:inline-block}.box .userItem[data-v-e689d20c]:hover{transform:scale(1.2)}.box .userItem .userBg[data-v-e689d20c],.box .userItem .userBgImg[data-v-e689d20c]{position:absolute;left:0;top:0;z-index:10;width:100%}.box .userItem .userBg[data-v-e689d20c]{height:3.77083333rem;width:1.90104167rem;z-index:9;bottom:.03125rem;top:auto;left:.33854167rem;background:#000;box-shadow:.10416667rem .15625rem .20833333rem rgba(0,0,0,.4),-.15625rem .05208333rem .20833333rem rgba(124,56,254,.4);transform:skewX(-9deg);overflow:hidden}.box .userItem .loginImg[data-v-e689d20c]{display:inline-block;height:3.77083333rem;width:1.90104167rem;z-index:11;transform:skewX(9deg)}.box .userItem .loginImg img[data-v-e689d20c]{position:absolute;bottom:.10416667rem;left:-.52083333rem;height:75%}.box .userItem .loginName[data-v-e689d20c]{position:absolute;left:.15625rem;bottom:.15625rem;z-index:300;width:100%;text-align:left}.box .userItem .loginName i[data-v-e689d20c]{font-style:normal;display:block;color:#fff}.box .userItem .loginName .name[data-v-e689d20c]{font-size:.1875rem}.box .userItem .loginName .position[data-v-e689d20c]{padding-top:.10416667rem;font-size:.11458333rem}.box .userItem .indexNum[data-v-e689d20c]{font-size:.41666667rem;line-height:.58333333rem;right:.86979167rem;bottom:.23958333rem;position:absolute;z-index:11;color:#fff;font-family:PingFangMedium}@keyframes progressAni-e689d20c{0%{top:.15625rem}50%{top:calc(100% - .625rem)}to{top:.15625rem}}@keyframes borderAni-e689d20c{0%{transform:scale(1.07) rotate(0deg)}50%{transform:scale(1.07) rotate(180deg)}to{transform:scale(1.07) rotate(1turn)}}