html, body, #root { height: 100%; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ /* stylelint-disable-line */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ /* stylelint-disable-line */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } @font-face { font-family: "Helvetica Neue For Number"; src: local("Helvetica Neue"); unicode-range: U+30-39; } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { width: 100%; height: 100%; } body { font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5; color: rgba(0, 0, 0, 0.65); background-color: #fff; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; } input[type="text"], textarea { -webkit-appearance: none; } ul, ol { list-style: none; } input::-ms-clear, input::-ms-reveal { display: none; } ::-moz-selection { background: #108ee9; color: #fff; } ::selection { background: #108ee9; color: #fff; } h1, h2, h3, h4, h5, h6 { color: rgba(0, 0, 0, 0.85); font-weight: 500; } a { color: #108ee9; background: transparent; text-decoration: none; outline: none; cursor: pointer; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } a:focus { text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip: ink; } a:hover { color: #49a9ee; } a:active { color: #0e77ca; } a:active, a:hover { outline: 0; text-decoration: none; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; pointer-events: none; } .ant-divider { margin: 0 6px; display: inline-block; height: 8px; width: 1px; background: #ccc; } code, kbd, pre, samp { font-family: Consolas, Menlo, Courier, monospace; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; visibility: hidden; font-size: 0; height: 0; } @font-face { font-family: 'anticon'; src: url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot'); /* IE9*/ src: url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot?#iefix') format('embedded-opentype'), /* chrome、firefox */ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.svg#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-right-circle:before { content: "\E608"; } .anticon-circle-right:before { content: "\E608"; } .anticon-caret-circle-right:before { content: "\E608"; } .anticon-left-circle:before { content: "\E609"; } .anticon-circle-left:before { content: "\E609"; } .anticon-caret-circle-left:before { content: "\E609"; } .anticon-up-circle:before { content: "\E60A"; } .anticon-circle-up:before { content: "\E60A"; } .anticon-caret-circle-up:before { content: "\E60A"; } .anticon-down-circle:before { content: "\E60B"; } .anticon-circle-down:before { content: "\E60B"; } .anticon-caret-circle-down:before { content: "\E60B"; } .anticon-right-circle-o:before { content: "\E60C"; } .anticon-circle-o-right:before { content: "\E60C"; } .anticon-caret-circle-o-right:before { content: "\E60C"; } .anticon-left-circle-o:before { content: "\E60D"; } .anticon-circle-o-left:before { content: "\E60D"; } .anticon-caret-circle-o-left:before { content: "\E60D"; } .anticon-up-circle-o:before { content: "\E60E"; } .anticon-circle-o-up:before { content: "\E60E"; } .anticon-caret-circle-o-up:before { content: "\E60E"; } .anticon-down-circle-o:before { content: "\E60F"; } .anticon-circle-o-down:before { content: "\E60F"; } .anticon-caret-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-arrows-alt:before { content: "\E615"; } .anticon-arrow-salt: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 { content: "\E62E"; } .anticon-cross-circle:before { content: "\E62E"; } .anticon-close-circle-o:before { content: "\E62F"; } .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 { content: "\E633"; } .anticon-cross:before { content: "\E633"; } .anticon-customer-service:before { content: "\E634"; } .anticon-customerservice:before { content: "\E634"; } .anticon-credit-card:before { content: "\E635"; } .anticon-code-o:before { content: "\E636"; } .anticon-book:before { content: "\E637"; } .anticon-bar-chart:before { content: "\E638"; } .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:before { content: "\E646"; } .anticon-frown-circle:before { content: "\E646"; } .anticon-ellipsis:before { content: "\E647"; } .anticon-copy:before { content: "\E648"; } .anticon-menu-fold:before { content: "\E658"; } .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:before { content: "\E666"; } .anticon-meh-circle: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: "\E679"; } .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-circle-down-o:before { content: "\E693"; } .anticon-circle-down-:before { content: "\E694"; } .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:before { content: "\E6A7"; } .anticon-smile-circle: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-spin:before { display: inline-block; -webkit-animation: loadingCircle 1s infinite linear; animation: loadingCircle 1s infinite linear; } .fade-enter, .fade-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .fade-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .fade-enter.fade-enter-active, .fade-appear.fade-appear-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-enter, .fade-appear { opacity: 0; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .fade-leave { -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .move-up-enter, .move-up-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-up-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-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-enter, .move-up-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-up-leave { -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-down-enter, .move-down-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-down-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-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-enter, .move-down-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-down-leave { -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-left-enter, .move-left-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-left-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-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-enter, .move-left-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-left-leave { -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-right-enter, .move-right-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-right-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-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-enter, .move-right-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-right-leave { -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @-webkit-keyframes antMoveDownIn { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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%); } 100% { 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%); } 100% { 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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -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; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } } @-webkit-keyframes loadingCircle { 0% { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loadingCircle { 0% { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .slide-up-enter, .slide-up-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-up-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-up-enter.slide-up-enter-active, .slide-up-appear.slide-up-appear-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-enter, .slide-up-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-up-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-down-enter, .slide-down-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-down-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-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-enter, .slide-down-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-down-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-left-enter, .slide-left-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-left-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-left-enter.slide-left-enter-active, .slide-left-appear.slide-left-appear-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-enter, .slide-left-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-left-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-right-enter, .slide-right-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-right-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-right-enter.slide-right-enter-active, .slide-right-appear.slide-right-appear-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-enter, .slide-right-appear { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-right-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes antSlideUpIn { 0% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } 100% { 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(0.8); transform: scaleY(0.8); } 100% { 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); } 100% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } @keyframes antSlideUpOut { 0% { opacity: 1; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(1); transform: scaleY(1); } 100% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } @-webkit-keyframes antSlideDownIn { 0% { opacity: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } 100% { 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(0.8); transform: scaleY(0.8); } 100% { 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); } 100% { opacity: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } @keyframes antSlideDownOut { 0% { opacity: 1; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaleY(1); transform: scaleY(1); } 100% { opacity: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } @-webkit-keyframes antSlideLeftIn { 0% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleX(0.8); transform: scaleX(0.8); } 100% { 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(0.8); transform: scaleX(0.8); } 100% { 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); } 100% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleX(0.8); transform: scaleX(0.8); } } @keyframes antSlideLeftOut { 0% { opacity: 1; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleX(0.8); transform: scaleX(0.8); } } @-webkit-keyframes antSlideRightIn { 0% { opacity: 0; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scaleX(0.8); transform: scaleX(0.8); } 100% { 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(0.8); transform: scaleX(0.8); } 100% { 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); } 100% { opacity: 0; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scaleX(0.8); transform: scaleX(0.8); } } @keyframes antSlideRightOut { 0% { opacity: 1; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { opacity: 0; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scaleX(0.8); transform: scaleX(0.8); } } .swing-enter, .swing-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .swing-enter.swing-enter-active, .swing-appear.swing-appear-active { -webkit-animation-name: antSwingIn; animation-name: antSwingIn; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes antSwingIn { 0%, 100% { -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%, 100% { -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-enter, .zoom-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-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-enter, .zoom-appear { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-enter, .zoom-big-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-big-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-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-enter, .zoom-big-appear { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-fast-enter, .zoom-big-fast-appear { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-big-fast-leave { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-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-enter, .zoom-big-fast-appear { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-fast-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-up-enter, .zoom-up-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-up-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-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-enter, .zoom-up-appear { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-up-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-down-enter, .zoom-down-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-down-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-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-enter, .zoom-down-appear { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-left-enter, .zoom-left-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-left-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-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-enter, .zoom-left-appear { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-left-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-right-enter, .zoom-right-appear { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-right-leave { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-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-enter, .zoom-right-appear { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-right-leave { -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @-webkit-keyframes antZoomIn { 0% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes antZoomIn { 0% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } } @keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } } @-webkit-keyframes antZoomBigIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes antZoomBigIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes antZoomUpIn { 0% { opacity: 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -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(0.8); transform: scale(0.8); } 100% { -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); } 100% { opacity: 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes antZoomUpOut { 0% { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes antZoomLeftIn { 0% { opacity: 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -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(0.8); transform: scale(0.8); } 100% { -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); } 100% { opacity: 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes antZoomLeftOut { 0% { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes antZoomRightIn { 0% { opacity: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -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(0.8); transform: scale(0.8); } 100% { -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); } 100% { opacity: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes antZoomRightOut { 0% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes antZoomDownIn { 0% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -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(0.8); transform: scale(0.8); } 100% { -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); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes antZoomDownOut { 0% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0.8); transform: scale(0.8); } } .ant-motion-collapse { overflow: hidden; } .ant-motion-collapse-active { -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; -o-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ .ant-btn { display: inline-block; margin-bottom: 0; font-weight: 500; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; line-height: 1.15; padding: 0 15px; font-size: 12px; border-radius: 4px; height: 28px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; color: rgba(0, 0, 0, 0.65); background-color: #fff; border-color: #d9d9d9; } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0; -webkit-transition: none; -o-transition: none; transition: none; } .ant-btn.disabled, .ant-btn[disabled] { cursor: not-allowed; } .ant-btn.disabled > *, .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { padding: 0 15px; font-size: 14px; border-radius: 4px; height: 32px; } .ant-btn-sm { padding: 0 7px; font-size: 12px; border-radius: 4px; height: 22px; } .ant-btn > a:only-child { color: currentColor; } .ant-btn > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn:hover, .ant-btn:focus { color: #108ee9; background-color: #fff; border-color: #108ee9; } .ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child { color: currentColor; } .ant-btn:hover > a:only-child:after, .ant-btn:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn:active, .ant-btn.active { color: #0e77ca; background-color: #fff; border-color: #0e77ca; } .ant-btn:active > a:only-child, .ant-btn.active > a:only-child { color: currentColor; } .ant-btn:active > a:only-child:after, .ant-btn.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn.disabled, .ant-btn[disabled], .ant-btn.disabled:hover, .ant-btn[disabled]:hover, .ant-btn.disabled:focus, .ant-btn[disabled]:focus, .ant-btn.disabled:active, .ant-btn[disabled]:active, .ant-btn.disabled.active, .ant-btn[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f7f7f7; border-color: #d9d9d9; } .ant-btn.disabled > a:only-child, .ant-btn[disabled] > a:only-child, .ant-btn.disabled:hover > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn.disabled:focus > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn.disabled:active > a:only-child, .ant-btn[disabled]:active > a:only-child, .ant-btn.disabled.active > a:only-child, .ant-btn[disabled].active > a:only-child { color: currentColor; } .ant-btn.disabled > a:only-child:after, .ant-btn[disabled] > a:only-child:after, .ant-btn.disabled:hover > a:only-child:after, .ant-btn[disabled]:hover > a:only-child:after, .ant-btn.disabled:focus > a:only-child:after, .ant-btn[disabled]:focus > a:only-child:after, .ant-btn.disabled:active > a:only-child:after, .ant-btn[disabled]:active > a:only-child:after, .ant-btn.disabled.active > a:only-child:after, .ant-btn[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn.active { background: #fff; } .ant-btn > i, .ant-btn > span { pointer-events: none; } .ant-btn-primary { color: #fff; background-color: #108ee9; border-color: #108ee9; } .ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-primary > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #fff; background-color: #49a9ee; border-color: #49a9ee; } .ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child { color: currentColor; } .ant-btn-primary:hover > a:only-child:after, .ant-btn-primary:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-primary:active, .ant-btn-primary.active { color: #fff; background-color: #0e77ca; border-color: #0e77ca; } .ant-btn-primary:active > a:only-child, .ant-btn-primary.active > a:only-child { color: currentColor; } .ant-btn-primary:active > a:only-child:after, .ant-btn-primary.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-primary.disabled, .ant-btn-primary[disabled], .ant-btn-primary.disabled:hover, .ant-btn-primary[disabled]:hover, .ant-btn-primary.disabled:focus, .ant-btn-primary[disabled]:focus, .ant-btn-primary.disabled:active, .ant-btn-primary[disabled]:active, .ant-btn-primary.disabled.active, .ant-btn-primary[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f7f7f7; border-color: #d9d9d9; } .ant-btn-primary.disabled > a:only-child, .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary.disabled:hover > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary.disabled:focus > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary.disabled:active > a:only-child, .ant-btn-primary[disabled]:active > a:only-child, .ant-btn-primary.disabled.active > a:only-child, .ant-btn-primary[disabled].active > a:only-child { color: currentColor; } .ant-btn-primary.disabled > a:only-child:after, .ant-btn-primary[disabled] > a:only-child:after, .ant-btn-primary.disabled:hover > a:only-child:after, .ant-btn-primary[disabled]:hover > a:only-child:after, .ant-btn-primary.disabled:focus > a:only-child:after, .ant-btn-primary[disabled]:focus > a:only-child:after, .ant-btn-primary.disabled:active > a:only-child:after, .ant-btn-primary[disabled]:active > a:only-child:after, .ant-btn-primary.disabled.active > a:only-child:after, .ant-btn-primary[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #0e77ca; border-left-color: #0e77ca; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #0e77ca; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: #0e77ca; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-left-color: #d9d9d9; } .ant-btn-ghost { color: rgba(0, 0, 0, 0.65); background-color: transparent; border-color: #d9d9d9; } .ant-btn-ghost > a:only-child { color: currentColor; } .ant-btn-ghost > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: #108ee9; background-color: transparent; border-color: #108ee9; } .ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child { color: currentColor; } .ant-btn-ghost:hover > a:only-child:after, .ant-btn-ghost:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-ghost:active, .ant-btn-ghost.active { color: #0e77ca; background-color: transparent; border-color: #0e77ca; } .ant-btn-ghost:active > a:only-child, .ant-btn-ghost.active > a:only-child { color: currentColor; } .ant-btn-ghost:active > a:only-child:after, .ant-btn-ghost.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-ghost.disabled, .ant-btn-ghost[disabled], .ant-btn-ghost.disabled:hover, .ant-btn-ghost[disabled]:hover, .ant-btn-ghost.disabled:focus, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost.disabled:active, .ant-btn-ghost[disabled]:active, .ant-btn-ghost.disabled.active, .ant-btn-ghost[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f7f7f7; border-color: #d9d9d9; } .ant-btn-ghost.disabled > a:only-child, .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost.disabled:hover > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost.disabled:focus > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost.disabled:active > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child, .ant-btn-ghost.disabled.active > a:only-child, .ant-btn-ghost[disabled].active > a:only-child { color: currentColor; } .ant-btn-ghost.disabled > a:only-child:after, .ant-btn-ghost[disabled] > a:only-child:after, .ant-btn-ghost.disabled:hover > a:only-child:after, .ant-btn-ghost[disabled]:hover > a:only-child:after, .ant-btn-ghost.disabled:focus > a:only-child:after, .ant-btn-ghost[disabled]:focus > a:only-child:after, .ant-btn-ghost.disabled:active > a:only-child:after, .ant-btn-ghost[disabled]:active > a:only-child:after, .ant-btn-ghost.disabled.active > a:only-child:after, .ant-btn-ghost[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-dashed { color: rgba(0, 0, 0, 0.65); background-color: #fff; border-color: #d9d9d9; border-style: dashed; } .ant-btn-dashed > a:only-child { color: currentColor; } .ant-btn-dashed > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: #108ee9; background-color: #fff; border-color: #108ee9; } .ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child { color: currentColor; } .ant-btn-dashed:hover > a:only-child:after, .ant-btn-dashed:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-dashed:active, .ant-btn-dashed.active { color: #0e77ca; background-color: #fff; border-color: #0e77ca; } .ant-btn-dashed:active > a:only-child, .ant-btn-dashed.active > a:only-child { color: currentColor; } .ant-btn-dashed:active > a:only-child:after, .ant-btn-dashed.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-dashed.disabled, .ant-btn-dashed[disabled], .ant-btn-dashed.disabled:hover, .ant-btn-dashed[disabled]:hover, .ant-btn-dashed.disabled:focus, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed.disabled:active, .ant-btn-dashed[disabled]:active, .ant-btn-dashed.disabled.active, .ant-btn-dashed[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f7f7f7; border-color: #d9d9d9; } .ant-btn-dashed.disabled > a:only-child, .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed.disabled:hover > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed.disabled:focus > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed.disabled:active > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child, .ant-btn-dashed.disabled.active > a:only-child, .ant-btn-dashed[disabled].active > a:only-child { color: currentColor; } .ant-btn-dashed.disabled > a:only-child:after, .ant-btn-dashed[disabled] > a:only-child:after, .ant-btn-dashed.disabled:hover > a:only-child:after, .ant-btn-dashed[disabled]:hover > a:only-child:after, .ant-btn-dashed.disabled:focus > a:only-child:after, .ant-btn-dashed[disabled]:focus > a:only-child:after, .ant-btn-dashed.disabled:active > a:only-child:after, .ant-btn-dashed[disabled]:active > a:only-child:after, .ant-btn-dashed.disabled.active > a:only-child:after, .ant-btn-dashed[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-danger { color: #f04134; background-color: #f7f7f7; border-color: #d9d9d9; } .ant-btn-danger > a:only-child { color: currentColor; } .ant-btn-danger > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: #fff; background-color: #f04134; border-color: #f04134; } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentColor; } .ant-btn-danger:hover > a:only-child:after, .ant-btn-danger:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-danger:active, .ant-btn-danger.active { color: #fff; background-color: #d73435; border-color: #d73435; } .ant-btn-danger:active > a:only-child, .ant-btn-danger.active > a:only-child { color: currentColor; } .ant-btn-danger:active > a:only-child:after, .ant-btn-danger.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-danger.disabled, .ant-btn-danger[disabled], .ant-btn-danger.disabled:hover, .ant-btn-danger[disabled]:hover, .ant-btn-danger.disabled:focus, .ant-btn-danger[disabled]:focus, .ant-btn-danger.disabled:active, .ant-btn-danger[disabled]:active, .ant-btn-danger.disabled.active, .ant-btn-danger[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f7f7f7; border-color: #d9d9d9; } .ant-btn-danger.disabled > a:only-child, .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger.disabled:hover > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger.disabled:focus > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger.disabled:active > a:only-child, .ant-btn-danger[disabled]:active > a:only-child, .ant-btn-danger.disabled.active > a:only-child, .ant-btn-danger[disabled].active > a:only-child { color: currentColor; } .ant-btn-danger.disabled > a:only-child:after, .ant-btn-danger[disabled] > a:only-child:after, .ant-btn-danger.disabled:hover > a:only-child:after, .ant-btn-danger[disabled]:hover > a:only-child:after, .ant-btn-danger.disabled:focus > a:only-child:after, .ant-btn-danger[disabled]:focus > a:only-child:after, .ant-btn-danger.disabled:active > a:only-child:after, .ant-btn-danger[disabled]:active > a:only-child:after, .ant-btn-danger.disabled.active > a:only-child:after, .ant-btn-danger[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-circle, .ant-btn-circle-outline { width: 28px; padding: 0; font-size: 14px; border-radius: 50%; height: 28px; } .ant-btn-circle.ant-btn-lg, .ant-btn-circle-outline.ant-btn-lg { width: 32px; padding: 0; font-size: 16px; border-radius: 50%; height: 32px; } .ant-btn-circle.ant-btn-sm, .ant-btn-circle-outline.ant-btn-sm { width: 22px; padding: 0; font-size: 12px; border-radius: 50%; height: 22px; } .ant-btn:before { position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; background: #fff; opacity: 0.35; content: ''; border-radius: inherit; z-index: 1; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none; display: none; } .ant-btn .anticon { -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn.ant-btn-loading:before { display: block; } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) { padding-left: 29px; pointer-events: none; position: relative; } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon { margin-left: -14px; } .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) { padding-left: 24px; } .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon { margin-left: -17px; } .ant-btn-group { position: relative; display: inline-block; } .ant-btn-group > .ant-btn { position: relative; z-index: 1; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > .ant-btn.active { z-index: 2; } .ant-btn-group > .ant-btn:disabled { z-index: 0; } .ant-btn-group-lg > .ant-btn { padding: 0 15px; font-size: 14px; border-radius: 4px; height: 32px; } .ant-btn-group-sm > .ant-btn { padding: 0 7px; font-size: 12px; border-radius: 4px; height: 22px; } .ant-btn-group-sm > .ant-btn > .anticon { font-size: 12px; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn:not(:first-child):not(:last-child) { border-radius: 0; padding-left: 8px; padding-right: 8px; } .ant-btn-group > .ant-btn:first-child { margin-left: 0; } .ant-btn-group > .ant-btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; padding-right: 8px; } .ant-btn-group > .ant-btn:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; padding-left: 8px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; padding-right: 8px; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; padding-left: 8px; } .ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only { padding-left: 8px; padding-right: 8px; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 0.5em; } .ant-btn-clicked:after { content: ''; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: inherit; border: 0 solid #108ee9; opacity: 0.4; -webkit-animation: buttonEffect .4s; animation: buttonEffect .4s; display: block; } .ant-btn-danger.ant-btn-clicked:after { border-color: #f04134; } .ant-btn-background-ghost { background: transparent !important; border-color: #fff; color: #fff; } .ant-btn-background-ghost.ant-btn-primary { color: #108ee9; background-color: transparent; border-color: #108ee9; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #49a9ee; background-color: transparent; border-color: #49a9ee; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-background-ghost.ant-btn-primary:active, .ant-btn-background-ghost.ant-btn-primary.active { color: #0e77ca; background-color: transparent; border-color: #0e77ca; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary.active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-background-ghost.ant-btn-primary.disabled, .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary.disabled:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary.disabled:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary.disabled:active, .ant-btn-background-ghost.ant-btn-primary[disabled]:active, .ant-btn-background-ghost.ant-btn-primary.disabled.active, .ant-btn-background-ghost.ant-btn-primary[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f7f7f7; border-color: #d9d9d9; } .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-background-ghost.ant-btn-danger { color: #f04134; background-color: transparent; border-color: #f04134; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #f46e65; background-color: transparent; border-color: #f46e65; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-background-ghost.ant-btn-danger:active, .ant-btn-background-ghost.ant-btn-danger.active { color: #d73435; background-color: transparent; border-color: #d73435; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger.active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .ant-btn-background-ghost.ant-btn-danger.disabled, .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger.disabled:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger.disabled:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger.disabled:active, .ant-btn-background-ghost.ant-btn-danger[disabled]:active, .ant-btn-background-ghost.ant-btn-danger.disabled.active, .ant-btn-background-ghost.ant-btn-danger[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f7f7f7; border-color: #d9d9d9; } .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } @-webkit-keyframes buttonEffect { to { opacity: 0; top: -6px; left: -6px; bottom: -6px; right: -6px; border-width: 6px; } } @keyframes buttonEffect { to { opacity: 0; top: -6px; left: -6px; bottom: -6px; right: -6px; border-width: 6px; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ .ant-modal { position: relative; width: auto; margin: 0 auto; top: 100px; padding-bottom: 24px; } .ant-modal-wrap { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; -webkit-overflow-scrolling: touch; outline: 0; } .ant-modal-title { margin: 0; font-size: 14px; line-height: 21px; font-weight: 500; color: rgba(0, 0, 0, 0.85); } .ant-modal-content { position: relative; background-color: #fff; border: 0; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .ant-modal-close { cursor: pointer; border: 0; background: transparent; position: absolute; right: 0; top: 0; z-index: 10; font-weight: 700; line-height: 1; text-decoration: none; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; color: rgba(0, 0, 0, 0.43); outline: 0; } .ant-modal-close-x { display: block; font-style: normal; vertical-align: baseline; text-align: center; text-transform: none; text-rendering: auto; width: 48px; height: 48px; line-height: 48px; font-size: 14px; } .ant-modal-close-x:before { content: "\E633"; display: block; font-family: "anticon" !important; } .ant-modal-close:focus, .ant-modal-close:hover { color: #444; text-decoration: none; } .ant-modal-header { padding: 13px 16px; border-radius: 4px 4px 0 0; background: #fff; color: rgba(0, 0, 0, 0.65); border-bottom: 1px solid #e9e9e9; } .ant-modal-body { padding: 16px; font-size: 12px; line-height: 1.5; } .ant-modal-footer { border-top: 1px solid #e9e9e9; padding: 10px 16px 10px 10px; text-align: right; border-radius: 0 0 4px 4px; } .ant-modal-footer button + button { margin-left: 8px; margin-bottom: 0; } .ant-modal.zoom-enter, .ant-modal.zoom-appear { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; } .ant-modal-mask { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: #373737; background-color: rgba(55, 55, 55, 0.6); height: 100%; z-index: 1000; filter: alpha(opacity=50); } .ant-modal-mask-hidden { display: none; } .ant-modal-open { overflow: hidden; } @media (max-width: 768px) { .ant-modal { width: auto !important; margin: 10px; } .vertical-center-modal .ant-modal { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .ant-confirm .ant-modal-header { display: none; } .ant-confirm .ant-modal-close { display: none; } .ant-confirm .ant-modal-body { padding: 30px 40px; } .ant-confirm-body-wrapper { zoom: 1; } .ant-confirm-body-wrapper:before, .ant-confirm-body-wrapper:after { content: " "; display: table; } .ant-confirm-body-wrapper:after { clear: both; visibility: hidden; font-size: 0; height: 0; } .ant-confirm-body .ant-confirm-title { color: rgba(0, 0, 0, 0.65); font-weight: bold; font-size: 14px; } .ant-confirm-body .ant-confirm-content { margin-left: 42px; font-size: 12px; color: rgba(0, 0, 0, 0.65); margin-top: 8px; } .ant-confirm-body > .anticon { font-size: 24px; margin-right: 16px; padding: 0 1px; float: left; } .ant-confirm .ant-confirm-btns { margin-top: 30px; float: right; } .ant-confirm .ant-confirm-btns button + button { margin-left: 10px; margin-bottom: 0; } .ant-confirm-error .ant-confirm-body > .anticon { color: #f04134; } .ant-confirm-warning .ant-confirm-body > .anticon, .ant-confirm-confirm .ant-confirm-body > .anticon { color: #ffbf00; } .ant-confirm-info .ant-confirm-body > .anticon { color: #108ee9; } .ant-confirm-success .ant-confirm-body > .anticon { color: #00a854; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ .ant-menu { outline: none; margin-bottom: 0; padding-left: 0; list-style: none; z-index: 1050; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.65); background: #fff; line-height: 46px; -webkit-transition: background .3s, width .2s; -o-transition: background .3s, width .2s; transition: background .3s, width .2s; } .ant-menu-hidden { display: none; } .ant-menu-item-group-list { margin: 0; padding: 0; } .ant-menu-item-group-title { color: rgba(0, 0, 0, 0.43); font-size: 12px; line-height: 1.5; padding: 8px 16px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ant-menu-item, .ant-menu-submenu, .ant-menu-submenu-title { cursor: pointer; } .ant-menu-submenu, .ant-menu-submenu-inline { -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item, .ant-menu-submenu-title { -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item:active, .ant-menu-submenu-title:active { background: #ecf6fd; } .ant-menu-submenu .ant-menu-sub { cursor: initial; -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item > a { display: block; color: rgba(0, 0, 0, 0.65); } .ant-menu-item > a:hover { color: #108ee9; } .ant-menu-item > a:focus { text-decoration: none; } .ant-menu-item > a:before { position: absolute; background-color: transparent; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; content: ''; } .ant-menu-item-divider { height: 1px; overflow: hidden; background-color: #e9e9e9; line-height: 0; } .ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover { color: #108ee9; } .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open { z-index: 1050; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu { margin-top: -1px; } .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { background-color: transparent; } .ant-menu-item-selected { color: #108ee9; } .ant-menu-item-selected > a, .ant-menu-item-selected > a:hover { color: #108ee9; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #ecf6fd; } .ant-menu-horizontal, .ant-menu-inline, .ant-menu-vertical { z-index: auto; } .ant-menu-inline, .ant-menu-vertical { border-right: 1px solid #e9e9e9; } .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-item { margin-left: -1px; left: 1px; position: relative; z-index: 1; } .ant-menu-inline .ant-menu-item:after, .ant-menu-vertical .ant-menu-item:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: 3px solid #108ee9; -webkit-transform: scaleY(0.0001); -ms-transform: scaleY(0.0001); transform: scaleY(0.0001); opacity: 0; -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-menu-vertical.ant-menu-sub { border-right: 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item { border-right: 0; margin-left: 0; left: 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item:after { border-right: 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item:first-child { border-radius: 4px 4px 0 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item:last-child, .ant-menu-vertical.ant-menu-sub > .ant-menu-item-group:last-child > .ant-menu-item-group-list:last-child > .ant-menu-item:last-child { border-radius: 0 0 4px 4px; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item:only-child { border-radius: 4px; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-selected:after, .ant-menu-inline .ant-menu-item-selected:after { -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .ant-menu-submenu-horizontal > .ant-menu { top: 100%; left: 0; position: absolute; min-width: 100%; margin-top: 7px; z-index: 1050; } .ant-menu-submenu-vertical { z-index: 1; } .ant-menu-submenu-vertical > .ant-menu { top: 0; left: 100%; position: absolute; min-width: 160px; margin-left: 4px; z-index: 1050; } .ant-menu-item, .ant-menu-submenu-title { margin: 0; padding: 0 20px; position: relative; display: block; white-space: nowrap; } .ant-menu-item .anticon, .ant-menu-submenu-title .anticon { min-width: 14px; margin-right: 8px; -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item .anticon + span, .ant-menu-submenu-title .anticon + span { -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 1; } .ant-menu > .ant-menu-item-divider { height: 1px; margin: 1px 0; overflow: hidden; padding: 0; line-height: 0; background-color: #e9e9e9; } .ant-menu-submenu { position: relative; } .ant-menu-submenu > .ant-menu { background-color: #fff; border-radius: 4px; } .ant-menu-submenu > .ant-menu-submenu-title:after { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-vertical > .ant-menu-submenu-title:after { font-family: "anticon" !important; font-style: normal; vertical-align: baseline; text-align: center; text-transform: none; text-rendering: auto; position: absolute; content: "\E61D"; right: 16px; -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg) scale(0.75); -ms-transform: rotate(270deg) scale(0.75); transform: rotate(270deg) scale(0.75); } .ant-menu-submenu-inline > .ant-menu-submenu-title:after { font-family: "anticon" !important; font-style: normal; vertical-align: baseline; text-align: center; text-transform: none; text-rendering: auto; position: absolute; content: "\E61D"; right: 16px; top: 0; display: inline-block; font-size: 12px; font-size: 8px \9; -webkit-transform: scale(0.66666667) rotate(0deg); -ms-transform: scale(0.66666667) rotate(0deg); transform: scale(0.66666667) rotate(0deg); /* IE6-IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"; zoom: 1; } :root .ant-menu-submenu-inline > .ant-menu-submenu-title:after { -webkit-filter: none; filter: none; } :root .ant-menu-submenu-inline > .ant-menu-submenu-title:after { font-size: 12px; } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title:after { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(180deg) scale(0.75); -ms-transform: rotate(180deg) scale(0.75); transform: rotate(180deg) scale(0.75); } .ant-menu-vertical .ant-menu-submenu-selected { color: #108ee9; } .ant-menu-vertical .ant-menu-submenu-selected > a { color: #108ee9; } .ant-menu-horizontal { border: 0; border-bottom: 1px solid #e9e9e9; -webkit-box-shadow: none; box-shadow: none; z-index: 0; } .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:hover, .ant-menu-horizontal > .ant-menu-submenu:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-submenu-open, .ant-menu-horizontal > .ant-menu-item-selected, .ant-menu-horizontal > .ant-menu-submenu-selected { border-bottom: 2px solid #108ee9; color: #108ee9; } .ant-menu-horizontal > .ant-menu-item > a, .ant-menu-horizontal > .ant-menu-submenu > a { display: block; color: rgba(0, 0, 0, 0.65); } .ant-menu-horizontal > .ant-menu-item > a:hover, .ant-menu-horizontal > .ant-menu-submenu > a:hover { color: #108ee9; } .ant-menu-horizontal:after { content: " "; display: block; height: 0; clear: both; } .ant-menu-vertical .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { padding: 0 16px; font-size: 12px; line-height: 42px; height: 42px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ant-menu-inline-collapsed { width: 64px; } .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; -o-text-overflow: clip; text-overflow: clip; padding: 0 24px !important; } .ant-menu-inline-collapsed > .ant-menu-item:after, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item:after, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title:after { display: none; } .ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { font-size: 16px; line-height: 42px; margin: 0; } .ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .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: rgba(255, 255, 255, 0.91); } .ant-menu-inline-collapsed .ant-menu-item-group-title { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 4px; padding-right: 4px; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 16px 0 28px; } .ant-menu-vertical.ant-menu-sub { padding: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-inline { -webkit-box-shadow: none; box-shadow: none; } .ant-menu-sub.ant-menu-inline { padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; 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: 42px; height: 42px; 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, 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, 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, 0.25) !important; cursor: not-allowed; } .ant-menu-dark, .ant-menu-dark .ant-menu-sub { color: rgba(255, 255, 255, 0.67); background: #404040; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #333; } .ant-menu-dark.ant-menu-horizontal { border-bottom-color: #404040; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { border-color: #404040; border-bottom: 0; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a { color: rgba(255, 255, 255, 0.67); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical { border-right: 0; } .ant-menu-dark.ant-menu-inline .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 .ant-menu-item:after { border-right: 0; } .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark:not(.ant-menu-inline) .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:hover > a, .ant-menu-dark .ant-menu-item-active > a, .ant-menu-dark .ant-menu-submenu-active > a, .ant-menu-dark:not(.ant-menu-inline) .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-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.ant-menu-dark .ant-menu-item-selected { background-color: #108ee9; } .ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-item-disabled > a, .ant-menu-dark .ant-menu-submenu-disabled > a { opacity: 0.8; color: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.35) !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ .ant-tooltip { position: absolute; z-index: 1060; display: block; visibility: visible; font-size: 12px; line-height: 1.5; } .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-rightTop, .ant-tooltip-placement-rightBottom { 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-leftTop, .ant-tooltip-placement-leftBottom { padding-right: 8px; } .ant-tooltip-inner { max-width: 250px; padding: 8px 10px; color: #fff; text-align: left; text-decoration: none; background-color: rgba(0, 0, 0, 0.75); border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); min-height: 34px; } .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, 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-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: 3px; border-width: 5px 5px 5px 0; border-right-color: rgba(0, 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-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: 3px; border-width: 5px 0 5px 5px; border-left-color: rgba(0, 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, 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; } html, body { font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } ul, ol { list-style: none; } body video { display: block; } .text-center { text-align: center; } a { -webkit-transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); } h1, h2, h3, h4 { color: #404040; } #react-content { width: 100%; overflow: hidden; } #page-404 { min-height: 680px; text-align: center; padding-top: 10%; color: #999; } #page-404 h1 { text-shadow: -1px -1px 4px #666; font-size: 200px; } #nprogress .bar { background: #108ee9; } #nprogress .peg { -webkit-box-shadow: 0 0 10px #108ee9, 0 0 5px #108ee9; box-shadow: 0 0 10px #108ee9, 0 0 5px #108ee9; } #nprogress .spinner-icon { border-top-color: #108ee9; border-left-color: #108ee9; } .content-wrapper > .tween-one-leaving, .queue-anim-leaving { position: absolute !important; width: 100%; } .video { max-width: 800px; } .templates-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .is-edit * { pointer-events: none; } #react-content { min-height: 100%; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ .content-template-wrapper { width: 100%; background: #fff; height: 100vh; border-color: #666; position: relative; } .content-template-wrapper .content-template { width: 100%; max-width: 1200px; height: 100%; margin: auto; position: relative; } .content-template-wrapper .content-template h1 { font-size: 32px; font-weight: normal; color: #404040; line-height: 48px; } .content-template-wrapper .content-template > p { font-size: 12px; margin: 20px auto; } .content-half-wrapper { height: 50vh; } @media screen and (max-width: 767px) { .content-template-wrapper .content-template { /*h1, > p { text-align: center; }*/ } .content-template-wrapper .content-template h1 { font-size: 24px; } } .header0 { height: 64px; background: rgba(51, 51, 51, 0.95); width: 100%; z-index: 970; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15); position: relative; top: 0; } .header0-logo { display: inline-block; position: absolute; left: 4%; width: 150px; line-height: 64px; } .header0-logo img { vertical-align: middle; display: inline-block; } .header0-logo a { display: block; } .header0-nav { float: right; margin-right: 8%; line-height: 64px; position: relative; } .header0-nav .ant-menu-horizontal { border-bottom-color: transparent; } .header0-nav .nav-botton { float: left; margin: 16px 0; color: #fff; } .header0-nav .nav-botton:hover { color: #019bf0; } .header0-nav .ant-menu { float: left; background: transparent; color: #FFF; line-height: 62px; } .header0-nav .ant-menu li { float: left; text-align: center; width: 100px; } .header0-nav .ant-menu li .item-lick { color: #fff; } .header0-nav .ant-menu li .item-lick:hover { color: #019bf0; } .header0-nav .ant-menu-horizontal > .ant-menu-item-active { color: #34aff3; border-bottom-color: #34aff3; } @media screen and (max-width: 767px) { .header0-logo { z-index: 101; } .header0-phone-nav { width: 16px; height: 14px; cursor: pointer; position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; } .header0-phone-nav-bar { position: relative; z-index: 100; } .header0-phone-nav-bar em { display: block; width: 100%; height: 2px; background: #FFF; margin-top: 4px; -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .header0-phone-nav-bar :first-child { margin-top: 0; } .header0-phone-nav.open .header0-phone-nav-bar em:nth-child(1) { -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } .header0-phone-nav.open .header0-phone-nav-bar em:nth-child(2) { opacity: 0; } .header0-phone-nav.open .header0-phone-nav-bar em:nth-child(3) { -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } .header0-phone-nav.open .header0-phone-nav-text { opacity: 1; pointer-events: auto; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .header0-phone-nav-text { position: fixed; top: 0; right: 0; width: 100%; height: 100%; padding-top: 64px; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); pointer-events: none; background: #404040; } .header0-phone-nav-text .ant-menu-item-selected { border: none; } } .banner0 { width: 100%; height: 91vh; position: relative; text-align: center; border-color: #666; } .banner0-wrapper { display: inline-block; position: absolute; top: 20%; margin: auto; left: 0; right: 0; font-size: 14px; color: #FFF; width: 550px; } .banner0-wrapper .queue-anim-leaving { position: relative !important; width: auto; } .banner0-wrapper .title { width: 350px; left: 30px; margin: auto; display: inline-block; font-size: 40px; position: relative; } .banner0-wrapper h1 { margin: 10px auto; } .banner0-wrapper p { margin-bottom: 20px; word-wrap: break-word; } .banner0-wrapper button { border: 1px solid #fff; color: #fff; background: transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -webkit-transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); line-height: 36px; font-size: 16px; height: 36px; } .banner0-wrapper button span { text-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: text-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: text-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); } .banner0-wrapper button:hover { color: #fff; border-color: #fff; background: rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 0 10px rgba(50, 250, 255, 0.75); box-shadow: 0 0 10px rgba(50, 250, 255, 0.75); } .banner0-wrapper button:hover span { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); } .banner0-icon { bottom: 20px; font-size: 24px; position: absolute; left: 50%; margin-left: -12px; color: #FFF; } @media screen and (max-width: 767px) { .banner0-wrapper { width: 90%; } .banner0-wrapper .title { width: 90%; left: 0; } .banner0:before { background-attachment: inherit; } } .content7-wrapper { height: 500px; overflow: hidden; } .content7 > h1 { text-align: center; position: relative; top: 15%; margin: auto; } .content7 > ul { position: relative; top: 25%; padding: 20px 0; } .content7 > ul > li { width: 33.33%; padding: 0 4%; display: inline-block; text-align: center; } .content7 > ul > li.queue-anim-leaving { position: relative !important; } .content7 > ul > li .icon { width: 100px; height: 100px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content7 > ul > li > h3 { line-height: 32px; margin: 10px auto; } @media screen and (max-width: 767px) { .content7-wrapper { height: 760px; } .content7-wrapper .content7 { width: 90%; max-width: 100%; } .content7-wrapper .content7 > h1 { top: auto; margin: 40px auto 20px; } .content7-wrapper .content7 > ul { top: auto; padding: 0; } .content7-wrapper .content7 > ul > li { width: 100%; max-width: 250px; display: block; margin: 20px auto 40px; padding: 0; } } .content0-img { height: 100%; width: 40%; overflow: hidden; position: absolute; left: 0; } .content0-img span { display: inline-block; position: absolute; width: 55%; right: 10%; line-height: 50vh; height: 50vh; margin: auto; top: 0; bottom: 0; } .content0-img span img { vertical-align: middle; } .content0-text { display: block; width: 55%; height: 150px; vertical-align: top; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; } .content0-text p, .content0-text h1 { position: relative !important; width: 75%; } .content0-text h1 { font-size: 32px; font-weight: normal; color: #404040; } .content0-text p { margin-top: 20px; } @media screen and (max-width: 767px) { .content0-wrapper { height: 400px; } .content0-wrapper .content0 { overflow: hidden; width: 90%; margin: auto; } .content0-wrapper .content0-img, .content0-wrapper .content0-text { width: 100%; display: block; position: relative; text-align: center; } .content0-wrapper .content0-img { height: 200px; margin: 20px auto; } .content0-wrapper .content0-img span { right: 0; left: 0; margin: auto; width: 180px; height: 200px; line-height: 200px; } .content0-wrapper .content0-text { height: 140px; margin-bottom: 20px; } .content0-wrapper .content0-text p, .content0-wrapper .content0-text h1 { width: 100%; top: auto; } .content0-wrapper .content0-text h1 { margin: 10px auto; font-size: 24px; } } .content1-img { height: 100%; width: 40%; overflow: hidden; position: absolute; right: 0; } .content1-img span { display: block; position: absolute; width: 55%; left: 10%; line-height: 50vh; height: 50vh; margin: auto; top: 0; bottom: 0; } .content1-img span img { vertical-align: middle; } .content1-text { display: block; width: 55%; height: 150px; vertical-align: top; position: absolute; top: 0; bottom: 0; margin: auto; } .content1-text p, .content1-text h1 { position: relative !important; width: 75%; float: right; } .content1-text h1 { font-size: 32px; font-weight: normal; color: #404040; } .content1-text p { margin-top: 20px; } @media screen and (max-width: 767px) { .content1-wrapper { height: 400px; } .content1-wrapper .content1 { overflow: hidden; width: 90%; margin: auto; } .content1-wrapper .content1-img, .content1-wrapper .content1-text { width: 100%; display: block; position: relative; text-align: center; } .content1-wrapper .content1-img { margin: 20px auto; height: 200px; } .content1-wrapper .content1-img span { right: 0; left: 0; margin: auto; width: 180px; height: 200px; line-height: 200px; } .content1-wrapper .content1-text { height: 140px; margin-top: 20px; } .content1-wrapper .content1-text p, .content1-wrapper .content1-text h1 { width: 100%; top: auto; } .content1-wrapper .content1-text p { margin-top: 20px; } .content1-wrapper .content1-text h1 { font-size: 24px; } } .content5-text { width: 35%; display: inline-block; vertical-align: top; position: relative; top: 15%; left: 5%; } .content5-text > *.queue-anim-leaving { position: relative !important; } .content5-text > h1 { position: relative; } .content5-text > p { position: relative; margin-top: 10px; } .content5-text ul { position: relative; margin-top: 10%; display: inline-block; } .content5-text ul li { margin-top: 8%; } .content5-text ul li span { display: inline-block; width: 30px; height: 30px; position: absolute; } .content5-text ul li h2, .content5-text ul li p { margin-left: 45px; } .content5-text ul li h2 { font-size: 14px; margin-bottom: 10px; } .content5-img { width: 50%; display: inline-block; position: relative; float: right; top: 15%; right: 5%; } @media screen and (max-width: 767px) { .content5-wrapper { height: 800px; overflow: hidden; } .content5-wrapper .content5 { width: 90%; max-width: 100%; } .content5-wrapper .content5-img, .content5-wrapper .content5-text { display: block; width: 100%; top: auto; left: auto; right: auto; } .content5-wrapper .content5-text { height: 430px; } .content5-wrapper .content5-text > h1 { margin: 40px auto 20px; font-size: 24px; } .content5-wrapper .content5-text > h1, .content5-wrapper .content5-text > p { text-align: center; } .content5-wrapper .content5-img { margin-top: 20px; } } .footer1 { background: #333; height: 400px; overflow: hidden; position: relative; color: #666; } .footer1 > ul { width: 95%; max-width: 1200px; margin: 40px auto 0; overflow: inherit; } .footer1 > ul > li:first-child { width: 28%; } .footer1 > ul > li { float: left; width: 18%; padding: 10px; position: relative !important; } .footer1 > ul > li h2 { font-weight: normal; color: #CCC; margin-bottom: 20px; } .footer1 > ul > li .icon { width: 20px; display: inline-block; margin-left: 10px; opacity: .35; -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .footer1 > ul > li .icon:first-child { margin-left: 0; } .footer1 > ul > li .icon:hover { opacity: 1; } .footer1 > ul > li a { color: #666; display: block; } .footer1 > ul > li a:hover { color: #CCC; } .footer1 > ul > li .logo { width: 80%; max-width: 150px; display: block; } .footer1 .copyright { position: absolute; bottom: 0; width: 100%; height: 100px; text-align: center; border-top: 1px solid rgba(233, 233, 233, 0.1); } .footer1 .copyright span { display: block; margin: 20px auto 0; } @media screen and (max-width: 767px) { .footer1 { height: 680px; } .footer1 > ul { width: 90%; margin: 20px auto 0; padding: 10px 0; } .footer1 > ul > li { width: 100%; } .footer1 > ul > li h2 { margin-bottom: 10px; } .footer1 > ul > li li { display: inline-block; margin-right: 10px; } .footer1 .copyright span { width: 90%; } } @media screen and (min-width: 768px) { #content_6_0 { height: 122vh; } #content_1_0-titleBlock0 { left: 30px; text-align: center; width: 350px; } #content_1_0-contentBlock0 { text-align: center; margin: 20px 0px 20px 0px; font-size: 16px; } #footer_1_0-block3 ul li.icon:hover { width: 90px; } #footer_1_0-block3 ul li.icon { width: 90px; } #footer_1_0-logo p { line-height: 32px; } #footer_1_0-content span { color: #f5f6f7; } #nav_0_0-logo { width: 150px; left: 2%; } #content_0_0-content { margin: 20px 0px 20px 60px; font-size: 16px; } #content_0_0-button:hover { border-color: #019bf0; border-width: 1px; } #content_8_0 { background-position: left; border-width: 1px; border-style: solid; border-color: #e5e5e5; height: 106vh; } .content6 #content_8_0-imgBlock0.content6-img { width: 38%; right: 10%; float: right; } #content_4_0 { height: 128vh; } #content_4_0-contentWrapper { height: 66%; } #content_7_0-img { width: 45%; } #content_7_0-textWrapper { width: 45%; } #content_7_0-ul { margin: 0 0 0 0; } #content_7_0 .content-template { width: 100%; } } html, body { font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } ul, ol { list-style: none; } body video { display: block; } .text-center { text-align: center; } a { -webkit-transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); } h1, h2, h3, h4 { color: #404040; } #react-content { width: 100%; overflow: hidden; } #page-404 { min-height: 680px; text-align: center; padding-top: 10%; color: #999; } #page-404 h1 { text-shadow: -1px -1px 4px #666; font-size: 200px; } #nprogress .bar { background: #108ee9; } #nprogress .peg { -webkit-box-shadow: 0 0 10px #108ee9, 0 0 5px #108ee9; box-shadow: 0 0 10px #108ee9, 0 0 5px #108ee9; } #nprogress .spinner-icon { border-top-color: #108ee9; border-left-color: #108ee9; } .content-wrapper > .tween-one-leaving, .queue-anim-leaving { position: absolute !important; width: 100%; } .video { max-width: 800px; } .templates-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .is-edit * { pointer-events: none; } #react-content { min-height: 100%; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ .content-template-wrapper { width: 100%; background: #fff; height: 100vh; border-color: #666; position: relative; } .content-template-wrapper .content-template { width: 100%; max-width: 1200px; height: 100%; margin: auto; position: relative; } .content-template-wrapper .content-template h1 { font-size: 32px; font-weight: normal; color: #404040; line-height: 48px; } .content-template-wrapper .content-template > p { font-size: 12px; margin: 20px auto; } .content-half-wrapper { height: 50vh; } @media screen and (max-width: 767px) { .content-template-wrapper .content-template { /*h1, > p { text-align: center; }*/ } .content-template-wrapper .content-template h1 { font-size: 24px; } } .header0 { height: 64px; background: rgba(51, 51, 51, 0.95); width: 100%; z-index: 970; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15); position: relative; top: 0; } .header0-logo { display: inline-block; position: absolute; left: 4%; width: 150px; line-height: 64px; } .header0-logo img { vertical-align: middle; display: inline-block; } .header0-logo a { display: block; } .header0-nav { float: right; margin-right: 4%; line-height: 64px; position: relative; } .header0-nav .ant-menu-horizontal { border-bottom-color: transparent; } .header0-nav .ant-menu { background: transparent; color: #FFF; line-height: 62px; } .header0-nav .ant-menu li { float: left; text-align: center; width: 100px; } .header0-nav .ant-menu-horizontal > .ant-menu-item-active { color: #34aff3; border-bottom-color: #34aff3; } @media screen and (max-width: 767px) { .header0-logo { z-index: 101; } .header0-phone-nav { width: 16px; height: 14px; cursor: pointer; position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; } .header0-phone-nav-bar { position: relative; z-index: 100; } .header0-phone-nav-bar em { display: block; width: 100%; height: 2px; background: #FFF; margin-top: 4px; -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .header0-phone-nav-bar :first-child { margin-top: 0; } .header0-phone-nav.open .header0-phone-nav-bar em:nth-child(1) { -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } .header0-phone-nav.open .header0-phone-nav-bar em:nth-child(2) { opacity: 0; } .header0-phone-nav.open .header0-phone-nav-bar em:nth-child(3) { -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } .header0-phone-nav.open .header0-phone-nav-text { opacity: 1; pointer-events: auto; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .header0-phone-nav-text { position: fixed; top: 0; right: 0; width: 100%; height: 100%; padding-top: 64px; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); pointer-events: none; background: #404040; } .header0-phone-nav-text .ant-menu-item-selected { border: none; } } .banner1 { width: 100%; height: 91vh; position: relative; text-align: center; border-color: #666; } .banner1-wrapper { display: inline-block; position: absolute; top: 20%; margin: auto; left: 0; right: 0; font-size: 14px; color: #FFF; width: 550px; } .banner1-wrapper .queue-anim-leaving { position: relative !important; width: auto; } .banner1-wrapper .title { width: 350px; left: 30px; margin: auto; display: inline-block; font-size: 40px; position: initial; } .banner1-wrapper h1 { margin: 10px auto; } .banner1-wrapper p { font-weight: bold; margin-bottom: 20px; word-wrap: break-word; } .banner1-wrapper button { border: 1px solid #fff; color: #fff; background: transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -webkit-transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); line-height: 36px; font-size: 16px; height: 36px; } .banner1-wrapper button span { text-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transition: text-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: text-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: text-shadow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); } .banner1-wrapper button:hover { color: #fff; border-color: #fff; background: rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 0 10px rgba(50, 250, 255, 0.75); box-shadow: 0 0 10px rgba(50, 250, 255, 0.75); } .banner1-wrapper button:hover span { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); } .banner1-icon { bottom: 20px; font-size: 24px; position: absolute; left: 50%; margin-left: -12px; color: #FFF; } @media screen and (max-width: 767px) { .banner1-wrapper { width: 90%; } .banner1-wrapper .title { width: 90%; left: 0; color: #2b2b2b; } .banner1-wrapper p { color: #2b2b2b; font-weight: bold; } .banner1:before { background-attachment: inherit; } } .content0-img { height: 100%; width: 40%; overflow: hidden; position: absolute; left: 0; } .content0-img span { display: inline-block; position: absolute; width: 55%; right: 10%; line-height: 50vh; height: 50vh; margin: auto; top: 0; bottom: 0; } .content0-img span img { vertical-align: middle; } .content0-text { display: block; width: 55%; height: 150px; vertical-align: top; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; } .content0-text p, .content0-text h1 { position: relative !important; width: 75%; } .content0-text h1 { font-size: 32px; font-weight: normal; color: #404040; } .content0-text p { margin-top: 20px; } @media screen and (max-width: 767px) { .content0-wrapper { height: 400px; } .content0-wrapper .content0 { overflow: hidden; width: 90%; margin: auto; } .content0-wrapper .content0-img, .content0-wrapper .content0-text { width: 100%; display: block; position: relative; text-align: center; } .content0-wrapper .content0-img { height: 200px; margin: 20px auto; } .content0-wrapper .content0-img span { right: 0; left: 0; margin: auto; width: 180px; height: 200px; line-height: 200px; } .content0-wrapper .content0-text { height: 140px; margin-bottom: 20px; } .content0-wrapper .content0-text p, .content0-wrapper .content0-text h1 { width: 100%; top: auto; } .content0-wrapper .content0-text h1 { margin: 10px auto; font-size: 24px; } } .content1-img { height: 100%; width: 40%; overflow: hidden; position: absolute; right: 0; } .content1-img span { display: block; position: absolute; width: 55%; left: 10%; line-height: 50vh; height: 50vh; margin: auto; top: 0; bottom: 0; } .content1-img span img { vertical-align: middle; } .content1-text { display: block; width: 55%; height: 150px; vertical-align: top; position: absolute; top: 0; bottom: 0; margin: auto; } .content1-text p, .content1-text h1 { position: relative !important; width: 75%; float: right; } .content1-text h1 { font-size: 32px; font-weight: normal; color: #404040; } .content1-text p { margin-top: 20px; } @media screen and (max-width: 767px) { .content1-wrapper { height: 400px; } .content1-wrapper .content1 { overflow: hidden; width: 90%; margin: auto; } .content1-wrapper .content1-img, .content1-wrapper .content1-text { width: 100%; display: block; position: relative; text-align: center; } .content1-wrapper .content1-img { margin: 20px auto; height: 200px; } .content1-wrapper .content1-img span { right: 0; left: 0; margin: auto; width: 180px; height: 200px; line-height: 200px; } .content1-wrapper .content1-text { height: 140px; margin-top: 20px; } .content1-wrapper .content1-text p, .content1-wrapper .content1-text h1 { width: 100%; top: auto; } .content1-wrapper .content1-text p { margin-top: 20px; } .content1-wrapper .content1-text h1 { font-size: 24px; } } .content2 > h1, .content2 > p { text-align: center; position: relative; top: 4%; } .content2-contentWrapper { position: relative; top: 5%; height: 60%; } .content2-contentWrapper ul > li { display: inline-block; width: 33.33%; padding: 6% 5% 0; vertical-align: top; } .content2-contentWrapper ul > li .img { display: inline-block; width: 15%; vertical-align: top; } .content2-contentWrapper ul > li .text { width: 85%; display: inline-block; padding-left: 8%; } @media screen and (max-width: 767px) { .content2-wrapper { height: 920px; } .content2-wrapper .content2 { overflow: hidden; width: 90%; margin: auto; } .content2-wrapper .content2 > h1, .content2-wrapper .content2 > p { position: relative; top: auto; } .content2-wrapper .content2 > h1 { margin: 40px auto 20px; font-size: 24px; } .content2-wrapper .content2-contentWrapper { top: auto; margin: 20px auto; height: auto; } .content2-wrapper .content2-contentWrapper ul > li { position: relative; width: 90%; margin: auto; display: block; } .content2-wrapper .content2-contentWrapper ul > li h1 { font-size: 20px; } .content2-wrapper .content2-contentWrapper ul > li.queue-anim-leaving { position: relative !important; } } .footer0 { background-color: #333; text-align: center; height: 80px; color: #666; overflow: hidden; position: relative; } .footer0 span { display: block; margin: 20px auto 0; } @media screen and (max-width: 767px) { .footer0 > div { width: 90%; margin: auto; } } @media screen and (min-width: 768px) { #content_0_1-title { font-size: 40px; width: 420px; } #content_0_1-content { margin: 20px 0px 20px 0px; text-align: center; font-size: 14px; } #content_0_1-button:hover { border-width: 0px; } #content_0_1-button { border-width: 0px; } #content_0_1-wrapper { top: 22%; } #content_4_1 { height: inherit; padding: 20px 0; min-height: 168vh; } #content_4_1-title { top: 4%; } .content2 #content_4_0-block0 .img { margin: 0 0 0 0; } .content2 #content_4_0-block1 .img { margin: 0 0 0 0; } .content2 #content_4_0-block2 .img { margin: 0 0 0 0; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ html, body { font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } ul, ol { list-style: none; } body video { display: block; } .text-center { text-align: center; } a { -webkit-transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); } h1, h2, h3, h4 { color: #404040; } #react-content { width: 100%; overflow: hidden; } #page-404 { min-height: 680px; text-align: center; padding-top: 10%; color: #999; } #page-404 h1 { text-shadow: -1px -1px 4px #666; font-size: 200px; } #nprogress .bar { background: #108ee9; } #nprogress .peg { -webkit-box-shadow: 0 0 10px #108ee9, 0 0 5px #108ee9; box-shadow: 0 0 10px #108ee9, 0 0 5px #108ee9; } #nprogress .spinner-icon { border-top-color: #108ee9; border-left-color: #108ee9; } .content-wrapper > .tween-one-leaving, .queue-anim-leaving { position: absolute !important; width: 100%; } .video { max-width: 800px; } .templates-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .is-edit * { pointer-events: none; } #react-content { min-height: 100%; } .content-wrapper-box { width: 90% !important; height: 58vh !important; } .content-wrapper-box h1 { color: #fff !important; font-size: 42px !important; width: inherit !important; min-width: 420px !important; } .content-wrapper-box p { color: #fff; width: 88% !important; font-size: 18px !important; text-align: left !important; margin: 28px 0 !important; } .content-template-wrapper { width: 100%; background: #fff; height: 100vh; border-color: #666; position: relative; } .content-template-wrapper .content-template { width: 100%; max-width: 1200px; height: 100%; margin: auto; position: relative; } .content-template-wrapper .content-template h1 { font-size: 32px; font-weight: normal; color: #404040; line-height: 48px; } .content-template-wrapper .content-template > p { font-size: 12px; margin: 20px auto; } .content-half-wrapper { height: 50vh; } @media screen and (max-width: 767px) { .content-template-wrapper .content-template { /*h1, > p { text-align: center; }*/ } .content-template-wrapper .content-template h1 { font-size: 24px; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */ html, body { font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } ul, ol { list-style: none; } body video { display: block; } .text-center { text-align: center; } a { -webkit-transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); } h1, h2, h3, h4 { color: #404040; } #react-content { width: 100%; overflow: hidden; } #page-404 { min-height: 680px; text-align: center; padding-top: 10%; color: #999; } #page-404 h1 { text-shadow: -1px -1px 4px #666; font-size: 200px; } #nprogress .bar { background: #108ee9; } #nprogress .peg { -webkit-box-shadow: 0 0 10px #108ee9, 0 0 5px #108ee9; box-shadow: 0 0 10px #108ee9, 0 0 5px #108ee9; } #nprogress .spinner-icon { border-top-color: #108ee9; border-left-color: #108ee9; } .content-wrapper > .tween-one-leaving, .queue-anim-leaving { position: absolute !important; width: 100%; } .video { max-width: 800px; } .templates-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .is-edit * { pointer-events: none; } #react-content { min-height: 100%; } .content-wrapper-price-box { width: 100% !important; height: 80vh; } .content-wrapper-price-box ul { overflow: hidden; width: 100%; } .content-wrapper-price-box .price-box-li { text-align: center; float: left; background: #fff; width: 25%; height: 80vh; margin-left: 6.3333%; border-radius: 8px; overflow: hidden; } .content-wrapper-price-box .price-box-li h2 { text-align: center; font-size: 32px; color: #333; line-height: 100px; border-bottom: 1px solid #e5e5e5; background: #f5f6f7; } .content-wrapper-price-box .price-box-li .price-box-dev { text-align: left; font-size: 16px; color: #333; padding: 20px 0 20px 28px; border-bottom: 1px solid #e5e5e5; } .content-wrapper-price-box .price-box-li .price-box-dev .price-dev { height: 48px; } .content-wrapper-price-box .price-box-li .price-box-dev span { font-size: 38px; } .content-wrapper-price-box .price-box-li .price-box-dev div { margin: 10px 10px 10px 0; } .content-wrapper-price-box .price-box-li .price-footer { text-align: left; font-size: 16px; color: #333; padding: 20px 0 20px 28px; } .content-wrapper-price-box .price-box-li .price-footer div, .content-wrapper-price-box .price-box-li .price-footer h3 { margin: 10px 0; } .content-wrapper-price-box .price-box-li .price-footer label { color: #ccc; display: inline-block; width: 80px; text-align: right; } .content-wrapper-price-box .price-box-li .price-footer span { display: inline-block; } .content-wrapper-price-box .price-box-li button { width: 80%; height: 46px; font-size: 16px; } .content-template-wrapper { width: 100%; background: #fff; height: 100vh; border-color: #666; position: relative; } .content-template-wrapper .content-template { width: 100%; max-width: 1200px; height: 100%; margin: auto; position: relative; } .content-template-wrapper .content-template h1 { font-size: 32px; font-weight: normal; color: #404040; line-height: 48px; } .content-template-wrapper .content-template > p { font-size: 12px; margin: 20px auto; } .content-half-wrapper { height: 50vh; } @media screen and (max-width: 767px) { .content-template-wrapper .content-template { /*h1, > p { text-align: center; }*/ } .content-template-wrapper .content-template h1 { font-size: 24px; } }