├── .gitignore
├── README.md
├── dist
    ├── color.less
    ├── dll
    │   ├── _dll_vendor.js
    │   └── vendor.mainfist.json
    ├── index.html
    └── static
    │   ├── css
    │       ├── 2.css
    │       ├── main.css
    │       └── vendors.css
    │   ├── font
    │       ├── iconfont.eot
    │       ├── iconfont.svg
    │       ├── iconfont.ttf
    │       └── iconfont.woff
    │   └── js
    │       ├── 2.bundle.js
    │       ├── 3.bundle.js
    │       ├── main.bundle.js
    │       └── vendors.bundle.js
├── package.json
├── public
    └── index.html
├── src
    ├── App.js
    ├── components
    │   ├── Aside
    │   │   ├── Aside.js
    │   │   └── Aside.less
    │   ├── Header
    │   │   ├── Header.js
    │   │   └── Header.less
    │   ├── Loading
    │   │   ├── Loading.js
    │   │   └── Loading.less
    │   └── Skin
    │   │   ├── Skin.js
    │   │   └── Skin.less
    ├── index.js
    ├── pages
    │   ├── A
    │   │   └── A.js
    │   ├── B
    │   │   ├── B.js
    │   │   └── Status.less
    │   └── Main
    │   │   ├── Main.js
    │   │   └── Main.less
    ├── router
    │   ├── router.js
    │   └── router_lazyload.js
    ├── store
    │   ├── loading_store.js
    │   └── store.js
    ├── styles
    │   ├── common
    │   │   ├── common.less
    │   │   ├── reset.less
    │   │   └── utils.less
    │   └── theme
    │   │   ├── index.less
    │   │   └── variables.less
    └── utils
    │   ├── library
    │       └── less.min.js
    │   └── usePlugin
    │       ├── axios.js
    │       └── utils.js
├── webpack.config.common.js
├── webpack.config.dev.js
├── webpack.config.dll.js
├── webpack.config.prod.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | #*
 3 | /__MACOSX
 4 | 
 5 | # history
 6 | /.history
 7 | 
 8 | # dependencies
 9 | /node_modules
10 | /.pnp
11 | .pnp.js
12 | 
13 | # testing
14 | /coverage
15 | 
16 | # production
17 | /build
18 | 
19 | # misc
20 | .DS_Store
21 | .env.local
22 | .env.development.local
23 | .env.test.local
24 | .env.production.local
25 | 
26 | npm-debug.log*
27 | yarn-debug.log*
28 | yarn-error.log*
29 | 
30 | #vscode
31 | .vscode
32 | 
33 | #yarn
34 | 
35 | #docz
36 | .docz
37 | 
38 | .idea
39 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## webpack优化DEMO
 2 | 
 3 | 怎么运行？
 4 | ```
 5 |     yarn install
 6 |     yarn run dll //注意这里的顺序别弄错了，yarn run dll需要先执行
 7 |     yarn run dev 
 8 | ```
 9 | 
10 | demo里的antd更换皮肤功能在打包==yarn run build==之后需要放在服务器上才会生效，直接==yarn run dev==也可以生效
11 | 
12 | 
13 | ps：demo写的比较粗糙，请见谅
14 | 


