.creation-page[data-v-214fd9b8]{width:100%;font-family:PingFang SC-Semibold}.creation-page a[data-v-214fd9b8],.creation-page h1[data-v-214fd9b8],.creation-page h2[data-v-214fd9b8],.creation-page h3[data-v-214fd9b8],.creation-page h4[data-v-214fd9b8],.creation-page h5[data-v-214fd9b8],.creation-page h6[data-v-214fd9b8],.creation-page li[data-v-214fd9b8],.creation-page p[data-v-214fd9b8],.creation-page span[data-v-214fd9b8],.creation-page ul[data-v-214fd9b8]{margin:0;padding:0}.creation-page li[data-v-214fd9b8],.creation-page ul[data-v-214fd9b8]{list-style:none}.creation-page .avatar-wrap[data-v-214fd9b8]{width:1034px;margin:60px auto 0}.creation-page .avatar-wrap .tab[data-v-214fd9b8]{display:flex;margin-bottom:32px;position:relative}.creation-page .avatar-wrap .tab p[data-v-214fd9b8]{height:26px;font-weight:400;font-size:18px;color:#999;line-height:28px;border-bottom:2px solid transparent;margin-right:32px;cursor:pointer}.creation-page .avatar-wrap .tab .active[data-v-214fd9b8]{font-weight:600;font-size:20px;color:#fd6568;line-height:26px;border-bottom:2px solid #fd6568}.creation-page .avatar-wrap .tab .fold[data-v-214fd9b8]{height:22px;display:flex;align-items:center;font-family:PingFang SC-Regular;font-weight:400;font-size:14px;color:#666;line-height:22px;cursor:pointer;position:absolute;top:3px;right:0}.creation-page .avatar-wrap .tab .fold img[data-v-214fd9b8]{margin-left:8px}.creation-page .avatar-wrap .custom[data-v-214fd9b8]{width:100%}.creation-page .avatar-wrap .custom .default[data-v-214fd9b8]{width:100%;display:flex}.creation-page .avatar-wrap .custom .default .img[data-v-214fd9b8]{width:335px;margin-right:56px}.creation-page .avatar-wrap .custom .default .crea h4[data-v-214fd9b8]{font-weight:600;font-size:28px;color:#333;line-height:40px;text-align:left;margin:0}.creation-page .avatar-wrap .custom .default .crea p[data-v-214fd9b8]{font-family:PingFang SC-Regular;font-weight:400;font-size:18px;color:#999;line-height:32px;text-align:left;margin:8px 0 30px}.creation-page .avatar-wrap .custom .default .crea .btn[data-v-214fd9b8]{width:180px;height:44px;background:linear-gradient(77deg,#ff8370,#ff5353);border-radius:8px 8px 8px 8px;font-weight:600;font-size:20px;color:#fff;line-height:44px;text-align:center;cursor:pointer}.creation-page .avatar-wrap .custom .default .crea .btn[data-v-214fd9b8]:hover{opacity:.8}.creation-page .avatar-wrap .custom .myul[data-v-214fd9b8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:24px 16px;gap:24px 16px;box-sizing:border-box;overflow:hidden;transition:all .3s ease}.creation-page .avatar-wrap .custom .myul .createava[data-v-214fd9b8]{width:100%;border-radius:8px}.creation-page .avatar-wrap .custom .myul .createava .add[data-v-214fd9b8]{width:100%;box-sizing:border-box;border-radius:8px;height:calc(100% - 30px);margin-bottom:8px;border:1px solid #dddde6;display:flex;justify-content:center;align-items:center;cursor:pointer}.creation-page .avatar-wrap .custom .myul .createava .name[data-v-214fd9b8]{text-align:center}.creation-page .avatar-wrap .custom .myul li .imgboxs[data-v-214fd9b8]{width:100%;box-sizing:border-box;border-radius:8px;height:calc(100% - 30px);margin-bottom:8px;border:2px solid transparent;display:flex;align-items:center;cursor:pointer}.creation-page .avatar-wrap .custom .myul li .imgboxs[data-v-214fd9b8]:hover{border:2px solid #fd6568}.creation-page .avatar-wrap .custom .myul li .imgs[data-v-214fd9b8]{width:100%;height:auto;border-radius:6px;-o-object-fit:cover;object-fit:cover}.creation-page .avatar-wrap .custom .myul li .name[data-v-214fd9b8]{font-weight:400;font-size:14px;color:#333;line-height:22px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.creation-page .avatar-wrap .pagination[data-v-214fd9b8]{width:100%;display:flex;justify-content:center}.creation-page .avatar-wrap .library-ul[data-v-214fd9b8]{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:24px 16px;gap:24px 16px;box-sizing:border-box;overflow:hidden;transition:all .3s ease}.creation-page .avatar-wrap .library-ul li[data-v-214fd9b8]{width:100%;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box}.creation-page .avatar-wrap .library-ul li .imgbox[data-v-214fd9b8]{width:100%;height:calc(100% - 30px);margin-bottom:8px;display:flex;align-items:center;justify-content:center}.creation-page .avatar-wrap .library-ul li .img[data-v-214fd9b8]{width:calc(100% - 4px);height:auto;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:2px solid transparent;cursor:pointer}.creation-page .avatar-wrap .library-ul li .active[data-v-214fd9b8],.creation-page .avatar-wrap .library-ul li .img[data-v-214fd9b8]:hover{border:2px solid #fd6568}.creation-page .avatar-wrap .library-ul li .name[data-v-214fd9b8]{font-weight:400;font-size:14px;color:#333;line-height:22px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.preview-dialog{border-radius:16px;padding:0}.preview-dialog .el-dialog{border-radius:16px;background:#fff}.preview-dialog .el-dialog__header{padding:0}.preview-dialog .el-dialog__body{padding:32px}.preview-dialog .previewbox{width:100%;position:relative}.preview-dialog .previewbox .close{width:24px;height:24px;position:absolute;top:0;right:0;z-index:2;cursor:pointer}.preview-dialog .previewbox .head{height:24px;display:flex;align-items:center;cursor:pointer;max-width:600px}.preview-dialog .previewbox .head .tit{font-family:PingFang SC-Semibold;font-weight:600;font-size:20px;color:#333;line-height:24px}.preview-dialog .previewbox .head .edit{margin:0 16px 0 32px}.preview-dialog .previewbox .rename{width:400px;height:40px;position:relative}.preview-dialog .previewbox .rename .el-input{height:40px}.preview-dialog .previewbox .rename .el-input .el-input__wrapper{padding-right:70px}.preview-dialog .previewbox .rename .re{position:absolute;right:38px;top:10px;z-index:2;cursor:pointer}.preview-dialog .previewbox .rename .fork{position:absolute;right:10px;top:10px;z-index:2;cursor:pointer}.preview-dialog .previewbox .videobox{width:656px;height:369px;border-radius:8px;margin:30px 0 40px}.preview-dialog .previewbox .videobox .video{width:100%;height:100%;border-radius:8px}.preview-dialog .previewbox .btn{width:182px;height:44px;background:#fd6568;border-radius:8px 8px 8px 8px;font-family:PingFang SC-Semibold;font-weight:600;font-size:14px;color:#fff;line-height:44px;text-align:center;cursor:pointer;margin:0 auto}.preview-dialog .previewbox .btn:hover{opacity:.8}.create-dialog{border-radius:16px;padding:0}.create-dialog .el-dialog{border-radius:16px;background:#fff}.create-dialog .el-dialog__header{padding:0}.create-dialog .el-dialog__body{padding:32px}.create-dialog .crebox{width:100%}.create-dialog .crebox .head{width:100%;height:24px;display:flex;justify-content:space-between}.create-dialog .crebox .head .tit{font-family:PingFang SC-Semibold;font-weight:600;font-size:20px;color:#333;line-height:24px;margin:0}.create-dialog .crebox .head img{cursor:pointer}.create-dialog .crebox .serchbox{width:100%;height:60px;position:relative;margin:40px 0 16px}.create-dialog .crebox .serchbox .el-input__inner{height:60px;border:1px solid #333;border-radius:32px;box-shadow:none;padding:0 50px 0 20px}.create-dialog .crebox .serchbox .el-input__inner::-moz-placeholder{color:#999}.create-dialog .crebox .serchbox .el-input__inner:-ms-input-placeholder{color:#999}.create-dialog .crebox .serchbox .el-input__inner::placeholder{color:#999}.create-dialog .crebox .serchbox .btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(77deg,#ff8370,#ff5353);position:absolute;top:6px;right:6px;z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center}.create-dialog .crebox .serchbox .btns{cursor:no-drop}.create-dialog .crebox .bottom{display:flex;justify-content:space-between}.create-dialog .crebox .bottom .example{width:128px;height:40px;border-radius:8px 8px 8px 8px;border:1px solid #dddde6;font-family:PingFang SC-Regular;font-weight:400;font-size:14px;color:#333;line-height:40px;text-align:center;cursor:pointer}.create-dialog .crebox .bottom .example:hover{background:#dddde6}.create-dialog .crebox .bottom .tutir{height:40px;display:flex;align-items:center;font-family:PingFang SC-Regular;font-weight:400;font-size:14px;color:#333;line-height:16px;cursor:pointer}.create-dialog .crebox .bottom .tutir img{margin-left:8px}.del-dialog{border-radius:8px;padding:0}.del-dialog .el-dialog{border-radius:8px;background:#fff}.del-dialog .el-dialog__header{padding:0}.del-dialog .el-dialog__body{padding:0 16px 16px}.del-dialog .delbox{width:100%;font-family:PingFang SC-Semibold}.del-dialog .delbox .head{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:16px;color:#666}.del-dialog .delbox .hint{font-family:PingFang SC-Regular;font-weight:400;font-size:16px;color:#333;line-height:80px;text-align:left;margin-bottom:10px}.del-dialog .delbox .bottom{display:flex;justify-content:flex-end}.del-dialog .delbox .bottom .cancel{width:110px;background:#fff;border-radius:8px 8px 8px 8px;border:1px solid #dddde6;box-sizing:border-box;color:#333;line-height:38px}.del-dialog .delbox .bottom .btn,.del-dialog .delbox .bottom .cancel{height:40px;text-align:center;font-weight:600;font-size:14px;cursor:pointer}.del-dialog .delbox .bottom .btn{width:108px;background:#f5222d;border-radius:8px 8px 8px 8px;margin-left:16px;color:#fff;line-height:40px}