.home-friend-wrap[data-v-9b583cda]{position:relative;height:1050px;width:100%;background:linear-gradient(179deg,#fcfdfe17,#f7f9fc)}.home-friend-wrap .home-friend-bg[data-v-9b583cda]{position:absolute;left:0;bottom:0;width:377px;height:375px;background-repeat:no-repeat;background-position:left bottom;background-size:377px 375px}.home-friend-wrap .content-text[data-v-9b583cda]{position:absolute;left:50%;transform:translate(-50%);width:930px;text-align:center;margin:0 auto;background:#fff;z-index:2}@keyframes rotate-9b583cda{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader[data-v-9b583cda]{position:absolute;left:50%;transform:translate(-50%);width:800px;height:800px;font-size:10px;display:flex;align-items:center;justify-content:center;padding-top:20px}.loader .loader-bg[data-v-9b583cda]{position:absolute;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:100% auto;width:800px;height:586px;transform:scale(1.2)}.loader .face[data-v-9b583cda]{position:absolute;border-radius:50%;animation-direction:normal;border:1px solid #eee;transition-property:transform;z-index:-1}.loader .face .circle[data-v-9b583cda]{position:absolute;width:50%;height:.1em;top:50%;left:50%;background-color:transparent;transform-origin:left}.loader .face .circle[data-v-9b583cda]:before{position:absolute;top:-.5em;right:-.5em;content:"";width:.8em;height:.8em;background-color:currentColor;border-radius:50%}.face[data-v-9b583cda]:nth-child(1){width:100%;height:100%;color:#d6dae3;animation:rotate-9b583cda 20s linear infinite;--deg: -135deg}.face:nth-child(1) .circle[data-v-9b583cda]{transform:rotate(var(--deg))}.face:nth-child(1) .circle[data-v-9b583cda]:before{content:"";background-color:#d6dae3}.face[data-v-9b583cda]:nth-child(2){width:75%;height:75%;color:#1fcc86;animation:rotate-9b583cda 20s linear infinite;--deg: 0deg}.face:nth-child(2) .circle[data-v-9b583cda]{transform:rotate(var(--deg))}.face:nth-child(2) .circle[data-v-9b583cda]:before{content:"";background-color:currentColor}.face[data-v-9b583cda]:nth-child(3){width:58%;height:58%;color:#1fcc86;animation:rotate-9b583cda 20s linear infinite;--deg: 135deg}.face:nth-child(3) .circle[data-v-9b583cda]{transform:rotate(var(--deg))}.face:nth-child(3) .circle[data-v-9b583cda]:before{content:"";background-color:currentColor}.face[data-v-9b583cda]:nth-child(4){width:45%;height:45%;color:#1fcc86;animation:rotate-9b583cda 20s linear infinite;--deg: 225deg}.face:nth-child(4) .circle[data-v-9b583cda]{transform:rotate(var(--deg))}.face:nth-child(4) .circle[data-v-9b583cda]:before{content:"";background-color:currentColor}@media only screen and (max-width: 768px){.home-friend-wrap[data-v-9b583cda]{height:calc(100vw + 240px)}.home-friend-wrap .home-friend-bg[data-v-9b583cda]{background:none!important}.home-friend-wrap .content-text[data-v-9b583cda]{position:absolute;left:24px!important;right:24px!important;transform:translate(0)!important;width:100vw!important}.home-friend-wrap .loader[data-v-9b583cda]{width:100vw;height:100vw;font-size:10px;display:flex;align-items:center;justify-content:center;padding-top:72px!important}.home-friend-wrap .loader .loader-bg[data-v-9b583cda]{position:absolute;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:100% auto;width:100vw;height:100vw}}