.contact-container[data-v-622103d1]{background-color:var(--secondary-grey-3);border-radius:var(--radius-md)}.contact-container .contact-wrapper[data-v-622103d1]{margin-top:var(--space-lg);padding:var(--space-lg) var(--space-xxl);position:relative}.contact-container .contact-wrapper .edit-btn[data-v-622103d1]{right:20px;top:20px;position:absolute;width:18px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAABHNCSVQICAgIfAhkiAAAAaZJREFUWEfF2NFRwkAQANDdE/7tQJAUkA7UT8cZRysQO0hiAWgDSgfSgQ7Rb7ECbMCZlID/JOtcmGRivMBuuCR8Mnt3j729YxOEhj+ju/AKE5gAgksAr3GiHqLpxVd5WWzSMQrmYwR8Lq5BRKuYDs7KmMYgJkQGMmEagWxDVGGsQxwvPAUFH5wtL2bGOkQDRn44Q4QbPiYeWoPo7dALfz9ezsQYhGsrkGJNENCtFKPH7A0xHlEBhoB+4qTv7gXZekSZmCyDtSGsI7oDU9zGWhAOIr8vKjBFhI4VQySIKgwgLbKCzmJEkDoIE8Z0v7Ah+yCyhddJbxhNz6PaEBuIck2I24A2EDuLtS3EVkibiEpI2wgjpAvEP0hXiD+QLhE5pGtEChl4725PJUtOW1cVs+uy4syNkmbXNKENRJqR4+DNU0BPHHU5xhYihThBeA8AEynEJiKFSFp/7l+69EdtMuLPF4B4wh1sOxN5Y+T44VI/qXMgTSGyGqGuEZsaCcIIAY6MGKJP/T0hzMo9JgcvicGB93KoVH+MSBHGsFqDWplepEgmrRP7C6m/MigzB8/JAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100% 100%;cursor:pointer}.contact-container .contact-wrapper .edit-btn-area[data-v-622103d1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contact-container .contact-wrapper .edit-btn-area .btn-all[data-v-622103d1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:var(--space-sm)}.contact-container .contact-wrapper .edit-btn-area .btn-all .button[data-v-622103d1]{background-color:var(--primary-blue);border-radius:15px;color:var(--primary-white);padding:var(--space-xs) 15px;cursor:pointer;margin-left:var(--space-sm)}.contact-container .contact-wrapper .contact-header[data-v-622103d1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:32px;margin-bottom:5px}.contact-container .contact-wrapper .contact-header .title[data-v-622103d1]{font-size:var(--font-size-base);color:var(--primary-grey)}.contact-container .contact-wrapper .contact-header .account[data-v-622103d1]{-webkit-box-flex:1;-ms-flex:1;flex:1}.contact-container .contact-wrapper .contact-header .contact[data-v-622103d1]{-webkit-box-flex:2;-ms-flex:2;flex:2}.contact-container .contact-wrapper .contact-content[data-v-622103d1]{display:-webkit-box;display:-ms-flexbox;display:flex}.contact-container .contact-wrapper .contact-content .account[data-v-622103d1]{-webkit-box-flex:1;-ms-flex:1;flex:1}.contact-container .contact-wrapper .contact-content .contact[data-v-622103d1]{-webkit-box-flex:2;-ms-flex:2;flex:2}.contact-container .contact-wrapper .contact-content .contact-area[data-v-622103d1]{margin-bottom:var(--space-xxl);margin-right:3%;display:-webkit-box;display:-ms-flexbox;display:flex}.contact-container .contact-wrapper .contact-content .contact-area .contact-item[data-v-622103d1]{margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--space-lg)}.contact-container .contact-wrapper .contact-content .contact-area .contact-item .icon[data-v-622103d1]{margin-right:var(--space-base);display:inline-block;width:28px;height:28px;vertical-align:top;border-radius:50%}.contact-container .contact-wrapper .contact-content .contact-area .contact-item .font[data-v-622103d1]{display:inline-block;font-size:var(--font-size-base);font-family:var(--font-family-variable);color:var(--primary-black);word-wrap:break-word;word-break:normal}.contact-container .contact-wrapper .contact-content .contact-area .contact-item-phone .icon[data-v-622103d1]{background:url(../../assets/img/icon-contact-phone.e5473ee2.svg) no-repeat 50%}.contact-container .contact-wrapper .contact-content .contact-area .contact-item-wechat .icon[data-v-622103d1]{background:url(../../assets/img/icon-contact-wechat.a2fd4d2c.svg) no-repeat 50%}.contact-container .contact-wrapper .contact-content .contact-area .contact-item-email .icon[data-v-622103d1]{background:url(../../assets/img/icon-contact-email.4ef8678e.svg) no-repeat 50%}.contact-container .contact-wrapper .contact-content .contact-area .contact-item-account .icon[data-v-622103d1]{background:url(../../assets/img/icon-contact-nihaocafe.d848ec89.svg) no-repeat 50%}.contact-container .contact-wrapper .school-info[data-v-622103d1]{position:relative}.contact-container .contact-wrapper .school-info .method-left[data-v-622103d1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:6;-ms-flex:6;flex:6}.contact-container .contact-wrapper .school-info .method-left .method-item-top[data-v-622103d1]{margin-bottom:var(--space-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-container .contact-wrapper .school-info .method-left .method-item[data-v-622103d1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:var(--space-lg)}.contact-container .contact-wrapper .school-info .method-left .method-item .label[data-v-622103d1]{color:var(--primary-grey)}.contact-container .contact-wrapper .school-info .method-left .method-item .date-box[data-v-622103d1]{background-color:var(--primary-white);margin-top:var(--space-xs)}.contact-container .contact-wrapper .school-info .method-left .method-item .date-box[data-v-622103d1] .el-select .el-input__inner:focus{border-color:var(--primary-white)!important}.contact-container .contact-wrapper .school-info .method-left .method-item .date-box[data-v-622103d1] .el-select:hover .el-input__inner{border-color:var(--primary-white)}.contact-container .contact-wrapper .school-info .method-left .method-item .date-box[data-v-622103d1] .el-input__inner:focus{border:1px solid var(--primary-white)}.contact-container .contact-wrapper .school-info .method-left .method-item .date-box[data-v-622103d1] .el-input__inner:hover{border-color:var(--primary-white)}.contact-container .contact-wrapper .school-info .method-left .method-item .date-box[data-v-622103d1] .el-input__inner{border:1px solid var(--primary-white)}.contact-container .contact-wrapper .school-info .method-left .method-item .date-box[data-v-622103d1] .el-input.is-disabled .el-input__inner{background-color:var(--primary-white);border-color:var(--primary-white);color:var(--primary-black)}.contact-container .contact-wrapper .school-info .method-left .date-first[data-v-622103d1]{width:25%}.contact-container .contact-wrapper .school-info .method-left .date-second[data-v-622103d1]{width:40%}.contact-container .contact-wrapper .school-info .method-left .date-third[data-v-622103d1]{width:35%}.contact-container .contact-wrapper .school-info .method-left .date-forth[data-v-622103d1]{width:25%}.contact-container .contact-wrapper .school-info .edit-btn[data-v-622103d1]{right:-8px}.contactInfoDialog{background-color:var(--primary-white);border-radius:8px;padding:var(--space-lg) 25px;position:absolute;top:50%}.contactInfoDialog .el-dialog__header{padding:var(--space-sm) var(--space-lg) var(--space-lg)}.contactInfoDialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{color:var(--primary-blue)}.contactInfoDialog .el-dialog__body{padding:0 var(--space-lg)}.contactInfoDialog .el-dialog__body .edit-btn-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.contactInfoDialog .el-dialog__body .edit-btn-area .btn-all{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:var(--space-sm)}.contactInfoDialog .el-dialog__body .edit-btn-area .btn-all .button{background-color:var(--primary-blue);border-radius:15px;color:var(--primary-white);padding:var(--space-xs) 15px;cursor:pointer;margin-left:var(--space-sm)}.contactInfoDialog .contact-info-content{padding-bottom:var(--space-lg);border-bottom:solid 1px var(--secondary-grey-3);-webkit-box-sizing:border-box;box-sizing:border-box}.contactInfoDialog .edit-info-btn-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contactInfoDialog .edit-info-btn-area .edit-button-save{background-color:var(--primary-blue);color:var(--primary-white);font-family:var(--font-family-semiBold);font-size:var(--font-size-base);border-radius:var(--radius-xxl);cursor:pointer;border:none;padding:var(--space-sm) 18px;margin-right:var(--space-sm);-webkit-transition:all var(--transition-base) ease-out;transition:all var(--transition-base) ease-out}.contactInfoDialog .el-icon-warning-outline{cursor:pointer;margin-left:5px}