.user-info-container[data-v-0f1dbb23]{width:100%;padding:0;background-color:#f5f5f5}.user-info-container .user-top-banner[data-v-0f1dbb23]{background-color:#1890ff;color:#fff;width:100%;padding:0;margin-bottom:20px}.user-info-container .user-banner-content[data-v-0f1dbb23]{max-width:1200px;margin:0 auto;padding:15px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.user-info-container .user-banner-left[data-v-0f1dbb23]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-info-container .avatar[data-v-0f1dbb23]{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-right:25px;border:2px solid #fff}.user-info-container .avatar img[data-v-0f1dbb23]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info-container .greeting[data-v-0f1dbb23]{font-size:16px}.user-info-container .greeting p[data-v-0f1dbb23]{margin:0}.user-info-container .phone[data-v-0f1dbb23]{font-size:14px;opacity:.9}.user-info-container .user-banner-right[data-v-0f1dbb23]{text-align:right}.user-info-container .slogan[data-v-0f1dbb23]{font-size:24px;font-weight:700;margin:0}.user-info-container .sub-slogan[data-v-0f1dbb23]{font-size:18px;margin:0}.user-info-container .user-info-card[data-v-0f1dbb23]{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.08);box-shadow:0 1px 4px rgba(0,0,0,.08);padding:30px;margin:0 auto 20px;width:100%;max-width:1200px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-info-container .user-info-header[data-v-0f1dbb23]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:800px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-info-container .id-card-icon[data-v-0f1dbb23]{-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px;margin-right:60px;text-align:center}.user-info-container .id-card-icon img[data-v-0f1dbb23]{width:200px;height:auto}.user-info-container .user-info-details[data-v-0f1dbb23]{height:100%;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-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:1200px){.user-info-container .user-banner-content[data-v-0f1dbb23]{padding:15px 20px}.user-info-container .user-info-card[data-v-0f1dbb23]{padding:20px;margin:0 15px 20px;width:calc(100% - 30px);-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width:768px){.user-info-container .user-banner-content[data-v-0f1dbb23]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:15px}.user-info-container .user-banner-right[data-v-0f1dbb23]{text-align:left;margin-top:15px}.user-info-container .slogan[data-v-0f1dbb23]{font-size:20px}.user-info-container .sub-slogan[data-v-0f1dbb23]{font-size:16px}.user-info-container .user-info-card[data-v-0f1dbb23]{padding:15px;margin:0 10px 20px;width:calc(100% - 20px)}.user-info-container .user-info-header[data-v-0f1dbb23]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.user-info-container .id-card-icon[data-v-0f1dbb23]{-webkit-box-flex:0;-ms-flex:0 0 150px;flex:0 0 150px;margin-right:0;margin-bottom:20px;-ms-flex-item-align:center;align-self:center}.user-info-container .id-card-icon img[data-v-0f1dbb23]{width:150px}.user-info-container .user-info-details[data-v-0f1dbb23]{width:100%}.user-info-container .label[data-v-0f1dbb23]{font-size:15px}.user-info-container .value[data-v-0f1dbb23]{font-size:15px}.user-info-container .label svg[data-v-0f1dbb23]{margin-right:8px;color:#606266;font-size:18px;width:25px}}@media screen and (max-width:480px){.user-info-container .avatar[data-v-0f1dbb23]{width:70px;height:70px}.user-info-container .greeting[data-v-0f1dbb23]{font-size:14px}.user-info-container .info-item[data-v-0f1dbb23]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #f0f0f0;-ms-flex-wrap:wrap;flex-wrap:wrap}.user-info-container .label[data-v-0f1dbb23]{min-width:auto;font-size:14px;-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;margin-bottom:0;padding-right:5px}.user-info-container .value[data-v-0f1dbb23]{font-size:14px;-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;padding-left:0;word-break:break-all}.user-info-container .id-card-icon img[data-v-0f1dbb23]{width:120px}}.user-info-container .user-info-details[data-v-0f1dbb23]{-webkit-box-flex:1;-ms-flex:1;flex:1}.user-info-container .info-item[data-v-0f1dbb23]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-info-container .label[data-v-0f1dbb23]{color:#333;min-width:160px;font-size:16px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 220px;flex:0 0 220px}.user-info-container .label svg[data-v-0f1dbb23]{margin-right:8px;color:#606266;font-size:20px;width:30px}.user-info-container .value[data-v-0f1dbb23]{color:#000;font-size:16px;font-weight:500;-webkit-box-flex:1;-ms-flex:1;flex:1}.user-info-container .banner[data-v-0f1dbb23]{background-color:#1890ff;color:#fff;padding:15px 0;text-align:center;font-size:18px;font-weight:700}