.live-invite[data-v-56557a34]{position:relative;background-color:#f3f9ff;overflow:hidden;min-height:100vh}.live-invite .head[data-v-56557a34]{position:relative;height:50px;line-height:50px;text-align:center;font-size:20px;font-weight:500;color:#8e8e93;background-color:#fff;z-index:1}.live-invite .logo[data-v-56557a34]{position:absolute;padding-left:16px;padding-top:8px;font-weight:400;font-size:26px;color:#f46086;z-index:1}.live-invite .avatar-add[data-v-56557a34]{position:relative;width:100px;height:100px;border-radius:50%;background:#f3f9ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;cursor:pointer}.live-invite .avatar-add img[data-v-56557a34]{width:60px;height:60px}.live-invite .avatar-add .bottom-add[data-v-56557a34]{position:absolute;right:0;bottom:-2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;background-color:#007aff;border-radius:12px}.live-invite .avatar-add .bottom-add i[data-v-56557a34]{font-size:20px;color:#fff}.live-invite .middle[data-v-56557a34]{position:absolute;top:50%;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1000px;height:520px;background-color:#fff;border-radius:8px;z-index:1;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1)}.live-invite .middle .middle-left[data-v-56557a34]{width:392px;height:100%}.live-invite .middle .middle-left img[data-v-56557a34]{width:100%;height:100%;border-radius:8px 0 0 8px}.live-invite .middle .middle-right[data-v-56557a34]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:40px}.live-invite .middle .middle-item[data-v-56557a34]{margin:32px auto;width:360px;text-align:center}.live-invite .footer[data-v-56557a34]{position:fixed;bottom:0;width:100%;text-align:center;height:50px;line-height:50px;color:rgba(60,60,67,.3);z-index:1}.live-invite .d-1[data-v-56557a34]{position:absolute;width:901.538px;height:383.306px;-ms-flex-negative:0;flex-shrink:0}.live-invite .d-2[data-v-56557a34]{position:absolute;right:-210px;top:0;width:679px;height:285px;-ms-flex-negative:0;flex-shrink:0;bottom:0}.live-invite .d-3[data-v-56557a34]{position:absolute;left:0;bottom:0;width:679px;height:430px}.live-invite .d-4[data-v-56557a34]{position:absolute;right:0;bottom:0;width:732px;height:364px;-ms-flex-negative:0;flex-shrink:0}.custom-avatar-uploader[data-v-56557a34]{height:100px}.avatar[data-v-56557a34]{width:100px;height:100px;border-radius:50px;cursor:pointer}@media screen and (max-width:1200px){.live-invite .middle[data-v-56557a34]{width:90vw;height:auto;min-height:400px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.live-invite .middle .middle-left[data-v-56557a34]{width:100%;height:200px}.live-invite .middle .middle-left img[data-v-56557a34]{border-radius:8px 8px 0 0}.live-invite .middle .middle-right[data-v-56557a34]{width:100%;padding:20px}.live-invite .middle .middle-right .middle-item[data-v-56557a34]{width:100%;max-width:360px}}@media screen and (max-width:768px){.live-invite .middle[data-v-56557a34]{width:95vw;padding:0}.live-invite .middle .middle-left[data-v-56557a34]{display:none}.live-invite .middle .middle-right[data-v-56557a34]{padding:15px}.live-invite .middle .middle-right .custom-avatar-uploader[data-v-56557a34]{margin-bottom:52px}.live-invite .middle .middle-right .middle-item[data-v-56557a34]{margin:20px auto}.live-invite .middle .middle-right .middle-item .el-button[data-v-56557a34],.live-invite .middle .middle-right .middle-item .el-input[data-v-56557a34]{width:100%!important}}