matting-editor
Version:
matting-editor
1 lines • 64 kB
Source Map (JSON)
{"version":3,"sources":["webpack://MattingEditor/./src/styles/matting.less","webpack://MattingEditor/./src/utils/farbtastic/farbtastic.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA,sCAAsC;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC3hCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC","file":"matting-editor.css","sourcesContent":[".btn-tips[aria-label] {\n position: relative;\n}\n.btn-tips[aria-label]:before {\n display: none;\n border: 5px solid rgba(0, 0, 0, 0);\n border-bottom-color: rgba(0, 0, 0, 0.7);\n color: rgba(0, 0, 0, 0.8);\n content: \"\";\n margin: 3px 0 0 -5px;\n height: 0;\n width: 0;\n position: absolute;\n z-index: 999;\n pointer-events: none;\n top: 100%;\n left: 50%;\n}\n.btn-tips[aria-label]:after {\n display: none;\n background: rgba(0, 0, 0, 0.7);\n border-radius: 3px;\n color: #FFF;\n content: attr(aria-label);\n font-size: .8em;\n margin-top: 13px;\n padding: 5px 8px;\n text-align: center;\n word-wrap: break-word;\n white-space: pre;\n pointer-events: none;\n position: absolute;\n left: 50%;\n top: 100%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n -webkit-font-smoothing: subpixel-antialiased;\n z-index: 1;\n}\n.btn-tips[aria-label].tip-top:before {\n border-bottom-color: transparent;\n border-top-color: rgba(0, 0, 0, 0.7);\n margin: -8px 0 0 -5px;\n top: initial;\n bottom: 100%;\n left: 50%;\n}\n.btn-tips[aria-label].tip-top:after {\n margin-bottom: 8px;\n top: initial;\n bottom: 100%;\n}\n.btn-tips[aria-label]:hover,\n.btn-tips[aria-label]:active {\n z-index: 999;\n}\n.btn-tips[aria-label]:hover:before,\n.btn-tips[aria-label]:active:before,\n.btn-tips[aria-label]:hover:after,\n.btn-tips[aria-label]:active:after {\n display: block;\n text-decoration: none;\n}\n.btn-tips[aria-label]:disabled:before,\n.btn-tips[aria-label]:disabled:hover:before,\n.btn-tips[aria-label]:disabled:after,\n.btn-tips[aria-label]:disabled:hover:after {\n display: none;\n}\n.slideleft-enter-active,\n.slideleft-leave-active {\n -webkit-transition: -webkit-transform .2s;\n transition: -webkit-transform .2s;\n transition: transform .2s;\n transition: transform .2s, -webkit-transform .2s;\n}\n.slideleft-enter,\n.slideleft-leave-to {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n.matting-container .matting-btn {\n border: none;\n outline: none;\n}\n.matting-header {\n height: 80px;\n position: relative;\n}\n.matting-header .matting-version {\n position: absolute;\n top: 0.5em;\n right: -1em;\n color: #ccc;\n}\n.matting-header .matting-logo {\n margin: 0 0 0 -80px;\n width: 160px;\n height: 100%;\n position: absolute;\n left: 50%;\n top: 0;\n}\n.matting-header .logo-image {\n display: block;\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='260px' height='48px' viewBox='0 0 260 48' enable-background='new 0 0 260 48' xml:space='preserve' fill='%23000'%3E %3Cg%3E %3Crect x='98.152' y='2.143' width='4.223' height='6.612'/%3E %3Cpolygon points='120.921,16.979 116.698,16.979 116.698,10.867 83.829,10.867 83.829,16.979 79.606,16.979 79.606,6.644 120.921,6.644 '/%3E %3Crect x='86.545' y='15.867' width='27.437' height='4.223'/%3E %3Crect x='97.872' y='18.423' width='4.223' height='24.559'/%3E %3Cpath d='M111.707,46.016c-4.548,0-8.67-0.215-11.708-1.259C85.55,39.793,85.343,28.675,85.341,28.204l2.111-0.008l2.111-0.025 c0.007,0.351,0.305,8.64,11.807,12.592c3.39,1.164,9.085,1.074,15.115,0.979c1.739-0.028,3.538-0.056,5.341-0.056v4.223 c-1.769,0-3.551,0.028-5.274,0.056C114.904,45.99,113.28,46.016,111.707,46.016z'/%3E %3Crect x='100.2' y='27.702' width='15.124' height='4.223'/%3E %3Crect x='143.389' y='10.658' width='13.678' height='4.223'/%3E %3Crect x='148.016' y='22.203' transform='matrix(0.3583 0.9336 -0.9336 0.3583 124.0187 -121.1358)' width='4.223' height='14.889'/%3E %3Cpolygon points='187.515,45.094 159.717,45.094 159.717,3.064 187.515,3.064 187.515,7.287 163.94,7.287 163.94,40.871 187.515,40.871 '/%3E %3Cpath d='M251,45.483h-42.133V2.421H251V45.483z M213.089,41.26h33.688V6.644h-33.688V41.26z'/%3E %3Cpath d='M80.148,46.726l-2.537-3.376c7.543-5.667,7.722-16.552,7.723-16.662l0.006-3.213l4.223,0.008l-0.006,3.223 C89.555,27.243,89.391,39.783,80.148,46.726z'/%3E %3Crect x='11.2' y='15.445' width='14.247' height='4.223'/%3E %3Crect x='11.2' y='3.971' width='14.247' height='4.223'/%3E %3Crect x='16.306' y='7.907' width='4.223' height='37.32'/%3E %3Crect x='12.697' y='19.575' transform='matrix(0.934 0.3572 -0.3572 0.934 11.5789 -3.3318)' width='4.223' height='20.206'/%3E %3Crect x='25.229' y='6.166' width='31.798' height='4.223'/%3E %3Cpolygon points='57.08,45.227 52.858,45.227 52.858,27.225 29.397,27.225 29.397,45.227 25.174,45.227 25.174,23.002 57.08,23.002 '/%3E %3Crect x='39.016' y='2.554' width='4.223' height='5.279'/%3E %3Cpath d='M49.926,41.964H32.329V13.367h17.598V41.964z M36.551,37.741h9.152V17.59h-9.152V37.741z'/%3E %3Crect x='173.98' y='9.44' transform='matrix(0.8219 0.5697 -0.5697 0.8219 45.1575 -96.007)' width='4.223' height='29.523'/%3E %3Crect x='162.291' y='22.091' transform='matrix(0.5697 0.8219 -0.8219 0.5697 96.0771 -135.0973)' width='29.523' height='4.223'/%3E %3Cpath d='M143.611,45.705v-4.223c1.24,0,2.311-0.062,3.182-0.185c1.192-0.168,1.642-3.429,1.548-5.13l-0.003-0.116V2.143h4.223 v33.86c0.015,0.369,0.061,2.123-0.325,3.954c-0.916,4.336-3.433,5.32-4.852,5.521C146.317,45.629,145.048,45.705,143.611,45.705z'/%3E %3Cpath d='M217.825,19.169l-2.999-2.973c4.318-4.357,5.971-8.377,5.987-8.417l3.915,1.581 C224.65,9.556,222.735,14.214,217.825,19.169z'/%3E %3Cpath d='M215.548,28.672l-0.445-4.199c10.279-1.089,17.02-6.467,20.439-10.036h-14.856v-4.223h19.309l1.784,3.24 C241.435,13.999,233.141,26.808,215.548,28.672z'/%3E %3Cpath d='M244.346,28.672c-17.593-1.864-25.887-14.673-26.232-15.218l3.566-2.262c0.019,0.029,1.92,2.968,5.727,6.061 c5.051,4.104,10.9,6.533,17.385,7.22L244.346,28.672z'/%3E %3Crect x='225.044' y='27.572' width='9.779' height='4.223'/%3E %3Crect x='222.154' y='33.907' width='15.335' height='4.223'/%3E %3C/g%3E %3C/svg%3E\") no-repeat 50%;\n background-size: 132px 24px;\n color: #45454b;\n font-size: 0;\n margin-top: 10px;\n height: 60px;\n text-align: center;\n}\n.matting-header .logo-image:hover {\n color: #111;\n}\n.matting-header .matting-help_btn {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 40px;\n}\n.matting-header .matting-help_btn .matting-btn {\n color: #666;\n font-size: 14px;\n cursor: pointer;\n}\n.matting-tools {\n margin: 25px 0 0 20px;\n position: absolute;\n left: 0;\n top: 0;\n}\n.matting-tools ul {\n margin: 0;\n padding: 0;\n}\n.matting-tools li {\n float: left;\n list-style: none;\n padding: 0 10px;\n}\n.matting-tools .btn-tips span {\n display: none;\n}\n.matting-tools button {\n padding: 0;\n background: none;\n border: none;\n border-radius: 0;\n outline: none;\n -webkit-appearance: none;\n}\n.matting-tools button:disabled,\n.matting-tools button[disabled],\n.matting-tools button:disabled:hover,\n.matting-tools button[disabled]:hover {\n cursor: default;\n}\n.matting-tools button:hover {\n cursor: pointer;\n}\n.matting-tools button:disabled {\n opacity: .7;\n}\n.matting-tools button::before {\n display: inline-block;\n content: \"\";\n height: 24px;\n width: 24px;\n vertical-align: top;\n}\n.matting-tools button.matting-tools-undo:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%2352555d'%3E %3Cpath d='M21.9,19.041c0-7.799-4.848-12.497-10.862-12.497V2l-9.345,8.5l9.345,8.541v-5.68c3.778-0.284,8.822,2.309,9.776,5.68 C21.157,20.256,21.9,20.344,21.9,19.041z'/%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-undo:not(:disabled):hover:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23333'%3E %3Cpath d='M21.9,19.041c0-7.799-4.848-12.497-10.862-12.497V2l-9.345,8.5l9.345,8.541v-5.68c3.778-0.284,8.822,2.309,9.776,5.68 C21.157,20.256,21.9,20.344,21.9,19.041z'/%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-redo:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%2352555d'%3E %3Cpath d='M3.226,19.041c0.954-3.371,5.998-5.965,9.776-5.68v5.68l9.345-8.541L13.001,2v4.544c-6.014,0-10.862,4.698-10.862,12.497 C2.139,20.344,2.882,20.256,3.226,19.041z'/%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-redo:not(:disabled):hover:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23333'%3E %3Cpath d='M3.226,19.041c0.954-3.371,5.998-5.965,9.776-5.68v5.68l9.345-8.541L13.001,2v4.544c-6.014,0-10.862,4.698-10.862,12.497 C2.139,20.344,2.882,20.256,3.226,19.041z'/%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomin:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%2352555d'%3E %3Cg%3E %3Cg%3E %3Cpath d='M16.659,14.18c0.729-1.128,1.152-2.464,1.152-3.895C17.81,6.268,14.479,3,10.383,3c-4.096,0-7.427,3.268-7.427,7.286 c0,4.019,3.331,7.291,7.427,7.291c1.789,0,3.432-0.624,4.716-1.662l5.186,5.083l1.665-1.632L16.659,14.18z M14.187,11.456h-2.828 v2.819H9.473v-2.819H6.645V9.577h2.828V6.758h1.885v2.819h2.828V11.456z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomin:not(:disabled):hover:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23333'%3E %3Cg%3E %3Cg%3E %3Cpath d='M16.659,14.18c0.729-1.128,1.152-2.464,1.152-3.895C17.81,6.268,14.479,3,10.383,3c-4.096,0-7.427,3.268-7.427,7.286 c0,4.019,3.331,7.291,7.427,7.291c1.789,0,3.432-0.624,4.716-1.662l5.186,5.083l1.665-1.632L16.659,14.18z M14.187,11.456h-2.828 v2.819H9.473v-2.819H6.645V9.577h2.828V6.758h1.885v2.819h2.828V11.456z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomout:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%2352555d'%3E %3Cg%3E %3Cg%3E %3Cpath d='M16.659,14.18c0.729-1.128,1.152-2.464,1.152-3.895C17.81,6.268,14.479,3,10.383,3c-4.096,0-7.427,3.268-7.427,7.286 c0,4.019,3.331,7.291,7.427,7.291c1.789,0,3.432-0.624,4.716-1.662l5.186,5.083l1.665-1.632L16.659,14.18z M14.187,11.456H6.645 V9.577h7.542V11.456z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomout:not(:disabled):hover:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23333'%3E %3Cg%3E %3Cg%3E %3Cpath d='M16.659,14.18c0.729-1.128,1.152-2.464,1.152-3.895C17.81,6.268,14.479,3,10.383,3c-4.096,0-7.427,3.268-7.427,7.286 c0,4.019,3.331,7.291,7.427,7.291c1.789,0,3.432-0.624,4.716-1.662l5.186,5.083l1.665-1.632L16.659,14.18z M14.187,11.456H6.645 V9.577h7.542V11.456z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomfit:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%2352555d'%3E %3Cg%3E %3Cg%3E %3Cpath d='M5,17h14V7H5V17z M0,18h3v3h1v-4l-4,0V18z M3,6H0v1h4V3H3V6z M24,6h-3V3h-1.038v4H24L24,6z M19.962,21H21v-3h3l0-1h-4.039 V21z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomfit:not(:disabled):hover:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23333'%3E %3Cg%3E %3Cg%3E %3Cpath d='M5,17h14V7H5V17z M0,18h3v3h1v-4l-4,0V18z M3,6H0v1h4V3H3V6z M24,6h-3V3h-1.038v4H24L24,6z M19.962,21H21v-3h3l0-1h-4.039 V21z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomfull:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%2352555d'%3E %3Cg%3E %3Cg%3E %3Cpath d='M19.997,6h-16v12h16V6z M0.996,17h-1v4l4,0v-1h-3V17z M0.996,4h3V3h-4v4h1V4z M19.997,3v1h3v3h1.007V3H19.997z M22.996,20 h-3v1h4.007v-4h-1.007V20z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomfull:not(:disabled):hover:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23333'%3E %3Cg%3E %3Cg%3E %3Cpath d='M19.997,6h-16v12h16V6z M0.996,17h-1v4l4,0v-1h-3V17z M0.996,4h3V3h-4v4h1V4z M19.997,3v1h3v3h1.007V3H19.997z M22.996,20 h-3v1h4.007v-4h-1.007V20z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomoff:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%2352555d'%3E %3Cg%3E %3Ctitle%3Ebackground%3C/title%3E %3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E %3C/g%3E %3Cg%3E %3Ctitle%3ELayer 1%3C/title%3E %3Cg stroke='null' id='svg_1'%3E %3Cg stroke='null' id='svg_2'%3E %3Cpath stroke='null' id='svg_3' d='m20.93266,2.681818l-17.865319,0c-1.410084,0 -2.552188,1.133667 -2.552188,2.533333l0,13.933333c0,1.399667 1.142104,2.533333 2.552188,2.533333l17.865319,0c1.410084,0 2.552188,-1.133667 2.552188,-2.533333l0,-13.933333c0,-1.399667 -1.142104,-2.533333 -2.552188,-2.533333zm-12.760942,13.933333l-1.276094,0l0,-6.333333l-2.552188,0l0,-1.266667l2.552188,0l0,-1.266667l1.276094,0l0,8.866666zm3.828283,-1.266667l-1.276094,0l0,-1.266667l1.276094,0l0,1.266667zm0,-3.8l-1.276094,0l0,-1.266667l1.276094,0l0,1.266667zm6.380471,5.066666l-1.276094,0l0,-6.333333l-2.552188,0l0,-1.266667l2.552188,0l0,-1.266667l1.276094,0l0,8.866666z'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools button.matting-tools-zoomoff:not(:disabled):hover:before {\n background: url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cg%3E %3Ctitle%3Ebackground%3C/title%3E %3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E %3C/g%3E %3Cg%3E %3Ctitle%3ELayer 1%3C/title%3E %3Cg stroke='null' id='svg_1'%3E %3Cg stroke='null' id='svg_2'%3E %3Cpath stroke='null' id='svg_3' d='m20.93266,2.681818l-17.865319,0c-1.410084,0 -2.552188,1.133667 -2.552188,2.533333l0,13.933333c0,1.399667 1.142104,2.533333 2.552188,2.533333l17.865319,0c1.410084,0 2.552188,-1.133667 2.552188,-2.533333l0,-13.933333c0,-1.399667 -1.142104,-2.533333 -2.552188,-2.533333zm-12.760942,13.933333l-1.276094,0l0,-6.333333l-2.552188,0l0,-1.266667l2.552188,0l0,-1.266667l1.276094,0l0,8.866666zm3.828283,-1.266667l-1.276094,0l0,-1.266667l1.276094,0l0,1.266667zm0,-3.8l-1.276094,0l0,-1.266667l1.276094,0l0,1.266667zm6.380471,5.066666l-1.276094,0l0,-6.333333l-2.552188,0l0,-1.266667l2.552188,0l0,-1.266667l1.276094,0l0,8.866666z'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-tools .matting-tools-pipe {\n display: inline-block;\n border-left: 1px solid #DDD;\n margin-top: 1px;\n height: 22px;\n width: 0;\n overflow: hidden;\n vertical-align: top;\n}\n.matting-canvas {\n background: #fff;\n overflow: hidden;\n position: absolute;\n bottom: 80px;\n top: 80px;\n right: 0;\n left: 0;\n z-index: 1;\n}\n.matting-canvas .matting-canvas-panel {\n width: 50%;\n height: 100%;\n overflow: hidden;\n position: absolute;\n left: 0;\n top: 0;\n}\n.matting-canvas .matting-canvas-main,\n.matting-canvas .matting-canvas-main canvas {\n outline: 0;\n position: absolute;\n left: 0;\n top: 0;\n}\n.matting-canvas .matting-canvas-main {\n width: 100%;\n height: 100%;\n}\n.matting-canvas .matting-canvas-tips {\n background: rgba(0, 0, 0, 0.5);\n color: #FFF;\n font-size: .85em;\n line-height: 2;\n padding: 0 10px;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 9;\n pointer-events: none;\n}\n.matting-canvas .matting-canvas-result {\n left: 50%;\n}\n.matting-canvas .matting-canvas-result:before {\n content: \"\";\n background: #EEE;\n height: 100%;\n width: 1px;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 5;\n pointer-events: none;\n}\n.matting-canvas .matting-canvas-result .matting-canvas-tips {\n right: auto;\n left: 0;\n}\n.matting-canvas .matting-canvas-panel .matting-brush:not(.is-hide) {\n visibility: visible;\n opacity: 1;\n}\n.matting-canvas .is-tool-pan .matting-canvas-main {\n cursor: pointer;\n cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACN0lEQVQ4y42Tv29SURTHv/BeyYvSFMkj73Hvoy8wtKGbgwkdjImRoQwujYni4sKku8B/oJuNG0kXBsZuHRoWCWFo4tChFoJBFLBNX/jxsPrApve4+IitxvIdb87ne7/nnHuBKwqHw0/D4fBA1/UvALiqqg85503TNLcBeHCdlpeXP1iWRcVikQzDeMMYO7YsizY3N78BuAfgJoBbbr0XAEzTfMsY6zPG3nk8nlaj0UAqlQKAlM/n86qqivX19RsAHjDG2tFotKVp2uOZgRDiSbfbDabT6TsnJyfG7u7uNBgMYnFxMXh2diYDgN/v98qy/KJQKKjlcjmgKMrLWWzO+VG9XqfJZEKc8/Ha2lqfiCibzTqKokyIiIrFIgEQo9GIiIgMw2jNDGRZvr+xsWETEdVqNZIkSQyHQ6pUKiRJkiAi2tnZoZWVFYd+yzTNzqXhcc7f7+/vExFRLpejarVK5+fndHBw4DLkODOeTNM8vbqA24lEYkRzKhaLnQKA1zCMrK7rp5zz1+12+/Ph4eG1qwaAi4sLCQDAGBtOp1MqlUpC1/Uf3W53rgTxeNxyDeq1Wm3e5H+2YLlpopFIpN/r9eaGbdsmxljbfUifbNtOJ5NJezAYzNX/1tbWTyHE9qXDUCj0aHV11W61Wv+9fW9vjzRN+whA+ctZUZS7mqYd5/P5SafTuQQ2m03KZDLfdV0/AhBymX99T9/S0tKzQCDwXAjBFxYWPI7jkCzLX23bfjUej0sAhFv8Cwvu2vzkLJyqAAAAAElFTkSuQmCC) 8 8, pointer;\n}\n.matting-canvas .is-tool-keep .matting-canvas-main {\n cursor: pointer;\n cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAK0lEQVQ4y2NgGN7gPxTgU8NEqSUDbwAjup+J0sTICNdHsQvwghESC8MAAACAUhQAy7Jn8QAAAABJRU5ErkJggg==) 8 8, auto;\n}\n.matting-canvas .is-tool-drop .matting-canvas-main {\n cursor: pointer;\n cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAI0lEQVQ4y2NgGAXDADAic/7///+fKE2MjHB9TAPtg1EwKAAA9EEEBIQrf5UAAAAASUVORK5CYII=) 8 8, auto;\n}\n.matting-brush {\n font-size: 0;\n position: absolute;\n bottom: 30px;\n left: 50%;\n opacity: 0;\n visibility: hidden;\n white-space: nowrap;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0);\n -webkit-transition: all linear .4s;\n transition: all linear .4s;\n}\n.matting-brush button {\n background: rgba(0, 0, 0, 0.8);\n color: #FFF;\n cursor: pointer;\n font-size: 14px;\n height: 48px;\n width: 98px;\n}\n.matting-brush button:first-child {\n border-radius: 48px 0 0 48px;\n}\n.matting-brush button:last-child {\n border-radius: 0 48px 48px 0;\n}\n.matting-brush button:hover,\n.matting-brush button.active {\n background-color: #005cf9;\n}\n.matting-brush button:before {\n display: inline-block;\n content: \"\";\n background: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23005CF9' d='M12,1.969c5.523,0,10,4.477,10,10c0,5.523-4.477,10-10,10 c-5.523,0-10-4.477-10-10C2,6.446,6.477,1.969,12,1.969z'/%3E %3Cg%3E %3Cg%3E %3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='16,10.969 13,10.969 13,7.969 11,7.969 11,10.969 8,10.969 8,12.969 11,12.969 11,15.969 13,15.969 13,12.969 16,12.969 '/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n margin: -1px 5px 0 0;\n height: 24px;\n width: 24px;\n vertical-align: middle;\n}\n.matting-brush button.matting-brush-drop:before {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23F73D64' d='M12,1.969c5.523,0,10,4.477,10,10c0,5.523-4.477,10-10,10 c-5.523,0-10-4.477-10-10C2,6.446,6.477,1.969,12,1.969z'/%3E %3Cg%3E %3Cg%3E %3Crect x='8' y='10.969' fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' width='8' height='2'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-brush button.matting-brush-keep:hover:before,\n.matting-brush button.matting-brush-keep.active:before {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M12,1.969c5.523,0,10,4.477,10,10c0,5.523-4.477,10-10,10 c-5.523,0-10-4.477-10-10C2,6.446,6.477,1.969,12,1.969z'/%3E %3Cg%3E %3Cg%3E %3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23005CF9' points='16,10.969 13,10.969 13,7.969 11,7.969 11,10.969 8,10.969 8,12.969 11,12.969 11,15.969 13,15.969 13,12.969 16,12.969 '/%3E %3C/g%3E %3C/g%3E %3C/svg%3E\");\n}\n.matting-brush button.matting-brush-pan:before,\n.matting-brush button.matting-brush-pan:hover:before {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23fff'%3E %3Cpath d='M19.982,14.344c0,4.906-3.13,5.612-3.713,5.856c-6.013,2.515-10.403-2.233-9.605-1.527 c-1.748-1.549-3.341-3.772-3.341-3.772c-0.394-0.342-0.477-0.913-0.083-1.385c0.324-0.454,0.954-0.618,1.418-0.294 c0,0,1.323,0.989,1.412,1.04c0.998,0.629,1.634-0.869,1.099-1.988c-1.482-2.65-2.494-5.497-2.494-5.497 C4.432,6.173,4.629,5.53,5.099,5.334C5.62,5.05,6.275,5.25,6.568,5.766l2.691,4.853l0.769-0.2l-1.68-6.078 C8.195,3.789,8.551,3.179,9.11,3.033c0.559-0.145,1.183,0.211,1.335,0.763l1.68,6.078l1.189-0.309l-0.167-5.213 c-0.013-0.589,0.451-1.079,1.049-1.087c0.598-0.007,1.1,0.455,1.113,1.044l0.252,5.185c0.337,0.135,0.91,0.348,1.126,0.588 l0.129-3.574c0.076-0.538,0.629-0.978,1.176-0.898c0.547,0.08,0.789,0.388,0.976,1.263C18.969,6.875,19.982,10.838,19.982,14.344z'/%3E %3C/svg%3E\");\n}\n.matting-footer {\n height: 80px;\n width: 100%;\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: 3;\n}\n.matting-footer .matting-options-item {\n float: left;\n padding: 0 12px;\n margin: 22px 0;\n position: relative;\n}\n.matting-footer .matting-options-item.matting-options-bgcolor {\n padding: 6px 26px;\n}\n.matting-footer .matting-options-item::before {\n content: \"\";\n background: #CCD1DA;\n margin-top: 7px;\n height: 22px;\n width: 1px;\n position: absolute;\n left: 0;\n top: 0;\n}\n.matting-footer .matting-options-item:first-child::before {\n display: none;\n}\n.matting-footer .matting-options-item .matting-ranger,\n.matting-footer .matting-options-item .matting-color-picker-panel {\n vertical-align: top;\n}\n.matting-footer .matting-color-more {\n float: left;\n margin: 22px 0;\n margin-left: -20px;\n position: relative;\n padding: 6px 0;\n}\n.matting-footer .matting-color-more .color-more-btn {\n border: 1px solid #ccc;\n border-radius: 24px;\n font-size: 0;\n height: 22px;\n overflow: hidden;\n text-align: center;\n}\n.matting-footer .matting-color-more .color-more-btn:hover {\n cursor: pointer;\n border-color: #3156e5;\n}\n.matting-footer .matting-color-more .color-more-btn:hover .color-more-font {\n background-image: radial-gradient(2px, #3156e5, #3156e5, #FFF);\n}\n.matting-footer .matting-color-more .color-more-btn.is-active {\n background: #3156e5;\n border-color: #3156e5;\n}\n.matting-footer .matting-color-more .color-more-btn.is-active .color-more-font {\n background-color: #3156e5;\n background-image: radial-gradient(2px, #FFF, #FFF, #3156e5);\n}\n.matting-footer .matting-color-more .color-more-font {\n display: inline-block;\n border-radius: 22px;\n height: 100%;\n vertical-align: top;\n background: #FFF repeat-x 0 center;\n background-image: radial-gradient(2px, #666, #666, #FFF);\n background-size: 6px;\n margin: 0 10px;\n min-width: 18px;\n width: 18px;\n}\n.matting-footer .matting-color-picker-panel-pop {\n position: absolute;\n bottom: 100%;\n right: -120px;\n background: #fff;\n padding: 20px;\n}\n.matting-footer .btn-tips.btn-tips--top {\n overflow: inherit;\n}\n.matting-footer .btn-tips.btn-tips--top:before {\n top: auto;\n bottom: 100%;\n border-bottom-color: transparent;\n border-top-color: rgba(0, 0, 0, 0.8);\n margin-bottom: 3px;\n}\n.matting-footer .btn-tips.btn-tips--top:after {\n top: auto;\n bottom: 100%;\n margin-bottom: 13px;\n margin-top: auto;\n font-size: 12px;\n line-height: 1;\n}\n.matting-color-picker {\n background: #FFF;\n padding: 20px;\n position: relative;\n}\n.matting-color-picker .matting-color-picker-main {\n margin: 0 auto;\n}\n.matting-color-picker .matting-color-picker-main .farbtastic {\n margin: 0 auto;\n}\n.matting-color-picker .matting-color-picker-val {\n color: #3366ff;\n font-size: 1.142em;\n padding: 15px 0;\n min-height: 1.5em;\n text-align: center;\n}\n.matting-color-picker .matting-color-picker-val em {\n font-style: normal;\n}\n.matting-color-picker .matting-color-picker-historys {\n margin: 20px auto 0;\n width: 204px;\n}\n.matting-color-picker .matting-color-picker-historys ul {\n font-size: 0;\n margin: 0;\n padding: 0;\n text-align: center;\n overflow: hidden;\n}\n.matting-color-picker .matting-color-picker-historys li {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: #FFF no-repeat;\n cursor: pointer;\n vertical-align: top;\n border-radius: 2px;\n margin: 0 2px 4px;\n height: 30px;\n width: 30px;\n}\n.matting-color-picker .matting-color-picker-historys li:hover {\n -webkit-box-shadow: 0 1px 2px #CCC;\n box-shadow: 0 1px 2px #CCC;\n}\n.matting-color-picker .matting-color-picker-historys li.is-active {\n border: 3px solid #3156e5;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='%23fff'%3E %3Cpolygon fill-rule='evenodd' clip-rule='evenodd' points='11.182,4.525 6.939,8.768 4.818,6.646 3.404,8.061 5.525,10.182 5.525,10.182 6.939,11.596 12.596,5.939 '/%3E %3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: 50%;\n}\n.matting-color-picker .matting-color-picker-historys li.is-active.is-dark {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='%23000'%3E %3Cpolygon fill-rule='evenodd' clip-rule='evenodd' points='11.182,4.525 6.939,8.768 4.818,6.646 3.404,8.061 5.525,10.182 5.525,10.182 6.939,11.596 12.596,5.939 '/%3E %3C/svg%3E\");\n}\n.matting-color-picker .matting-color-picker-historys li em {\n display: none;\n}\n.matting-color-picker .matting-color-picker-historys [data-color='#FFF'],\n.matting-color-picker .matting-color-picker-historys [data-color='#FFFFFF'],\n.matting-color-picker .matting-color-picker-historys [data-color='#fff'],\n.matting-color-picker .matting-color-picker-historys [data-color='#ffffff'] {\n -webkit-box-shadow: inset 0 0 0 1px #EEE;\n box-shadow: inset 0 0 0 1px #EEE;\n}\n.matting-color-picker-panel {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n line-height: 24px;\n position: relative;\n}\n.matting-color-picker-panel .matting-color-picker {\n position: absolute;\n bottom: 100%;\n right: -120px;\n}\n.matting-color-picker-panel .matting-color-picker-panel-label {\n color: #333;\n}\n.matting-color-picker-panel .matting-color-picker-panel-swatches ul {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n margin: 0 0 0 12px;\n padding: 0;\n vertical-align: top;\n}\n.matting-color-picker-panel .matting-color-picker-panel-swatches li {\n background: #fff;\n background-size: 22px 22px;\n background-position: 0 0, 11px 11px;\n background-image: -webkit-gradient(linear, left bottom, right top, color-stop(25%, #ccc), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, #ccc), to(#ccc)), -webkit-gradient(linear, left bottom, right top, color-stop(25%, #ccc), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, #ccc), to(#ccc));\n background-image: linear-gradient(to top right, #ccc 25%, transparent 0, transparent 75%, #ccc 0, #ccc), linear-gradient(to top right, #ccc 25%, transparent 0, transparent 75%, #ccc 0, #ccc);\n border: 1px solid #CCC;\n border-radius: 24px;\n font-size: 0;\n margin: 0 5px;\n height: 22px;\n overflow: hidden;\n text-align: center;\n}\n.matting-color-picker-panel .matting-color-picker-panel-swatches li .matting-color-picker-panel-swatch-tick {\n display: none;\n}\n.matting-color-picker-panel .matting-color-picker-panel-swatches li:hover,\n.matting-color-picker-panel .matting-color-picker-panel-swatches li.is-current {\n position: relative;\n border-color: #3156e5;\n cursor: pointer;\n}\n.matting-color-picker-panel .matting-color-picker-panel-swatches li:hover > .matting-color-picker-panel-swatch-tick,\n.matting-color-picker-panel .matting-color-picker-panel-swatches li.is-current > .matting-color-picker-panel-swatch-tick {\n display: block;\n position: absolute;\n width: 22px;\n height: 22px;\n left: -4px;\n top: -4px;\n border: 4px solid #3156e5;\n border-radius: 22px;\n}\n.matting-color-picker-panel .matting-color-picker-panel-swatches li.is-current > .matting-color-picker-panel-swatch-tick {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='%23fff'%3E %3Cpolygon fill-rule='evenodd' clip-rule='evenodd' points='11.182,4.525 6.939,8.768 4.818,6.646 3.404,8.061 5.525,10.182 5.525,10.182 6.939,11.596 12.596,5.939 '/%3E %3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: 50%;\n}\n.matting-color-picker-panel .matting-color-picker-panel-swatches li.is-current > .is-dark {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='%23000'%3E %3Cpolygon fill-rule='evenodd' clip-rule='evenodd' points='11.182,4.525 6.939,8.768 4.818,6.646 3.404,8.061 5.525,10.182 5.525,10.182 6.939,11.596 12.596,5.939 '/%3E %3C/svg%3E\");\n}\n.matting-color-picker-panel .matting-color-picker-panel-swatches em {\n display: inline-block;\n border-radius: 22px;\n height: 100%;\n min-width: 22px;\n vertical-align: top;\n}\n.matting-ranger {\n display: inline-block;\n border-radius: 36px;\n color: #333;\n line-height: 36px;\n height: 36px;\n width: 140px;\n overflow: hidden;\n position: relative;\n white-space: nowrap;\n}\n.matting-ranger:hover,\n.matting-ranger.is-actived {\n background-color: #2f3035;\n color: #FFF;\n cursor: ew-resize;\n}\n.matting-ranger:hover .matting-ranger-val,\n.matting-ranger.is-actived .matting-ranger-val {\n color: #FFF;\n}\n.matting-ranger:hover .matting-ranger-bar,\n.matting-ranger.is-actived .matting-ranger-bar {\n opacity: 1;\n}\n.matting-ranger .matting-ranger-bar {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: #337dfa;\n border-right: 1px solid #8cb7ff;\n height: 100%;\n position: absolute;\n z-index: 0;\n opacity: 0;\n}\n.matting-ranger .matting-ranger-main {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: stretch;\n -ms-flex-pack: stretch;\n justify-content: stretch;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 18px;\n height: 100%;\n width: 100%;\n vertical-align: top;\n position: relative;\n pointer-events: none;\n}\n.matting-ranger em {\n font-style: normal;\n}\n.matting-ranger .matting-ranger-label {\n padding-right: 16px;\n}\n.matting-ranger .matting-ranger-val {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n color: #005cf9;\n}\n.matting-loader {\n background: rgba(0, 0, 0, 0.8);\n border-radius: 3px;\n color: #FFF;\n font-size: 1em;\n padding: 16px 25px;\n position: absolute;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n visibility: hidden;\n opacity: 0;\n z-index: 9;\n -webkit-transition: all linear .4s;\n transition: all linear .4s;\n pointer-events: none;\n}\n.matting-loader span:before {\n content: '';\n display: block;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23EEE'%3E %3Cline x1='12' y1='2' x2='12' y2='6'/%3E %3Cline x1='12' y1='18' x2='12' y2='22'/%3E %3Cline x1='4.93' y1='4.93' x2='7.76' y2='7.76'/%3E %3Cline x1='16.24' y1='16.24' x2='19.07' y2='19.07'/%3E %3Cline x1='2' y1='12' x2='6' y2='12'/%3E %3Cline x1='18' y1='12' x2='22' y2='12'/%3E %3Cline x1='4.93' y1='19.07' x2='7.76' y2='16.24'/%3E %3Cline x1='16.24' y1='7.76' x2='19.07' y2='4.93'/%3E %3C/svg%3E\");\n background-size: contain;\n margin: 0 auto .5em;\n height: 32px;\n width: 32px;\n -webkit-animation: rotation 1.6s linear infinite;\n animation: rotation 1.6s linear infinite;\n}\n@-webkit-keyframes rotation {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotation {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.matting-loader.is-loading {\n visibility: visible;\n opacity: 1;\n}\n.matting-guider .hd img {\n width: 680px;\n height: 300px;\n vertical-align: top;\n}\n.matting-guider .md {\n text-align: center;\n}\n.matting-guider .md h3 {\n font-size: 20px;\n line-height: 2.65em;\n margin: 1.125em auto 0.2em;\n font-weight: normal;\n}\n.matting-guider .md .new-user-mark {\n color: #f90023;\n}\n.matting-guider .md .next-brush-icon {\n width: 0.8em;\n vertical-align: middle;\n margin: 0 0.25em 0.1em;\n}\n.matting-guider .ft {\n margin-top: 20px;\n margin-bottom: 20px;\n text-align: center;\n}\n.matting-guider .ft button {\n font-size: 14px;\n padding: 0;\n color: #005cf9;\n cursor: pointer;\n border: none;\n}\n.matting-guider .ft button:hover {\n color: #0a53d0;\n}\n.matting-dialog {\n position: relative;\n z-index: 15;\n}\n.matting-dialog .matting-dialog-mask {\n background: rgba(255, 255, 255, 0.8);\n height: 100%;\n width: 100%;\n position: fixed;\n left: 0;\n top: 0;\n z-index: 17;\n}\n.matting-dialog .matting-dialog-inner {\n background: #FFF;\n padding: 0;\n position: fixed;\n left: 50%;\n top: 50%;\n z-index: 19;\n -webkit-transform: translate(-50%, -54%);\n transform: translate(-50%, -54%);\n -webkit-box-shadow: 0px 2px 8px rgba(160, 160, 180, 0.4);\n box-shadow: 0px 2px 8px rgba(160, 160, 180, 0.4);\n}\n.matting-dialog .matting-dialog-close {\n cursor: pointer;\n font-size: 0;\n padding: 7px;\n position: absolute;\n right: 20px;\n top: 20px;\n opacity: .6;\n}\n.matting-dialog .matting-dialog-close::before {\n content: \"\";\n display: block;\n background: url(\"data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24' height='24' viewBox='0 0 1024 1024' enable-background='new 0 0 1024 1024' xml:space='preserve' fill='%23AAA'%3E %3Cg%3E %3Cg%3E %3Cpath d='M562.27,511.274l305.892-305.888c1.935-1.937,1.935-5.809,0-9.68l-44.532-42.592 c-1.936-1.937-3.868-1.937-3.868-1.937c-1.94,0-1.94,0-3.872,1.937L510,459.002l-305.887-306.13 c-1.939-1.936-3.873-1.936-3.873-1.936c-1.939,0-1.939,0-3.872,1.936l-44.528,44.77c-1.939,1.935-1.939,5.808,0,9.68 L457.728,513.21L151.84,816.92c-1.939,1.936-1.939,5.808,0,9.68l42.592,44.527c1.936,1.939,3.869,1.939,3.869,1.939 s1.939,0,3.873-1.939L510,563.545l305.889,305.89c1.936,1.936,3.872,1.9