.friend-head[data-v-a8b70a2a]{height:300px;position:relative}.friend-head[data-v-a8b70a2a]:before{position:absolute;width:100%;height:100%;content:""}.friend-main[data-v-a8b70a2a]{margin:40px auto 0;padding:40px;background:var(--background)}.friend-main h2[data-v-a8b70a2a]{font-size:20px}hr[data-v-a8b70a2a]{position:relative;margin:40px auto;border:2px dashed var(--blue2);overflow:visible}hr[data-v-a8b70a2a]:before{position:absolute;top:-21px;left:5%;color:var(--red);content:"";font-size:40px;line-height:1;transition:all 1s ease-in-out;font-family:iconfont}hr[data-v-a8b70a2a]:hover:before{left:calc(95% - 20px)}.form-wrap[data-v-a8b70a2a]{margin:0 auto;overflow:hidden;width:530px;height:447px;position:relative;top:0;transition:all 1s ease-in-out .3s;z-index:0}.before-img[data-v-a8b70a2a]{bottom:126px;height:317px;z-index:-100}.after-img[data-v-a8b70a2a],.before-img[data-v-a8b70a2a]{position:absolute;left:0;background-repeat:no-repeat;width:530px}.after-img[data-v-a8b70a2a]{bottom:-2px;height:259px;z-index:100}.envelope[data-v-a8b70a2a]{position:relative;margin:0 auto;transition:all 1s ease-in-out .3s;padding:200px 20px 20px}.form-main[data-v-a8b70a2a]{background:var(--pink2);margin:0 auto;border-radius:10px;overflow:hidden;transition:all .3s ease;border:1px solid var(--gray1)}.form-main[data-v-a8b70a2a]:hover{border-color:var(--gray4)}.user-title[data-v-a8b70a2a]{text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-title div[data-v-a8b70a2a]{height:55px;line-height:55px;text-align:center}.user-content[data-v-a8b70a2a]{text-align:left}.user-content>div[data-v-a8b70a2a]{height:55px;display:flex;align-items:center}.user-content[data-v-a8b70a2a] .el-input__inner{border:none;height:35px;background:var(--whiteMask)}.form-friend[data-v-a8b70a2a]{margin-top:12px;padding:20px 0}[data-v-a8b70a2a] .recommendFriend .card-item:before{line-height:62px;content:"推荐";position:absolute;z-index:10;color:var(--white);top:-15px;letter-spacing:3px;left:15px;font-size:15px;width:44px;height:50px;display:flex;justify-content:center;background:linear-gradient(90deg,var(--orange),var(--orange6));border-radius:0 0 12px 12px}@media screen and (max-width:700px){.after-img[data-v-a8b70a2a],.before-img[data-v-a8b70a2a],.form-wrap[data-v-a8b70a2a]{width:auto}}@media screen and (max-width:500px){.friend-main[data-v-a8b70a2a]{padding:40px 15px}.friend-wrap[data-v-a8b70a2a]{padding:0 10px}}