.ImageMatting{padding:20px 50px 30px}.ImageMatting__Head{margin-bottom:6px;width:100%}.ImageMatting__Head__Main{font-size:16px;color:#eee;line-height:22px;height:22px;margin-right:10px}.ImageMatting__Head__Tips{height:22px;font-size:12px;color:#eee;line-height:22px}.ImageMatting__Switch{height:32px;line-height:32px;background:#535353;border-radius:20px;color:#eee;margin-bottom:20px}.ImageMatting__Switch__Item{min-width:80px;height:32px;padding:0 10px;background-color:transparent;border-radius:20px;text-align:center;cursor:pointer}.ImageMatting__Switch__Item--Actived{background:linear-gradient(135deg,#2fb0ff,#b863fb)}.ImageMatting__Switch__Item--Disabled{cursor:not-allowed}.ImageMatting__Content{min-width:450px;min-height:400px;position:relative;width:45vw;height:calc(100% - 160px);margin-bottom:10px}.ImageMatting__Content__Uploader__Empty{height:100%;gap:10px}.ImageMatting__Content__Uploader__Empty__Text{height:28px;font-size:20px;font-weight:600;color:#eee;line-height:28px}.ImageMatting__Content__Uploader__Empty__Btn{height:32px;font-size:14px;font-weight:400;color:#eee;line-height:20px;border-radius:4px;border:1px solid #858585;padding:6px 16px;position:relative}.ImageMatting__Content__Uploader__Empty__Btn__Cost{width:20px;height:12px;background:linear-gradient(135deg,#2fb0ff,#b863fb);border-radius:0 4px 0 4px;position:absolute;top:0;right:0;font-size:10px;color:#eee;line-height:12px}.ImageMatting__Content__Uploader__Empty__Btn__Cost img{width:10px;height:10px}.ImageMatting__Content--Result,.ImageMatting__Content--Upload{width:100%;height:100%;border-radius:20px}.ImageMatting__Content--Upload{background:#18191b;border:2px dashed #858585}.ImageMatting__Content--Upload>div{width:100%;height:100%}.ImageMatting__Content--Result{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNEMzQ3OTg3MjZBRjExRUVBRTU0RjhDMDJERTU2NTNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNEMzQ3OTg4MjZBRjExRUVBRTU0RjhDMDJERTU2NTNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0QzNDc5ODUyNkFGMTFFRUFFNTRGOEMwMkRFNTY1M0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0QzNDc5ODYyNkFGMTFFRUFFNTRGOEMwMkRFNTY1M0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/2xviAAAAWklEQVR42uzYwQnAQAhFwTU9af9nm3KrkCQwrwBh+DcjM+cs1t2xef85Pw8AAAAAAAAAAAAAAAAAAADgnWJm9S10qmosAAAAAAAAAAAAAAAAAAAAAPC5rgADADHLCPq2M/kPAAAAAElFTkSuQmCC);background-size:24px 24px;position:relative}.ImageMatting__Content--Result__Share{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2)}.ImageMatting__Content--Result:hover .ImageMatting__Content--Result__Share{opacity:1}.ImageMatting__Content .el-upload-list{display:none!important}.ImageMatting__Content .el-upload--picture-card{width:100%;height:100%;border-radius:10px;border:0;line-height:46px;background-color:transparent}.ImageMatting__Content .el-upload-dragger{background:transparent;overflow:visible;border-radius:10px;width:100%;height:100%;border:0;text-align:left}.ImageMatting__Content .el-upload{width:100%;height:100%}.ImageMatting__Content .el-upload .el-upload-dragger{width:100%;height:100%;background-color:transparent}.ImageMatting__Opr{min-width:450px;width:45vw;font-size:12px;color:#eee;line-height:17px}.ImageMatting__Opr__Btn{width:76px;height:40px;background:#fff;border-radius:4px;font-size:14px;color:#1d1e1e;line-height:40px;text-align:center;cursor:pointer}.ImageMatting__Opr .button--primary1{margin-left:10px;height:40px;line-height:40px;padding:0 12px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ImageMatting__Opr .button--primary1__icon{width:16px;height:16px}