--------------------------------------------------------------------------------
/dist/dll/vendor.mainfist.json:
--------------------------------------------------------------------------------
1 | {"name":"_dll_vendor","content":{"./node_modules/core-js/modules/_export.js":{"id":0,"buildMeta":{"providedExports":true}},"./node_modules/prop-types/index.js":{"id":1,"buildMeta":{"providedExports":true}},"./node_modules/react/index.js":{"id":2,"buildMeta":{"providedExports":true}},"./node_modules/history/es/PathUtils.js":{"id":3,"buildMeta":{"exportsType":"namespace","providedExports":["addLeadingSlash","stripLeadingSlash","hasBasename","stripBasename","stripTrailingSlash","parsePath","createPath"]}},"./node_modules/core-js/modules/_global.js":{"id":4,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_fails.js":{"id":5,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_an-object.js":{"id":6,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_is-object.js":{"id":7,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_wks.js":{"id":8,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_to-length.js":{"id":9,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-dp.js":{"id":10,"buildMeta":{"providedExports":true}},"./node_modules/invariant/browser.js":{"id":11,"buildMeta":{"providedExports":true}},"./node_modules/warning/browser.js":{"id":12,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_descriptors.js":{"id":13,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_core.js":{"id":14,"buildMeta":{"providedExports":true}},"./node_modules/history/es/index.js":{"id":15,"buildMeta":{"exportsType":"namespace","providedExports":["createBrowserHistory","createHashHistory","createMemoryHistory","createLocation","locationsAreEqual","parsePath","createPath"]}},"./node_modules/history/es/LocationUtils.js":{"id":16,"buildMeta":{"exportsType":"namespace","providedExports":["createLocation","locationsAreEqual"]}},"./node_modules/react-router/node_modules/warning/warning.js":{"id":17,"buildMeta":{"providedExports":true}},"./node_modules/history/es/DOMUtils.js":{"id":18,"buildMeta":{"exportsType":"namespace","providedExports":["canUseDOM","addEventListener","removeEventListener","getConfirmation","supportsHistory","supportsPopStateOnHashChange","supportsGoWithoutReloadUsingHash","isExtraneousPopstateEvent"]}},"./node_modules/mobx/lib/mobx.module.js":{"id":19,"buildMeta":{"exportsType":"namespace","providedExports":["Reaction","untracked","IDerivationState","createAtom","spy","comparer","isObservableObject","isBoxedObservable","isObservableArray","ObservableMap","isObservableMap","ObservableSet","isObservableSet","transaction","observable","computed","isObservable","isObservableProp","isComputed","isComputedProp","extendObservable","observe","intercept","autorun","reaction","when","action","isAction","runInAction","keys","values","entries","set","remove","has","get","decorate","configure","onBecomeObserved","onBecomeUnobserved","flow","toJS","trace","getDependencyTree","getObserverTree","_resetGlobalState","_getGlobalState","getDebugName","getAtom","_getAdministration","_allowStateChanges","_allowStateChangesInsideComputed","isArrayLike","$mobx","_isComputingDerivation","onReactionError","_interceptReads"]}},"./node_modules/core-js/modules/_redefine.js":{"id":20,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_to-object.js":{"id":21,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_string-html.js":{"id":22,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_has.js":{"id":23,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_hide.js":{"id":24,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_to-iobject.js":{"id":25,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_strict-method.js":{"id":26,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_to-integer.js":{"id":27,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-gopd.js":{"id":28,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-sap.js":{"id":29,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_array-methods.js":{"id":30,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_ctx.js":{"id":31,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_a-function.js":{"id":32,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_cof.js":{"id":33,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_defined.js":{"id":34,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_typed-array.js":{"id":35,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_to-primitive.js":{"id":36,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_meta.js":{"id":37,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_property-desc.js":{"id":38,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_uid.js":{"id":39,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_library.js":{"id":40,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-keys.js":{"id":41,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_to-absolute-index.js":{"id":42,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-create.js":{"id":43,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-gopn.js":{"id":44,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-gpo.js":{"id":45,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_validate-collection.js":{"id":46,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_set-to-string-tag.js":{"id":47,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_iterators.js":{"id":48,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_add-to-unscopables.js":{"id":49,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_set-species.js":{"id":50,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_an-instance.js":{"id":51,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_redefine-all.js":{"id":52,"buildMeta":{"providedExports":true}},"./node_modules/react-router-dom/es/Router.js":{"id":53,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/history/es/createTransitionManager.js":{"id":54,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/Router.js":{"id":55,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/matchPath.js":{"id":56,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-dom/index.js":{"id":57,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_iobject.js":{"id":58,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-pie.js":{"id":59,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_classof.js":{"id":60,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_species-constructor.js":{"id":61,"buildMeta":{"providedExports":true}},"./node_modules/react-router-dom/es/Link.js":{"id":62,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/generatePath.js":{"id":63,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/core-js/modules/_shared.js":{"id":64,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_array-includes.js":{"id":65,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-gops.js":{"id":66,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_string-trim.js":{"id":67,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_iter-detect.js":{"id":68,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_flags.js":{"id":69,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_regexp-exec-abstract.js":{"id":70,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_fix-re-wks.js":{"id":71,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_for-of.js":{"id":72,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_user-agent.js":{"id":73,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_collection.js":{"id":74,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_typed.js":{"id":75,"buildMeta":{"providedExports":true}},"./node_modules/react-router-dom/es/Route.js":{"id":76,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/node_modules/warning/warning.js":{"id":77,"buildMeta":{"providedExports":true}},"./node_modules/react-router/es/Route.js":{"id":78,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/node_modules/path-to-regexp/index.js":{"id":79,"buildMeta":{"providedExports":true}},"./node_modules/webpack/buildin/global.js":{"id":80,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_dom-create.js":{"id":81,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_wks-ext.js":{"id":82,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_shared-key.js":{"id":83,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_enum-bug-keys.js":{"id":84,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_is-array.js":{"id":85,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_html.js":{"id":86,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_set-proto.js":{"id":87,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_string-ws.js":{"id":88,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_inherit-if-required.js":{"id":89,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_string-repeat.js":{"id":90,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_math-sign.js":{"id":91,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_math-expm1.js":{"id":92,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_string-at.js":{"id":93,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_iter-define.js":{"id":94,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_string-context.js":{"id":95,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_is-regexp.js":{"id":96,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_fails-is-regexp.js":{"id":97,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_is-array-iter.js":{"id":98,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_create-property.js":{"id":99,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/core.get-iterator-method.js":{"id":100,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_array-fill.js":{"id":101,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.iterator.js":{"id":102,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_regexp-exec.js":{"id":103,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_advance-string-index.js":{"id":104,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_task.js":{"id":105,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_typed-buffer.js":{"id":106,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_ie8-dom-define.js":{"id":107,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_wks-define.js":{"id":108,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-keys-internal.js":{"id":109,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-dps.js":{"id":110,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-gopn-ext.js":{"id":111,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-assign.js":{"id":112,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_same-value.js":{"id":113,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_bind.js":{"id":114,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_invoke.js":{"id":115,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_parse-int.js":{"id":116,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_parse-float.js":{"id":117,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_a-number-value.js":{"id":118,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_is-integer.js":{"id":119,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_math-log1p.js":{"id":120,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_iter-create.js":{"id":121,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_iter-call.js":{"id":122,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_array-reduce.js":{"id":123,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_array-copy-within.js":{"id":124,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_iter-step.js":{"id":125,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.regexp.exec.js":{"id":126,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.regexp.flags.js":{"id":127,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.promise.js":{"id":128,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_new-promise-capability.js":{"id":129,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_promise-resolve.js":{"id":130,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_collection-strong.js":{"id":131,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_collection-weak.js":{"id":132,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_to-index.js":{"id":133,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_own-keys.js":{"id":134,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_string-pad.js":{"id":135,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_object-to-array.js":{"id":136,"buildMeta":{"providedExports":true}},"./node_modules/object-assign/index.js":{"id":137,"buildMeta":{"providedExports":true}},"./node_modules/react-router-dom/es/BrowserRouter.js":{"id":138,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/history/es/createBrowserHistory.js":{"id":139,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/history/es/createHashHistory.js":{"id":140,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/history/es/createMemoryHistory.js":{"id":141,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/HashRouter.js":{"id":142,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/MemoryRouter.js":{"id":143,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/NavLink.js":{"id":144,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/Prompt.js":{"id":145,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/Redirect.js":{"id":146,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/StaticRouter.js":{"id":147,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/Switch.js":{"id":148,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/generatePath.js":{"id":149,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/matchPath.js":{"id":150,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router-dom/es/withRouter.js":{"id":151,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/resolve-pathname/index.js":{"id":152,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/value-equal/index.js":{"id":153,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/MemoryRouter.js":{"id":154,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/Prompt.js":{"id":155,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/Redirect.js":{"id":156,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/StaticRouter.js":{"id":157,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/Switch.js":{"id":158,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/react-router/es/withRouter.js":{"id":159,"buildMeta":{"exportsType":"namespace","providedExports":["default"]}},"./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js":{"id":160,"buildMeta":{"providedExports":true}},"./node_modules/@babel/polyfill/lib/index.js":{"id":162,"buildMeta":{"providedExports":true}},"./node_modules/core-js/es6/index.js":{"id":163,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.symbol.js":{"id":164,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_function-to-string.js":{"id":165,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_enum-keys.js":{"id":166,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.create.js":{"id":167,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.define-property.js":{"id":168,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.define-properties.js":{"id":169,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.get-own-property-descriptor.js":{"id":170,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.get-prototype-of.js":{"id":171,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.keys.js":{"id":172,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.get-own-property-names.js":{"id":173,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.freeze.js":{"id":174,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.seal.js":{"id":175,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.prevent-extensions.js":{"id":176,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.is-frozen.js":{"id":177,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.is-sealed.js":{"id":178,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.is-extensible.js":{"id":179,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.assign.js":{"id":180,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.is.js":{"id":181,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.set-prototype-of.js":{"id":182,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.object.to-string.js":{"id":183,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.function.bind.js":{"id":184,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.function.name.js":{"id":185,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.function.has-instance.js":{"id":186,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.parse-int.js":{"id":187,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.parse-float.js":{"id":188,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.constructor.js":{"id":189,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.to-fixed.js":{"id":190,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.to-precision.js":{"id":191,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.epsilon.js":{"id":192,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.is-finite.js":{"id":193,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.is-integer.js":{"id":194,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.is-nan.js":{"id":195,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.is-safe-integer.js":{"id":196,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.max-safe-integer.js":{"id":197,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.min-safe-integer.js":{"id":198,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.parse-float.js":{"id":199,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.number.parse-int.js":{"id":200,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.acosh.js":{"id":201,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.asinh.js":{"id":202,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.atanh.js":{"id":203,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.cbrt.js":{"id":204,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.clz32.js":{"id":205,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.cosh.js":{"id":206,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.expm1.js":{"id":207,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.fround.js":{"id":208,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_math-fround.js":{"id":209,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.hypot.js":{"id":210,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.imul.js":{"id":211,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.log10.js":{"id":212,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.log1p.js":{"id":213,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.log2.js":{"id":214,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.sign.js":{"id":215,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.sinh.js":{"id":216,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.tanh.js":{"id":217,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.math.trunc.js":{"id":218,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.from-code-point.js":{"id":219,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.raw.js":{"id":220,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.trim.js":{"id":221,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.iterator.js":{"id":222,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.code-point-at.js":{"id":223,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.ends-with.js":{"id":224,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.includes.js":{"id":225,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.repeat.js":{"id":226,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.starts-with.js":{"id":227,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.anchor.js":{"id":228,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.big.js":{"id":229,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.blink.js":{"id":230,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.bold.js":{"id":231,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.fixed.js":{"id":232,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.fontcolor.js":{"id":233,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.fontsize.js":{"id":234,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.italics.js":{"id":235,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.link.js":{"id":236,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.small.js":{"id":237,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.strike.js":{"id":238,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.sub.js":{"id":239,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.string.sup.js":{"id":240,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.date.now.js":{"id":241,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.date.to-json.js":{"id":242,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.date.to-iso-string.js":{"id":243,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_date-to-iso-string.js":{"id":244,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.date.to-string.js":{"id":245,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.date.to-primitive.js":{"id":246,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_date-to-primitive.js":{"id":247,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.is-array.js":{"id":248,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.from.js":{"id":249,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.of.js":{"id":250,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.join.js":{"id":251,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.slice.js":{"id":252,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.sort.js":{"id":253,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.for-each.js":{"id":254,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_array-species-create.js":{"id":255,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_array-species-constructor.js":{"id":256,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.map.js":{"id":257,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.filter.js":{"id":258,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.some.js":{"id":259,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.every.js":{"id":260,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.reduce.js":{"id":261,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.reduce-right.js":{"id":262,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.index-of.js":{"id":263,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.last-index-of.js":{"id":264,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.copy-within.js":{"id":265,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.fill.js":{"id":266,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.find.js":{"id":267,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.find-index.js":{"id":268,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.array.species.js":{"id":269,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.regexp.constructor.js":{"id":270,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.regexp.to-string.js":{"id":271,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.regexp.match.js":{"id":272,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.regexp.replace.js":{"id":273,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.regexp.search.js":{"id":274,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.regexp.split.js":{"id":275,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_microtask.js":{"id":276,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/_perform.js":{"id":277,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.map.js":{"id":278,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.set.js":{"id":279,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.weak-map.js":{"id":280,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.weak-set.js":{"id":281,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.array-buffer.js":{"id":282,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.data-view.js":{"id":283,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.int8-array.js":{"id":284,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.uint8-array.js":{"id":285,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.uint8-clamped-array.js":{"id":286,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.int16-array.js":{"id":287,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.uint16-array.js":{"id":288,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.int32-array.js":{"id":289,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.uint32-array.js":{"id":290,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.float32-array.js":{"id":291,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.typed.float64-array.js":{"id":292,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.apply.js":{"id":293,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.construct.js":{"id":294,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.define-property.js":{"id":295,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.delete-property.js":{"id":296,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.enumerate.js":{"id":297,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.get.js":{"id":298,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.get-own-property-descriptor.js":{"id":299,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.get-prototype-of.js":{"id":300,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.has.js":{"id":301,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.is-extensible.js":{"id":302,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.own-keys.js":{"id":303,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.prevent-extensions.js":{"id":304,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.set.js":{"id":305,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es6.reflect.set-prototype-of.js":{"id":306,"buildMeta":{"providedExports":true}},"./node_modules/core-js/fn/array/includes.js":{"id":307,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es7.array.includes.js":{"id":308,"buildMeta":{"providedExports":true}},"./node_modules/core-js/fn/string/pad-start.js":{"id":309,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es7.string.pad-start.js":{"id":310,"buildMeta":{"providedExports":true}},"./node_modules/core-js/fn/string/pad-end.js":{"id":311,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es7.string.pad-end.js":{"id":312,"buildMeta":{"providedExports":true}},"./node_modules/core-js/fn/symbol/async-iterator.js":{"id":313,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es7.symbol.async-iterator.js":{"id":314,"buildMeta":{"providedExports":true}},"./node_modules/core-js/fn/object/get-own-property-descriptors.js":{"id":315,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js":{"id":316,"buildMeta":{"providedExports":true}},"./node_modules/core-js/fn/object/values.js":{"id":317,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es7.object.values.js":{"id":318,"buildMeta":{"providedExports":true}},"./node_modules/core-js/fn/object/entries.js":{"id":319,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es7.object.entries.js":{"id":320,"buildMeta":{"providedExports":true}},"./node_modules/core-js/fn/promise/finally.js":{"id":321,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/es7.promise.finally.js":{"id":322,"buildMeta":{"providedExports":true}},"./node_modules/core-js/web/index.js":{"id":323,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/web.timers.js":{"id":324,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/web.immediate.js":{"id":325,"buildMeta":{"providedExports":true}},"./node_modules/core-js/modules/web.dom.iterable.js":{"id":326,"buildMeta":{"providedExports":true}},"./node_modules/regenerator-runtime/runtime.js":{"id":327,"buildMeta":{"providedExports":true}},"./node_modules/react/cjs/react.production.min.js":{"id":328,"buildMeta":{"providedExports":true}},"./node_modules/react-dom/cjs/react-dom.production.min.js":{"id":329,"buildMeta":{"providedExports":true}},"./node_modules/scheduler/index.js":{"id":330,"buildMeta":{"providedExports":true}},"./node_modules/scheduler/cjs/scheduler.production.min.js":{"id":331,"buildMeta":{"providedExports":true}},"./node_modules/react-router-dom/es/index.js":{"id":332,"buildMeta":{"exportsType":"namespace","providedExports":["BrowserRouter","HashRouter","Link","MemoryRouter","NavLink","Prompt","Redirect","Route","Router","StaticRouter","Switch","generatePath","matchPath","withRouter"]}},"./node_modules/prop-types/factoryWithThrowingShims.js":{"id":333,"buildMeta":{"providedExports":true}},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":{"id":334,"buildMeta":{"providedExports":true}},"./node_modules/react-router/node_modules/isarray/index.js":{"id":335,"buildMeta":{"providedExports":true}},"./node_modules/process/browser.js":{"id":336,"buildMeta":{"providedExports":true}},"./node_modules/mobx-react/index.module.js":{"id":337,"buildMeta":{"exportsType":"namespace","providedExports":["propTypes","PropTypes","onError","observer","Observer","renderReporter","componentByNodeRegistery","componentByNodeRegistry","trackComponents","useStaticRendering","Provider","inject","disposeOnUnmount"]}}}}


--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
 6 |     <title>React</title>
 7 | <link href="static/css/vendors.css" rel="stylesheet"><link href="static/css/main.css" rel="stylesheet"></head>
 8 | <body>
 9 |     <link rel="stylesheet/less" type="text/css" href="./color.less">
10 |     <script>
11 |         window.less = {
12 |             async: false,
13 |             env: 'production'//production  development
14 |         };
15 |     </script>
16 |     <div id="root"></div>
17 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script>
18 |     <script src="dll/_dll_vendor.js" type="text/javascript"></script>
19 | 
20 | <script type="text/javascript" src="static/js/vendors.bundle.js"></script><script type="text/javascript" src="static/js/main.bundle.js"></script></body>
21 | </html>


--------------------------------------------------------------------------------
/dist/static/css/2.css:
--------------------------------------------------------------------------------
1 | .primary-bg{background-color:#6064f4}.major-fontColor{color:#3531a8}.minor-fontColor{color:#6064f4}.major-borderTop{border-top:1px solid #6064f4}.major-borderBottom{border-bottom:1px solid #6064f4}.minor-borderTop{border-top:1px solid #dee2ff}.minor-borderBottom{border-bottom:1px solid #dee2ff}.asd{background:#000}


--------------------------------------------------------------------------------
/dist/static/css/main.css:
--------------------------------------------------------------------------------
1 | .aside{-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100vh - 70px);-webkit-box-shadow:3px 0 10px #ccc;box-shadow:3px 0 10px #ccc;position:relative;z-index:2;padding:30px 0;overflow:hidden}.aside:hover{overflow:auto}.aside li{margin-bottom:0!important;margin-top:0!important}.aside li:hover{background:#f9f9f9}.aside>ul>li:first-child{border-top:none}.aside>ul>li:last-child{border-bottom:1px solid #f3f3f3}.aside>ul>li{border-top:1px solid #f3f3f3}.aside>ul>li>ul>li{border-bottom:1px solid #f3f3f3}.aside>ul>li>ul>li:last-child{border-bottom:none}.spans{display:inline-block;font-weight:700;border-radius:3px;text-align:center;float:right;margin-right:5px}@media screen and (min-width:768px){.asideFixed{position:fixed;left:0;height:100vh;width:25%}}@media screen and (min-width:992px){.asideFixed{position:fixed;left:0;height:100vh;width:16.66666667%}}.skin-wrap{position:absolute;right:0;top:0;-webkit-box-shadow:0 -5px 30px rgba(0,0,0,.2);box-shadow:0 -5px 30px rgba(0,0,0,.2);height:100%;width:120px;-webkit-box-sizing:border-box;box-sizing:border-box}.skin-wrap .skin-root{color:#fff;line-height:70px;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.skin-wrap .skin-root:hover{cursor:pointer}.skin-wrap .skin-root>i{font-size:20px}.skin-wrap .skin-root>span{margin-left:5px}.skin-wrap .skin-dropDown{width:100%;background:#fff;opacity:0;position:relative;top:-10px;height:0;overflow:hidden;-webkit-transition:top .2s,opacity .2s;transition:top .2s,opacity .2s;-webkit-box-shadow:0 2px 40px rgba(0,0,0,.4);box-shadow:0 2px 40px rgba(0,0,0,.4)}.skin-wrap .skin-dropDown .change-theme{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.skin-wrap .skin-dropDown .change-theme>li{cursor:pointer;width:20px;height:20px;background:#000;margin:5px}.skin-wrap .skin-dropDown .sign-out{font-size:16px;padding:10px;text-align:center}.skin-wrap .skin-dropDown .sign-out>span{cursor:pointer}.primary-bg{background-color:#6064f4}.major-fontColor{color:#3531a8}.minor-fontColor{color:#6064f4}.major-borderTop{border-top:1px solid #6064f4}.major-borderBottom{border-bottom:1px solid #6064f4}.minor-borderTop{border-top:1px solid #dee2ff}.minor-borderBottom{border-bottom:1px solid #dee2ff}.header{height:70px;width:100%;-webkit-box-shadow:0 3px 10px #ccc;box-shadow:0 3px 10px #ccc;position:relative;z-index:3}.header>a{height:60px;width:180px;margin-left:20px;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header>a img{width:100%;height:100%}.contentWrap{background:#eee;padding:20px;min-height:calc(100vh - 70px)}.content{background:#fff;border-radius:5px;padding:15px}html{overflow-y:scroll}body{font:12px Arial,sans-serif}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,textarea,ul{margin:0;padding:0}table,td,th,tr{font-size:12px}ol,ul{list-style:none}li{list-style-type:none}img{vertical-align:top;border:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}address,cite,code,em,i,th{font-weight:400;font-style:normal}.fB,.hx a,.hx em{font-weight:700}.clearfix{*zoom:1}.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:"."}a{color:#252525}a,a:hover,a:visited{text-decoration:none}body,html{height:100%}::selection{background:#1890ff!important;color:#fff!important}


--------------------------------------------------------------------------------
/dist/static/css/vendors.css:
--------------------------------------------------------------------------------
1 | @font-face{font-family:Chinese Quote;src:local("PingFang SC"),local("SimSun");unicode-range:U+2018,U+2019,U+201c,U+201d}body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-variant:tabular-nums;line-height:1.5;color:rgba(0,0,0,.65);background-color:#fff}[tabindex="-1"]:focus{outline:none!important}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-top:0;margin-bottom:1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#1890ff;background-color:transparent;text-decoration:none;outline:none;cursor:pointer;-webkit-transition:color .3s;transition:color .3s;-webkit-text-decoration-skip:objects}a:focus{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip:ink}a:hover{color:#40a9ff}a:active{color:#096dd9}a:active,a:hover{outline:0;text-decoration:none}a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed;pointer-events:none}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}th{text-align:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5em;font-size:1.5em;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}::selection{background:#1890ff;color:#fff}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}@font-face{font-family:anticon;font-display:fallback;src:url(../../static/font/iconfont.eot);src:url(../../static/font/iconfont.woff) format("woff"),url(../../static/font/iconfont.ttf) format("truetype"),url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJzdGF0aWMvZm9udC9pY29uZm9udC5zdmciOw==#iconfont) format("svg")}.anticon{display:inline-block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.anticon:before{display:block;font-family:anticon!important}.anticon-step-forward:before{content:"\e600"}.anticon-step-backward:before{content:"\e601"}.anticon-forward:before{content:"\e602"}.anticon-backward:before{content:"\e603"}.anticon-caret-right:before{content:"\e604"}.anticon-caret-left:before{content:"\e605"}.anticon-caret-down:before{content:"\e606"}.anticon-caret-up:before{content:"\e607"}.anticon-caret-circle-right:before,.anticon-circle-right:before,.anticon-right-circle:before{content:"\e608"}.anticon-caret-circle-left:before,.anticon-circle-left:before,.anticon-left-circle:before{content:"\e609"}.anticon-caret-circle-up:before,.anticon-circle-up:before,.anticon-up-circle:before{content:"\e60a"}.anticon-caret-circle-down:before,.anticon-circle-down:before,.anticon-down-circle:before{content:"\e60b"}.anticon-right-circle-o:before{content:"\e60c"}.anticon-caret-circle-o-right:before,.anticon-circle-o-right:before{content:"\e60c"}.anticon-left-circle-o:before{content:"\e60d"}.anticon-caret-circle-o-left:before,.anticon-circle-o-left:before{content:"\e60d"}.anticon-up-circle-o:before{content:"\e60e"}.anticon-caret-circle-o-up:before,.anticon-circle-o-up:before{content:"\e60e"}.anticon-down-circle-o:before{content:"\e60f"}.anticon-caret-circle-o-down:before,.anticon-circle-o-down:before{content:"\e60f"}.anticon-verticle-left:before{content:"\e610"}.anticon-verticle-right:before{content:"\e611"}.anticon-rollback:before{content:"\e612"}.anticon-retweet:before{content:"\e613"}.anticon-shrink:before{content:"\e614"}.anticon-arrow-salt:before,.anticon-arrows-alt:before{content:"\e615"}.anticon-reload:before{content:"\e616"}.anticon-double-right:before{content:"\e617"}.anticon-double-left:before{content:"\e618"}.anticon-arrow-down:before{content:"\e619"}.anticon-arrow-up:before{content:"\e61a"}.anticon-arrow-right:before{content:"\e61b"}.anticon-arrow-left:before{content:"\e61c"}.anticon-down:before{content:"\e61d"}.anticon-up:before{content:"\e61e"}.anticon-right:before{content:"\e61f"}.anticon-left:before{content:"\e620"}.anticon-minus-square-o:before{content:"\e621"}.anticon-minus-circle:before{content:"\e622"}.anticon-minus-circle-o:before{content:"\e623"}.anticon-minus:before{content:"\e624"}.anticon-plus-circle-o:before{content:"\e625"}.anticon-plus-circle:before{content:"\e626"}.anticon-plus:before{content:"\e627"}.anticon-info-circle:before{content:"\e628"}.anticon-info-circle-o:before{content:"\e629"}.anticon-info:before{content:"\e62a"}.anticon-exclamation:before{content:"\e62b"}.anticon-exclamation-circle:before{content:"\e62c"}.anticon-exclamation-circle-o:before{content:"\e62d"}.anticon-close-circle:before,.anticon-cross-circle:before{content:"\e62e"}.anticon-close-circle-o:before,.anticon-cross-circle-o:before{content:"\e62f"}.anticon-check-circle:before{content:"\e630"}.anticon-check-circle-o:before{content:"\e631"}.anticon-check:before{content:"\e632"}.anticon-close:before,.anticon-cross:before{content:"\e633"}.anticon-customer-service:before,.anticon-customerservice:before{content:"\e634"}.anticon-credit-card:before{content:"\e635"}.anticon-code-o:before{content:"\e636"}.anticon-book:before{content:"\e637"}.anticon-bars:before{content:"\e639"}.anticon-question:before{content:"\e63a"}.anticon-question-circle:before{content:"\e63b"}.anticon-question-circle-o:before{content:"\e63c"}.anticon-pause:before{content:"\e63d"}.anticon-pause-circle:before{content:"\e63e"}.anticon-pause-circle-o:before{content:"\e63f"}.anticon-clock-circle:before{content:"\e640"}.anticon-clock-circle-o:before{content:"\e641"}.anticon-swap:before{content:"\e642"}.anticon-swap-left:before{content:"\e643"}.anticon-swap-right:before{content:"\e644"}.anticon-plus-square-o:before{content:"\e645"}.anticon-frown-circle:before,.anticon-frown:before{content:"\e646"}.anticon-ellipsis:before{content:"\e647"}.anticon-copy:before{content:"\e648"}.anticon-menu-fold:before{content:"\e9ac"}.anticon-mail:before{content:"\e659"}.anticon-logout:before{content:"\e65a"}.anticon-link:before{content:"\e65b"}.anticon-area-chart:before{content:"\e65c"}.anticon-line-chart:before{content:"\e65d"}.anticon-home:before{content:"\e65e"}.anticon-laptop:before{content:"\e65f"}.anticon-star:before{content:"\e660"}.anticon-star-o:before{content:"\e661"}.anticon-folder:before{content:"\e662"}.anticon-filter:before{content:"\e663"}.anticon-file:before{content:"\e664"}.anticon-exception:before{content:"\e665"}.anticon-meh-circle:before,.anticon-meh:before{content:"\e666"}.anticon-meh-o:before{content:"\e667"}.anticon-shopping-cart:before{content:"\e668"}.anticon-save:before{content:"\e669"}.anticon-user:before{content:"\e66a"}.anticon-video-camera:before{content:"\e66b"}.anticon-to-top:before{content:"\e66c"}.anticon-team:before{content:"\e66d"}.anticon-tablet:before{content:"\e66e"}.anticon-solution:before{content:"\e66f"}.anticon-search:before{content:"\e670"}.anticon-share-alt:before{content:"\e671"}.anticon-setting:before{content:"\e672"}.anticon-poweroff:before{content:"\e6d5"}.anticon-picture:before{content:"\e674"}.anticon-phone:before{content:"\e675"}.anticon-paper-clip:before{content:"\e676"}.anticon-notification:before{content:"\e677"}.anticon-mobile:before{content:"\e678"}.anticon-menu-unfold:before{content:"\e9ad"}.anticon-inbox:before{content:"\e67a"}.anticon-lock:before{content:"\e67b"}.anticon-qrcode:before{content:"\e67c"}.anticon-play-circle:before{content:"\e6d0"}.anticon-play-circle-o:before{content:"\e6d1"}.anticon-tag:before{content:"\e6d2"}.anticon-tag-o:before{content:"\e6d3"}.anticon-tags:before{content:"\e67d"}.anticon-tags-o:before{content:"\e67e"}.anticon-cloud-o:before{content:"\e67f"}.anticon-cloud:before{content:"\e680"}.anticon-cloud-upload:before{content:"\e681"}.anticon-cloud-download:before{content:"\e682"}.anticon-cloud-download-o:before{content:"\e683"}.anticon-cloud-upload-o:before{content:"\e684"}.anticon-environment:before{content:"\e685"}.anticon-environment-o:before{content:"\e686"}.anticon-eye:before{content:"\e687"}.anticon-eye-o:before{content:"\e688"}.anticon-camera:before{content:"\e689"}.anticon-camera-o:before{content:"\e68a"}.anticon-windows:before{content:"\e68b"}.anticon-apple:before{content:"\e68c"}.anticon-apple-o:before{content:"\e6d4"}.anticon-android:before{content:"\e938"}.anticon-android-o:before{content:"\e68d"}.anticon-aliwangwang:before{content:"\e68e"}.anticon-aliwangwang-o:before{content:"\e68f"}.anticon-export:before{content:"\e691"}.anticon-edit:before{content:"\e692"}.anticon-appstore-o:before{content:"\e695"}.anticon-appstore:before{content:"\e696"}.anticon-scan:before{content:"\e697"}.anticon-file-text:before{content:"\e698"}.anticon-folder-open:before{content:"\e699"}.anticon-hdd:before{content:"\e69a"}.anticon-ie:before{content:"\e69b"}.anticon-file-jpg:before{content:"\e69c"}.anticon-like:before{content:"\e64c"}.anticon-like-o:before{content:"\e69d"}.anticon-dislike:before{content:"\e64b"}.anticon-dislike-o:before{content:"\e69e"}.anticon-delete:before{content:"\e69f"}.anticon-enter:before{content:"\e6a0"}.anticon-pushpin-o:before{content:"\e6a1"}.anticon-pushpin:before{content:"\e6a2"}.anticon-heart:before{content:"\e6a3"}.anticon-heart-o:before{content:"\e6a4"}.anticon-pay-circle:before{content:"\e6a5"}.anticon-pay-circle-o:before{content:"\e6a6"}.anticon-smile-circle:before,.anticon-smile:before{content:"\e6a7"}.anticon-smile-o:before{content:"\e6a8"}.anticon-frown-o:before{content:"\e6a9"}.anticon-calculator:before{content:"\e6aa"}.anticon-message:before{content:"\e6ab"}.anticon-chrome:before{content:"\e6ac"}.anticon-github:before{content:"\e6ad"}.anticon-file-unknown:before{content:"\e6af"}.anticon-file-excel:before{content:"\e6b0"}.anticon-file-ppt:before{content:"\e6b1"}.anticon-file-word:before{content:"\e6b2"}.anticon-file-pdf:before{content:"\e6b3"}.anticon-desktop:before{content:"\e6b4"}.anticon-upload:before{content:"\e6b6"}.anticon-download:before{content:"\e6b7"}.anticon-pie-chart:before{content:"\e6b8"}.anticon-unlock:before{content:"\e6ba"}.anticon-calendar:before{content:"\e6bb"}.anticon-windows-o:before{content:"\e6bc"}.anticon-dot-chart:before{content:"\e6bd"}.anticon-bar-chart:before{content:"\e6be"}.anticon-code:before{content:"\e6bf"}.anticon-api:before{content:"\e951"}.anticon-plus-square:before{content:"\e6c0"}.anticon-minus-square:before{content:"\e6c1"}.anticon-close-square:before{content:"\e6c2"}.anticon-close-square-o:before{content:"\e6c3"}.anticon-check-square:before{content:"\e6c4"}.anticon-check-square-o:before{content:"\e6c5"}.anticon-fast-backward:before{content:"\e6c6"}.anticon-fast-forward:before{content:"\e6c7"}.anticon-up-square:before{content:"\e6c8"}.anticon-down-square:before{content:"\e6c9"}.anticon-left-square:before{content:"\e6ca"}.anticon-right-square:before{content:"\e6cb"}.anticon-right-square-o:before{content:"\e6cc"}.anticon-left-square-o:before{content:"\e6cd"}.anticon-down-square-o:before{content:"\e6ce"}.anticon-up-square-o:before{content:"\e6cf"}.anticon-loading:before{content:"\e64d"}.anticon-loading-3-quarters:before{content:"\e6ae"}.anticon-bulb:before{content:"\e649"}.anticon-select:before{content:"\e64a"}.anticon-addfile:before,.anticon-file-add:before{content:"\e910"}.anticon-addfolder:before,.anticon-folder-add:before{content:"\e914"}.anticon-switcher:before{content:"\e913"}.anticon-rocket:before{content:"\e90f"}.anticon-dingding:before{content:"\e923"}.anticon-dingding-o:before{content:"\e925"}.anticon-bell:before{content:"\e64e"}.anticon-disconnect:before{content:"\e64f"}.anticon-database:before{content:"\e650"}.anticon-compass:before{content:"\e6db"}.anticon-barcode:before{content:"\e652"}.anticon-hourglass:before{content:"\e653"}.anticon-key:before{content:"\e654"}.anticon-flag:before{content:"\e655"}.anticon-layout:before{content:"\e656"}.anticon-login:before{content:"\e657"}.anticon-printer:before{content:"\e673"}.anticon-sound:before{content:"\e6e9"}.anticon-usb:before{content:"\e6d7"}.anticon-skin:before{content:"\e6d8"}.anticon-tool:before{content:"\e6d9"}.anticon-sync:before{content:"\e6da"}.anticon-wifi:before{content:"\e6d6"}.anticon-car:before{content:"\e6dc"}.anticon-copyright:before{content:"\e6de"}.anticon-schedule:before{content:"\e6df"}.anticon-user-add:before{content:"\e6ed"}.anticon-user-delete:before{content:"\e6e0"}.anticon-usergroup-add:before{content:"\e6dd"}.anticon-usergroup-delete:before{content:"\e6e1"}.anticon-man:before{content:"\e6e2"}.anticon-woman:before{content:"\e6ec"}.anticon-shop:before{content:"\e6e3"}.anticon-gift:before{content:"\e6e4"}.anticon-idcard:before{content:"\e6e5"}.anticon-medicine-box:before{content:"\e6e6"}.anticon-red-envelope:before{content:"\e6e7"}.anticon-coffee:before{content:"\e6e8"}.anticon-trademark:before{content:"\e651"}.anticon-safety:before{content:"\e6ea"}.anticon-wallet:before{content:"\e6eb"}.anticon-bank:before{content:"\e6ee"}.anticon-trophy:before{content:"\e6ef"}.anticon-contacts:before{content:"\e6f0"}.anticon-global:before{content:"\e6f1"}.anticon-shake:before{content:"\e94f"}.anticon-fork:before{content:"\e6f2"}.anticon-dashboard:before{content:"\e99a"}.anticon-profile:before{content:"\e999"}.anticon-table:before{content:"\e998"}.anticon-warning:before{content:"\e997"}.anticon-form:before{content:"\e996"}.anticon-spin:before{display:inline-block;-webkit-animation:loadingCircle 1s linear infinite;animation:loadingCircle 1s linear infinite}.anticon-weibo-square:before{content:"\e6f5"}.anticon-weibo-circle:before{content:"\e6f4"}.anticon-taobao-circle:before{content:"\e6f3"}.anticon-html5:before{content:"\e9c7"}.anticon-weibo:before{content:"\e9c6"}.anticon-twitter:before{content:"\e9c5"}.anticon-wechat:before{content:"\e9c4"}.anticon-youtube:before{content:"\e9c3"}.anticon-alipay-circle:before{content:"\e9c2"}.anticon-taobao:before{content:"\e9c1"}.anticon-skype:before{content:"\e9c0"}.anticon-qq:before{content:"\e9bf"}.anticon-medium-workmark:before{content:"\e9be"}.anticon-gitlab:before{content:"\e9bd"}.anticon-medium:before{content:"\e9bc"}.anticon-linkedin:before{content:"\e9bb"}.anticon-google-plus:before{content:"\e9ba"}.anticon-dropbox:before{content:"\e9b9"}.anticon-facebook:before{content:"\e9b8"}.anticon-codepen:before{content:"\e9b7"}.anticon-amazon:before{content:"\e9b6"}.anticon-google:before{content:"\e9b5"}.anticon-codepen-circle:before{content:"\e9b4"}.anticon-alipay:before{content:"\e9b3"}.anticon-ant-design:before{content:"\e9b2"}.anticon-aliyun:before{content:"\e9f4"}.anticon-zhihu:before{content:"\e703"}.anticon-file-markdown:before{content:"\e704"}.anticon-slack:before{content:"\e705"}.anticon-slack-square:before{content:"\e706"}.anticon-behance:before{content:"\e707"}.anticon-behance-square:before{content:"\e708"}.anticon-dribbble:before{content:"\e709"}.anticon-dribbble-square:before{content:"\e70a"}.anticon-instagram:before{content:"\e70b"}.anticon-yuque:before{content:"\e70c"}.fade-appear,.fade-enter,.fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{-webkit-animation-name:antFadeIn;animation-name:antFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.fade-leave.fade-leave-active{-webkit-animation-name:antFadeOut;animation-name:antFadeOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.fade-appear,.fade-enter{opacity:0}.fade-appear,.fade-enter,.fade-leave{-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes antFadeIn{0%{opacity:0}to{opacity:1}}@keyframes antFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes antFadeOut{0%{opacity:1}to{opacity:0}}@keyframes antFadeOut{0%{opacity:1}to{opacity:0}}.move-up-appear,.move-up-enter,.move-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active{-webkit-animation-name:antMoveUpIn;animation-name:antMoveUpIn;-webkit-animation-play-state:running;animation-play-state:running}.move-up-leave.move-up-leave-active{-webkit-animation-name:antMoveUpOut;animation-name:antMoveUpOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.move-up-appear,.move-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-up-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-down-appear,.move-down-enter,.move-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active{-webkit-animation-name:antMoveDownIn;animation-name:antMoveDownIn;-webkit-animation-play-state:running;animation-play-state:running}.move-down-leave.move-down-leave-active{-webkit-animation-name:antMoveDownOut;animation-name:antMoveDownOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.move-down-appear,.move-down-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-down-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-left-appear,.move-left-enter,.move-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active{-webkit-animation-name:antMoveLeftIn;animation-name:antMoveLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.move-left-leave.move-left-leave-active{-webkit-animation-name:antMoveLeftOut;animation-name:antMoveLeftOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.move-left-appear,.move-left-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-left-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-right-appear,.move-right-enter,.move-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active{-webkit-animation-name:antMoveRightIn;animation-name:antMoveRightIn;-webkit-animation-play-state:running;animation-play-state:running}.move-right-leave.move-right-leave-active{-webkit-animation-name:antMoveRightOut;animation-name:antMoveRightOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.move-right-appear,.move-right-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-right-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@-webkit-keyframes antMoveDownIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes antMoveDownIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes antMoveDownOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes antMoveDownOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes antMoveLeftIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes antMoveLeftIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes antMoveLeftOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes antMoveLeftOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@-webkit-keyframes antMoveRightIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes antMoveRightIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes antMoveRightOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes antMoveRightOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes antMoveUpIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes antMoveUpIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes antMoveUpOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes antMoveUpOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes loadingCircle{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingCircle{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}[ant-click-animating-without-extra-node],[ant-click-animating]{position:relative}.ant-click-animating-node,[ant-click-animating-without-extra-node]:after{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:inherit;border:0 solid #1890ff;opacity:.4;-webkit-animation:waveEffect .4s cubic-bezier(.25,.8,.25,1);animation:waveEffect .4s cubic-bezier(.25,.8,.25,1);display:block}@-webkit-keyframes waveEffect{to{opacity:0;top:-6px;left:-6px;bottom:-6px;right:-6px;border-width:6px}}@keyframes waveEffect{to{opacity:0;top:-6px;left:-6px;bottom:-6px;right:-6px;border-width:6px}}.slide-up-appear,.slide-up-enter,.slide-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active{-webkit-animation-name:antSlideUpIn;animation-name:antSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-up-leave.slide-up-leave-active{-webkit-animation-name:antSlideUpOut;animation-name:antSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.slide-up-appear,.slide-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-up-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-down-appear,.slide-down-enter,.slide-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active{-webkit-animation-name:antSlideDownIn;animation-name:antSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-down-leave.slide-down-leave-active{-webkit-animation-name:antSlideDownOut;animation-name:antSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.slide-down-appear,.slide-down-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-left-appear,.slide-left-enter,.slide-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active{-webkit-animation-name:antSlideLeftIn;animation-name:antSlideLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-left-leave.slide-left-leave-active{-webkit-animation-name:antSlideLeftOut;animation-name:antSlideLeftOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.slide-left-appear,.slide-left-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-left-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-right-appear,.slide-right-enter,.slide-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active{-webkit-animation-name:antSlideRightIn;animation-name:antSlideRightIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-right-leave.slide-right-leave-active{-webkit-animation-name:antSlideRightOut;animation-name:antSlideRightOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.slide-right-appear,.slide-right-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-right-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes antSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes antSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes antSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes antSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes antSlideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes antSlideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes antSlideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes antSlideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes antSlideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes antSlideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes antSlideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes antSlideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@-webkit-keyframes antSlideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes antSlideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes antSlideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes antSlideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}.swing-appear,.swing-enter{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.swing-appear.swing-appear-active,.swing-enter.swing-enter-active{-webkit-animation-name:antSwingIn;animation-name:antSwingIn;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes antSwingIn{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}60%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes antSwingIn{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}60%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}.zoom-appear,.zoom-enter,.zoom-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{-webkit-animation-name:antZoomIn;animation-name:antZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-leave.zoom-leave-active{-webkit-animation-name:antZoomOut;animation-name:antZoomOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.zoom-appear,.zoom-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-appear,.zoom-big-enter,.zoom-big-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active{-webkit-animation-name:antZoomBigIn;animation-name:antZoomBigIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-leave.zoom-big-leave-active{-webkit-animation-name:antZoomBigOut;animation-name:antZoomBigOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.zoom-big-appear,.zoom-big-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active{-webkit-animation-name:antZoomBigIn;animation-name:antZoomBigIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-fast-leave.zoom-big-fast-leave-active{-webkit-animation-name:antZoomBigOut;animation-name:antZoomBigOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.zoom-big-fast-appear,.zoom-big-fast-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-fast-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-up-appear,.zoom-up-enter,.zoom-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active{-webkit-animation-name:antZoomUpIn;animation-name:antZoomUpIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-up-leave.zoom-up-leave-active{-webkit-animation-name:antZoomUpOut;animation-name:antZoomUpOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.zoom-up-appear,.zoom-up-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-up-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-down-appear,.zoom-down-enter,.zoom-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active{-webkit-animation-name:antZoomDownIn;animation-name:antZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-down-leave.zoom-down-leave-active{-webkit-animation-name:antZoomDownOut;animation-name:antZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.zoom-down-appear,.zoom-down-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-left-appear,.zoom-left-enter,.zoom-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active{-webkit-animation-name:antZoomLeftIn;animation-name:antZoomLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-left-leave.zoom-left-leave-active{-webkit-animation-name:antZoomLeftOut;animation-name:antZoomLeftOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.zoom-left-appear,.zoom-left-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-left-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-right-appear,.zoom-right-enter,.zoom-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active{-webkit-animation-name:antZoomRightIn;animation-name:antZoomRightIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-right-leave.zoom-right-leave-active{-webkit-animation-name:antZoomRightOut;animation-name:antZoomRightOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}.zoom-right-appear,.zoom-right-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-right-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@-webkit-keyframes antZoomIn{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomIn{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@keyframes antZoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@-webkit-keyframes antZoomBigIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomBigIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomBigOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomBigOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomUpIn{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomUpIn{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomUpOut{0%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomUpOut{0%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomLeftIn{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomLeftIn{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomLeftOut{0%{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomLeftOut{0%{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomRightIn{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomRightIn{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomRightOut{0%{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomRightOut{0%{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}}.ant-motion-collapse{overflow:hidden}.ant-motion-collapse-active{-webkit-transition:height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important;transition:height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important}.ant-row{position:relative;margin-left:0;margin-right:0;height:auto;zoom:1;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.ant-row:after,.ant-row:before{content:"";display:table}.ant-row:after{clear:both}.ant-row-flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.ant-row-flex,.ant-row-flex:after,.ant-row-flex:before{display:-webkit-box;display:-ms-flexbox;display:flex}.ant-row-flex-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ant-row-flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ant-row-flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ant-row-flex-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ant-row-flex-space-around{-ms-flex-pack:distribute;justify-content:space-around}.ant-row-flex-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ant-row-flex-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ant-row-flex-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ant-col{position:relative;display:block}.ant-col-1,.ant-col-2,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-lg-1,.ant-col-lg-2,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24,.ant-col-md-1,.ant-col-md-2,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24,.ant-col-sm-1,.ant-col-sm-2,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24,.ant-col-xs-1,.ant-col-xs-2,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24{position:relative;min-height:1px;padding-left:0;padding-right:0}.ant-col-1,.ant-col-2,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24{float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ant-col-24{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.ant-col-push-24{left:100%}.ant-col-pull-24{right:100%}.ant-col-offset-24{margin-left:100%}.ant-col-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ant-col-23{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:95.83333333%}.ant-col-push-23{left:95.83333333%}.ant-col-pull-23{right:95.83333333%}.ant-col-offset-23{margin-left:95.83333333%}.ant-col-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ant-col-22{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:91.66666667%}.ant-col-push-22{left:91.66666667%}.ant-col-pull-22{right:91.66666667%}.ant-col-offset-22{margin-left:91.66666667%}.ant-col-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ant-col-21{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:87.5%}.ant-col-push-21{left:87.5%}.ant-col-pull-21{right:87.5%}.ant-col-offset-21{margin-left:87.5%}.ant-col-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ant-col-20{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:83.33333333%}.ant-col-push-20{left:83.33333333%}.ant-col-pull-20{right:83.33333333%}.ant-col-offset-20{margin-left:83.33333333%}.ant-col-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ant-col-19{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:79.16666667%}.ant-col-push-19{left:79.16666667%}.ant-col-pull-19{right:79.16666667%}.ant-col-offset-19{margin-left:79.16666667%}.ant-col-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ant-col-18{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:75%}.ant-col-push-18{left:75%}.ant-col-pull-18{right:75%}.ant-col-offset-18{margin-left:75%}.ant-col-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ant-col-17{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:70.83333333%}.ant-col-push-17{left:70.83333333%}.ant-col-pull-17{right:70.83333333%}.ant-col-offset-17{margin-left:70.83333333%}.ant-col-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ant-col-16{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:66.66666667%}.ant-col-push-16{left:66.66666667%}.ant-col-pull-16{right:66.66666667%}.ant-col-offset-16{margin-left:66.66666667%}.ant-col-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ant-col-15{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:62.5%}.ant-col-push-15{left:62.5%}.ant-col-pull-15{right:62.5%}.ant-col-offset-15{margin-left:62.5%}.ant-col-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ant-col-14{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:58.33333333%}.ant-col-push-14{left:58.33333333%}.ant-col-pull-14{right:58.33333333%}.ant-col-offset-14{margin-left:58.33333333%}.ant-col-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ant-col-13{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:54.16666667%}.ant-col-push-13{left:54.16666667%}.ant-col-pull-13{right:54.16666667%}.ant-col-offset-13{margin-left:54.16666667%}.ant-col-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ant-col-12{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.ant-col-push-12{left:50%}.ant-col-pull-12{right:50%}.ant-col-offset-12{margin-left:50%}.ant-col-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ant-col-11{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:45.83333333%}.ant-col-push-11{left:45.83333333%}.ant-col-pull-11{right:45.83333333%}.ant-col-offset-11{margin-left:45.83333333%}.ant-col-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ant-col-10{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:41.66666667%}.ant-col-push-10{left:41.66666667%}.ant-col-pull-10{right:41.66666667%}.ant-col-offset-10{margin-left:41.66666667%}.ant-col-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ant-col-9{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:37.5%}.ant-col-push-9{left:37.5%}.ant-col-pull-9{right:37.5%}.ant-col-offset-9{margin-left:37.5%}.ant-col-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ant-col-8{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.33333333%}.ant-col-push-8{left:33.33333333%}.ant-col-pull-8{right:33.33333333%}.ant-col-offset-8{margin-left:33.33333333%}.ant-col-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ant-col-7{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:29.16666667%}.ant-col-push-7{left:29.16666667%}.ant-col-pull-7{right:29.16666667%}.ant-col-offset-7{margin-left:29.16666667%}.ant-col-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ant-col-6{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%}.ant-col-push-6{left:25%}.ant-col-pull-6{right:25%}.ant-col-offset-6{margin-left:25%}.ant-col-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ant-col-5{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:20.83333333%}.ant-col-push-5{left:20.83333333%}.ant-col-pull-5{right:20.83333333%}.ant-col-offset-5{margin-left:20.83333333%}.ant-col-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ant-col-4{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:16.66666667%}.ant-col-push-4{left:16.66666667%}.ant-col-pull-4{right:16.66666667%}.ant-col-offset-4{margin-left:16.66666667%}.ant-col-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ant-col-3{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%}.ant-col-push-3{left:12.5%}.ant-col-pull-3{right:12.5%}.ant-col-offset-3{margin-left:12.5%}.ant-col-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ant-col-2{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:8.33333333%}.ant-col-push-2{left:8.33333333%}.ant-col-pull-2{right:8.33333333%}.ant-col-offset-2{margin-left:8.33333333%}.ant-col-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ant-col-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:4.16666667%}.ant-col-push-1{left:4.16666667%}.ant-col-pull-1{right:4.16666667%}.ant-col-offset-1{margin-left:4.16666667%}.ant-col-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ant-col-0{display:none}.ant-col-offset-0{margin-left:0}.ant-col-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.ant-col-xs-1,.ant-col-xs-2,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24{float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ant-col-xs-24{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.ant-col-xs-push-24{left:100%}.ant-col-xs-pull-24{right:100%}.ant-col-xs-offset-24{margin-left:100%}.ant-col-xs-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ant-col-xs-23{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:95.83333333%}.ant-col-xs-push-23{left:95.83333333%}.ant-col-xs-pull-23{right:95.83333333%}.ant-col-xs-offset-23{margin-left:95.83333333%}.ant-col-xs-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ant-col-xs-22{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:91.66666667%}.ant-col-xs-push-22{left:91.66666667%}.ant-col-xs-pull-22{right:91.66666667%}.ant-col-xs-offset-22{margin-left:91.66666667%}.ant-col-xs-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ant-col-xs-21{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:87.5%}.ant-col-xs-push-21{left:87.5%}.ant-col-xs-pull-21{right:87.5%}.ant-col-xs-offset-21{margin-left:87.5%}.ant-col-xs-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ant-col-xs-20{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:83.33333333%}.ant-col-xs-push-20{left:83.33333333%}.ant-col-xs-pull-20{right:83.33333333%}.ant-col-xs-offset-20{margin-left:83.33333333%}.ant-col-xs-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ant-col-xs-19{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:79.16666667%}.ant-col-xs-push-19{left:79.16666667%}.ant-col-xs-pull-19{right:79.16666667%}.ant-col-xs-offset-19{margin-left:79.16666667%}.ant-col-xs-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ant-col-xs-18{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:75%}.ant-col-xs-push-18{left:75%}.ant-col-xs-pull-18{right:75%}.ant-col-xs-offset-18{margin-left:75%}.ant-col-xs-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ant-col-xs-17{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:70.83333333%}.ant-col-xs-push-17{left:70.83333333%}.ant-col-xs-pull-17{right:70.83333333%}.ant-col-xs-offset-17{margin-left:70.83333333%}.ant-col-xs-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ant-col-xs-16{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:66.66666667%}.ant-col-xs-push-16{left:66.66666667%}.ant-col-xs-pull-16{right:66.66666667%}.ant-col-xs-offset-16{margin-left:66.66666667%}.ant-col-xs-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ant-col-xs-15{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:62.5%}.ant-col-xs-push-15{left:62.5%}.ant-col-xs-pull-15{right:62.5%}.ant-col-xs-offset-15{margin-left:62.5%}.ant-col-xs-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ant-col-xs-14{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:58.33333333%}.ant-col-xs-push-14{left:58.33333333%}.ant-col-xs-pull-14{right:58.33333333%}.ant-col-xs-offset-14{margin-left:58.33333333%}.ant-col-xs-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ant-col-xs-13{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:54.16666667%}.ant-col-xs-push-13{left:54.16666667%}.ant-col-xs-pull-13{right:54.16666667%}.ant-col-xs-offset-13{margin-left:54.16666667%}.ant-col-xs-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ant-col-xs-12{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.ant-col-xs-push-12{left:50%}.ant-col-xs-pull-12{right:50%}.ant-col-xs-offset-12{margin-left:50%}.ant-col-xs-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ant-col-xs-11{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:45.83333333%}.ant-col-xs-push-11{left:45.83333333%}.ant-col-xs-pull-11{right:45.83333333%}.ant-col-xs-offset-11{margin-left:45.83333333%}.ant-col-xs-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ant-col-xs-10{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:41.66666667%}.ant-col-xs-push-10{left:41.66666667%}.ant-col-xs-pull-10{right:41.66666667%}.ant-col-xs-offset-10{margin-left:41.66666667%}.ant-col-xs-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ant-col-xs-9{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:37.5%}.ant-col-xs-push-9{left:37.5%}.ant-col-xs-pull-9{right:37.5%}.ant-col-xs-offset-9{margin-left:37.5%}.ant-col-xs-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ant-col-xs-8{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.33333333%}.ant-col-xs-push-8{left:33.33333333%}.ant-col-xs-pull-8{right:33.33333333%}.ant-col-xs-offset-8{margin-left:33.33333333%}.ant-col-xs-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ant-col-xs-7{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:29.16666667%}.ant-col-xs-push-7{left:29.16666667%}.ant-col-xs-pull-7{right:29.16666667%}.ant-col-xs-offset-7{margin-left:29.16666667%}.ant-col-xs-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ant-col-xs-6{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%}.ant-col-xs-push-6{left:25%}.ant-col-xs-pull-6{right:25%}.ant-col-xs-offset-6{margin-left:25%}.ant-col-xs-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ant-col-xs-5{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:20.83333333%}.ant-col-xs-push-5{left:20.83333333%}.ant-col-xs-pull-5{right:20.83333333%}.ant-col-xs-offset-5{margin-left:20.83333333%}.ant-col-xs-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ant-col-xs-4{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:16.66666667%}.ant-col-xs-push-4{left:16.66666667%}.ant-col-xs-pull-4{right:16.66666667%}.ant-col-xs-offset-4{margin-left:16.66666667%}.ant-col-xs-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ant-col-xs-3{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%}.ant-col-xs-push-3{left:12.5%}.ant-col-xs-pull-3{right:12.5%}.ant-col-xs-offset-3{margin-left:12.5%}.ant-col-xs-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ant-col-xs-2{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:8.33333333%}.ant-col-xs-push-2{left:8.33333333%}.ant-col-xs-pull-2{right:8.33333333%}.ant-col-xs-offset-2{margin-left:8.33333333%}.ant-col-xs-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ant-col-xs-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:4.16666667%}.ant-col-xs-push-1{left:4.16666667%}.ant-col-xs-pull-1{right:4.16666667%}.ant-col-xs-offset-1{margin-left:4.16666667%}.ant-col-xs-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ant-col-xs-0{display:none}.ant-col-push-0{left:auto}.ant-col-pull-0{right:auto}.ant-col-xs-push-0{left:auto}.ant-col-xs-pull-0{right:auto}.ant-col-xs-offset-0{margin-left:0}.ant-col-xs-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}@media (min-width:576px){.ant-col-sm-1,.ant-col-sm-2,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24{float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ant-col-sm-24{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.ant-col-sm-push-24{left:100%}.ant-col-sm-pull-24{right:100%}.ant-col-sm-offset-24{margin-left:100%}.ant-col-sm-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ant-col-sm-23{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:95.83333333%}.ant-col-sm-push-23{left:95.83333333%}.ant-col-sm-pull-23{right:95.83333333%}.ant-col-sm-offset-23{margin-left:95.83333333%}.ant-col-sm-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ant-col-sm-22{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:91.66666667%}.ant-col-sm-push-22{left:91.66666667%}.ant-col-sm-pull-22{right:91.66666667%}.ant-col-sm-offset-22{margin-left:91.66666667%}.ant-col-sm-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ant-col-sm-21{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:87.5%}.ant-col-sm-push-21{left:87.5%}.ant-col-sm-pull-21{right:87.5%}.ant-col-sm-offset-21{margin-left:87.5%}.ant-col-sm-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ant-col-sm-20{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:83.33333333%}.ant-col-sm-push-20{left:83.33333333%}.ant-col-sm-pull-20{right:83.33333333%}.ant-col-sm-offset-20{margin-left:83.33333333%}.ant-col-sm-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ant-col-sm-19{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:79.16666667%}.ant-col-sm-push-19{left:79.16666667%}.ant-col-sm-pull-19{right:79.16666667%}.ant-col-sm-offset-19{margin-left:79.16666667%}.ant-col-sm-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ant-col-sm-18{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:75%}.ant-col-sm-push-18{left:75%}.ant-col-sm-pull-18{right:75%}.ant-col-sm-offset-18{margin-left:75%}.ant-col-sm-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ant-col-sm-17{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:70.83333333%}.ant-col-sm-push-17{left:70.83333333%}.ant-col-sm-pull-17{right:70.83333333%}.ant-col-sm-offset-17{margin-left:70.83333333%}.ant-col-sm-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ant-col-sm-16{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:66.66666667%}.ant-col-sm-push-16{left:66.66666667%}.ant-col-sm-pull-16{right:66.66666667%}.ant-col-sm-offset-16{margin-left:66.66666667%}.ant-col-sm-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ant-col-sm-15{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:62.5%}.ant-col-sm-push-15{left:62.5%}.ant-col-sm-pull-15{right:62.5%}.ant-col-sm-offset-15{margin-left:62.5%}.ant-col-sm-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ant-col-sm-14{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:58.33333333%}.ant-col-sm-push-14{left:58.33333333%}.ant-col-sm-pull-14{right:58.33333333%}.ant-col-sm-offset-14{margin-left:58.33333333%}.ant-col-sm-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ant-col-sm-13{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:54.16666667%}.ant-col-sm-push-13{left:54.16666667%}.ant-col-sm-pull-13{right:54.16666667%}.ant-col-sm-offset-13{margin-left:54.16666667%}.ant-col-sm-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ant-col-sm-12{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.ant-col-sm-push-12{left:50%}.ant-col-sm-pull-12{right:50%}.ant-col-sm-offset-12{margin-left:50%}.ant-col-sm-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ant-col-sm-11{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:45.83333333%}.ant-col-sm-push-11{left:45.83333333%}.ant-col-sm-pull-11{right:45.83333333%}.ant-col-sm-offset-11{margin-left:45.83333333%}.ant-col-sm-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ant-col-sm-10{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:41.66666667%}.ant-col-sm-push-10{left:41.66666667%}.ant-col-sm-pull-10{right:41.66666667%}.ant-col-sm-offset-10{margin-left:41.66666667%}.ant-col-sm-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ant-col-sm-9{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:37.5%}.ant-col-sm-push-9{left:37.5%}.ant-col-sm-pull-9{right:37.5%}.ant-col-sm-offset-9{margin-left:37.5%}.ant-col-sm-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ant-col-sm-8{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.33333333%}.ant-col-sm-push-8{left:33.33333333%}.ant-col-sm-pull-8{right:33.33333333%}.ant-col-sm-offset-8{margin-left:33.33333333%}.ant-col-sm-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ant-col-sm-7{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:29.16666667%}.ant-col-sm-push-7{left:29.16666667%}.ant-col-sm-pull-7{right:29.16666667%}.ant-col-sm-offset-7{margin-left:29.16666667%}.ant-col-sm-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ant-col-sm-6{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%}.ant-col-sm-push-6{left:25%}.ant-col-sm-pull-6{right:25%}.ant-col-sm-offset-6{margin-left:25%}.ant-col-sm-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ant-col-sm-5{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:20.83333333%}.ant-col-sm-push-5{left:20.83333333%}.ant-col-sm-pull-5{right:20.83333333%}.ant-col-sm-offset-5{margin-left:20.83333333%}.ant-col-sm-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ant-col-sm-4{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:16.66666667%}.ant-col-sm-push-4{left:16.66666667%}.ant-col-sm-pull-4{right:16.66666667%}.ant-col-sm-offset-4{margin-left:16.66666667%}.ant-col-sm-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ant-col-sm-3{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%}.ant-col-sm-push-3{left:12.5%}.ant-col-sm-pull-3{right:12.5%}.ant-col-sm-offset-3{margin-left:12.5%}.ant-col-sm-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ant-col-sm-2{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:8.33333333%}.ant-col-sm-push-2{left:8.33333333%}.ant-col-sm-pull-2{right:8.33333333%}.ant-col-sm-offset-2{margin-left:8.33333333%}.ant-col-sm-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ant-col-sm-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:4.16666667%}.ant-col-sm-push-1{left:4.16666667%}.ant-col-sm-pull-1{right:4.16666667%}.ant-col-sm-offset-1{margin-left:4.16666667%}.ant-col-sm-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ant-col-sm-0{display:none}.ant-col-push-0{left:auto}.ant-col-pull-0{right:auto}.ant-col-sm-push-0{left:auto}.ant-col-sm-pull-0{right:auto}.ant-col-sm-offset-0{margin-left:0}.ant-col-sm-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width:768px){.ant-col-md-1,.ant-col-md-2,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24{float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ant-col-md-24{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.ant-col-md-push-24{left:100%}.ant-col-md-pull-24{right:100%}.ant-col-md-offset-24{margin-left:100%}.ant-col-md-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ant-col-md-23{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:95.83333333%}.ant-col-md-push-23{left:95.83333333%}.ant-col-md-pull-23{right:95.83333333%}.ant-col-md-offset-23{margin-left:95.83333333%}.ant-col-md-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ant-col-md-22{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:91.66666667%}.ant-col-md-push-22{left:91.66666667%}.ant-col-md-pull-22{right:91.66666667%}.ant-col-md-offset-22{margin-left:91.66666667%}.ant-col-md-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ant-col-md-21{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:87.5%}.ant-col-md-push-21{left:87.5%}.ant-col-md-pull-21{right:87.5%}.ant-col-md-offset-21{margin-left:87.5%}.ant-col-md-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ant-col-md-20{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:83.33333333%}.ant-col-md-push-20{left:83.33333333%}.ant-col-md-pull-20{right:83.33333333%}.ant-col-md-offset-20{margin-left:83.33333333%}.ant-col-md-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ant-col-md-19{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:79.16666667%}.ant-col-md-push-19{left:79.16666667%}.ant-col-md-pull-19{right:79.16666667%}.ant-col-md-offset-19{margin-left:79.16666667%}.ant-col-md-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ant-col-md-18{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:75%}.ant-col-md-push-18{left:75%}.ant-col-md-pull-18{right:75%}.ant-col-md-offset-18{margin-left:75%}.ant-col-md-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ant-col-md-17{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:70.83333333%}.ant-col-md-push-17{left:70.83333333%}.ant-col-md-pull-17{right:70.83333333%}.ant-col-md-offset-17{margin-left:70.83333333%}.ant-col-md-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ant-col-md-16{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:66.66666667%}.ant-col-md-push-16{left:66.66666667%}.ant-col-md-pull-16{right:66.66666667%}.ant-col-md-offset-16{margin-left:66.66666667%}.ant-col-md-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ant-col-md-15{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:62.5%}.ant-col-md-push-15{left:62.5%}.ant-col-md-pull-15{right:62.5%}.ant-col-md-offset-15{margin-left:62.5%}.ant-col-md-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ant-col-md-14{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:58.33333333%}.ant-col-md-push-14{left:58.33333333%}.ant-col-md-pull-14{right:58.33333333%}.ant-col-md-offset-14{margin-left:58.33333333%}.ant-col-md-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ant-col-md-13{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:54.16666667%}.ant-col-md-push-13{left:54.16666667%}.ant-col-md-pull-13{right:54.16666667%}.ant-col-md-offset-13{margin-left:54.16666667%}.ant-col-md-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ant-col-md-12{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.ant-col-md-push-12{left:50%}.ant-col-md-pull-12{right:50%}.ant-col-md-offset-12{margin-left:50%}.ant-col-md-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ant-col-md-11{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:45.83333333%}.ant-col-md-push-11{left:45.83333333%}.ant-col-md-pull-11{right:45.83333333%}.ant-col-md-offset-11{margin-left:45.83333333%}.ant-col-md-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ant-col-md-10{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:41.66666667%}.ant-col-md-push-10{left:41.66666667%}.ant-col-md-pull-10{right:41.66666667%}.ant-col-md-offset-10{margin-left:41.66666667%}.ant-col-md-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ant-col-md-9{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:37.5%}.ant-col-md-push-9{left:37.5%}.ant-col-md-pull-9{right:37.5%}.ant-col-md-offset-9{margin-left:37.5%}.ant-col-md-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ant-col-md-8{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.33333333%}.ant-col-md-push-8{left:33.33333333%}.ant-col-md-pull-8{right:33.33333333%}.ant-col-md-offset-8{margin-left:33.33333333%}.ant-col-md-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ant-col-md-7{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:29.16666667%}.ant-col-md-push-7{left:29.16666667%}.ant-col-md-pull-7{right:29.16666667%}.ant-col-md-offset-7{margin-left:29.16666667%}.ant-col-md-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ant-col-md-6{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%}.ant-col-md-push-6{left:25%}.ant-col-md-pull-6{right:25%}.ant-col-md-offset-6{margin-left:25%}.ant-col-md-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ant-col-md-5{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:20.83333333%}.ant-col-md-push-5{left:20.83333333%}.ant-col-md-pull-5{right:20.83333333%}.ant-col-md-offset-5{margin-left:20.83333333%}.ant-col-md-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ant-col-md-4{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:16.66666667%}.ant-col-md-push-4{left:16.66666667%}.ant-col-md-pull-4{right:16.66666667%}.ant-col-md-offset-4{margin-left:16.66666667%}.ant-col-md-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ant-col-md-3{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%}.ant-col-md-push-3{left:12.5%}.ant-col-md-pull-3{right:12.5%}.ant-col-md-offset-3{margin-left:12.5%}.ant-col-md-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ant-col-md-2{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:8.33333333%}.ant-col-md-push-2{left:8.33333333%}.ant-col-md-pull-2{right:8.33333333%}.ant-col-md-offset-2{margin-left:8.33333333%}.ant-col-md-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ant-col-md-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:4.16666667%}.ant-col-md-push-1{left:4.16666667%}.ant-col-md-pull-1{right:4.16666667%}.ant-col-md-offset-1{margin-left:4.16666667%}.ant-col-md-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ant-col-md-0{display:none}.ant-col-push-0{left:auto}.ant-col-pull-0{right:auto}.ant-col-md-push-0{left:auto}.ant-col-md-pull-0{right:auto}.ant-col-md-offset-0{margin-left:0}.ant-col-md-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width:992px){.ant-col-lg-1,.ant-col-lg-2,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24{float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ant-col-lg-24{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.ant-col-lg-push-24{left:100%}.ant-col-lg-pull-24{right:100%}.ant-col-lg-offset-24{margin-left:100%}.ant-col-lg-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ant-col-lg-23{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:95.83333333%}.ant-col-lg-push-23{left:95.83333333%}.ant-col-lg-pull-23{right:95.83333333%}.ant-col-lg-offset-23{margin-left:95.83333333%}.ant-col-lg-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ant-col-lg-22{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:91.66666667%}.ant-col-lg-push-22{left:91.66666667%}.ant-col-lg-pull-22{right:91.66666667%}.ant-col-lg-offset-22{margin-left:91.66666667%}.ant-col-lg-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ant-col-lg-21{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:87.5%}.ant-col-lg-push-21{left:87.5%}.ant-col-lg-pull-21{right:87.5%}.ant-col-lg-offset-21{margin-left:87.5%}.ant-col-lg-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ant-col-lg-20{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:83.33333333%}.ant-col-lg-push-20{left:83.33333333%}.ant-col-lg-pull-20{right:83.33333333%}.ant-col-lg-offset-20{margin-left:83.33333333%}.ant-col-lg-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ant-col-lg-19{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:79.16666667%}.ant-col-lg-push-19{left:79.16666667%}.ant-col-lg-pull-19{right:79.16666667%}.ant-col-lg-offset-19{margin-left:79.16666667%}.ant-col-lg-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ant-col-lg-18{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:75%}.ant-col-lg-push-18{left:75%}.ant-col-lg-pull-18{right:75%}.ant-col-lg-offset-18{margin-left:75%}.ant-col-lg-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ant-col-lg-17{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:70.83333333%}.ant-col-lg-push-17{left:70.83333333%}.ant-col-lg-pull-17{right:70.83333333%}.ant-col-lg-offset-17{margin-left:70.83333333%}.ant-col-lg-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ant-col-lg-16{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:66.66666667%}.ant-col-lg-push-16{left:66.66666667%}.ant-col-lg-pull-16{right:66.66666667%}.ant-col-lg-offset-16{margin-left:66.66666667%}.ant-col-lg-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ant-col-lg-15{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:62.5%}.ant-col-lg-push-15{left:62.5%}.ant-col-lg-pull-15{right:62.5%}.ant-col-lg-offset-15{margin-left:62.5%}.ant-col-lg-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ant-col-lg-14{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:58.33333333%}.ant-col-lg-push-14{left:58.33333333%}.ant-col-lg-pull-14{right:58.33333333%}.ant-col-lg-offset-14{margin-left:58.33333333%}.ant-col-lg-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ant-col-lg-13{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:54.16666667%}.ant-col-lg-push-13{left:54.16666667%}.ant-col-lg-pull-13{right:54.16666667%}.ant-col-lg-offset-13{margin-left:54.16666667%}.ant-col-lg-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ant-col-lg-12{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.ant-col-lg-push-12{left:50%}.ant-col-lg-pull-12{right:50%}.ant-col-lg-offset-12{margin-left:50%}.ant-col-lg-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ant-col-lg-11{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:45.83333333%}.ant-col-lg-push-11{left:45.83333333%}.ant-col-lg-pull-11{right:45.83333333%}.ant-col-lg-offset-11{margin-left:45.83333333%}.ant-col-lg-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ant-col-lg-10{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:41.66666667%}.ant-col-lg-push-10{left:41.66666667%}.ant-col-lg-pull-10{right:41.66666667%}.ant-col-lg-offset-10{margin-left:41.66666667%}.ant-col-lg-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ant-col-lg-9{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:37.5%}.ant-col-lg-push-9{left:37.5%}.ant-col-lg-pull-9{right:37.5%}.ant-col-lg-offset-9{margin-left:37.5%}.ant-col-lg-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ant-col-lg-8{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.33333333%}.ant-col-lg-push-8{left:33.33333333%}.ant-col-lg-pull-8{right:33.33333333%}.ant-col-lg-offset-8{margin-left:33.33333333%}.ant-col-lg-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ant-col-lg-7{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:29.16666667%}.ant-col-lg-push-7{left:29.16666667%}.ant-col-lg-pull-7{right:29.16666667%}.ant-col-lg-offset-7{margin-left:29.16666667%}.ant-col-lg-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ant-col-lg-6{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%}.ant-col-lg-push-6{left:25%}.ant-col-lg-pull-6{right:25%}.ant-col-lg-offset-6{margin-left:25%}.ant-col-lg-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ant-col-lg-5{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:20.83333333%}.ant-col-lg-push-5{left:20.83333333%}.ant-col-lg-pull-5{right:20.83333333%}.ant-col-lg-offset-5{margin-left:20.83333333%}.ant-col-lg-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ant-col-lg-4{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:16.66666667%}.ant-col-lg-push-4{left:16.66666667%}.ant-col-lg-pull-4{right:16.66666667%}.ant-col-lg-offset-4{margin-left:16.66666667%}.ant-col-lg-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ant-col-lg-3{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%}.ant-col-lg-push-3{left:12.5%}.ant-col-lg-pull-3{right:12.5%}.ant-col-lg-offset-3{margin-left:12.5%}.ant-col-lg-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ant-col-lg-2{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:8.33333333%}.ant-col-lg-push-2{left:8.33333333%}.ant-col-lg-pull-2{right:8.33333333%}.ant-col-lg-offset-2{margin-left:8.33333333%}.ant-col-lg-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ant-col-lg-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:4.16666667%}.ant-col-lg-push-1{left:4.16666667%}.ant-col-lg-pull-1{right:4.16666667%}.ant-col-lg-offset-1{margin-left:4.16666667%}.ant-col-lg-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ant-col-lg-0{display:none}.ant-col-push-0{left:auto}.ant-col-pull-0{right:auto}.ant-col-lg-push-0{left:auto}.ant-col-lg-pull-0{right:auto}.ant-col-lg-offset-0{margin-left:0}.ant-col-lg-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width:1200px){.ant-col-xl-1,.ant-col-xl-2,.ant-col-xl-3,.ant-col-xl-4,.ant-col-xl-5,.ant-col-xl-6,.ant-col-xl-7,.ant-col-xl-8,.ant-col-xl-9,.ant-col-xl-10,.ant-col-xl-11,.ant-col-xl-12,.ant-col-xl-13,.ant-col-xl-14,.ant-col-xl-15,.ant-col-xl-16,.ant-col-xl-17,.ant-col-xl-18,.ant-col-xl-19,.ant-col-xl-20,.ant-col-xl-21,.ant-col-xl-22,.ant-col-xl-23,.ant-col-xl-24{float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ant-col-xl-24{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.ant-col-xl-push-24{left:100%}.ant-col-xl-pull-24{right:100%}.ant-col-xl-offset-24{margin-left:100%}.ant-col-xl-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ant-col-xl-23{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:95.83333333%}.ant-col-xl-push-23{left:95.83333333%}.ant-col-xl-pull-23{right:95.83333333%}.ant-col-xl-offset-23{margin-left:95.83333333%}.ant-col-xl-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ant-col-xl-22{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:91.66666667%}.ant-col-xl-push-22{left:91.66666667%}.ant-col-xl-pull-22{right:91.66666667%}.ant-col-xl-offset-22{margin-left:91.66666667%}.ant-col-xl-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ant-col-xl-21{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:87.5%}.ant-col-xl-push-21{left:87.5%}.ant-col-xl-pull-21{right:87.5%}.ant-col-xl-offset-21{margin-left:87.5%}.ant-col-xl-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ant-col-xl-20{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:83.33333333%}.ant-col-xl-push-20{left:83.33333333%}.ant-col-xl-pull-20{right:83.33333333%}.ant-col-xl-offset-20{margin-left:83.33333333%}.ant-col-xl-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ant-col-xl-19{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:79.16666667%}.ant-col-xl-push-19{left:79.16666667%}.ant-col-xl-pull-19{right:79.16666667%}.ant-col-xl-offset-19{margin-left:79.16666667%}.ant-col-xl-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ant-col-xl-18{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:75%}.ant-col-xl-push-18{left:75%}.ant-col-xl-pull-18{right:75%}.ant-col-xl-offset-18{margin-left:75%}.ant-col-xl-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ant-col-xl-17{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:70.83333333%}.ant-col-xl-push-17{left:70.83333333%}.ant-col-xl-pull-17{right:70.83333333%}.ant-col-xl-offset-17{margin-left:70.83333333%}.ant-col-xl-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ant-col-xl-16{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:66.66666667%}.ant-col-xl-push-16{left:66.66666667%}.ant-col-xl-pull-16{right:66.66666667%}.ant-col-xl-offset-16{margin-left:66.66666667%}.ant-col-xl-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ant-col-xl-15{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:62.5%}.ant-col-xl-push-15{left:62.5%}.ant-col-xl-pull-15{right:62.5%}.ant-col-xl-offset-15{margin-left:62.5%}.ant-col-xl-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ant-col-xl-14{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:58.33333333%}.ant-col-xl-push-14{left:58.33333333%}.ant-col-xl-pull-14{right:58.33333333%}.ant-col-xl-offset-14{margin-left:58.33333333%}.ant-col-xl-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ant-col-xl-13{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:54.16666667%}.ant-col-xl-push-13{left:54.16666667%}.ant-col-xl-pull-13{right:54.16666667%}.ant-col-xl-offset-13{margin-left:54.16666667%}.ant-col-xl-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ant-col-xl-12{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.ant-col-xl-push-12{left:50%}.ant-col-xl-pull-12{right:50%}.ant-col-xl-offset-12{margin-left:50%}.ant-col-xl-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ant-col-xl-11{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:45.83333333%}.ant-col-xl-push-11{left:45.83333333%}.ant-col-xl-pull-11{right:45.83333333%}.ant-col-xl-offset-11{margin-left:45.83333333%}.ant-col-xl-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ant-col-xl-10{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:41.66666667%}.ant-col-xl-push-10{left:41.66666667%}.ant-col-xl-pull-10{right:41.66666667%}.ant-col-xl-offset-10{margin-left:41.66666667%}.ant-col-xl-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ant-col-xl-9{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:37.5%}.ant-col-xl-push-9{left:37.5%}.ant-col-xl-pull-9{right:37.5%}.ant-col-xl-offset-9{margin-left:37.5%}.ant-col-xl-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ant-col-xl-8{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.33333333%}.ant-col-xl-push-8{left:33.33333333%}.ant-col-xl-pull-8{right:33.33333333%}.ant-col-xl-offset-8{margin-left:33.33333333%}.ant-col-xl-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ant-col-xl-7{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:29.16666667%}.ant-col-xl-push-7{left:29.16666667%}.ant-col-xl-pull-7{right:29.16666667%}.ant-col-xl-offset-7{margin-left:29.16666667%}.ant-col-xl-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ant-col-xl-6{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%}.ant-col-xl-push-6{left:25%}.ant-col-xl-pull-6{right:25%}.ant-col-xl-offset-6{margin-left:25%}.ant-col-xl-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ant-col-xl-5{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:20.83333333%}.ant-col-xl-push-5{left:20.83333333%}.ant-col-xl-pull-5{right:20.83333333%}.ant-col-xl-offset-5{margin-left:20.83333333%}.ant-col-xl-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ant-col-xl-4{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:16.66666667%}.ant-col-xl-push-4{left:16.66666667%}.ant-col-xl-pull-4{right:16.66666667%}.ant-col-xl-offset-4{margin-left:16.66666667%}.ant-col-xl-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ant-col-xl-3{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%}.ant-col-xl-push-3{left:12.5%}.ant-col-xl-pull-3{right:12.5%}.ant-col-xl-offset-3{margin-left:12.5%}.ant-col-xl-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ant-col-xl-2{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:8.33333333%}.ant-col-xl-push-2{left:8.33333333%}.ant-col-xl-pull-2{right:8.33333333%}.ant-col-xl-offset-2{margin-left:8.33333333%}.ant-col-xl-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ant-col-xl-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:4.16666667%}.ant-col-xl-push-1{left:4.16666667%}.ant-col-xl-pull-1{right:4.16666667%}.ant-col-xl-offset-1{margin-left:4.16666667%}.ant-col-xl-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ant-col-xl-0{display:none}.ant-col-push-0{left:auto}.ant-col-pull-0{right:auto}.ant-col-xl-push-0{left:auto}.ant-col-xl-pull-0{right:auto}.ant-col-xl-offset-0{margin-left:0}.ant-col-xl-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width:1600px){.ant-col-xxl-1,.ant-col-xxl-2,.ant-col-xxl-3,.ant-col-xxl-4,.ant-col-xxl-5,.ant-col-xxl-6,.ant-col-xxl-7,.ant-col-xxl-8,.ant-col-xxl-9,.ant-col-xxl-10,.ant-col-xxl-11,.ant-col-xxl-12,.ant-col-xxl-13,.ant-col-xxl-14,.ant-col-xxl-15,.ant-col-xxl-16,.ant-col-xxl-17,.ant-col-xxl-18,.ant-col-xxl-19,.ant-col-xxl-20,.ant-col-xxl-21,.ant-col-xxl-22,.ant-col-xxl-23,.ant-col-xxl-24{float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ant-col-xxl-24{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.ant-col-xxl-push-24{left:100%}.ant-col-xxl-pull-24{right:100%}.ant-col-xxl-offset-24{margin-left:100%}.ant-col-xxl-order-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.ant-col-xxl-23{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:95.83333333%}.ant-col-xxl-push-23{left:95.83333333%}.ant-col-xxl-pull-23{right:95.83333333%}.ant-col-xxl-offset-23{margin-left:95.83333333%}.ant-col-xxl-order-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.ant-col-xxl-22{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:91.66666667%}.ant-col-xxl-push-22{left:91.66666667%}.ant-col-xxl-pull-22{right:91.66666667%}.ant-col-xxl-offset-22{margin-left:91.66666667%}.ant-col-xxl-order-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.ant-col-xxl-21{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:87.5%}.ant-col-xxl-push-21{left:87.5%}.ant-col-xxl-pull-21{right:87.5%}.ant-col-xxl-offset-21{margin-left:87.5%}.ant-col-xxl-order-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.ant-col-xxl-20{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:83.33333333%}.ant-col-xxl-push-20{left:83.33333333%}.ant-col-xxl-pull-20{right:83.33333333%}.ant-col-xxl-offset-20{margin-left:83.33333333%}.ant-col-xxl-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.ant-col-xxl-19{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:79.16666667%}.ant-col-xxl-push-19{left:79.16666667%}.ant-col-xxl-pull-19{right:79.16666667%}.ant-col-xxl-offset-19{margin-left:79.16666667%}.ant-col-xxl-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.ant-col-xxl-18{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:75%}.ant-col-xxl-push-18{left:75%}.ant-col-xxl-pull-18{right:75%}.ant-col-xxl-offset-18{margin-left:75%}.ant-col-xxl-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.ant-col-xxl-17{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:70.83333333%}.ant-col-xxl-push-17{left:70.83333333%}.ant-col-xxl-pull-17{right:70.83333333%}.ant-col-xxl-offset-17{margin-left:70.83333333%}.ant-col-xxl-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.ant-col-xxl-16{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:66.66666667%}.ant-col-xxl-push-16{left:66.66666667%}.ant-col-xxl-pull-16{right:66.66666667%}.ant-col-xxl-offset-16{margin-left:66.66666667%}.ant-col-xxl-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.ant-col-xxl-15{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:62.5%}.ant-col-xxl-push-15{left:62.5%}.ant-col-xxl-pull-15{right:62.5%}.ant-col-xxl-offset-15{margin-left:62.5%}.ant-col-xxl-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.ant-col-xxl-14{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:58.33333333%}.ant-col-xxl-push-14{left:58.33333333%}.ant-col-xxl-pull-14{right:58.33333333%}.ant-col-xxl-offset-14{margin-left:58.33333333%}.ant-col-xxl-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.ant-col-xxl-13{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:54.16666667%}.ant-col-xxl-push-13{left:54.16666667%}.ant-col-xxl-pull-13{right:54.16666667%}.ant-col-xxl-offset-13{margin-left:54.16666667%}.ant-col-xxl-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.ant-col-xxl-12{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.ant-col-xxl-push-12{left:50%}.ant-col-xxl-pull-12{right:50%}.ant-col-xxl-offset-12{margin-left:50%}.ant-col-xxl-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.ant-col-xxl-11{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:45.83333333%}.ant-col-xxl-push-11{left:45.83333333%}.ant-col-xxl-pull-11{right:45.83333333%}.ant-col-xxl-offset-11{margin-left:45.83333333%}.ant-col-xxl-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.ant-col-xxl-10{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:41.66666667%}.ant-col-xxl-push-10{left:41.66666667%}.ant-col-xxl-pull-10{right:41.66666667%}.ant-col-xxl-offset-10{margin-left:41.66666667%}.ant-col-xxl-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.ant-col-xxl-9{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:37.5%}.ant-col-xxl-push-9{left:37.5%}.ant-col-xxl-pull-9{right:37.5%}.ant-col-xxl-offset-9{margin-left:37.5%}.ant-col-xxl-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.ant-col-xxl-8{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.33333333%}.ant-col-xxl-push-8{left:33.33333333%}.ant-col-xxl-pull-8{right:33.33333333%}.ant-col-xxl-offset-8{margin-left:33.33333333%}.ant-col-xxl-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.ant-col-xxl-7{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:29.16666667%}.ant-col-xxl-push-7{left:29.16666667%}.ant-col-xxl-pull-7{right:29.16666667%}.ant-col-xxl-offset-7{margin-left:29.16666667%}.ant-col-xxl-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.ant-col-xxl-6{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%}.ant-col-xxl-push-6{left:25%}.ant-col-xxl-pull-6{right:25%}.ant-col-xxl-offset-6{margin-left:25%}.ant-col-xxl-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.ant-col-xxl-5{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:20.83333333%}.ant-col-xxl-push-5{left:20.83333333%}.ant-col-xxl-pull-5{right:20.83333333%}.ant-col-xxl-offset-5{margin-left:20.83333333%}.ant-col-xxl-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.ant-col-xxl-4{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:16.66666667%}.ant-col-xxl-push-4{left:16.66666667%}.ant-col-xxl-pull-4{right:16.66666667%}.ant-col-xxl-offset-4{margin-left:16.66666667%}.ant-col-xxl-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.ant-col-xxl-3{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%}.ant-col-xxl-push-3{left:12.5%}.ant-col-xxl-pull-3{right:12.5%}.ant-col-xxl-offset-3{margin-left:12.5%}.ant-col-xxl-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.ant-col-xxl-2{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:8.33333333%}.ant-col-xxl-push-2{left:8.33333333%}.ant-col-xxl-pull-2{right:8.33333333%}.ant-col-xxl-offset-2{margin-left:8.33333333%}.ant-col-xxl-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ant-col-xxl-1{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:4.16666667%}.ant-col-xxl-push-1{left:4.16666667%}.ant-col-xxl-pull-1{right:4.16666667%}.ant-col-xxl-offset-1{margin-left:4.16666667%}.ant-col-xxl-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ant-col-xxl-0{display:none}.ant-col-push-0{left:auto}.ant-col-pull-0{right:auto}.ant-col-xxl-push-0{left:auto}.ant-col-xxl-pull-0{right:auto}.ant-col-xxl-offset-0{margin-left:0}.ant-col-xxl-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}.ant-menu{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-variant:tabular-nums;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;margin:0;padding:0;list-style:none;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);color:rgba(0,0,0,.65);background:#fff;line-height:0;-webkit-transition:background .3s,width .2s;transition:background .3s,width .2s;zoom:1}.ant-menu:after,.ant-menu:before{content:"";display:table}.ant-menu:after{clear:both}.ant-menu ol,.ant-menu ul{list-style:none;margin:0;padding:0}.ant-menu-hidden{display:none}.ant-menu-item-group-title{color:rgba(0,0,0,.45);font-size:14px;line-height:1.5;padding:8px 16px;-webkit-transition:all .3s;transition:all .3s}.ant-menu-submenu,.ant-menu-submenu-inline{-webkit-transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1);transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-item:active,.ant-menu-submenu-title:active{background:#e6f7ff}.ant-menu-submenu .ant-menu-sub{cursor:auto;-webkit-transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item>a{display:block;color:rgba(0,0,0,.65)}.ant-menu-item>a:hover{color:#1890ff}.ant-menu-item>a:focus{text-decoration:none}.ant-menu-item>a:before{position:absolute;background-color:transparent;top:0;left:0;bottom:0;right:0;content:""}.ant-menu-item-divider{height:1px;overflow:hidden;background-color:#e8e8e8;line-height:0}.ant-menu-item-active,.ant-menu-item:hover,.ant-menu-submenu-active,.ant-menu-submenu-title:hover,.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{color:#1890ff}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover{background-color:transparent}.ant-menu-item-selected,.ant-menu-item-selected>a,.ant-menu-item-selected>a:hover{color:#1890ff}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#e6f7ff}.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left{border-right:1px solid #e8e8e8}.ant-menu-vertical-right{border-left:1px solid #e8e8e8}.ant-menu-vertical-left.ant-menu-sub,.ant-menu-vertical-right.ant-menu-sub,.ant-menu-vertical.ant-menu-sub{border-right:0;padding:0;-webkit-transform-origin:0 0;transform-origin:0 0}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item,.ant-menu-vertical.ant-menu-sub .ant-menu-item{border-right:0;margin-left:0;left:0}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after,.ant-menu-vertical.ant-menu-sub .ant-menu-item:after{border-right:0}.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{-webkit-transform-origin:0 0;transform-origin:0 0}.ant-menu-horizontal.ant-menu-sub,.ant-menu-vertical-left.ant-menu-sub,.ant-menu-vertical-right.ant-menu-sub,.ant-menu-vertical.ant-menu-sub{min-width:160px}.ant-menu-item,.ant-menu-submenu-title{cursor:pointer;margin:0;padding:0 20px;position:relative;display:block;white-space:nowrap;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{min-width:14px;margin-right:10px;-webkit-transition:font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1);transition:font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item .anticon+span,.ant-menu-submenu-title .anticon+span{-webkit-transition:opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);transition:opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);opacity:1}.ant-menu>.ant-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;padding:0;line-height:0;background-color:#e8e8e8}.ant-menu-submenu-popup{position:absolute;border-radius:4px;z-index:1050}.ant-menu-submenu>.ant-menu{background-color:#fff;border-radius:4px}.ant-menu-submenu>.ant-menu-submenu-title:after{-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow{-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);position:absolute;top:50%;right:16px;width:10px}.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before{content:"";position:absolute;vertical-align:baseline;background:#fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.65)),to(rgba(0,0,0,.65)));background-image:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.65));width:6px;height:1.5px;border-radius:2px;-webkit-transition:background .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:background .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1);transition:background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before{-webkit-transform:rotate(45deg) translateY(-2px);transform:rotate(45deg) translateY(-2px)}.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after{-webkit-transform:rotate(-45deg) translateY(2px);transform:rotate(-45deg) translateY(2px)}.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before{background:-webkit-gradient(linear,left top,right top,from(#1890ff),to(#1890ff));background:linear-gradient(90deg,#1890ff,#1890ff)}.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before{-webkit-transform:rotate(-45deg) translateX(2px);transform:rotate(-45deg) translateX(2px)}.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after{-webkit-transform:rotate(45deg) translateX(-2px);transform:rotate(45deg) translateX(-2px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after{-webkit-transform:rotate(-45deg) translateX(-2px);transform:rotate(-45deg) translateX(-2px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before{-webkit-transform:rotate(45deg) translateX(2px);transform:rotate(45deg) translateX(2px)}.ant-menu-vertical-left .ant-menu-submenu-selected,.ant-menu-vertical-left .ant-menu-submenu-selected>a,.ant-menu-vertical-right .ant-menu-submenu-selected,.ant-menu-vertical-right .ant-menu-submenu-selected>a,.ant-menu-vertical .ant-menu-submenu-selected,.ant-menu-vertical .ant-menu-submenu-selected>a{color:#1890ff}.ant-menu-horizontal{border:0;border-bottom:1px solid #e8e8e8;-webkit-box-shadow:none;box-shadow:none;line-height:46px}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{position:relative;top:1px;float:left;border-bottom:2px solid transparent}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover{border-bottom:2px solid #1890ff;color:#1890ff}.ant-menu-horizontal>.ant-menu-item>a{display:block;color:rgba(0,0,0,.65)}.ant-menu-horizontal>.ant-menu-item>a:hover{color:#1890ff}.ant-menu-horizontal>.ant-menu-item>a:before{bottom:-2px}.ant-menu-horizontal>.ant-menu-item-selected>a{color:#1890ff}.ant-menu-horizontal:after{content:"\20";display:block;height:0;clear:both}.ant-menu-inline .ant-menu-item,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-right .ant-menu-item,.ant-menu-vertical .ant-menu-item{position:relative}.ant-menu-inline .ant-menu-item:after,.ant-menu-vertical-left .ant-menu-item:after,.ant-menu-vertical-right .ant-menu-item:after,.ant-menu-vertical .ant-menu-item:after{content:"";position:absolute;right:0;top:0;bottom:0;border-right:3px solid #1890ff;-webkit-transform:scaleY(.0001);transform:scaleY(.0001);opacity:0;-webkit-transition:opacity .15s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1);transition:opacity .15s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1);transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1)}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-vertical-right .ant-menu-item,.ant-menu-vertical-right .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title{padding:0 16px;font-size:14px;line-height:40px;height:40px;margin-top:4px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.ant-menu-inline .ant-menu-submenu,.ant-menu-vertical-left .ant-menu-submenu,.ant-menu-vertical-right .ant-menu-submenu,.ant-menu-vertical .ant-menu-submenu{padding-bottom:.01px}.ant-menu-inline .ant-menu-item:not(:last-child),.ant-menu-vertical-left .ant-menu-item:not(:last-child),.ant-menu-vertical-right .ant-menu-item:not(:last-child),.ant-menu-vertical .ant-menu-item:not(:last-child){margin-bottom:8px}.ant-menu-inline>.ant-menu-item,.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-left>.ant-menu-item,.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-right>.ant-menu-item,.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical>.ant-menu-item,.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title{line-height:40px;height:40px}.ant-menu-inline{width:100%}.ant-menu-inline .ant-menu-item-selected:after,.ant-menu-inline .ant-menu-selected:after{-webkit-transition:opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title{width:calc(100% + 1px)}.ant-menu-inline .ant-menu-submenu-title{padding-right:34px}.ant-menu-inline-collapsed{width:80px}.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{left:0;text-overflow:clip;padding:0 32px!important}.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{display:none}.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,.ant-menu-inline-collapsed>.ant-menu-item .anticon,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon{font-size:16px;line-height:40px;margin:0}.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span{max-width:0;display:inline-block;opacity:0}.ant-menu-inline-collapsed-tooltip{pointer-events:none}.ant-menu-inline-collapsed-tooltip .anticon{display:none}.ant-menu-inline-collapsed-tooltip a{color:hsla(0,0%,100%,.85)}.ant-menu-inline-collapsed .ant-menu-item-group-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;padding-right:4px}.ant-menu-item-group-list{margin:0;padding:0}.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title{padding:0 16px 0 28px}.ant-menu-root.ant-menu-inline,.ant-menu-root.ant-menu-vertical,.ant-menu-root.ant-menu-vertical-left,.ant-menu-root.ant-menu-vertical-right,.ant-menu-sub.ant-menu-inline{-webkit-box-shadow:none;box-shadow:none}.ant-menu-sub.ant-menu-inline{padding:0;border:0;border-radius:0}.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{line-height:40px;height:40px;list-style-type:disc;list-style-position:inside}.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-left:32px}.ant-menu-item-disabled,.ant-menu-submenu-disabled{color:rgba(0,0,0,.25)!important;cursor:not-allowed;background:none;border-color:transparent!important}.ant-menu-item-disabled>a,.ant-menu-submenu-disabled>a{color:rgba(0,0,0,.25)!important;pointer-events:none}.ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-submenu-disabled>.ant-menu-submenu-title{color:rgba(0,0,0,.25)!important;cursor:not-allowed}.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before{background:rgba(0,0,0,.25)!important}.ant-menu-dark,.ant-menu-dark .ant-menu-sub{color:hsla(0,0%,100%,.65);background:#001529}.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow{opacity:.45;-webkit-transition:all .3s;transition:all .3s}.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before{background:#fff}.ant-menu-dark.ant-menu-submenu-popup{background:transparent}.ant-menu-dark .ant-menu-inline.ant-menu-sub{background:#000c17;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.45) inset;box-shadow:inset 0 2px 8px rgba(0,0,0,.45)}.ant-menu-dark.ant-menu-horizontal{border-bottom:0}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu{border-color:#001529;border-bottom:0;top:0;margin-top:0}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a:before{bottom:0}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a{color:hsla(0,0%,100%,.65)}.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical,.ant-menu-dark.ant-menu-vertical-left,.ant-menu-dark.ant-menu-vertical-right{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item{border-right:0;margin-left:0;left:0}.ant-menu-dark.ant-menu-inline .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical .ant-menu-item:after{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title{width:100%}.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-open,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover{background-color:transparent;color:#fff}.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-open>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-title:hover>a{color:#fff}.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow{opacity:1}.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before{background:#fff}.ant-menu-dark .ant-menu-item-selected{border-right:0;color:#fff}.ant-menu-dark .ant-menu-item-selected:after{border-right:0}.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>a:hover{color:#fff}.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,.ant-menu.ant-menu-dark .ant-menu-item-selected{background-color:#1890ff}.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-submenu-disabled>a{opacity:.8;color:hsla(0,0%,100%,.35)!important}.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title{color:hsla(0,0%,100%,.35)!important}.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before{background:hsla(0,0%,100%,.35)!important}.ant-tooltip{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-variant:tabular-nums;line-height:1.5;color:rgba(0,0,0,.65);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;position:absolute;z-index:1060;display:block;visibility:visible;max-width:250px}.ant-tooltip-hidden{display:none}.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight{padding-bottom:8px}.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop{padding-left:8px}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight{padding-top:8px}.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop{padding-right:8px}.ant-tooltip-inner{padding:6px 8px;color:#fff;text-align:left;text-decoration:none;background-color:rgba(0,0,0,.75);border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);min-height:32px;word-break:break-all}.ant-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:3px;border-width:5px 5px 0;border-top-color:rgba(0,0,0,.75)}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;margin-left:-5px}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:16px}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:16px}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:rgba(0,0,0,.75)}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;margin-top:-5px}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:8px}.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:8px}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:rgba(0,0,0,.75)}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;margin-top:-5px}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:8px}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow{bottom:8px}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:3px;border-width:0 5px 5px;border-bottom-color:rgba(0,0,0,.75)}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;margin-left:-5px}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:16px}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:16px}


--------------------------------------------------------------------------------
/dist/static/font/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xw-Zhou/webpack-optimizeDemo/2b9bb21a79b447a8617edbc773b9381bdb07e4df/dist/static/font/iconfont.eot


--------------------------------------------------------------------------------
/dist/static/font/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xw-Zhou/webpack-optimizeDemo/2b9bb21a79b447a8617edbc773b9381bdb07e4df/dist/static/font/iconfont.ttf


--------------------------------------------------------------------------------
/dist/static/font/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xw-Zhou/webpack-optimizeDemo/2b9bb21a79b447a8617edbc773b9381bdb07e4df/dist/static/font/iconfont.woff


--------------------------------------------------------------------------------
/dist/static/js/2.bundle.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[2],{153:function(n,t,e){},155:function(n,t,e){"use strict";e.r(t);var u=e(10),i=e.n(u),r=e(11),o=e.n(r),c=e(13),a=e.n(c),s=e(14),l=e.n(s),b=e(15),f=e.n(b),p=e(1),w=e.n(p),d=(e(153),function(n){function t(n){return i()(this,t),a()(this,l()(t).call(this,n))}return f()(t,n),o()(t,[{key:"render",value:function(){return w.a.createElement("div",null,"bbbb")}}]),t}(p.Component));t.default=d}}]);


--------------------------------------------------------------------------------
/dist/static/js/3.bundle.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[3],{154:function(n,e,t){"use strict";t.r(e);var r=t(10),u=t.n(r),a=t(11),i=t.n(a),o=t(13),c=t.n(o),s=t(14),l=t.n(s),p=t(15),w=t.n(p),d=t(1),f=t.n(d),h=function(n){function e(n){return u()(this,e),c()(this,l()(e).call(this,n))}return w()(e,n),i()(e,[{key:"render",value:function(){return f.a.createElement("div",null,"aaa")}}]),e}(d.Component);e.default=h}}]);


--------------------------------------------------------------------------------
/dist/static/js/main.bundle.js:
--------------------------------------------------------------------------------
1 | !function(u){function e(e){for(var t,n,r=e[0],o=e[1],a=e[2],l=0,i=[];l<r.length;l++)n=r[l],f[n]&&i.push(f[n][0]),f[n]=0;for(t in o)Object.prototype.hasOwnProperty.call(o,t)&&(u[t]=o[t]);for(p&&p(e);i.length;)i.shift()();return s.push.apply(s,a||[]),c()}function c(){for(var e,t=0;t<s.length;t++){for(var n=s[t],r=!0,o=1;o<n.length;o++){var a=n[o];0!==f[a]&&(r=!1)}r&&(s.splice(t--,1),e=m(m.s=n[0]))}return e}var n={},d={0:0},f={0:0},s=[];function m(e){if(n[e])return n[e].exports;var t=n[e]={i:e,l:!1,exports:{}};return u[e].call(t.exports,t,t.exports,m),t.l=!0,t.exports}m.e=function(s){var e=[];d[s]?e.push(d[s]):0!==d[s]&&{2:1}[s]&&e.push(d[s]=new Promise(function(e,r){for(var t="static/css/"+({}[s]||s)+".css",o=m.p+t,n=document.getElementsByTagName("link"),a=0;a<n.length;a++){var l=(u=n[a]).getAttribute("data-href")||u.getAttribute("href");if("stylesheet"===u.rel&&(l===t||l===o))return e()}var i=document.getElementsByTagName("style");for(a=0;a<i.length;a++){var u;if((l=(u=i[a]).getAttribute("data-href"))===t||l===o)return e()}var c=document.createElement("link");c.rel="stylesheet",c.type="text/css",c.onload=e,c.onerror=function(e){var t=e&&e.target&&e.target.src||o,n=new Error("Loading CSS chunk "+s+" failed.\n("+t+")");n.request=t,delete d[s],c.parentNode.removeChild(c),r(n)},c.href=o,document.getElementsByTagName("head")[0].appendChild(c)}).then(function(){d[s]=0}));var t,n=f[s];if(0!==n)if(n)e.push(n[2]);else{var r=new Promise(function(e,t){n=f[s]=[e,t]});e.push(n[2]=r);var o,a=document.createElement("script");a.charset="utf-8",a.timeout=120,m.nc&&a.setAttribute("nonce",m.nc),a.src=m.p+"static/js/"+({}[t=s]||t)+".bundle.js",o=function(e){a.onerror=a.onload=null,clearTimeout(l);var t=f[s];if(0!==t){if(t){var n=e&&("load"===e.type?"missing":e.type),r=e&&e.target&&e.target.src,o=new Error("Loading chunk "+s+" failed.\n("+n+": "+r+")");o.type=n,o.request=r,t[1](o)}f[s]=void 0}};var l=setTimeout(function(){o({type:"timeout",target:a})},12e4);a.onerror=a.onload=o,document.head.appendChild(a)}return Promise.all(e)},m.m=u,m.c=n,m.d=function(e,t,n){m.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},m.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},m.t=function(t,e){if(1&e&&(t=m(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(m.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)m.d(n,r,function(e){return t[e]}.bind(null,r));return n},m.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return m.d(t,"a",t),t},m.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},m.p="",m.oe=function(e){throw console.error(e),e};var t=window.webpackJsonp=window.webpackJsonp||[],r=t.push.bind(t);t.push=e,t=t.slice();for(var o=0;o<t.length;o++)e(t[o]);var p=r;s.push([81,1]),c()}({0:function(e,t,n){e.exports=n(16)(1)},1:function(e,t,n){e.exports=n(16)(2)},12:function(e,t,n){e.exports=n(16)(332)},134:function(e,t,n){e.exports=n(16)(160)},138:function(e,t,n){e.exports=n(16)(137)},142:function(e,t,n){e.exports=n(16)(336)},143:function(e,t,n){},144:function(e,t,n){},145:function(e,t,n){},150:function(e,t,n){},151:function(e,t,n){"use strict";n.r(t);n(82),n(83);var r=n(1),o=n.n(r),a=n(6),l=n.n(a),i=n(10),u=n.n(i),c=n(11),s=n.n(c),d=n(13),f=n.n(d),m=n(14),p=n.n(m),h=n(15),v=n.n(h),y=n(12),g=function(e){function n(e){var t;return u()(this,n),(t=f()(this,p()(n).call(this,e))).state={},t}return v()(n,e),s()(n,[{key:"render",value:function(){return o.a.createElement("div",null,this.props.children)}}]),n}(r.Component),E=(n(87),n(79)),b=(n(88),n(55)),k=(n(58),n(33)),w=(n(152),n(40)),x=(n(91),w.a.SubMenu),N=[{title:"AAA",key:"/a"},{title:"BBB",key:"/b"}],O=function(e){function t(e){var n;return u()(this,t),(n=f()(this,p()(t).call(this,e))).renderMenu=function(e){return e.map(function(e,t){return e.children?o.a.createElement(x,{title:n.childrenNum(e),key:e.key,onTitleClick:n.handleOpen},n.renderMenu(e.children)):o.a.createElement(w.a.Item,{key:e.key},o.a.createElement(y.NavLink,{to:e.key},o.a.createElement(k.a,{type:"bar-chart"}),e.title))})},n.childrenNum=function(e){var t=e.title,n=e.children.length;return o.a.createElement("span",null,o.a.createElement(k.a,{type:"bar-chart"}),o.a.createElement("span",null,t),o.a.createElement("span",{className:"spans"},n))},n.handleOpen=function(e){},n.windowScroll=function(){var r=n.asideDOM,o=parseInt(getComputedStyle(document.getElementsByClassName("header")[0]).height);window.addEventListener("scroll",function(){var e=document.documentElement.scrollTop||document.body.scrollTop,t=o-e<0?0:o-e,n=document.documentElement.offsetWidth||document.body.offsetWidth;n<768?r.style="":768<=n&&(r.style.cssText="top:".concat(t+"px"))})},n.state={menuNode:""},n}return v()(t,e),s()(t,[{key:"componentWillMount",value:function(){var e=this.renderMenu(N);this.setState({menuNode:e})}},{key:"componentDidMount",value:function(){this.windowScroll()}},{key:"render",value:function(){var t=this;return o.a.createElement("div",{className:"aside asideFixed",ref:function(e){t.asideDOM=e}},o.a.createElement(w.a,{mode:"inline",selectedKeys:[this.props.location.pathname]},this.state.menuNode))}}]),t}(r.Component),S=Object(y.withRouter)(O),D=new(function(){function e(){u()(this,e)}return s()(e,[{key:"judgeDOM",value:function(e,t){for(;null!=e&&null!=e&&"BODY"!=e.tagName.toUpperCase();){if(e==t)return!0;e=e.parentNode}return!1}},{key:"IsRealUrl",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"";return!(2<arguments.length&&void 0!==arguments[2])||arguments[2]?e:t}},{key:"Typeof",value:function(e){return toString.call(e).split(" ")[1].split("]")[0]}},{key:"changeTableData",value:function(e,t){var n=0,r=[],o=JSON.parse(JSON.stringify(e));for(var a in o)n++,o[a][t]=n,r.push(o[a]);return r}},{key:"genSrcIdxKey",value:function(e){var t="",n="";return parseInt(e)<16&&(t="0"),t+=e.toString(16),1<arguments.length?(parseInt(arguments[1])+1<16&&(n="0"),n+=(parseInt(arguments[1])+1).toString(16)):n="00",n.concat(t).toString(16)}}]),e}()),C=(n(143),function(e){function t(e){var r;return u()(this,t),(r=f()(this,p()(t).call(this,e))).handleDropDown=function(e){e.persist(),r.dropDown.style.cssText="opacity:1;top:0px;height:auto;min-height:120px;",document.body.addEventListener("click",r.judge)},r.judge=function(e){var t=(e=e||window.event).target||e.srcElement,n=r.dropDown;0!==n.style.opacity&&(!D.judgeDOM(t,r.dropDown)&&n&&(n.style.cssText="opacity:0;top:-10px;height:0"),document.body.removeEventListener("click",r.judge))},r.themeList=function(e){var t,n=(e=e||window.event).target;"li"===n.tagName.toLowerCase()&&(t=n.getAttribute("data-theme"),window.less.modifyVars({"@primary-color":t}).then(function(){console.log("success")}).catch(function(e){console.log(e)}))},r.handleLoginOut=function(){r.props.history.push("/login")},r.state={theme_list:["#405bff","#e57bee","#ff6130","#a9c0ff","#49aa4b","#8ba69c"]},r}return v()(t,e),s()(t,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var t=this;return o.a.createElement("div",{className:"skin-wrap"},o.a.createElement("div",{className:"skin-root",onClick:this.handleDropDown},o.a.createElement(k.a,{type:"user"}),o.a.createElement("span",null,"Root User")),o.a.createElement("ul",{className:"skin-dropDown",ref:function(e){return t.dropDown=e}},o.a.createElement("li",null,o.a.createElement("ul",{className:"change-theme",onClick:this.themeList},this.state.theme_list.map(function(e,t){return o.a.createElement("li",{key:t,"data-theme":e,style:{background:"".concat(e)}})}))),o.a.createElement("li",{className:"sign-out"},o.a.createElement("span",{onClick:this.handleLoginOut},"Sign out"))))}}]),t}(r.Component)),j=Object(y.withRouter)(C),M=(n(144),function(e){function n(e){var t;return u()(this,n),(t=f()(this,p()(n).call(this,e))).state={},t}return v()(n,e),s()(n,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){return o.a.createElement("div",{className:"header primary-bg"},o.a.createElement(j,null))}}]),n}(r.Component)),T=(n(145),function(e){function n(e){var t;return u()(this,n),(t=f()(this,p()(n).call(this,e))).state={loading_show:!0},t}return v()(n,e),s()(n,[{key:"render",value:function(){return o.a.createElement("div",null,o.a.createElement(M,null),o.a.createElement(E.a,null,o.a.createElement(b.a,{xs:24,sm:24,md:6,lg:4,xl:4,xxl:4},o.a.createElement(S,null)),o.a.createElement(b.a,{xs:24,sm:24,md:18,lg:20,xl:20,xxl:20},o.a.createElement("div",{className:"contentWrap"},o.a.createElement("div",{className:"content"},this.props.children)))))}}]),n}(r.Component)),L=n(54),_=n.n(L),P=_()({loader:function(){return n.e(3).then(n.bind(null,154))},loading:function(){return o.a.createElement("div",null,"loading...")}}),B=_()({loader:function(){return n.e(2).then(n.bind(null,155))},loading:function(){return o.a.createElement("div",null,"loading...")}}),R=function(e){function n(e){var t;return u()(this,n),(t=f()(this,p()(n).call(this,e))).state={},t}return v()(n,e),s()(n,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){return o.a.createElement(g,null,o.a.createElement(y.Switch,null,o.a.createElement(y.Route,{path:"/",render:function(){return o.a.createElement(T,null,o.a.createElement(y.Switch,null,o.a.createElement(y.Route,{path:"/a",component:P}),o.a.createElement(y.Route,{path:"/b",component:B}),o.a.createElement(y.Redirect,{from:"/",to:"/a"})))}})))}}]),n}(r.Component),A=n(78);n(150);l.a.render(o.a.createElement(A.Provider,null,o.a.createElement(y.HashRouter,null,o.a.createElement(R,null))),document.getElementById("root"))},16:function(e,t){e.exports=_dll_vendor},56:function(e,t,n){e.exports=n(16)(80)},6:function(e,t,n){e.exports=n(16)(57)},78:function(e,t,n){e.exports=n(16)(337)},81:function(e,t,n){e.exports=n(151)},82:function(e,t,n){e.exports=n(16)(162)},91:function(e,t,n){}});


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "app",
 3 |   "version": "1.0.0",
 4 |   "main": "index.js",
 5 |   "license": "MIT",
 6 |   "author": "ZXW",
 7 |   "scripts": {
 8 |     "build": "cross-env NODE_ENV=production webpack --config webpack.config.prod.js",
 9 |     "dev": "cross-env NODE_ENV=development webpack-dev-server --config webpack.config.dev.js",
10 |     "dll": "webpack --config webpack.config.dll.js"
11 |   },
12 |   "devDependencies": {
13 |     "@babel/core": "^7.2.2",
14 |     "@babel/plugin-proposal-class-properties": "^7.3.4",
15 |     "@babel/plugin-proposal-decorators": "^7.3.0",
16 |     "@babel/plugin-transform-runtime": "^7.2.0",
17 |     "@babel/preset-env": "^7.3.1",
18 |     "@babel/preset-react": "^7.0.0",
19 |     "antd": "3.8.2",
20 |     "antd-theme-webpack-plugin": "^1.2.0",
21 |     "autoprefixer": "^9.4.7",
22 |     "axios": "^0.18.0",
23 |     "babel-loader": "^8.0.5",
24 |     "babel-plugin-equire": "^1.1.1",
25 |     "babel-plugin-import": "^1.11.0",
26 |     "babel-plugin-syntax-dynamic-import": "^6.18.0",
27 |     "clean-webpack-plugin": "^1.0.1",
28 |     "cross-env": "^5.2.0",
29 |     "css-loader": "^2.1.0",
30 |     "file-loader": "^3.0.1",
31 |     "happypack": "^5.0.1",
32 |     "html-webpack-plugin": "^3.2.0",
33 |     "less": "^3.9.0",
34 |     "less-loader": "^4.1.0",
35 |     "mini-css-extract-plugin": "^0.5.0",
36 |     "optimize-css-assets-webpack-plugin": "^5.0.1",
37 |     "postcss-loader": "^3.0.0",
38 |     "react": "^16.8.1",
39 |     "react-dom": "^16.8.1",
40 |     "react-loadable": "^5.5.0",
41 |     "react-router-dom": "^4.3.1",
42 |     "style-loader": "^0.23.1",
43 |     "uglifyjs-webpack-plugin": "^2.1.1",
44 |     "url-loader": "^1.1.2",
45 |     "webpack": "^4.29.3",
46 |     "webpack-bundle-analyzer": "^3.0.4",
47 |     "webpack-cli": "^3.2.3",
48 |     "webpack-dev-server": "^3.1.14",
49 |     "webpack-merge": "^4.2.1"
50 |   },
51 |   "dependencies": {
52 |     "@babel/polyfill": "^7.2.5",
53 |     "@babel/runtime": "^7.3.1",
54 |     "antd-iconfont": "^3.0.3",
55 |     "copy-webpack-plugin": "^5.0.5",
56 |     "echarts": "^4.1.0",
57 |     "es6-proxy-polyfill": "^1.2.1",
58 |     "mobx": "^5.9.0",
59 |     "mobx-react": "^5.4.3",
60 |     "qs": "^6.6.0"
61 |   }
62 | }
63 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 6 |     <title>React</title>
 7 | </head>
 8 | <body>
 9 |     <link rel="stylesheet/less" type="text/css" href="./color.less" /><!--这里link放在哪，style生成在哪里，注意样式被覆盖-->
10 |     <script>
11 |         window.less = {
12 |             async: false,
13 |             env: 'production'//production  development
14 |         };
15 |     </script>
16 |     <div id="root"></div>
17 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script>
18 |     <script src="dll/_dll_vendor.js" type="text/javascript"></script>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react'
 2 | 
 3 | 
 4 | class App extends Component {
 5 |     constructor(props) {
 6 |         super(props)
 7 |         this.state = {}
 8 |     }
 9 | 
10 |     render() {
11 |         return (
12 |             <div>
13 |                 {this.props.children}
14 |             </div>
15 |         )
16 |     }
17 | }
18 | 
19 | export default App


--------------------------------------------------------------------------------
/src/components/Aside/Aside.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react'
 2 | import {Menu,Icon} from 'antd'
 3 | import {NavLink,withRouter} from 'react-router-dom'
 4 | 
 5 | import './Aside.less'
 6 | 
 7 | const SubMenu = Menu.SubMenu;
 8 | 
 9 | const MenuConfig=[
10 |     {
11 |         title:'AAA',
12 |         key:'/a'
13 |     },
14 |     {
15 |         title:'BBB',
16 |         key:'/b',
17 |     },
18 | ]
19 | 
20 | class Aside extends Component {
21 |     constructor(props) {
22 |         super(props)
23 |         this.state = {
24 |             menuNode:''
25 |         }
26 |     }
27 |     componentWillMount(){
28 |         let menuNode=this.renderMenu(MenuConfig);
29 |         this.setState({
30 |             menuNode
31 |         })
32 |     }
33 |     componentDidMount(){
34 |         this.windowScroll()
35 |     }
36 |     renderMenu=(data)=>{//渲染菜单栏
37 |         return data.map((item,ind)=>{
38 |             if(item.children){//如果有子元素的话递归渲染
39 |                 return (
40 |                     <SubMenu title={this.childrenNum(item)} key={item.key} onTitleClick={this.handleOpen}>
41 |                         {this.renderMenu(item.children)}
42 |                     </SubMenu>
43 |                 )
44 |             }
45 |             return (
46 |                 <Menu.Item key={item.key}>
47 |                     <NavLink to={item.key}>
48 |                         <Icon type="bar-chart" />
49 |                         {item.title}
50 |                     </NavLink>
51 |                 </Menu.Item>
52 |             )
53 |         })
54 |     }
55 |     childrenNum=(Item)=>{//渲染下拉菜单的子节点个数
56 |         let title=Item.title;
57 |         let childLen=Item.children.length;
58 |         return (
59 |             <span>
60 |                 <Icon type="bar-chart" />
61 |                 <span>{title}</span>
62 |                 <span className={'spans'}>{childLen}</span>
63 |             </span>
64 |         )
65 |     }
66 |     handleOpen=(e)=>{//点击下拉菜单的子节点时触发
67 |         // e.domEvent.persist();
68 |         // console.log(e.domEvent)
69 |     }
70 |     windowScroll=()=>{//设置aside的样式
71 |         let asideDOM=this.asideDOM;
72 |         let headerHeight=parseInt(getComputedStyle(document.getElementsByClassName('header')[0])['height']);
73 | 
74 |         window.addEventListener('scroll',function () {
75 |             let contentTop=document.documentElement.scrollTop||document.body.scrollTop;
76 |             let Top=headerHeight-contentTop < 0 ? 0 : headerHeight-contentTop;
77 |             let screenWith=document.documentElement.offsetWidth || document.body.offsetWidth;
78 |             // console.log(screenWith)
79 |             if(screenWith<768){
80 |                 asideDOM.style="";
81 |             }else if(screenWith>=768){
82 |                 asideDOM.style.cssText=`top:${Top+'px'}`;
83 |             }
84 |         })
85 |     }
86 |     render() {
87 |         return (
88 |             <div className="aside asideFixed" ref={(e)=>{this.asideDOM=e}}>
89 |                 <Menu mode="inline" selectedKeys={[this.props.location.pathname]}>
90 |                     {this.state.menuNode}
91 |                 </Menu>
92 |             </div>
93 |         )
94 |     }
95 | }
96 | 
97 | export default withRouter(Aside)


--------------------------------------------------------------------------------
/src/components/Aside/Aside.less:
--------------------------------------------------------------------------------
 1 | @import '../../styles/theme/index.less';
 2 | 
 3 | .aside{
 4 |   box-sizing: border-box;
 5 |   height:calc(100vh - 70px);
 6 |   box-shadow: 3px 0 10px #ccc;
 7 |   position: relative;
 8 |   z-index: 2;
 9 |   padding:30px 0;
10 |   overflow: hidden;
11 |   &:hover{
12 |     overflow: auto;
13 |   }
14 |   li{
15 |     margin-bottom: 0 !important;
16 |     margin-top: 0 !important;
17 |   }
18 |   li:hover{
19 |     background:#f9f9f9;
20 |   }
21 |   >ul>li:first-child{
22 |     border-top:none;
23 |   }
24 |   >ul>li:last-child{
25 |     border-bottom:1px solid #f3f3f3;
26 |   }
27 |   >ul>li{
28 |     border-top:1px solid #f3f3f3;
29 |   }
30 |   >ul>li>ul>li{
31 |     border-bottom:1px solid #f3f3f3;
32 |   }
33 |   >ul>li>ul>li:last-child{
34 |     border-bottom:none;
35 |   }
36 | }
37 | .spans{
38 |   display: inline-block;
39 |   font-weight: bold;
40 |   border-radius:3px;
41 |   text-align:center;
42 |   float:right;
43 |   margin-right:5px;
44 | }
45 | 
46 | 
47 | 
48 | 
49 | 
50 | @media screen and (min-width: 576px){//如果文档宽度大于576px
51 |   .asideFixed{
52 | 
53 |   }
54 | }
55 | @media screen and (min-width: 768px){//如果文档宽度大于768px
56 |   .asideFixed{
57 |     position: fixed;
58 |     left:0;
59 |     height:100vh;
60 |     width:25%;
61 |   }
62 | }
63 | @media screen and (min-width: 992px){//如果文档宽度大于992px
64 |   .asideFixed{
65 |     position: fixed;
66 |     left:0;
67 |     height:100vh;
68 |     width:16.66666667%;
69 |   }
70 | }
71 | 
72 | 
73 | 
74 | 
75 | 
76 | 


--------------------------------------------------------------------------------
/src/components/Header/Header.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react'
 2 | import Skin from 'components/Skin/Skin'
 3 | 
 4 | import './Header.less'
 5 | 
 6 | class Header extends Component {
 7 |     constructor(props) {
 8 |         super(props)
 9 |         this.state = {}
10 |     }
11 |     componentDidMount(){
12 | 
13 |     }
14 |     render() {
15 |         return (
16 |             <div className="header primary-bg">
17 |                 <Skin/>
18 |             </div>
19 |         )
20 |     }
21 | }
22 | 
23 | export default Header


--------------------------------------------------------------------------------
/src/components/Header/Header.less:
--------------------------------------------------------------------------------
 1 | @import '../../styles/theme/index.less';
 2 | 
 3 | .header{
 4 |   height:70px;
 5 |   width:100%;
 6 |   box-shadow: 0 3px 10px #ccc;
 7 |   position: relative;
 8 |   z-index: 3;
 9 |   >a{
10 |     height:60px;
11 |     width:180px;
12 |     margin-left:20px;
13 |     display: inline-block;
14 |     position: absolute;
15 |     top:50%;
16 |     transform: translateY(-50%);
17 |     img{
18 |       width:100%;
19 |       height:100%;
20 |     }
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/src/components/Loading/Loading.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react'
 2 | 
 3 | import './Loading.less'
 4 | 
 5 | class App extends Component {
 6 |     constructor(props) {
 7 |         super(props)
 8 |         this.state = {}
 9 |     }
10 | 
11 |     render() {
12 |         return (
13 |             <div className="loading-wrap" style={{display:this.props.show?'block':'none'}}>
14 |                 <div className="loading-container animation-2">
15 |                     <div className="shape shape1"/>
16 |                     <div className="shape shape2"/>
17 |                     <div className="shape shape3"/>
18 |                     <div className="shape shape4"/>
19 |                     <div className="shape shape5"/>
20 |                 </div>
21 |             </div>
22 |         )
23 |     }
24 | }
25 | 
26 | export default App


--------------------------------------------------------------------------------
/src/components/Loading/Loading.less:
--------------------------------------------------------------------------------
  1 | .loading-wrap{
  2 |   position: fixed;
  3 |   top:0;
  4 |   left:0;
  5 |   right:0;
  6 |   bottom:0;
  7 |   background:rgba(0,0,0,.5);
  8 |   z-index:999;
  9 | }
 10 | .loading-container {
 11 |   width: 30px;
 12 |   height: 30px;
 13 |   position: relative;
 14 |   left:50%;
 15 |   top:50%;
 16 | }
 17 | .loading-container .shape {
 18 |   position: absolute;
 19 |   width: 10px;
 20 |   height: 10px;
 21 |   border-radius: 1px;
 22 | }
 23 | .loading-container .shape.shape1 {
 24 |   left: 0;
 25 |   background-color: #5C6BC0;
 26 | }
 27 | .loading-container .shape.shape2 {
 28 |   right: 0;
 29 |   background-color: #8BC34A;
 30 | }
 31 | .loading-container .shape.shape3 {
 32 |   bottom: 0;
 33 |   background-color: #FFB74D;
 34 | }
 35 | .loading-container .shape.shape4 {
 36 |   bottom: 0;
 37 |   right: 0;
 38 |   background-color: #F44336;
 39 | }
 40 | 
 41 | .loading-container.animation-2 {
 42 |   transform: rotate(10deg);
 43 | }
 44 | .loading-container.animation-2 .shape {
 45 |   border-radius: 5px;
 46 | }
 47 | .loading-container.animation-2 {
 48 |   animation: rotation 1s infinite;
 49 | }
 50 | @keyframes rotation {
 51 |   from {
 52 |     transform: rotate(0deg);
 53 |   }
 54 |   to {
 55 |     transform: rotate(360deg);
 56 |   }
 57 | }
 58 | 
 59 | .animation-2 .shape1 {
 60 |   animation: animation2shape1 0.5s ease 0s infinite alternate;
 61 | }
 62 | @keyframes animation2shape1 {
 63 |   from {
 64 |     transform: translate(0, 0);
 65 |   }
 66 |   to {
 67 |     transform: translate(20px, 20px);
 68 |   }
 69 | }
 70 | 
 71 | .animation-2 .shape2 {
 72 |   animation: animation2shape2 0.5s ease 0s infinite alternate;
 73 | }
 74 | @keyframes animation2shape2 {
 75 |   from {
 76 |     transform: translate(0, 0);
 77 |   }
 78 |   to {
 79 |     transform: translate(-20px, 20px);
 80 |   }
 81 | }
 82 | 
 83 | .animation-2 .shape3 {
 84 |   animation: animation2shape3 0.5s ease 0s infinite alternate;
 85 | }
 86 | @keyframes animation2shape3 {
 87 |   from {
 88 |     transform: translate(0, 0);
 89 |   }
 90 |   to {
 91 |     transform: translate(20px, -20px);
 92 |   }
 93 | }
 94 | 
 95 | .animation-2 .shape4 {
 96 |   animation: animation2shape4 0.5s ease 0s infinite alternate;
 97 | }
 98 | @keyframes animation2shape4 {
 99 |   from {
100 |     transform: translate(0, 0);
101 |   }
102 |   to {
103 |     transform: translate(-20px, -20px);
104 |   }
105 | }
106 | 
107 | 
108 | 
109 | 
110 | 
111 | 
112 | 
113 | 
114 | 
115 | 


--------------------------------------------------------------------------------
/src/components/Skin/Skin.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react'
 2 | import {Icon} from 'antd'
 3 | import utils from 'utils/usePlugin/utils'
 4 | import {withRouter} from 'react-router-dom'
 5 | 
 6 | import './Skin.less'
 7 | 
 8 | class Skin extends Component {
 9 |     constructor(props) {
10 |         super(props)
11 |         this.state = {
12 |             theme_list:['#405bff','#e57bee','#ff6130','#a9c0ff','#49aa4b','#8ba69c']
13 |         }
14 |         // this.dropDown=React.createRef();
15 |     }
16 |     componentDidMount(){
17 |         //页面打开保存上次设置的主题思路：将设置的颜色对象值传给后端，在compoentDidMount页面加载的时候去请求后端，然后在请求成功的then里执行
18 |     }
19 | 
20 |     handleDropDown=(e)=>{//点击显示下拉菜单
21 |         e.persist();
22 |         let dropDown=this.dropDown;
23 |         dropDown.style.cssText="opacity:1;top:0px;height:auto;min-height:120px;";
24 |         document.body.addEventListener('click',this.judge)
25 |     }
26 | 
27 |     judge=(e)=>{
28 |         e=e||window.event;
29 |         let target=e.target||e.srcElement;
30 |         let dropDown=this.dropDown;
31 |         if(dropDown.style.opacity===0){return;}
32 |         let flag=utils.judgeDOM(target,this.dropDown);
33 |         if(!flag && dropDown){
34 |             dropDown.style.cssText="opacity:0;top:-10px;height:0";
35 |         }
36 |         document.body.removeEventListener('click',this.judge);
37 |     }
38 | 
39 |     themeList=(e)=>{//点击更换皮肤
40 |         e=e||window.event;
41 |         let target=e.target;
42 |         let color;
43 |         if(target.tagName.toLowerCase()==='li'){
44 |             color=target.getAttribute('data-theme');
45 |             window.less.modifyVars(
46 |                 {
47 |                     '@primary-color': color,
48 |                     // '@btn-primary-bg': '#cc753f',
49 |                 }
50 |             )
51 |             .then(() => {console.log('success')})
52 |             .catch(error => {
53 |                 console.log(error);
54 |             });
55 |         }
56 |         // ref={(e)=>this.dropDown=e}
57 |     }
58 |     handleLoginOut=()=>{
59 |         this.props.history.push('/login')
60 |     }
61 |     render() {
62 |         return (
63 |             <div className={'skin-wrap'}>
64 |                 <div className={'skin-root'} onClick={this.handleDropDown}>
65 |                     <Icon type={'user'}/>
66 |                     <span>Root User</span>
67 |                 </div>
68 |                 <ul className={'skin-dropDown'} ref={(e)=>this.dropDown=e}>
69 |                     <li>
70 |                         <ul className={'change-theme'} onClick={this.themeList}>
71 |                             {
72 |                                 this.state.theme_list.map((item,ind)=>{
73 |                                     return (
74 |                                         <li key={ind} data-theme={item} style={{background:`${item}`}}/>
75 |                                     )
76 |                                 })
77 |                             }
78 |                         </ul>
79 |                     </li>
80 |                     <li className={'sign-out'}>
81 |                         <span onClick={this.handleLoginOut}>Sign out</span>
82 |                     </li>
83 |                 </ul>
84 |             </div>
85 |         )
86 |     }
87 | }
88 | 
89 | export default withRouter(Skin)


--------------------------------------------------------------------------------
/src/components/Skin/Skin.less:
--------------------------------------------------------------------------------
 1 | @import '../../styles/theme/index.less';
 2 | 
 3 | 
 4 | .skin-wrap{
 5 |   position: absolute;
 6 |   right:0;
 7 |   top:0;
 8 |   box-shadow: 0 -5px 30px rgba(0,0,0,.2);
 9 |   height:100%;
10 |   width:120px;
11 |   box-sizing: border-box;
12 |   .skin-root{
13 |     color: #fff;
14 |     line-height: 70px;
15 |     text-align: center;
16 |     font-size:14px;
17 |     user-select: none;
18 |     &:hover{
19 |       cursor: pointer;
20 |     }
21 |     >i{
22 |       font-size:20px;
23 |     }
24 |     >span{
25 |       margin-left:5px;
26 |     }
27 |   }
28 | 
29 |   .skin-dropDown{
30 |     width:100%;
31 |     background:#fff;
32 |     opacity:0;
33 |     position: relative;
34 |     top:-10px;
35 |     height:0;
36 |     overflow: hidden;
37 |     transition: top 0.2s,opacity 0.2s;
38 |     box-shadow: 0 2px 40px rgba(0,0,0,.4);
39 | 
40 |     .change-theme{
41 |       display: flex;
42 |       padding:10px;
43 |       justify-content: space-between;
44 |       flex-wrap: wrap;
45 |       >li{
46 |         cursor: pointer;
47 |         width:20px;
48 |         height:20px;
49 |         background: #000;
50 |         margin:5px;
51 |       }
52 |     }
53 | 
54 |     .sign-out{
55 |       font-size:16px;
56 |       padding:10px;
57 |       text-align: center;
58 |       >span{
59 |         cursor: pointer;
60 |       }
61 |     }
62 | 
63 |   }
64 | }


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import "@babel/polyfill"
 2 | import 'es6-proxy-polyfill'//用来兼容mobx
 3 | import React from 'react';
 4 | import ReactDOM from 'react-dom';
 5 | import Routers from './router/router'
 6 | import { HashRouter as Router, } from 'react-router-dom'
 7 | import {Provider} from 'mobx-react'
 8 | 
 9 | 
10 | import './styles/common/common.less'
11 | 
12 | 
13 | if (module.hot) {
14 |     module.hot.accept()
15 | }
16 | 
17 | ReactDOM.render(
18 |     <Provider>
19 |         <Router>
20 |             <Routers/>
21 |         </Router>
22 |     </Provider>
23 |     ,document.getElementById('root'));


--------------------------------------------------------------------------------
/src/pages/A/A.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react'
 2 | 
 3 | class A extends Component {
 4 |     constructor(props) {
 5 |         super(props)
 6 |     }
 7 | 
 8 |     render() {
 9 |         return (
10 |             <div>
11 |                 aaa
12 |             </div>
13 |         )
14 |     }
15 | }
16 | 
17 | export default A


--------------------------------------------------------------------------------
/src/pages/B/B.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react'
 2 | 
 3 | import './Status.less'
 4 | 
 5 | class Status extends Component {
 6 |     constructor(props) {
 7 |         super(props)
 8 |     }
 9 | 
10 |     render() {
11 |         return (
12 |             <div>
13 |                 bbbb
14 |             </div>
15 |         )
16 |     }
17 | }
18 | 
19 | export default Status


--------------------------------------------------------------------------------
/src/pages/B/Status.less:
--------------------------------------------------------------------------------
1 | @import '../../styles/theme/index.less';
2 | 
3 | .asd{
4 |   background:#000
5 | }


--------------------------------------------------------------------------------
/src/pages/Main/Main.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react'
 2 | import {Col,Row} from 'antd'
 3 | import Aside from 'components/Aside/Aside'
 4 | import Header from 'components/Header/Header'
 5 | 
 6 | //less
 7 | import './Main.less'
 8 | 
 9 | class Main extends Component {
10 |     constructor(props) {
11 |         super(props)
12 |         this.state = {
13 |             loading_show:true
14 |         }
15 |     }
16 | 
17 |     render() {
18 |         return (
19 |             <div>
20 |                 <Header/>
21 |                 <Row>
22 |                     <Col xs={24} sm={24} md={6} lg={4} xl={4} xxl={4}>
23 |                         <Aside/>
24 |                     </Col>
25 |                     <Col xs={24} sm={24} md={18} lg={20} xl={20} xxl={20}>
26 |                         <div className="contentWrap">
27 |                             <div className={'content'}>
28 |                                 {this.props.children}
29 |                             </div>
30 |                         </div>
31 |                     </Col>
32 |                 </Row>
33 |             </div>
34 |         )
35 |     }
36 | }
37 | 
38 | export default Main


--------------------------------------------------------------------------------
/src/pages/Main/Main.less:
--------------------------------------------------------------------------------
 1 | 
 2 | .contentWrap{
 3 |   background: #eee;
 4 |   padding:20px;
 5 |   min-height: calc(100vh - 70px);
 6 | }
 7 | .content{
 8 |   background:#fff;
 9 |   border-radius:5px;
10 |   padding:15px;
11 | }


--------------------------------------------------------------------------------
/src/router/router.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import { Router,Route,Switch,Redirect } from 'react-router-dom'
 3 | import App from '../App'
 4 | import Main from '../pages/Main/Main'
 5 | import {A,B} from './router_lazyload'
 6 | 
 7 | 
 8 | class Routers extends Component {
 9 |     constructor(props) {
10 |         super(props);
11 |         this.state = {}
12 |     }
13 |     componentDidMount(){
14 | 
15 |     }
16 |     render() {
17 |         return (
18 |             <App>
19 |                 <Switch>
20 |                     <Route path="/" render={()=>
21 |                         <Main>
22 |                             <Switch>
23 |                                 <Route path="/a" component={A}/>
24 |                                 <Route path="/b" component={B}/>
25 |                                 <Redirect from="/" to="/a"/>
26 |                             </Switch>
27 |                         </Main>
28 |                     }/>
29 |                 </Switch>
30 |             </App>
31 |         );
32 |     }
33 | }
34 | 
35 | export default Routers;


--------------------------------------------------------------------------------
/src/router/router_lazyload.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Loadable from 'react-loadable';
 3 | 
 4 | const A = Loadable({
 5 |     loader: () => import('../pages/A/A'),
 6 |     loading:()=> <div>loading...</div>
 7 | });
 8 | const B = Loadable({
 9 |     loader: () => import('../pages/B/B'),
10 |     loading:()=> <div>loading...</div>
11 | });
12 | 
13 | 
14 | export {
15 |     A,B
16 | }


--------------------------------------------------------------------------------
/src/store/loading_store.js:
--------------------------------------------------------------------------------
 1 | import {observable,computed,action} from 'mobx'
 2 | 
 3 | 
 4 | class loading_store{
 5 |     @observable show=false
 6 | 
 7 |     @action ajaxStart(){
 8 |         this.show=true
 9 |     }
10 | 
11 |     @action ajaxEnd(wait=0){
12 |         setTimeout(()=>{
13 |             this.show=false
14 |         },wait)
15 |     }
16 | }
17 | 
18 | const loadingStore=new loading_store();
19 | 
20 | export default loadingStore


--------------------------------------------------------------------------------
/src/store/store.js:
--------------------------------------------------------------------------------
1 | import loadingStore from './loading_store'
2 | 
3 | export default {
4 |     loadingStore
5 | }


--------------------------------------------------------------------------------
/src/styles/common/common.less:
--------------------------------------------------------------------------------
 1 | @import './reset.less';
 2 | 
 3 | html,body{
 4 |   height: 100%;
 5 | }
 6 | 
 7 | ::selection{
 8 |   background: #1890ff!important;
 9 |   color:#fff!important;
10 | }


--------------------------------------------------------------------------------
/src/styles/common/reset.less:
--------------------------------------------------------------------------------
 1 | html {overflow-y:scroll;}
 2 | body {margin:0; padding:0; font:12px Arial,sans-serif;/*background:#ffffff;*/}
 3 | div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
 4 | table,td,tr,th{font-size:12px;}
 5 | ol,ul {list-style:none;}
 6 | li{list-style-type:none;}
 7 | img{vertical-align:top;border:0;}
 8 | h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
 9 | address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
10 | .hx a,.hx em,.fB{font-weight:bold;}
11 | .clearfix{*zoom:1;}
12 | .clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
13 | a {color:#252525; text-decoration:none;}
14 | a:visited {text-decoration:none;}
15 | a:hover {text-decoration:none;}
16 | 


--------------------------------------------------------------------------------
/src/styles/common/utils.less:
--------------------------------------------------------------------------------
 1 | .show{
 2 |   display: block!important;
 3 | }
 4 | .hide{
 5 |   display: none!important;
 6 | }
 7 | 
 8 | @keyframes bounce-up {
 9 |   25% {
10 |     transform: translateY(-3px);
11 |   }
12 |   50%, 100% {
13 |     transform: translateY(1px);
14 |   }
15 |   75% {
16 |     transform: translateY(-3px);
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/src/styles/theme/index.less:
--------------------------------------------------------------------------------
 1 | @import 'variables';
 2 | 
 3 | 
 4 | //自己定义的主题颜色
 5 | .primary-bg{//公用的背景颜色,主色为@primary-6
 6 |   background-color:@primary-color;
 7 | }
 8 | 
 9 | .major-fontColor{//主要的文字颜色：标题等
10 |   color:@primary-8;
11 | }
12 | 
13 | .minor-fontColor{//次要的文字颜色
14 |   color:@primary-color;
15 | }
16 | 
17 | .major-borderTop{//主要的上边框
18 |   border-top:1px solid @primary-color;
19 | }
20 | 
21 | .major-borderBottom{//主要的下边框
22 |   border-bottom:1px solid @primary-color;
23 | }
24 | 
25 | .minor-borderTop{//次要的上边框,透明度为主色的30%
26 |   border-top:1px solid @primary-3;
27 | }
28 | 
29 | .minor-borderBottom{//次要的下边框
30 |   border-bottom:1px solid @primary-3;
31 | }


--------------------------------------------------------------------------------
/src/styles/theme/variables.less:
--------------------------------------------------------------------------------
 1 | @import "~antd/lib/style/themes/default.less";
 2 | //这里是在没有设置window.less.modifyVars的时候显示的默认颜色
 3 | 
 4 | 
 5 | @primary-color: #6064f4;
 6 | //@text-color: #000000;
 7 | //@text-color-secondary: #eb2f96;
 8 | //@heading-color: #ccccdd;
 9 | //@layout-header-background: #b36e94;
10 | //@btn-primary-bg: #ccc849;
11 | //@bg-color: #dddddd;
12 | 
13 | 
14 | 
15 | 
16 | 
17 | //window.less.modifyVars(
18 | //  {
19 | //    '@primary-color': '#000',
20 | //    '@secondary-color': '#0000ff',
21 | //    '@text-color': '#000000',
22 | //    '@text-color-secondary': '#eb2f96',
23 | //    '@heading-color': '#fa8c16',
24 | //    '@layout-header-background': '#b36e94',
25 | //    '@btn-primary-bg': '#ccc'
26 | //  }
27 | //)
28 | //.then(() => {console.log('success')})
29 | //.catch(error => {
30 | //console.log('error');
31 | //});


--------------------------------------------------------------------------------
/src/utils/usePlugin/axios.js:
--------------------------------------------------------------------------------
  1 | import axios from 'axios'
  2 | import qs from 'qs'
  3 | import Store from 'store/store'
  4 | import {message} from 'antd'
  5 | import Utils from './utils'
  6 | 
  7 | 
  8 | message.config({
  9 |     top: '50%',//提示框据顶部距离
 10 |     duration: 2,//提示框持续时间 s
 11 | });
 12 | let CancelToken=axios.CancelToken;
 13 | let cancel=null;
 14 | 
 15 | 
 16 | class Ajax {
 17 |     request(param) {
 18 |         axios.defaults.headers.common={
 19 |             'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
 20 |             // 'Accept-Encoding': 'gzip, deflate'
 21 |         }
 22 |         const ajaxParam={
 23 |             url: param.url || '',//请求地址
 24 |             method: param.method || 'post',//请求方法
 25 |             data: qs.stringify({json: JSON.stringify(param.data)}) || '',//发送的数据
 26 |             timeout: param.timeout || 30000,//设置请求超时
 27 |             responseType:param.responseType || 'json',//响应的数据格式
 28 |             headers: param.headers || {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},//请求头
 29 |             loadingNeed: param.loadingNeed===undefined ? true : param.loadingNeed,//是否有动画
 30 |             loadingTimes: param.loadingTimes || 300,//设置loading动画持续时间，动画持续时间为请求时间加上设置的时间
 31 |             isHint : param.isHint || false,//是否显示提示框
 32 |             successHintVal:param.successHintVal || 'Success', //提示框内容
 33 |         }
 34 |         return new Promise((resolve, reject) => {
 35 |             let requestInterceptor = axios.interceptors.request.use((config)=>{//请求拦截器
 36 |                 // 在发送请求之前做些什么
 37 |                 // console.log(config);
 38 |                 ajaxParam.loadingNeed ? Store.loadingStore.ajaxStart() : ''; //开始loading动画
 39 | 
 40 |                 axios.interceptors.request.eject(requestInterceptor);//清除请求拦截器
 41 |                 return config;
 42 |             },function (err) {
 43 |                 // 对请求错误做些什么
 44 |                 return reject(err);
 45 |             });
 46 |             let responseInterceptor = axios.interceptors.response.use(function (response) {//响应拦截器
 47 |                 // 对响应数据做点什么
 48 |                 // console.log(response)
 49 | 
 50 |                 axios.interceptors.response.eject(responseInterceptor);//清除响应拦截器
 51 |                 return response;
 52 |             }, function (err) {
 53 |                 // 对响应错误做点什么
 54 |                 return reject(err);
 55 |             });
 56 | 
 57 |             axios.request({
 58 |                 url: ajaxParam.url,
 59 |                 method: ajaxParam.method,
 60 |                 data: ajaxParam.data,
 61 |                 timeout: ajaxParam.timeout,
 62 |                 responseType:ajaxParam.responseType,
 63 |                 headers: ajaxParam.headers,
 64 |                 cancelToken: new CancelToken(c => { //强行中断请求要用到的
 65 |                     cancel = c;
 66 |                 }),
 67 |                 // transformRequest:[function (data) {//在请求之前对数据进行处理
 68 |                 //     console.log(data)
 69 |                 //     return data;
 70 |                 // }],
 71 |                 // onUploadProgress: function (progressEvent) {// `onUploadProgress` 允许为上传处理进度事件
 72 |                 //     // 对原生进度事件的处理
 73 |                 // },
 74 |                 // onDownloadProgress: function (progressEvent) {// `onDownloadProgress` 允许为下载处理进度事件
 75 |                 //     // 对原生进度事件的处理
 76 |                 // },
 77 |             }).then((res) => {
 78 |                 Store.loadingStore.ajaxEnd(ajaxParam.loadingTimes);//停止loading动画
 79 | 
 80 |                 let data=this.changeData(res.data);//去除FormId
 81 |                 cancel=null;//请求成功将中断axios方法置空
 82 | 
 83 |                 ajaxParam.isHint ? message.success(ajaxParam.successHintVal) : '';
 84 | 
 85 |                 resolve({data:data,res:res})
 86 |             }).catch((err) => {
 87 |                 message.error('Error');
 88 |                 reject();
 89 | 
 90 |                 throw new Error(err);
 91 |             })
 92 |         })
 93 |     }
 94 | 
 95 |     ajax(param){
 96 |         this.request(param.data).then(param.success).catch(param.error)
 97 |     }
 98 | 
 99 |     changeData(res){//去除掉返回数据的formID
100 |         for(let i in res){
101 |             if(res.hasOwnProperty(i)){
102 |                 return res[i];
103 |             }
104 |         }
105 |     }
106 | 
107 |     //第一个参数是formId，第二个是数据，但三个是请求还是提交，请求0，提交1
108 |     userFormData(formId,data={"0000":{}},method=0){
109 |         if(!formId){throw new Error('没有传递formId！');}
110 | 
111 |         let obj={};
112 |         obj[formId]={};
113 | 
114 |         obj[formId]["method"]=method;
115 |         obj[formId]["data"]=data;
116 | 
117 |         console.log(JSON.stringify(obj));
118 |         return obj;
119 |     }
120 | 
121 |     cancelAjax(str=""){//中断axios请求
122 |         if(cancel){
123 |             cancel(str)
124 |         }
125 |     }
126 | }
127 | 
128 | const Axios=new Ajax();
129 | 
130 | export default Axios;


--------------------------------------------------------------------------------
/src/utils/usePlugin/utils.js:
--------------------------------------------------------------------------------
 1 | 
 2 | class Utils{
 3 |     judgeDOM(dom,parent){//判断某元素是不是另外一个元素的子元素
 4 |         while (dom != undefined && dom != null && dom.tagName.toUpperCase() != 'BODY'){
 5 |             if (dom == parent){
 6 |                 return true;
 7 |             }
 8 |             dom = dom.parentNode;
 9 |         }
10 |         return false;
11 |     }
12 |     IsRealUrl(mockUrl='',realUrl='',flag=true){//判断是否真实的接口
13 |         return flag ? mockUrl : realUrl
14 |     }
15 |     Typeof(res){ // 判断数据类型
16 |         return toString.call(res).split(' ')[1].split(']')[0]
17 |     }
18 |     changeTableData(data,res){ //修改数据，往数据里添加需要的键，主要在表格上使用,res是需要添加的键,字符串类型
19 |         let num=0;
20 |         let arr=[];
21 |         let datas=JSON.parse(JSON.stringify(data));
22 | 
23 |         for(let i in datas){
24 |             num++;
25 |             datas[i][res]=num;
26 |             arr.push(datas[i])
27 |         }
28 |         return arr;
29 |     }
30 |     genSrcIdxKey(idx){
31 |         let decStr='',sixStr='';
32 | 
33 |         if(parseInt(idx) < 16){
34 |             decStr = '0';
35 |         }
36 |         decStr += idx.toString(16);//toString把一个逻辑值转换为字符串
37 |         if(arguments.length>1){
38 |             if((parseInt(arguments[1])+1) < 16){
39 |                 sixStr = '0';
40 |             }
41 |             sixStr += (parseInt(arguments[1])+1).toString(16);
42 |         }else{
43 |             sixStr='00';
44 |         }
45 |         return ((sixStr.concat(decStr)).toString(16));//concat连接2个或多个数组
46 |     }
47 | 
48 | 
49 | }
50 | 
51 | let utils=new Utils();
52 | 
53 | export default utils;


--------------------------------------------------------------------------------
/webpack.config.common.js:
--------------------------------------------------------------------------------
  1 | const path = require('path');
  2 | const webpack = require('webpack');
  3 | const HTMLWebpackPlugin = require('html-webpack-plugin');
  4 | const MiniCssExtractPlugin=require('mini-css-extract-plugin');
  5 | const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
  6 | const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
  7 | const HappyPack = require('happypack');
  8 | const AntDesignThemePlugin = require('antd-theme-webpack-plugin');//文档:http://npm.taobao.org/package/antd-theme-webpack-plugin
  9 | const NODE_ENV=process.env.NODE_ENV;//区分环境
 10 | console.log("--------"+NODE_ENV+"-----------");
 11 | 
 12 | const options = {//注意，
 13 |     antDir: path.join(__dirname, './node_modules/antd'),
 14 |     stylesDir: path.join(__dirname, './src/styles/theme'),//指定皮肤文件夹
 15 |     varFile: path.join(__dirname, './src/styles/theme/variables.less'),//自己设置默认的主题色
 16 |     indexFileName: './public/index.html',
 17 |     mainLessFile: path.join(__dirname, './src/styles/theme/index.less'),
 18 |     themeVariables: [//要改变的主题变量
 19 |         '@primary-color',
 20 |         // '@text-color',
 21 |         // '@text-color-secondary',
 22 |         // '@heading-color',
 23 |         // '@layout-body-background',
 24 |         // '@btn-primary-bg',
 25 |         // '@layout-header-background'
 26 |     ],
 27 |     generateOnce:false
 28 | }
 29 | 
 30 | module.exports={
 31 |     entry:['./src/index.js'],
 32 |     output:{
 33 |         filename:'static/js/[name].bundle.js',
 34 |         path:path.resolve(__dirname,'dist')
 35 |     },
 36 |     resolve:{
 37 |         modules:[path.resolve(__dirname, "src"), "node_modules"],
 38 |         alias:{//别名
 39 |             '@':path.resolve(__dirname, 'src'),
 40 |             'components':path.resolve(__dirname,'./src/components'),
 41 |             'pages':path.resolve(__dirname,'src/pages'),
 42 |             'static':path.resolve(__dirname,'src/static'),
 43 |             'router':path.resolve(__dirname,'src/router'),
 44 |             'styles':path.resolve(__dirname,'src/styles'),
 45 |             'utils':path.resolve(__dirname,'src/utils'),
 46 |             'store':path.resolve(__dirname,'src/store'),
 47 |         },
 48 |         //mainFields:['style','main'],//在node_module下先查找style，再查找main
 49 |         extensions:['.js','.css','.less'],//import时，不写后缀的时候按顺序查找文件
 50 |     },
 51 |     optimization:{
 52 |         minimizer:[
 53 |             new UglifyJsPlugin({//压缩js
 54 |                 extractComments: false, // 是否将注释单独提出来一个文件
 55 |                 cache:true,
 56 |                 parallel:true,// 开启并行压缩，充分利用cpu
 57 |                 sourceMap: NODE_ENV === "development",
 58 |             }),
 59 |             new OptimizeCSSAssetsPlugin()//压缩css
 60 |         ],
 61 |         concatenateModules: true,
 62 |         splitChunks:{
 63 |             cacheGroups:{
 64 |                 vendors:{//node_modules里的代码
 65 |                     test:/[\\/]node_modules[\\/]/,
 66 |                     chunks: "initial",
 67 |                     name:'vendors',
 68 |                     priority:10,
 69 |                     enforce:true //强制生成
 70 |                 },
 71 |             }
 72 |         }
 73 |     },
 74 |     module:{
 75 |         rules:[
 76 |             {
 77 |                 test:/\.(js|jsx)$/,
 78 |                 exclude: '/node_modules/',
 79 |                 include:path.resolve(__dirname,'src'),
 80 |                 use:'HappyPack/loader?id=js',
 81 |             },
 82 |             {
 83 |                 test:/\.css$/,
 84 |                 use:'HappyPack/loader?id=css',
 85 |             },
 86 |             {
 87 |                 test:/\.less$/,
 88 |                 use:[
 89 |                     {
 90 |                         loader:NODE_ENV==="production" ? MiniCssExtractPlugin.loader : "style-loader",//开发环境下使用style-loader（不然不会热更新），生产环境下使用MiniCssExtractPlugin.loader
 91 |                         options:NODE_ENV==="production" ? {publicPath:'../../'} : {}
 92 |                     },
 93 |                     "css-loader",
 94 |                     {
 95 |                         loader:'postcss-loader',
 96 |                         options:{
 97 |                             plugins:[
 98 |                                 require('autoprefixer')({
 99 |                                     browsers:['last 2 versions','>5%']//'last 5 versions','>0.01%'
100 |                                 })
101 |                             ]
102 |                         }
103 |                     },
104 |                     {
105 |                         loader:'less-loader',
106 |                         options:{
107 |                             javascriptEnabled: true,
108 |                             modifyVars:{
109 |                                 "@icon-url":'"~antd-iconfont/iconfont"'
110 |                             }
111 |                         }
112 |                     }
113 |                 ]
114 |             },
115 |             {
116 |                 test:/\.(jpg|jpeg|png|gif|svg)$/,
117 |                 use:{
118 |                     loader:'url-loader',
119 |                     options:{
120 |                         name:'[name].[ext]',
121 |                         limit:3*1024,//小于3kb使用base64编码
122 |                         outputPath:'static/img/',
123 |                         // publicPath:'../img/'
124 |                     }
125 |                 }
126 |             },
127 |             {
128 |                 test:/\.(eot|svg|ttf|woff|woff2)$/,
129 |                 use:[{
130 |                     loader:'file-loader',
131 |                     options:{
132 |                         name:'[name].[ext]',
133 |                         // limit:8192,
134 |                         outputPath:'static/font/'
135 |                     }
136 |                 }]
137 |             }
138 |         ]
139 |     },
140 |     plugins: [
141 |         new HTMLWebpackPlugin({
142 |             template:'./public/index.html',//模板
143 |             filename:'index.html',//生成的html文件的名字
144 |             minify:{//生产期间使用，直接设置为true，开发时设置为false
145 |                 // removeAttributeQuotes:true,//删除双引号
146 |                 removeComments:true,//删除注释
147 |                 collapseWhitespace:false,//压缩代码
148 |                 removeStyleLinkTypeAttributes:false,
149 |                 removeScriptTypeAttributes:false
150 |             }
151 |         }),
152 |         new webpack.DllReferencePlugin({
153 |             manifest: path.resolve(__dirname, 'dist/dll', 'vendor.mainfist.json')
154 |         }),
155 |         new HappyPack({
156 |             id:'js',
157 |             use:[
158 |                 {
159 |                     loader:'babel-loader',
160 |                     options:{
161 |                         presets:[
162 |                             [
163 |                                 '@babel/preset-env',
164 |                             ],
165 |                             '@babel/preset-react'
166 |                         ],
167 |                         plugins:[
168 |                             "@babel/plugin-transform-runtime",
169 |                             ["@babel/plugin-proposal-decorators", { "legacy": true }],//启用装饰器语法
170 |                             ["@babel/plugin-proposal-class-properties", { "loose": true }],//使用箭头函数绑定事件
171 |                             'babel-plugin-syntax-dynamic-import',
172 |                             ['import',{
173 |                                 libraryName:'antd',
174 |                                 libraryDirectory: 'es',
175 |                                 style:true
176 |                             }]
177 |                         ],
178 |                         cacheDirectory: true
179 |                     }
180 |                 }
181 |             ]
182 |         }),
183 |         new HappyPack({
184 |             id:'css',
185 |             use:[
186 |                 {
187 |                     loader:NODE_ENV==="production" ? MiniCssExtractPlugin.loader : "style-loader",//开发环境下使用style-loader（不然不会热更新），生产环境下使用MiniCssExtractPlugin.loader
188 |                     options:NODE_ENV==="production" ? {publicPath:'../'} : {}
189 |                 },
190 |                 "css-loader",
191 |                 {
192 |                     loader:'postcss-loader',
193 |                     options:{
194 |                         plugins:[
195 |                             require('autoprefixer')({
196 |                                 browsers:['last 5 versions','>0.01%']
197 |                             })
198 |                         ]
199 |                     }
200 |                 }
201 |             ]
202 |         }),
203 |         new AntDesignThemePlugin(options)
204 |     ]
205 | }


--------------------------------------------------------------------------------
/webpack.config.dev.js:
--------------------------------------------------------------------------------
 1 | const path=require('path');
 2 | const webpack=require('webpack');
 3 | const merge=require('webpack-merge');
 4 | const common=require('./webpack.config.common.js');
 5 | 
 6 | module.exports=merge(common,{
 7 |     mode:'development',
 8 |     devtool:'cheap-module-eval-source-map',
 9 |     module:{
10 |         rules:[
11 | 
12 |         ]
13 |     },
14 |     devServer: {
15 |         contentBase: path.join(__dirname, "dist"),
16 |         compress: true,//开启gzip压缩
17 |         port: 8080,
18 |         open:true,
19 |         //progress:true,//显示进度条
20 |         hot:true,
21 |         overlay:true,//错误显示在浏览器上
22 |         //historyApiFallback:true//当访问的路径为404的时候跳转
23 |     },
24 |     plugins:[
25 |         new webpack.HotModuleReplacementPlugin(),
26 |     ]
27 | })


--------------------------------------------------------------------------------
/webpack.config.dll.js:
--------------------------------------------------------------------------------
 1 | const path=require('path')
 2 | const webpack =require('webpack')
 3 | const CleanWebpackPlugin  = require('clean-webpack-plugin');
 4 | 
 5 | //只需要使用yarn run dll一次就行
 6 | module.exports={
 7 |     mode:'production',
 8 |     entry:{
 9 |         vendor:[//'@ant-design/icons/lib/dist.js'
10 |             '@babel/polyfill',
11 |             'react',
12 |             'react-dom',
13 |             'react-router-dom',
14 |             'mobx',
15 |             'mobx-react'
16 |         ],
17 |     },
18 |     output:{
19 |         filename:'dll/_dll_[name].js',
20 |         path:path.resolve(__dirname,'dist'),
21 |         library:'_dll_[name]'
22 |     },
23 |     plugins:[
24 |         new webpack.DllPlugin({
25 |             name:'_dll_[name]',
26 |             path:path.resolve(__dirname,'dist/dll','[name].mainfist.json')
27 |         }),
28 |         new CleanWebpackPlugin(['./dist/dll']),//删除dll目录下的文件
29 |     ]
30 | }


--------------------------------------------------------------------------------
/webpack.config.prod.js:
--------------------------------------------------------------------------------
 1 | 
 2 | const merge = require('webpack-merge');
 3 | const path = require('path');
 4 | const webpack = require('webpack');
 5 | const common = require('./webpack.config.common.js');
 6 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 7 | const CopyWebpackPlugin = require('copy-webpack-plugin');
 8 | const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 9 | 
10 | const CleanWebpackPlugin = require('clean-webpack-plugin');
11 | 
12 | module.exports = merge(common, {
13 |     mode: 'production',
14 | 
15 |     module: {
16 |         rules: [
17 | 
18 |         ]
19 |     },
20 |     plugins: [
21 |         new MiniCssExtractPlugin({//提取css
22 |             filename: 'static/css/[name].css'
23 |         }),
24 |         new CopyWebpackPlugin([{
25 |             from: path.resolve(__dirname, './public'), //定义要拷贝的源目录，必填项
26 |             //to: path.resolve(__dirname, './dist/'), //定义要拷贝到的目标目录，非必填，不填写则拷贝到打包的output输出地址中
27 |         }]),
28 |         new CleanWebpackPlugin(['./static/']),//先删除dist/static目录下的文件,对我们来说只有这个目录和index.html改变的
29 |         new BundleAnalyzerPlugin({ analyzerPort: 8090 }),
30 |     ]
31 | })


--------------------------------------------------------------------------------