[data-v-ae9f2438].ai-generate{height:calc(100vh - 130px);overflow-y:hidden;display:flex;justify-content:space-between}[data-v-ae9f2438].ai-generate .left-wrapper{width:320px;height:100%;display:flex;align-items:center;flex-direction:column}[data-v-ae9f2438].ai-generate .left-wrapper .type-warp{height:90vh;width:316px;position:relative;overflow-y:auto}[data-v-ae9f2438].ai-generate .left-wrapper .type-list{display:flex;flex-wrap:wrap;width:300px}[data-v-ae9f2438].ai-generate .left-wrapper .add-btn{width:120px;height:120px;border-radius:10px;border:1px solid #f2f2f2;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center;font-size:60px;color:#ccc;cursor:pointer;transition:.3s}[data-v-ae9f2438].ai-generate .left-wrapper .add-btn:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}[data-v-ae9f2438].ai-generate .left-wrapper .type-card{margin:4px 6px 8px;cursor:pointer;display:flex;flex-direction:column;position:relative;border:2px solid transparent}[data-v-ae9f2438].ai-generate .left-wrapper .type-card.select{border-radius:12px;border:2px solid #626adf;padding:3px;transition:transform .2s}[data-v-ae9f2438].ai-generate .left-wrapper .type-card.select .skin_item.select{border:1px solid #626adf;padding:3px;transition:transform .2s}[data-v-ae9f2438].ai-generate .left-wrapper .type-card .skin_edit{display:none;position:absolute;transition:.3s;top:0;right:0;width:20px;height:20px;border-end-start-radius:10px;border-top-left-radius:20px;padding:6px;background-color:#fff;font-weight:700;pointer-events:auto}[data-v-ae9f2438].ai-generate .left-wrapper .type-card:hover .skin_edit{display:block}[data-v-ae9f2438].ai-generate .left-wrapper .skin_list{display:flex;width:100%;height:30px}[data-v-ae9f2438].ai-generate .left-wrapper .skin_list .skin_item{width:20px;height:20px;margin:3px;border-radius:4px;border:2px solid transparent;position:relative}[data-v-ae9f2438].ai-generate .left-wrapper .skin_list .skin_item .skin_color_item{width:100%;height:100%;box-shadow:0 5px 15px rgba(0,0,0,.35)}[data-v-ae9f2438].ai-generate .left-wrapper .type-name{font-size:14px;line-height:22px;height:24px}[data-v-ae9f2438].ai-generate .left-wrapper .el-form{width:70%}[data-v-ae9f2438].ai-generate .left-wrapper .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}[data-v-ae9f2438].ai-generate .left-wrapper .avatar-uploader .el-upload:hover{border-color:#409eff}[data-v-ae9f2438].ai-generate .left-wrapper .avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}[data-v-ae9f2438].ai-generate .left-wrapper .avatar{width:178px;height:178px;display:block}[data-v-ae9f2438].ai-generate .right-wrapper{flex:1;padding:10px;height:100%;border-left:1px solid #e7e7e7;padding-left:20px;display:flex;flex-direction:column}[data-v-ae9f2438].ai-generate .right-wrapper .images-list{margin-top:20px;display:flex}[data-v-ae9f2438].ai-generate .right-wrapper .left{flex:1}[data-v-ae9f2438].ai-generate .right-wrapper .left .el-image{width:100%}[data-v-ae9f2438].ai-generate .right-wrapper .right{flex:1}[data-v-ae9f2438].ai-generate .right-wrapper .right .el-image{width:100%}[data-v-ae9f2438].ai-generate .right-wrapper .preview-ai{min-height:200px;min-width:200px;background-color:#d9d9d9;max-width:300px;max-height:500px}[data-v-ae9f2438].ai-generate .right-wrapper .loading-gif{width:60%}[data-v-ae9f2438].ai-generate .right-wrapper .loading-gif img{width:120px}